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