Infogrfico: caractersticas, autoria e uso educacional

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.

Figura 1. Infogrfico sobre sondas no universo

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

Por que utilizar o infogrfico: a teoria da aprendizagem multimdia

A aprendizagem se d de maneira melhor quando o processo de informao estiver alinhado com o processo cognitivo humano, ou seja, quando o volume de informaes oferecidas ao aluno for compatvel com a capacidade de compreenso humana. Assim a Teoria da Carga Cognitiva, apia-se na impossibilidade natural do ser humano em processar muitas informaes na memria a cada momento. (SWELLER, 1998 e PAAS, 2004)

Teoria da Carga Cognitiva

no auxilia na construo e automao de esquemas

elementos que favorecem o processo de aprendizagem

complexidade inerente ao contedo a ser ensinado

Teoria da aprendizagem multimdia

Apresentao Multimdia Memria Memria de Sensorial Trabalho Teoria da Codificao Dual
ouvidos
Sel Palavras

Memria de Longo Prazo

Modo Verbal

palavras

sons

Org. Palavras

LIMITADA
Integrao

Conhecimento prvio

imagens

olhos

Sel Imagens

imagens

Org. Imagens

Modo Visual
Adaptado de Mayer, 2005

Teoria da Aprendizagem Multimdia: princpios de Mayer

Multimdia

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 baixar e instalar o Mapedit, o professor deve fazer upload da imagem.

Em seguida, deve selecionar um dos formatos: retngulo, crculo ou polgono, para criar sua rea sensvel.

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="Sobre RS" onMouseOut="Fora RS

Por:

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"

Caso o professor queira associar um texto rea sensvel, deve trocar:

onMouseOver="Sobre SC" onMouseOut="Fora SC

Por:

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).