O documento discute recursos interativos para dispositivos móveis na educação a distância, incluindo o crescimento dos e-books, formatos digitais como ePub e aplicativos de leitura. Também aborda planejamento de conteúdo digital, estruturação de cursos para dispositivos móveis e testes em diferentes plataformas.

1. Recursos interativos para dispositivos móveis na EaD

2. Isto não é Educação a Distância

3. Isto é Educação a Distância

4. Tudo começou ...
As vendas de
Lançamento e-books superou a
Kindle de livros nos EUA
1971 2007 2010 2011
Michael Hart Lançamento
lidera o projeto iPad
Gutenberg que
procura digitalizar
livros e oferecê-los
E-books
livros
gratuitamente.

5. Antes de produzir qualquer
material didático digital
precisamos questionar

6. Conteúdo
Planejamento
Desenvolvimento Pedagógico
Quais conteúdos irão ser trabalhados no curso?
Quais visões e representações serão privilegiadas?
Como o conteúdo irá ser organizado?
Quais perspectivas teórico-metodológica priorizar?

7. Estruturação
Adequar as Novas Possibilidades
Capacitação dos
professores
Mudança do papel do Processo cultural
Transformação
professor, mediador da Incorporação
dentro da
informação instituição
Mudança da forma como
conteúdo é transmitido

8. Plataformas
Planejamento

9. Eletronic Publication - Publicação Eletrônica
É um formato de arquivo digital padrão
específico para e-books.
Seu código livre e aberto.
Os arquivos com extensão .epub são
projetados para conteúdo fluido, isto
significa que a tela de texto pode ser
otimizada de acordo com o dispositivo
usado para leitura.
Seu principal objetivo é facilitar a
acessibilidade de conteúdo.
http://idpf.org/epub/30/spec/epub30-overview.html#sec-contributors-30

10. Digital
Flexível
Acessível
Interativo

11. Plataformas
Principais formatos do Epub 3
Documentos Fontes Gráficos Audio – Video
XHTML5 Open Type .jpg (codecs)
SVG WOFF .png .mp3
.gif H.264
.svg V8

12. Aplicativos
Leitores de
E-Books
•iBooks, iFlow
•Aldiko
•Kindle
•Navegador – Firefox, Explorer
•Adobe Digital Editions, Acrobat

13. O que são
Aplicativos?
Aplicativos ou Aplicações móveis,
são softwares utilizados para funções
específicas em dispositivos móveis
como smartphones e tablets.
São incapazes de serem executados
fora de um sistema operacional, sendo
desenvolvido na linguagem nativa ou
compatível com a do sistema do
dispositivo.

14. Aplicativo para leitura de e-book no iPad

18. Adobe Indesign
Adobe ® Digital Publishing Suite é um software
que permite aos usuários de dispositivos móveis
acionarem conteúdo interativo em um
formato de revista digital.
O adobe Indesign é um componente central do
fluxo de trabalho, criando layouts e agregando
interatividade.
“14 das 20 principais
publicações presentes no
canal Newsstand da Apple são
produzidas com o DPS.”
Adobe Content Viewer
aplicativo para
visualizar fólios.

19. Adobe Indesign

20. Fluxo de trabalho

21. Usar IDs da Adobe para
publicação digital

22. Como publicar ?
Como proceder para fornecer ao Viewer Builder os certificados
Apple, necessários para gerar o aplicativo.
1. Uma conta como desenvolvedor da Apple
2. Licença do Digital Publishing Suite
3. Arquivo .folio gerado pelo inDesign é necessário ter uma
publicação
4. Aplicativo Viewer Builder (só disponível para Mac OS)
O Passo a passo para criar um aplicativo usando o Viewer Builder
está no Help Adobe do DPS
O Viewer Builder permite criar um aplicativo visualizador
personalizado que pode ser enviado às lojas, como a Apple Store e
Google Play . O Viewer Builder está disponível atualmente apenas
para Mac OS.

24. Ebook

