SlideShare uma empresa Scribd logo
LIVROS ELETRÔNICOS INTERATIVOS COM HTML5 E
EPUB3
Jomar Silva - Community Manager
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
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
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
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)
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)
ECOSSISTEMA DO IDPF
Fabricantes de leitores de ebook
Fabricantes de Tablets / Smartphones
Desenvolvedores de Software
Autores
Editores
Distribuidores
Publishers
Vendedores de Livros
Universidades
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
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.
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.
VAMOS BRINCAR COM UM HELLO WORLD !
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 !
O LIVRO
Texto simples e uma imagem extraídos da Wikipedia
eBook disponível
http://github.com/homembit/ePub_Bhaskara
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 )
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 !
VAMOS DISSECAR UM ESPÉCIME
OUTROS EXEMPLOS
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
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
®

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

Mais conteúdo relacionado

PDF
Livros eletrônicos interativos com html5 e e pub3
PDF
Programando em python introducao
PPT
Integrar didacticamente las nn tt
PPT
Aratoca - Proyecto Santa Lucia
PPSX
METROSEXUAL
PPT
E mktg clase3_paginas_web
PDF
Pesquisa - Fino Criativo
PDF
Catálogo Plust
Livros eletrônicos interativos com html5 e e pub3
Programando em python introducao
Integrar didacticamente las nn tt
Aratoca - Proyecto Santa Lucia
METROSEXUAL
E mktg clase3_paginas_web
Pesquisa - Fino Criativo
Catálogo Plust

Destaque (20)

PDF
Contrato de Trabajo en el sector de la palma
PDF
L8159 91 politica nac de arquivos pub e priv
PPS
Power
PDF
Contrato de Trabajo para el Sector Florícola
PPT
Gestión del conocimiento
PPTX
15 circuitos elétricos
PPTX
Escuela tic 2.0
PPTX
20 pedagogia e cibercultura
PPSX
Qué son las plantas?
PPTX
PDF
1399 ivap sumari wikipedia Biblioteca Valenciana Ferran Santonja NOVES TECNOL...
PDF
E noticias119
PPTX
Tema 25 hepatitis ii
PPTX
Web 2.0
PDF
Fase 1 Ensamble y mantenimiento de computadores
PPTX
Hasta los huesos
PDF
Mozilla: Una gran Comunidad
DOCX
O princípio da condição mais benéfica
PDF
96ª Audiência do FID - Apresentação ACESSIBILIDADE e a COPA da FIFA
PDF
Regimento Interno - E.E Adolfo Augusto de Morais
Contrato de Trabajo en el sector de la palma
L8159 91 politica nac de arquivos pub e priv
Power
Contrato de Trabajo para el Sector Florícola
Gestión del conocimiento
15 circuitos elétricos
Escuela tic 2.0
20 pedagogia e cibercultura
Qué son las plantas?
1399 ivap sumari wikipedia Biblioteca Valenciana Ferran Santonja NOVES TECNOL...
E noticias119
Tema 25 hepatitis ii
Web 2.0
Fase 1 Ensamble y mantenimiento de computadores
Hasta los huesos
Mozilla: Una gran Comunidad
O princípio da condição mais benéfica
96ª Audiência do FID - Apresentação ACESSIBILIDADE e a COPA da FIFA
Regimento Interno - E.E Adolfo Augusto de Morais
Anúncio

Semelhante a Livros eletrônicos interativos com html5 e e pub3 (20)

