Livros eletrônicos interativos com html5 e e pub3
-
Upload
intel-software-brasil -
Category
Technology
-
view
1.927 -
download
1
description
Transcript of Livros eletrônicos interativos com html5 e e pub3
![Page 1: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/1.jpg)
LIVROS ELETRÔNICOS INTERATIVOS COM HTML5 EEPUB3
Jomar Silva - Community Manager
![Page 2: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/2.jpg)
AGENDALivros eletrônicos em sala de aulaIntrodução ao ePubO App em HTML5O LivroAs FerramentasO experimento de remixOutros exemplosReferências
![Page 3: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/3.jpg)
LIVROS ELETRÔNICOS EM SALA DE AULAO modelo atual ainda mimetiza o livro físico
Dificuldades técnicas para a utilização de aplicativos:Distribuição do conteúdoInteroperabilidade do conteúdoUtilização do conteúdo
![Page 4: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/4.jpg)
INTRODUÇÃO AO EPUB
“.. O PERIGO NÃO ESTÁ EM LIVROS SEREM LIDOS DE GRAÇA. MASNELES NÃO SEREM LIDOS ...”
NEIL GAIMAN - FLIP 2008
![Page 5: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/5.jpg)
INTRODUÇÃO AO EPUBPadrão aberto para Livros EletrônicosAcrônimo de electronic PublicationDesenvolvido pelo IDPF (International Digital PublishingForum)Lançado em 2007Versão 3.0 lançada em Outubro de 2011 (suportandoHTML5)
![Page 6: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/6.jpg)
INTRODUÇÃO AO EPUBOutros formatos disponíveis:PDF:
Renderizado para um device específicoA experiência de leitura quebrada em alguns dispositivoseletrônicos (zoom)
HTML 'tradicional':Gerenciamento complexto de múltiplos arquivos (comoimagens)
![Page 7: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/7.jpg)
ECOSSISTEMA DO IDPFFabricantes de leitores de ebookFabricantes de Tablets / SmartphonesDesenvolvedores de SoftwareAutoresEditoresDistribuidoresPublishersVendedores de LivrosUniversidades
![Page 8: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/8.jpg)
INTRODUÇÃO AO EPUBO ePub é um formato para a distribuição e troca depublicações e documentos digitais.
De forma resumida, é um pacote (zip), com a seguinteestrutura básica:
Mimetype -- Sempre application/epub+zipMETA-INF/container.xml -- Estrutura do pacoteContent/HelloWorld.opf -- Documento do PacoteContent/HelloWorld.xhtml -- Conteúdo
![Page 9: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/9.jpg)
INTRODUÇÃO AO EPUBDocumento 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 osmetadados da publicação e informações de navegação.
![Page 10: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/10.jpg)
INTRODUÇÃO AO EPUBConteúdo
Documentos XHTML ou SVG que descrevem o conteúdopropriamente dito da Publicação e referenciam osrecursos de mídia associados (ex. imagens, áudio e vídeo).
Documentos de conteúdo em XHTML são definidos porum perfil do HTML5 que requer a serialização XML paraque o conteúdo seja corretamente manipulado erenderizado.
![Page 11: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/11.jpg)
VAMOS BRINCAR COM UM HELLO WORLD !
![Page 12: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/12.jpg)
O APP EM HTML5Desenvolvido em nosso primeiro Hackathon HTML5 noBrasil
Código Open Source disponível
VAMOS VER COMO FUNCIONA !
http://github.com/pdroalves/asb
![Page 13: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/13.jpg)
O LIVROTexto simples e uma imagem extraídos da Wikipedia
eBook disponível http://github.com/homembit/ePub_Bhaskara
![Page 14: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/14.jpg)
AS FERRAMENTASNível Jedi:
Um editor de textoSoftware 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/epubpackvalidator.idpf.org
![Page 15: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/15.jpg)
O EXPERIMENTO DE REMIXUsando scripts em documentos XHTML:
Como um arquivo externo
Inline script com escape
É XHTML, NÃO HTML PURO !
<script type="text/javascript" src=“myscript.js></script>
//<![CDATA[ script-goes-here //]]>
![Page 16: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/16.jpg)
VAMOS DISSECAR UM ESPÉCIME
![Page 17: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/17.jpg)
OUTROS EXEMPLOS
![Page 18: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/18.jpg)
REFERÊNCIASEspecificaçã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.htmlhttp://calibre-ebook.com/
http://readium.org/
![Page 19: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/19.jpg)
REFERÊNCIASModo Jedi para empacotar um eBook:zip -X nome_do_livro.epub mimetypezip -rg nome_do_livro.epub META-INFzip -rg nome_do_livro.epub OEBPS
![Page 20: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/20.jpg)
ESPAÇO DO DESENVOLVEDOR INTEL®
Um programa global que conecta os desenvolvedores com aIntel em tudo que se relaciona com a área de software - dodesenvolvimento à distribuição:
Recursos para o desenvolvedorRecursos para a empresaComunidade envolvida
HTTP://SOFTWARE.INTEL.COM/PT-BR
![Page 21: Livros eletrônicos interativos com html5 e e pub3](https://reader030.fdocumentos.tips/reader030/viewer/2022020217/553947694a7959c1688b491b/html5/thumbnails/21.jpg)
OBRIGADO !
TWITTER / FACEBOOK - HOMEMBITFACEBOOK - INTELSWBRASIL
SOFTWARE.INTEL.COM/PT-BR/HTML5