27. Identifica e Define
Planejamento
Estratégia: Interface
Necessidade do usuário
Escopo: Especificações funcionais
- Identificação dos requisitos
-Detalhamento das funcionalidades
Estrutura: Design de Interação
-Desenvolvimento de Fluxo de aplicação
para facilitar as tarefas do usuário

28. P. Design Interativo
Planejamento
Esqueleto: Design de Interface
-Facilitar a movimentação do usuário em meio
à arquitetura da informação
Superfície: Design Visual
- Tratamento visual do texto
-Elementos gráficos da página e componentes de
navegação

29. Arquitetura de
informação
Guia de
Navegação

31. Evite exageros
Teste
O resultado irá apontar o caminho

32. Teste - Samsung Galaxy SIII

33. Teste - iPad

34. O que é ?
•Projeto gráfico inteligente que prevê a adaptação do layout
•Não exige uma mudança de plataforma, treinamentos específicos ou
uma nova especialidade
•Apenas um aperfeiçoamento para o desenvolvedor web

36. Dicas de como fazer
- Todos os elementos precisam estar devidamen-
te separados
- Media Queries realiza uma prévia análise sobre,
resoluções, tamanho do browser e orientação,
viabilizando o tamanho ideal para o dispositivo
-Planejar os estilos utilizando um grid flexível
é fundamental, mantendo sua previsibilidade
quanto às opções quanto a usabilidade
- Ao promover estas adaptações, elas deverão
ser mensuradas em porcentagens (que serão li-
das pelas consultas de mídias)
- Não estamos mas presos ao desktop.
- Explore as alternativas do mundo mobile e visu-
alize como usuário o que gostaria de implemen-
tar como desenvolvedor. Modelos mentais é o
segredo da experiência perfeita do usuário, es-
teja focado para perceber quando aparece uma
grande oportunidade de integrar novas tecnolo-
gias ao seu projeto.
Exemplo de site responsivo: http://oliverrussell.com/

37. Modelo de layout

38. Referências
AMORIM, M.; BIANCO, P. Material didático em mídia digital: transposição de uma apostila do Colégio Dom Bos-
co para Tablet computer. 2011. Trabalho de Conclusão do Curso de Design Gráfico, do Setor de Ciências Humanas,
Letras e Artes - Universidade Federal do Paraná.
NIELSEN, J.: iPad Usability: First Findings From User Testing. Jakob Nielsen’s Alertbox, 2010 abr 10; [acesso em
2012 jul 26]. Disponível em: http://www.useit.com/alertbox/ipad.html
NIELSEN, J. iPad Usability: Year One. 2011 mai 26; [acesso em 2012 jul 26]. Disponível em: http://www.useit.com/
alertbox/ipad.html
NORMAN, D. ;NORMAN, A. ;NIELSEN, J. Gestural Interfaces: A Step Backwards In Usability. [acesso em2012 jul
26]. Disponível em: http://www.jnd.org/dn.mss/gestural_interfaces_a_step_backwards_in_usability_6.html
http://www.dualpixel.com.br/artigos/tablets/235-impressoxtablet.html Acessado em: 13/09/2012
http://idpf.org/epub/30/spec/epub30-overview.html#sec-contributors-30 Acessado em: 13/09/2012
http://arquiteturadeinformacao.com/2012/08/10/construindo-interfaces-future-friendly/ Acessado em: 13/09/2012
http://www.fabianago.com/category/indesign/indesign-para-ipad/ Acessado em: 13/09/2012
http://blogs.adobe.com/indesigndocs/ Acessado em: 13/09/2012
http://www.videozoide.com.br/component/k2/item/36-vz07-publicacao-digital-ipad.html Acessado em: 13/09/2012
http://digitalpublishing.tumblr.com/tagged/Working_in_InDesign Acessado em: 13/09/2012
http://mobile.smashingmagazine.com/tag/responsive-design/ Acessado em: 13/09/2012
http://extensions.openoffice.org/en/project/Writer2ePub Acessado em: 15/09/2012

39. Obrigada!
@Dakazago
daiany.sead.moodle@gmail.com