INTERFACES PARA MATERIAIS     DIDÁTICOS DIGITAIS:   UM ESTUDO DE CASO DASFERRAMENTAS FLASH E XHTML  Dezembro de 2010 | SIM...
www.lucascoradini.comDesigner de interfaces  Especialista em Educação a Distância  4+ anos Agências Web  4+ anos UVV     P...
FLASH + EVOLUCAOMATERIAL DE APOIO
DESAFIOS• 2006  – Modelo de curso auto instrutivo     • Criar Material intuitivo para suprir falta professor     • Criação...
NAVEGAÇÃO
INTERATIVIDADE
INTERATIVIDADE
INTERATIVIDADE
MAS..• 2007  – +++ Matérias para produzir  – Alto custo/tempo• 2008  – Muito trabalho, pouca produtividade
Mas e aí, será que tá bom?
ANALISE CRÍTICA• Problemas para impressão• Reutilização de estilos para  formatação de conteúdo• Bugs referentes às difere...
UM MEIO TERMO?     SENAC
FLASH + PDFDá pra fazer melhor...
ANÁLISE E MODIFICACOES         XHTML
PROPOSTA
CON- CEI-  TO  DI-  VI- SÃOBLO- COS
INTERATIVIDADE
INTERATIVIDADE
INTERATIVIDADE
INTEGRAÇÃO RECURSOS
IMPRESSÃO   Dos recursos    secundários  (Div’s ocultas)       também!
BENEFÍCIOS• Ir de um ponto ao outro rapidamente• Opção de busca em navegadores• Impressão• Copiar/Colar texto• Manutenção ...
A PESQUISAConfirmações ou mais dúvidas?
PESQUISA / APLICAÇÃOMETODOLOGIA PESQUISA CIENTÍFICA    QUIMICA GERAL+ Texto + Figuras = Dissertativo   + Infográficos + an...
PESQUISA / INTERAÇÃOMETODOLOGIA                                      QUIMICAXHTML > FLASH                                 ...
PESQUISA / NAVEGAÇÃOMETODOLOGIA                                      QUIMICAXHTML > FLASH                                 ...
PESQUISA / PREFERÊNCIA GERALMETODOLOGIA                                    QUIMICAXHTML > FLASH                           ...
CONCLUSÕES  OU não...
PESQUISA / CONCLUSÕES• SURPREENDEU    – Esperava que usuários habituados com FLASH se      sentissem mais a vontade com XH...
CONCLUSÕES/ GERAIS• FLASH   – Adequado para animações específicas (Conteúdo Lúdico. Ex: Química)   – Não apropriado para a...
FIM• DOWNLOAD   • Esta apresentação   • Pesquisa completa      • Feedback dos alunos   – www.lucascoradini.com        luca...
Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML
Próximos SlideShares
Carregando em…5
×

Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML

2.113 visualizações

Publicada em

