11

Multimídia interativa: princípios e ferramentas

Liane M. R. TaroucoPedro Moiano dos Santos

Barbara ÁvilaAnita Grando

Cristiane Souza AbreuCINTED/UFRGS

22

Aprendizagem com TIC • Como os estudantes processam e compreendem a informação apresentada ?

• A tecnologia atualmente disponível enseja diversificados modos de organização da informação com diferentes implicações cognitivas associadas às diferentes opções

33

Projeto de material educacional

• Quantidade & qualidade – Aspectos inerentes a teorias de aprendizagem

– Combinar o conhecimento de outras áreas• Ergonomia• Engenharia de sistemas

– Levar ainda em conta as potencialidades e limitações da tecnologia envolvida

44

Cognição e multimídia

• O projeto e desenvolvimento de conteúdoeducacional multimídia deve ser pautadopor princípios derivados da teoria da cargacognitiva

John Sweller

55

Memória de trabalho

Memória sensorial

Memória de longo termo

�

• Armazenamento

permanente de todo o

conhecimento e habilidades

em uma rede hierárquica

(esquemas)

Arquitetura cognitiva

Estímulo do ambiente

�

•Recebe a informação

• Limitada capacidade

• Limitada duração

• Processadores separados

para informação visual e

auditiva

66

Carga cognitiva

• A carga cognitiva refere-se às demandas colocadas na memória de trabalho do aprendiz durante a instrução.

• No caso da instrução baseada por computador isto engloba – o processo mental necessário para acessar e interpretar as telas, ícones e objetos

– o processo cognitivo dedicado para processar o real conteúdo da instrução.

77

Carga cognitiva

• Intrínseca– esforço que contribui para a construção dos esquemas

– derivada da natureza do conteúdo a ser aprendido

• Externa ao conteúdo– esforço requerido para processar o conteúdo em decorrência de sua estruturação e organização

– derivada do material instrucional

88

Sobrecarga cognitiva

99

Sobrecarga cognitiva

• Carga cognitiva processual ou funcional elevada quando cada componente necessita ser percebido e interpretado pelo aprendiz

• Muitas inter-relações entre os elementos percebidos

1010

Efeitos cognitivos do design• Como os aprendizes processam e codificam as informações apresentadas em websitescom propósitos educacionais

• Obstáculos da tecnologia limitam a interatividade dos estudantes, mas mesmo assim ensejam explorações diversificadas

1111

Focalizando a atenção do estudante

• Objetivo de um bom design de página para uso educacional é reduzir a quantidade de processamento direcionado à interação com o sistema maximizando o processamento do conhecimento que está sendo ensinado.

1212

Reduzindo a carga cognitiva• Uma tela que use convenções padrão no texto, gráficos, navegação e layout será mais facilmente interpretada e conseqüentemente terá uma carga cognitiva muito mais baixa.

• O objetivo de um bom design de páginapara uso educacional é reduzir a quantidadede processamento direcionado à interaçãocom o sistema e maximizando o processamento do conhecimento que estásendo ensinado

1313

Ambientes multimodais

Auditiva – através dos ouvidosVisual – através dos olhos

Sentidos usados para receber os dados

Moda-lidade

Verbal (palavras impressas ou faladas)Não Verbal(ilustrações, fotos, vídeos e animações)

Código usado para representar a informação

Modo

ExemplosDescrição

Moreno & Mayer

1414

Compreensão & multimídia

• A compreensão dos estudantes é ampliada pela adição de representações não verbais a explicações verbais

• Combinar representações verbais e não verbais usando apresentações com modalidades auditiva e visual mescladas– A arquitetura mental humana tem canais limitados independentes para processamento dos sinais de entrada

1515

Efeitos derivados do uso da linguagem visual

• Wharton School of Business– Ajuda processo de tomada de decisão– Diminui duração de reuniões– Promove consenso– Persuasiva– Causa boa impressão

• Sweller– Auxilia a compreensão de problemas e a aprendizagem a partir de documentos

1616

Ajuda processo de tomada de decisão

1717

Diminui duração de reuniões

1818

Promove consenso no grupo

1919

Causa boa impressão

2020

Auxilia a compreensão de problemas

Convencional:Texto e diagramas separados

Texto e diagramas integrados

2121

Auxilia a aprendizagem a partir de documentos

Convencional:Texto e diagramas separados

Texto e diagramas integrados

Texto e diagramas integrados

ConvencionalTexto e diagramas separados

2222

1. Conteúdo multimodal usando apenas a modalidade a visual– Contingências tecnológicas

• Hardware usado nas estações de trabalho

• Esquemas de codificação com melhores algoritmos de compressão

• Banda passante2. Uso de modalidade visual e

auditiva

Evolução na produção de conteúdo educacional digital

2323

Pedagogia da autoria

• Como preparar estudantes e professores para atuar segundo a pedagogia da autoria, que busca a apropriação das mídias para a criação de conteúdos num trabalho colaborativo de docentes e alunos ?

• Grau mínimo de proficiência no uso de um conjunto de ferramentas de autoria.

2424

Ferramentas multimídia

• Demonstrações com figuras integradas (snapshot) estáticas

• Demonstrações passo a passo com animação• Demonstrações passo a passo com animação e narração

2525

Adição de narrativa

• Redução na carga cognitiva• Efeito afetivo– o som contribui para dar uma sensação de humanização do computador

