Download - Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML
![Page 1: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/1.jpg)
INTERFACES PARA MATERIAIS DIDÁTICOS DIGITAIS:
UM ESTUDO DE CASO DAS FERRAMENTAS FLASH E XHTML
Dezembro de 2010 | SIMPAV | Vitória ESAutor: Lucas Coradini | www.lucascoradini.com | [email protected]
![Page 2: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/2.jpg)
www.lucascoradini.comDesigner de interfaces
Especialista em Educação a Distância4+ anos Agências Web4+ anos UVV
Projetos EAD
![Page 3: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/3.jpg)
FLASH + EVOLUCAO MATERIAL DE APOIO
![Page 4: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/4.jpg)
DESAFIOS
• 2006
– Modelo de curso auto instrutivo
• Criar Material intuitivo para suprir falta professor
• Criação plataforma flash
– FLASH = Sensação do momento
![Page 5: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/5.jpg)
NAVEGAÇÃO
![Page 6: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/6.jpg)
INTERATIVIDADE
![Page 7: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/7.jpg)
INTERATIVIDADE
![Page 8: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/8.jpg)
INTERATIVIDADE
![Page 9: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/9.jpg)
MAS..
• 2007
– +++ Matérias para produzir
– Alto custo/tempo
• 2008
– Muito trabalho, pouca produtividade
![Page 10: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/10.jpg)
Mas e aí, será que tá bom?
![Page 11: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/11.jpg)
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
![Page 12: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/12.jpg)
UM MEIO TERMO?
SENAC
![Page 13: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/13.jpg)
![Page 14: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/14.jpg)
FLASH + PDF
Dá pra fazer melhor...
![Page 15: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/15.jpg)
ANÁLISE E MODIFICACOES
XHTML
![Page 16: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/16.jpg)
PROPOSTA
![Page 17: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/17.jpg)
CON-CEI-
TO DI-VI-
SÃOBLO-COS
![Page 18: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/18.jpg)
INTERATIVIDADE
![Page 19: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/19.jpg)
INTERATIVIDADE
![Page 20: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/20.jpg)
INTERATIVIDADE
![Page 21: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/21.jpg)
INTEGRAÇÃO RECURSOS
![Page 22: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/22.jpg)
IMPRESSÃO
Dos recursossecundários
(Div’s ocultas)também!
![Page 23: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/23.jpg)
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%
![Page 24: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/24.jpg)
A PESQUISA
Confirmações ou mais dúvidas?
![Page 25: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/25.jpg)
PESQUISA / APLICAÇÃOMETODOLOGIA PESQUISA CIENTÍFICA+ Texto + Figuras = Dissertativo
QUIMICA GERAL+ 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
![Page 26: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/26.jpg)
PESQUISA / INTERAÇÃO METODOLOGIA QUIMICA
XHTML > 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
![Page 27: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/27.jpg)
PESQUISA / NAVEGAÇÃOMETODOLOGIA QUIMICA
XHTML > FLASH FLASH > XHTM
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
#FAIL1
![Page 28: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/28.jpg)
PESQUISA / PREFERÊNCIA GERALMETODOLOGIA QUIMICA
XHTML > FLASH FLASH > XHTML
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.
#FAIL2
![Page 29: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/29.jpg)
CONCLUSÕES
OU não...
![Page 30: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/30.jpg)
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
![Page 31: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/31.jpg)
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
![Page 32: Interfaces pra materiais didáticos digitais: Um estudo de caso das ferramentas FLASH e XHTML](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559adafd1a28abb7548b47a5/html5/thumbnails/32.jpg)
FIM
• DOWNLOAD• Esta apresentação• Pesquisa completa
• Feedback dos alunos– www.lucascoradini.com
lucascoradini