Palestra ministrada em 11 de dezembro de 2010 para o SIMPAV - Simpósio de Aprendizagem em Ambientes virtuais de aprendizagem. Http://www.simpav.com.br

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
2.113
No SlideShare
0
A partir de incorporações
0
Número de incorporações
660
Ações
Compartilhamentos
0
Downloads
10
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML

  1. 1. INTERFACES PARA MATERIAIS DIDÁTICOS DIGITAIS: UM ESTUDO DE CASO DASFERRAMENTAS FLASH E XHTML Dezembro de 2010 | SIMPAV | Vitória ES Autor: Lucas Coradini | www.lucascoradini.com | coradini@gmail.com
  2. 2. www.lucascoradini.comDesigner de interfaces Especialista em Educação a Distância 4+ anos Agências Web 4+ anos UVV Projetos EAD
  3. 3. FLASH + EVOLUCAOMATERIAL DE APOIO
  4. 4. DESAFIOS• 2006 – Modelo de curso auto instrutivo • Criar Material intuitivo para suprir falta professor • Criação plataforma flash – FLASH = Sensação do momento
  5. 5. NAVEGAÇÃO
  6. 6. INTERATIVIDADE
  7. 7. INTERATIVIDADE
  8. 8. INTERATIVIDADE
  9. 9. MAS..• 2007 – +++ Matérias para produzir – Alto custo/tempo• 2008 – Muito trabalho, pouca produtividade
  10. 10. Mas e aí, será que tá bom?
  11. 11. ANALISE CRÍTICA• Problemas para impressão• Reutilização de estilos para formatação de conteúdo• Bugs referentes às diferentes versões instaladas nos browsers dos clientes• 30 horas semanais p/ 1 aula
  12. 12. UM MEIO TERMO? SENAC
  13. 13. FLASH + PDFDá pra fazer melhor...
  14. 14. ANÁLISE E MODIFICACOES XHTML
  15. 15. PROPOSTA
  16. 16. CON- CEI- TO DI- VI- SÃOBLO- COS
  17. 17. INTERATIVIDADE
  18. 18. INTERATIVIDADE
  19. 19. INTERATIVIDADE
  20. 20. INTEGRAÇÃO RECURSOS
  21. 21. IMPRESSÃO Dos recursos secundários (Div’s ocultas) também!
  22. 22. BENEFÍCIOS• Ir de um ponto ao outro rapidamente• Opção de busca em navegadores• Impressão• Copiar/Colar texto• Manutenção fácil• Tempo Produção reduziu 40%
  23. 23. A PESQUISAConfirmações ou mais dúvidas?
  24. 24. PESQUISA / APLICAÇÃOMETODOLOGIA PESQUISA CIENTÍFICA QUIMICA GERAL+ Texto + Figuras = Dissertativo + Infográficos + animações = Lúdico Aula 1 Aula 1 Aula 2 Aula 2 Aula 3 Aula 3 Aula 4 Aula 4 Aula 5 Aula 5 XHTML > FLASH no meio FLASH > XHTML no meio
  25. 25. PESQUISA / INTERAÇÃOMETODOLOGIA QUIMICAXHTML > FLASH FLASH > XHTML Gosta quando há um link no meio do texto Prefere ler tudo através da barra de rolagem Não sei, não reparei nisso
  26. 26. PESQUISA / NAVEGAÇÃOMETODOLOGIA QUIMICAXHTML > FLASH FLASH > XHTM #FAIL1 Passar as telas através de BOTÕES de avançar e voltar (FLASH ) Prefiro ROLAR A BARRA de rolagem para ver o conteúdo verticalmente (XHTML ) Tanto faz, não senti muita diferença ao navegar entre os dois formatos de aula Tem pouca diferença de um para o outro, não tenho uma opinião certa
  27. 27. PESQUISA / PREFERÊNCIA GERALMETODOLOGIA QUIMICAXHTML > FLASH FLASH > XHTML #FAIL2 Prefiro a aula em Flash (versão 1) Prefiro a aula em XHTML (versão 2) Tem pouca diferença de um para o outro, não tenho opinião formada.
  28. 28. CONCLUSÕES OU não...
  29. 29. PESQUISA / CONCLUSÕES• SURPREENDEU – Esperava que usuários habituados com FLASH se sentissem mais a vontade com XHTML • Isso não acontece quando o material é extremamente interativo – Alunos habituados com XHTML não preferem o FLASH • Recebemos muitos feedbacks positivos de alunos elogiando o formato XHTML• NECESSÁRIA OUTRA PESQUISA – Objetivo: Demonstrar/provar que o FLASH “enjoativo” para navegação e apresentação de conteúdos
  30. 30. CONCLUSÕES/ GERAIS• FLASH – Adequado para animações específicas (Conteúdo Lúdico. Ex: Química) – Não apropriado para apresentação geral da aula (container) – Difícil manutenção – Tempo grande para produção e pós-produção• XHTML – Adequado para estruturar material didático de forma geral (Framework) – Fácil manutenção através de folhas de estilo (CSS) – Adequa-se também a impressão + mobile (CSS específico) – Redução de 40% a 50% para produção de materiais didáticos
  31. 31. FIM• DOWNLOAD • Esta apresentação • Pesquisa completa • Feedback dos alunos – www.lucascoradini.com lucascoradini coradini@gmail.com

×