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ã !

1. LIVROS ELETRÔNICOS INTERATIVOS COM HTML5 E
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. 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. 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. 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. ECOSSISTEMA DO 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:
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. 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. VAMOS BRINCAR COM UM HELLO WORLD !

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. O LIVRO
Texto simples e uma imagem extraídos da Wikipedia
eBook disponível
http://github.com/homembit/ePub_Bhaskara

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. 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. VAMOS DISSECAR UM ESPÉCIME

17. OUTROS EXEMPLOS

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. 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. ®
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 !
SOFTWARE.INTEL.COM/PT-BR/HTML5
TWITTER / FACEBOOK - HOMEMBIT
FACEBOOK - INTELSWBRASIL