Professional Documents
Culture Documents
Valria Costa
doutoranda - UFRGS
Liane Tarouco
Professora CINTED-UFRGS e PGIE-UFRGS
Introduo
Convergncia digital
Oportunidade e necessidade de novas estratgias no uso combinado de mdias para a criao de material educacional multimdia. Dentre os formatos possveis, escolheu-se o infogrfico por levar em conta os processos cognitivos do aprendiz ao lidar com contedo multimdia.
Introduo
Sendo assim, esta pesquisa envolve e considera:
o subsdio terico encontrado na Teoria da Aprendizagem Multimdia desenvolvida por Mayer (2005; 2009); a possibilidades de incluir no infogrfico interatividade e multimidialidade tal como vem sendo usado no jornalismo on-line (PALCIOS, 2003); uma soluo para a autoria de infogrficos de forma fcil e rpida utilizando uma combinao do software Mapedit e de Javascript.
O Infogrfico
Infografia ou infogrficos so representaes visuais de informao. Esses grficos so usados onde a informao precisa ser explicada de forma mais dinmica, como em mapas, jornalismo e manuais tcnicos, educativos ou cientficos. A infografia torna possvel transformar dados sem sentido em informaes organizadas de forma que o leitor/aluno possa entend-las. Na educao, no suporte impresso, o infogrfico usado nas reas de Fsica e Qumica para representar fenmenos em esquemas, desenhos e esboos.
O infogrfico online
No suporte digital, a infografia pode ser considerada como uma ferramenta de explorao e no apenas como uma simples apresentao da informao (CAIRO, 2008). Interatividade
palavras
sons
Org. Palavras
LIMITADA
Integrao
Conhecimento prvio
imagens
olhos
Sel Imagens
imagens
Org. Imagens
Modo Visual
Adaptado de Mayer, 2005
INFOGRFICO
Coerncia
Proximidade Espacial
Ferramentas de autoria para criar infogrficos No existe uma ferramenta nica para criar infogrficos. Uso combinado de ferramentas:
Flash Mapedit Gimp
Mapedit +Javascript
Aps marcar cada rea, surge uma caixa de dilogo. Nela deve-se inserir o texto que vai aparecer quando o aluno passar o cursor sobre aquela rea (opo ALT). Tambm deve ser colocado algum texto nas caixas referentes s opes OnMouseOver e OnMouseOut.
Salvar o arquivo com extenso .html e abrir com o bloco de notas. Esta parte deve ser colada no template onde h um comentrio indicando o local.
Em seguida, deve-se substituir os textos entre aspas dos comandos onMouseOver e onMouseOut. No caso de abrir uma imagem, substitua:
onMouseOver="document.imagem.src=imagem1.src" onMouseOut="document.imagem.src=imagem0.src"
As imagens indicadas so as que devem ser exibidas: imagem1 deve aparecer quando o aluno passar o mouse sobre o estado do Rio Grande do Sul; imagem0 deve aparecer quando o aluno retirar o mouse desta parte da figura.
Essa associao deve ser feita no incio do template com os arquivos que sero utilizados pelo professor:
imagem0.src="blank.jpg" imagem1.src="mapariograndedosul3.jpg"
onMouseOver="insere();" onMouseOut="limpa();"
Alm disso, deve digitar o texto a ser exibido na tela entre as aspas do comando txt=" ", logo depois da funo insere ().
Consideraes Finais
O infogrfico, alm de ser um formato adequado narrativa digital, constitui uma forma de possibilitar este uso integrado de texto e imagem tal como preconizado pela Teoria da Aprendizagem Multimdia. Neste trabalho foi apresentada uma estratgia para que um professor, com pouco conhecimento de informtica e programao, possa criar seus prprios infogrficos utilizando uma ferramenta online e a linguagem Javascript atravs de um template.
Consideraes Finais
A busca de uma estratgia que apie a autoria de infogrficos pelos prprios professores e mesmo pelos alunos, apia-se tambm no princpio da aprendizagem ativa ensejando a criao de recursos educacionais digitais com interatividade.. O compartilhamento de tais recursos, atravs de repositrios de contedo educacional aberto permitir acesso, uso e adaptao dos infogrficos por outros professores mediante o uso de conhecimento relativamente simples tal como explanado neste trabalho.
Referncias
ADOBE. Software Adobe Flash Professional CS5. Disponvel em: http://www.adobe.com/br/products/flash/whatisflash/ . Acesso em: 20 set. 2010. BOUTELL. Mapedit. Disponvel em http://www.boutell.com/mapedit/. Acesso em: 20 set. 2010. CAIRO, Alberto. Infografia 2.0: visualizacion interactiva de informacion en prensa. Espanha: Alamut, 2008. _____. La beleza de la simplicidad: el poder de la infografia en la era de los datos. jul. 2010. Disponvel em: http://infografiaembasededados.files.wordpress.com/2010/07/ aprsentacaoalberto-cairo.pdf. Acesso em: 2 ago. 2010. CLARK, R. C., MAYER, R. E. E-learning and the science of instruction: proven guidelines for consumers and designers of multimedia learning. San Francisco: Pfeiffer, 2008. CLARK, R., NGUYEN, F. SWELLER, J. Efficiency in learning: evidence-based guidelines to manage cognitive load. San Francisco: Pfeiffer, 2006. COLLE, R. Estilos o tipos de infogrfos. (1998) Revista Latina de Comunicacin Social, n. 12, dezembro de 1998. Disponvel em: <http://www.ull.es/publicaciones/latina/a/02mcolle/texto.colle.htm>. Acesso em: 6 ago. 2010.
Referncias
DIAS, Mateus Pereira; CARVALHO, Jos Oscar Fontanini de. (2007) A visualizao da informao e sua contribuio para a Cincia da Informao. DataGramaZero Revista de Cincia da Informao. v. 8, n. 5, out. 2007. Disponvel em: dgz.org.br/out07/Art_02.htm. Acesso em: 6 ago. 2010. FLETCHER, J. D., TOBIAS, S. The multimedia principle. In: MAYER, R. E. (Ed.). The Cambridge Handbook of Multimedia Learning. New York: Cambridge University Press, 2005. p. 117-134. FREITAS, C. M. D. S. et al. Introduo Visualizao de Informaes. RITA Revista de Informtica Terica e Aplicada, Instituto de Informtica UFRGS, Porto Alegre, RS, v. VIII, n. 2, p. 143-158, outubro, 2001. Disponvel em http://www.inf.ufrgs.br/~revista/docs/rita08/ rita_v8_n2_p143a158.pdf. Acesso em: 12 maio 2007. MAYER, R. E. Introduction to Multimedia Learning. In: MAYER, R. E. (Ed.). The Cambridge Handbook of Multimedia Learning. New York: Cambridge University Press, 2005. p.1-18. _____. Multimedia Learning. New York: Cambridge University Press, 2009. MILLER, G. A. The magical number seven, plus or minus two: some limits on our capacity for processing information. Psychological Review, 1978, v. 63, p. 81-97. http://www.well.com/user/smalin/miller.html. Acesso em: 21 jan. 2003. MORENO,R. Mayer, R. Interactive Multimodal Learning Environments. Educ Psychol Rev (2007) 19:309326.
Referncias
PAAS, F. RENKL, A. Sweller, J. Cognitive Load Theory: Instructional Implications of the Interaction between Information Structures and Cognitive Architecture. Instructional Science 32: 18, 2004. PALACIOS, M. Ruptura, continuidade e potencializao no jornalismo on-line: o lugar da memria. In: MACHADO, E.; PALACIOS, M. (Orgs.). Modelos de jornalismo digital. Salvador: Edies GJOL; Calandra, 2003, pp. 13-36. RIBAS, B. Infografia Multimdia: um modelo narrativo para o webjornalismo. In: V Congreso Iberoamericano de Periodismo en Internet, Salvador, 2004. Disponvel em: http://www.facom.ufba.br/jol/pdf/2004_ribas_infografia_multimidia.pdf. Acesso em: 06 ago. 2010. SALAVERRA, R. Redaccion periodstica en internet. Navarra: EUNSA, 2005. SWELLER, J. et al. Cognitive architecture and instructional design. Educational Psychology Review. v. 10, n. 3, 1998. TAKAHASHI, T. (Org.). Sociedade da informao no Brasil: livro verde. Braslia: MCT, 2000. TAROUCO, Liane; AVILA, Brbara Multimdia na alfabetizao digital com fluncia para a autoria. RENOTE. Vol. 5, No 2 (2007).