– maior empatia no aluno• Formas de uso– áudio redundante– áudio sugestivo ☺– áudio complementar☺

2626

Web rádio• A possibilidade de inserção de componentes gráficos, textos, vídeos, de forma a complementar a informação disponibilizada através do áudio

• Como a transmissão é via Internet, é possível acessar o conteúdo de uma Web Rádio de qualquer local

• As Web Rádios permitem a armazenamento de arquivos de áudio que, posteriormente, podem ser acessados pelos ouvintes

• A possibilidade de interação com os ouvintes que podem contribuir na produção do conteúdo digital

2727

Software de edição de áudio

• Importação e exportação em formatos WAV, MP3 ...• Gravação e reprodução de áudio;• Edição de arquivos de áudio: cortar, copiar, colar e apagar;

• Mixagem em múltiplas faixas;• Acrescentar efeitos digitais de som • Remoção de ruídos;

2828

Audacity

2929

O uso de vídeos na multimídia educacional

• Combinar segmentos de vídeos com apresentação de alguma temática pelo professor ou pelos alunos, com imagens ou clipes exibidas com o recurso da narrativa “em off”.– Real Producer– Windows Movie Maker (Microsoft)– Vídeo Wave (Roxio)– Flash

• Popularização via Youtube– Tutoriais– Demonstrações

3030

Uso educacional de vídeo

• Alunos resistem a se deixar “prender” pelo vídeo

• Alocação exclusiva de tempo para acompanhar a narrativa, na cadência em que foi produzida

• Ritmo que o aluno gostaria de impor ao manuseio do material, indo mais rápido ou pulando segmentos que já domina ou mesmo revendo partes que demandem maior atenção e concentração porque são mais complexas

3131

Requisitos relativos ao uso de vídeo

– Mecanismos de controle sobre a exibição do vídeos • botões de parar, • reiniciar, • retornar, • avançar• retroceder rápido

– Segmentação e indexação de vídeos– Interatividade

3232

Interatividade e motivação

• Interação/interatividade aumenta a motivação– material– professor– outros estudantes

3333

Níveis de interatividade

1. Interatividade Objetiva2. Interatividade Linear3. Interatividade de Suporte4. Interatividade de Atualização5. Interatividade de Construção6. Interatividade Reflexiva7. Interatividade de Simulação8. Interatividade Hiperligada9. Interatividade Contextual

Não-ImersivaSims

3434

Formas de interatividade

O estudante move-se por diferentes áreas do conteúdo selecionando diversas fontes de informação disponíveis

Navegar

O estudante encontra novo material colocando uma pergunta, recebendo opções e selecionando as alternativas desejadas

Pesquisar

O estudante estabelece parâmetros para uma simulação, define o foco e aproximação (zoom) ou move objetos no cenário

Manipular

O estudante determina o ritmo e/ou a ordem da apresentação

Controlar

O estudante recebe questões e respostas ou realimentação para suas reações

Dialogar

Descrição (Mayer)Tipo de interati-vidade

3535

Interatividade e motivação• O uso da interatividade constitui uma estratégia para promover uma aprendizagem significativa, envolvendo o estudante em processamento ativo do material educacional � redução da carga cognitiva.

• A aprendizagem significativa ocorre quando o estudante dedica esforço consciente no processo de cognição através de atividades tais como selecionar, organizar, integrar nova informação no conhecimento existente.

• Fatores motivacionais afetam a aprendizagem aumentando ou reduzindo o engajamento cognitivo

3636

Princípios instrucionais derivados

• A informação verbal deve ser apresentada na modalidade auditiva

• Explicações devem ser apresentadas usando um estilo conversacional (personalização melhora a motivação)

• Informação verbal e não verbal deve ser sincronizada no tempo e no espaço

• O estudante deve ter controle sobre o ritmo de apresentação, podendo usar mecanismos de pausa e reinício quando houver mídia auditiva e/ou vídeo.

3737

Ambientes de aprendizagem multimídia interativos

• Atividade guiada – interação com um agente pedagógico que guia o processo de cognição ensejando o engajamento dos estudantes na seleção, organização e integração de nova informação.

• Reflexão – estudantes aprendem melhor quando são solicitados a refletirem sobre as respostas e sua correção durante o processo de “fazer sentido” .

• Realimentação – deve ser explanatório e não corretivo • Ritmo – controle individual do ritmo em que o trabalho progride

• Pré-treinamento – os estudantes aprendem melhor quando recebem conhecimento específico preparatório que proporciona ou ativa conhecimento relevante prévio.

3838

Comentários finais

• Interatividade e a apresentação de multimídia não asseguram aprendizagem pois mesmo com a interatividade, pode não ocorrer envolvimento cognitivo

• A exploração livre de um ambiente multimídia complexo pode gerar uma pesada carga cognitiva, em detrimento da aprendizagem.

• Qual o nível de suporte apropriado? – Novatos– Experientes

3939

Alfabetização visual

• Alfabetização visual– Sensibilidade à forma como as imagens são utilizadas e manipuladas para conter mensagens precisas e reunirem informação.

4040

Referências e tutoriais

• CINTED – http://www.cinted.ufrgs.br/– RENOTE – Revista Novas Tecnologias na Educação

– Biblioteca virtual– Vídeos (TVE)– CESTA – Coletânea de Entidades de Suporte ao uso de Tecnologia naAprendizagem