LIVROS ELETRÔNICOS INTERATIVOS COM HTML5 E
EPUB3
Jomar Silva - Community Manager
AGENDA
Livros eletrônicos em sala de aula
Introdução ao ePub
O App em HTML5
O Livro
As Ferramentas
O experimento de remix
...
LIVROS ELETRÔNICOS EM SALA DE AULA
O modelo atual ainda mimetiza o livro físico
Dificuldades técnicas para a utilização de...
INTRODUÇÃO AO EPUB
“.. O PERIGO NÃO ESTÁ EM LIVROS SEREM LIDOS DE GRAÇA. MAS
NELES NÃO SEREM LIDOS ...”
NEIL GAIMAN - FLIP...
INTRODUÇÃO AO EPUB
Padrão aberto para Livros Eletrônicos
Acrônimo de electronic Publication
Desenvolvido pelo IDPF (Intern...
INTRODUÇÃO AO EPUB
Outros formatos disponíveis:
PDF:
Renderizado para um device específico
A experiência de leitura quebra...
ECOSSISTEMA DO IDPF
Fabricantes de leitores de ebook
Fabricantes de Tablets / Smartphones
Desenvolvedores de Software
Auto...
INTRODUÇÃO AO EPUB
O ePub é um formato para a distribuição e troca de
publicações e documentos digitais.
De forma resumida...
INTRODUÇÃO AO EPUB
Documento do Pacote
Apenas um arquivo por ebook.
Especifica todos os documentos de conteúdo e recursos,...
INTRODUÇÃO AO EPUB
Conteúdo
Documentos XHTML ou SVG que descrevem o conteúdo
propriamente dito da Publicação e referenciam...
VAMOS BRINCAR COM UM HELLO WORLD !
O APP EM HTML5
Desenvolvido em nosso primeiro Hackathon HTML5 no
Brasil
Código Open Source disponível
http://github.com/pd...
O LIVRO
Texto simples e uma imagem extraídos da Wikipedia
eBook disponível
http://github.com/homembit/ePub_Bhaskara
AS FERRAMENTAS
Nível Jedi:
Um editor de texto
Software para compactação (ZIP)
ePub Check ( https://code.google.com/p/epubc...
O EXPERIMENTO DE REMIX
Usando scripts em documentos XHTML:
Como um arquivo externo
<cittp=tx/aacit sc“ycitj>/cit
srp
ye"et...
VAMOS DISSECAR UM ESPÉCIME
OUTROS EXEMPLOS
REFERÊNCIAS
Especificação
ePub 3 Overview ( http://www.idpf.org/epub/30/spec/ )
ePub 3 home page ( http://idpf.org/epub )
...
REFERÊNCIAS
Modo Jedi para empacotar um eBook:
zp- nm_olvoeu mmtp
i
X oed_ir.pb ieye
zp-gnm_olvoeu MT-N
i
r
oed_ir.pb EAIF...
®

ESPAÇO DO DESENVOLVEDOR INTEL

Um programa global que conecta os desenvolvedores com a
Intel em tudo que se relaciona c...
OBRIGADO !
SOFTWARE.INTEL.COM/PT-BR/HTML5
TWITTER / FACEBOOK - HOMEMBIT
FACEBOOK - INTELSWBRASIL
Upcoming SlideShare
Loading in …5
×

Livros eletrônicos interativos com html5 e e pub3

693 views

Published on

Aprenda como usar dois padrões abertos (ePUB3 e HTML5) para criar livros eletrônicos interativos.
São livros com apps embarcados, tirando o máximo do que a tecnologia pode lhe oferecer hoje para prover uma experiência de leitura, interação e aprendizado compatível com os nativos digitais que temos nas escolas de hoje e de amanhã !

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
693
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Livros eletrônicos interativos com html5 e e pub3

  1. 1. LIVROS ELETRÔNICOS INTERATIVOS COM HTML5 E EPUB3 Jomar Silva - Community Manager
  2. 2. AGENDA Livros eletrônicos em sala de aula Introdução ao ePub O App em HTML5 O Livro As Ferramentas O experimento de remix Outros exemplos Referências
  3. 3. LIVROS ELETRÔNICOS EM SALA DE AULA O modelo atual ainda mimetiza o livro físico Dificuldades técnicas para a utilização de aplicativos: Distribuição do conteúdo Interoperabilidade do conteúdo Utilização do conteúdo
  4. 4. INTRODUÇÃO AO EPUB “.. O PERIGO NÃO ESTÁ EM LIVROS SEREM LIDOS DE GRAÇA. MAS NELES NÃO SEREM LIDOS ...” NEIL GAIMAN - FLIP 2008
  5. 5. INTRODUÇÃO AO EPUB Padrão aberto para Livros Eletrônicos Acrônimo de electronic Publication Desenvolvido pelo IDPF (International Digital Publishing Forum) Lançado em 2007 Versão 3.0 lançada em Outubro de 2011 (suportando HTML5)
  6. 6. INTRODUÇÃO AO EPUB Outros formatos disponíveis: PDF: Renderizado para um device específico A experiência de leitura quebrada em alguns dispositivos eletrônicos (zoom) HTML 'tradicional': Gerenciamento complexto de múltiplos arquivos (como imagens)
  7. 7. ECOSSISTEMA DO IDPF Fabricantes de leitores de ebook Fabricantes de Tablets / Smartphones Desenvolvedores de Software Autores Editores Distribuidores Publishers Vendedores de Livros Universidades
  8. 8. INTRODUÇÃO AO EPUB O ePub é um formato para a distribuição e troca de publicações e documentos digitais. De forma resumida, é um pacote (zip), com a seguinte estrutura básica: Mmtp - Smr apiaineu+i ieye - epe plcto/pbzp MT-N/otie.m - Etuuad pct EAIFcnanrxl - srtr o aoe CnetHlool.p otn/elWrdof - Dcmnod Pct - ouet o aoe CnetHlool.hm - Cned otn/elWrdxtl - otúo
  9. 9. INTRODUÇÃO AO EPUB Documento do Pacote Apenas um arquivo por ebook. Especifica todos os documentos de conteúdo e recursos, define a ordem de leitura (consumo linear) e associa os metadados da publicação e informações de navegação.
  10. 10. INTRODUÇÃO AO EPUB Conteúdo Documentos XHTML ou SVG que descrevem o conteúdo propriamente dito da Publicação e referenciam os recursos de mídia associados (ex. imagens, áudio e vídeo). Documentos de conteúdo em XHTML são definidos por um perfil do HTML5 que requer a serialização XML para que o conteúdo seja corretamente manipulado e renderizado.
  11. 11. VAMOS BRINCAR COM UM HELLO WORLD !
  12. 12. O APP EM HTML5 Desenvolvido em nosso primeiro Hackathon HTML5 no Brasil Código Open Source disponível http://github.com/pdroalves/asb VAMOS VER COMO FUNCIONA !
  13. 13. O LIVRO Texto simples e uma imagem extraídos da Wikipedia eBook disponível http://github.com/homembit/ePub_Bhaskara
  14. 14. AS FERRAMENTAS Nível Jedi: Um editor de texto Software para compactação (ZIP) ePub Check ( https://code.google.com/p/epubcheck ) Nível Padwan: Sigil - ePub v2 ( https://code.google.com/p/sigil/ ) ePub Pack - Windows only ( http://sourceforge.net/projects/epubpack ) IDPF online validator ( validator.idpf.org )
  15. 15. O EXPERIMENTO DE REMIX Usando scripts em documentos XHTML: Como um arquivo externo <cittp=tx/aacit sc“ycitj>/cit srp ye"etjvsrp" r=msrp.s<srp> Inline script com escape /<[DT[srp-oshr /]> /!CAA citge-ee /] É XHTML, NÃO HTML PURO !
  16. 16. VAMOS DISSECAR UM ESPÉCIME
  17. 17. OUTROS EXEMPLOS
  18. 18. REFERÊNCIAS Especificação ePub 3 Overview ( http://www.idpf.org/epub/30/spec/ ) ePub 3 home page ( http://idpf.org/epub ) Ferramentas: Pandoc ( http://johnmacfarlane.net/pandoc/ ) ePub Tools ( https://code.google.com/p/epub-tools/ ) ePub3 demos ( http://azardi.infogridpacific.com/resources.html ) Calibre ( http://calibre-ebook.com/ ) Readium for Google Chrome ( http://readium.org/ ) Ideal Group Reader Beta for Android
  19. 19. REFERÊNCIAS Modo Jedi para empacotar um eBook: zp- nm_olvoeu mmtp i X oed_ir.pb ieye zp-gnm_olvoeu MT-N i r oed_ir.pb EAIF zp-gnm_olvoeu OBS i r oed_ir.pb EP
  20. 20. ® ESPAÇO DO DESENVOLVEDOR INTEL Um programa global que conecta os desenvolvedores com a Intel em tudo que se relaciona com a área de software - do desenvolvimento à distribuição: Recursos para o desenvolvedor Recursos para a empresa Comunidade envolvida HTTP://SOFTWARE.INTEL.COM/PT-BR
  21. 21. OBRIGADO ! SOFTWARE.INTEL.COM/PT-BR/HTML5 TWITTER / FACEBOOK - HOMEMBIT FACEBOOK - INTELSWBRASIL

×