PDF
Livros eletrônicos interativos com html5 e e pub3
PDF
apostila-desenvolvimento-asp-net
PDF
Apostila - Desenvolvimento Web com ASP.NET
ODP
Incubadora Virtual de Conteúdo Digitais
PPTX
Isc aula 7
PDF
python_para_desenvolvedores.pdf
PDF
PDF
PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?
PDF
ePub3 e Html5
PDF
Grupo de estudos AS3 - Introdução ao ActionScript 3.0
PPT
Apresentação final
PPT
Apresentação final
PDF
PDF
Linguagem de java
PDF
Linguagem PHP
PPTX
Ferramentas Livres para Desenvolvimento Web
PPTX
Criando e Lendo Arquivos TXT com a Classe File
PPTX
Curso de Java 1 - (Introdução Geral).pptx
PPS
Microsoft .NET Framework
Livros eletrônicos interativos com html5 e e pub3
apostila-desenvolvimento-asp-net
Apostila - Desenvolvimento Web com ASP.NET
Incubadora Virtual de Conteúdo Digitais
Isc aula 7
python_para_desenvolvedores.pdf
PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?
ePub3 e Html5
Grupo de estudos AS3 - Introdução ao ActionScript 3.0
Apresentação final
Apresentação final
Linguagem de java
Linguagem PHP
Ferramentas Livres para Desenvolvimento Web
Criando e Lendo Arquivos TXT com a Classe File
Curso de Java 1 - (Introdução Geral).pptx
Microsoft .NET Framework
Anúncio

Mais de Intel Software Brasil (20)

PPTX
Modernização de código em Xeon® e Xeon Phi™
PDF
Escreva sua App sem gastar energia, agora no KitKat
PDF
Desafios do Desenvolvimento Multiplataforma
PDF
Desafios do Desenvolvimento Multi-plataforma
PDF
Yocto - 7 masters
PDF
Getting the maximum performance in distributed clusters Intel Cluster Studio XE
PDF
Intel tools to optimize HPC systems
PDF
Methods and practices to analyze the performance of your application with Int...
PDF
Principais conceitos técnicas e modelos de programação paralela
PDF
Principais conceitos e técnicas em vetorização
PDF
Notes on NUMA architecture
PDF
Intel Technologies for High Performance Computing
PDF
Benchmarking para sistemas de alto desempenho
PDF
Yocto no 1 IoT Day da Telefonica/Vivo
PDF
Html5 fisl15
PDF
PDF
IoT TDC Floripa 2014
PDF
Otávio Salvador - Yocto project reduzindo -time to market- do seu próximo pr...
PDF
Html5 tdc floripa_2014
PDF
Desenvolvimento e análise de performance de jogos Android com Coco2d-HTML5
Modernização de código em Xeon® e Xeon Phi™
Escreva sua App sem gastar energia, agora no KitKat
Desafios do Desenvolvimento Multiplataforma
Desafios do Desenvolvimento Multi-plataforma
Yocto - 7 masters
Getting the maximum performance in distributed clusters Intel Cluster Studio XE
Intel tools to optimize HPC systems
Methods and practices to analyze the performance of your application with Int...
Principais conceitos técnicas e modelos de programação paralela
Principais conceitos e técnicas em vetorização
Notes on NUMA architecture
Intel Technologies for High Performance Computing
Benchmarking para sistemas de alto desempenho
Yocto no 1 IoT Day da Telefonica/Vivo
Html5 fisl15
IoT TDC Floripa 2014
Otávio Salvador - Yocto project reduzindo -time to market- do seu próximo pr...
Html5 tdc floripa_2014
Desenvolvimento e análise de performance de jogos Android com Coco2d-HTML5

Último (11)

PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PPTX
Mecânico de Manutenção de Equipamentos.pptx
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Eng. Software - pontos essenciais para o início
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Utilizando code blockes por andre backes
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PPTX
Arquitetura de computadores - Memórias Secundárias
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Viasol Energia Solar -Soluções para geração e economia de energia
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Mecânico de Manutenção de Equipamentos.pptx
Manejo integrado de pragas na cultura do algodão
Eng. Software - pontos essenciais para o início
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Utilizando code blockes por andre backes
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Arquitetura de computadores - Memórias Secundárias
Termos utilizados na designação de relação entre pessoa e uma obra.pdf

Livros eletrônicos interativos com html5 e e pub3

  • 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
  • 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