LIVROS ELETRÔNICOS INTERATIVOS COM HTML5 EEPUB3
Jomar Silva - Community Manager
AGENDALivros eletrônicos em sala de aulaIntrodução ao ePubO App em HTML5O LivroAs FerramentasO experimento de remixOutros exemplosReferências
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
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
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)
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)
ECOSSISTEMA DO IDPFFabricantes de leitores de ebookFabricantes de Tablets / SmartphonesDesenvolvedores de SoftwareAutoresEditoresDistribuidoresPublishersVendedores de LivrosUniversidades
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
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.
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.
VAMOS BRINCAR COM UM HELLO WORLD !
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
O LIVROTexto simples e uma imagem extraídos da Wikipedia
eBook disponível http://github.com/homembit/ePub_Bhaskara
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
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 //]]>
VAMOS DISSECAR UM ESPÉCIME
OUTROS EXEMPLOS
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/
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
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
OBRIGADO !
TWITTER / FACEBOOK - HOMEMBITFACEBOOK - INTELSWBRASIL
SOFTWARE.INTEL.COM/PT-BR/HTML5