Your SlideShare is downloading. ×
  • Like
Livros eletrônicos interativos com html5 e e pub3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Livros eletrônicos interativos com html5 e e pub3

  • 1,561 views
Published

Aprenda como usar dois padrões abertos (ePUB3 e HTML5) para criar livros eletrônicos interativos. …

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,561
On SlideShare
0
From Embeds
0
Number of Embeds
54

Actions

Shares
Downloads
28
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. LIVROSELETRÔNICOSINTERATIVOSCOM HTML5E EPUB3 Jomar Silva - Community Manager
  • 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. LIVROSELETRÔNICOSEM SALADE 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. INTRODUÇÃO AO EPUB “.. O PERIGO NÃO ESTÁ EM LIVROS SEREM LIDOS DE GRAÇA. MAS NELES NÃO SEREM LIDOS ...” NEIL GAIMAN -FLIP2008
  • 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. 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. ECOSSISTEMADO IDPF Fabricantes de leitores de ebook Fabricantes de Tablets / Smartphones Desenvolvedores de Software Autores Editores Distribuidores Publishers Vendedores de Livros Universidades
  • 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: Mimetype -- Sempre application/epub+zip META-INF/container.xml -- Estrutura do pacote Content/HelloWorld.opf -- Documento do Pacote Content/HelloWorld.xhtml -- Conteúdo
  • 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. 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. VAMOSBRINCAR COM UM HELLO WORLD!
  • 12. O APPEM HTML5 Desenvolvido em nosso primeiro Hackathon HTML5 no Brasil Código Open Source disponível VAMOSVER COMO FUNCIONA! http://github.com/pdroalves/asb
  • 13. O LIVRO Texto simples e uma imagem extraídos da Wikipedia eBook disponível http://github.com/homembit/ePub_Bhaskara
  • 14. ASFERRAMENTAS Nível Jedi: Um editor de texto Software para compactação (ZIP) ePub Check ( ) Nível Padwan: Sigil - ePub v2 ( ) ePub Pack - Windows only ( ) IDPF online validator ( ) https://code.google.com/p/epubcheck https://code.google.com/p/sigil/ http://sourceforge.net/projects/epubpack validator.idpf.org
  • 15. O EXPERIMENTO DE REMIX Usando scripts em documentos XHTML: Como um arquivo externo Inline script com escape É XHTML,NÃO HTMLPURO ! <script type="text/javascript" src=“myscript.js></script> //<![CDATA[ script-goes-here //]]>
  • 16. VAMOSDISSECAR UM ESPÉCIME
  • 17. OUTROSEXEMPLOS
  • 18. REFERÊNCIAS Especificação ePub 3 Overview ( ) ePub 3 home page ( ) Ferramentas: Pandoc ( ) ePub Tools ( ) ePub3 demos ( ) Calibre ( ) Readium for Google Chrome ( ) Ideal Group Reader Beta for Android http://www.idpf.org/epub/30/spec/ http://idpf.org/epub http://johnmacfarlane.net/pandoc/ https://code.google.com/p/epub-tools/ http://azardi.infogridpacific.com/resources.html http://calibre-ebook.com/ http://readium.org/
  • 19. REFERÊNCIAS Modo Jedi para empacotar um eBook: zip -X nome_do_livro.epub mimetype zip -rg nome_do_livro.epub META-INF zip -rg nome_do_livro.epub OEBPS
  • 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. OBRIGADO ! TWITTER/FACEBOOK -HOMEMBIT FACEBOOK -INTELSWBRASIL SOFTWARE.INTEL.COM/PT-BR/HTML5