18.08.2013 Views

Interfaces Digitais em EaD - Portal do Professor - Ministério da ...

Interfaces Digitais em EaD - Portal do Professor - Ministério da ...

Interfaces Digitais em EaD - Portal do Professor - Ministério da ...

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

HIPERMÍDIAS: IntERfAcES DIgItAIS EM EA D<br />

instrucionais. As animações cria<strong>da</strong>s tiveram o storyboard desenvolvi<strong>do</strong> pelos designers<br />

gráficos, sob a supervisão <strong>do</strong> coordena<strong>do</strong>r de hipermídia e designers instrucionais. A seguir,<br />

são detalha<strong>da</strong>s to<strong>da</strong>s as etapas de criação a partir <strong>do</strong> modelo Addie que permeou os<br />

modelos de criação de hipermídia de Ulbricht et al. (2008) e de Garret (2003).<br />

4.1 As etapas <strong>do</strong> projeto<br />

4.1.1 Análise<br />

Na fase de análise foram levanta<strong>do</strong>s os <strong>da</strong><strong>do</strong>s textuais (ou seja, o conteú<strong>do</strong> <strong>do</strong><br />

projeto, área de atuação, limitações de texto, especificações de objetos instrucionais e<br />

pesquisa) e os objetivos <strong>do</strong> site (qual a sua função, como apresentar o conteú<strong>do</strong> ao aluno,<br />

qual mídia será utiliza<strong>da</strong> e qual o principal foco <strong>do</strong> conteú<strong>do</strong> que a hipermídia abor<strong>da</strong>rá).<br />

A fase de análise foi marca<strong>da</strong> por muitas reuniões e discussões entre os professores<br />

conteudistas, os designers instrucionais, os designers gráficos e os programa<strong>do</strong>res. Através<br />

de pesquisa, foram aponta<strong>do</strong>s alguns materiais de sugestão e inspiração para se <strong>da</strong>r início<br />

ao processo de criação <strong>da</strong> mesma.<br />

4.1.2 Design<br />

Com a mídia, el<strong>em</strong>entos instrucionais e linguag<strong>em</strong> gráfica defini<strong>do</strong>s na etapa de<br />

análise, partiu-se para a etapa de design que abrange a edição <strong>da</strong>s imagens e compilação de<br />

ilustrações, a elaboração <strong>do</strong> design instrucional sobre o texto bruto (conteú<strong>do</strong> <strong>do</strong> curso) a<br />

partir <strong>da</strong>s especificações funcionais e requisitos <strong>do</strong> conteú<strong>do</strong>. Esta etapa foi caracteriza<strong>da</strong><br />

pela elaboração de el<strong>em</strong>entos gráficos, definição de cartela de cores, criação de cenários<br />

e personagens, identi<strong>da</strong>de visual e adequação <strong>da</strong>s figuras à reali<strong>da</strong>de <strong>do</strong> estu<strong>do</strong> de caso<br />

56

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!