SlideShare une entreprise Scribd logo
1  sur  29
Como Produzir eBooks no formato ePUB
Como Produzir eBooks no formato ePUB
Produção de Objetos Educacionais
interativos em HTML5
CENÁRIO
Tablets
Celulares
eReaders
Impresso web
PLATAFORMAS
Desktop Mobile
Maior Interatividade Maior Interatividade
Maior Compatibilidade Maior Compatibilidade
FORMATOS RESTRITIVOS
PÚBLICO
Instituições de ensino / treinamento
PNLD - EAD
Editoras, Agências, Estúdios, etc
Profissionais das áreas editorial,
gráfica, web, estudantes...
MERCADO
iPad & HTML5
CAMINHOS PARA O PUBLICAÇÃO DIGITAL
Impressos web
Adobe Digital
Publishing Suite -
Folio
Adobe Edge
Animate
Adobe MuseePUB 2
ePUB 3
ePUB Layout Fixo
CAMINHOS PARA O HMTL5
Esforço
Conhecimento
Tempo
Investimento
++
--
SANTO GRAAL DA PUBLICAÇÃO DIGITAL
FLASH vs HTML5
FLASH vs HTML5
Como Produzir eBooks no formato ePUB
Como Produzir eBooks no formato ePUB
Ferramenta de autoração !
»» Interface
»» HTML5 | CSS3
»» Jquery
»» designers
»» programadores
Como Produzir eBooks no formato ePUB
EDGE ANIMATE
»»Integração HTML5, CSS e Javascript
»»Visualização/Teste
»»Reutilização de Símbolos
»»Design Responsivo
»»Web Fonts
EDGE ANIMATE
»»Formas Básicas
»»Timeline Intuitiva
»»Interatividade
»»Personalização
»»Designers e Programadores
DISTRIBUIÇÃO
»»Edição »»Símbolo »»Publicação
Como Produzir eBooks no formato ePUB
InDesignMuse
Photoshop Illustrator
Dreamweaver
Premiere Pro Media Encoder After Effects
’ EPUB
’
Como Produzir eBooks no formato ePUB
OBJETIVO 1
1.	Apelo Visual
2.	Interatividade
3.	Aplicativo
4.	Analytics
5.	Login/Senha
Layout Fixo
Interatividade Muita
Tempo Curto
Equipe Designer Gráfico
Saída Mobile / Desktop
Como Produzir eBooks no formato ePUB
Digital Publishing Suite
Diferencial
Aplicativo
Distribuição Interna / App Store
Produto Material didático / Ensino Médio
Institucional
Catálogos de Cursos
Como Produzir eBooks no formato ePUB
OBJETIVO 2
1.	Busca de texto
2.	Foco no conteúdo
3.	Integração AVA
4.	Mobilidade
Layout Fluido / Fixo
Interatividade Pouca / Média
Tempo Médio
Equipe Designer Gráfico
Web designer
Saída
Mobile / Desktop /
eReader
Como Produzir eBooks no formato ePUB
ePUB
Diferencial Formato aberto
Apps de Leitura
Produto Material didático / Técnico - Consulta
Direito ­— Administração
Medicina
Como Produzir eBooks no formato ePUB
OBJETIVO 3
1.	Busca de texto
2.	Apelo visual
3.	Integração AVA
4.	Mobilidade
5.	Interatividade
6.	Expansível
Layout Fluido / Fixo
Interatividade Variada
Tempo Longo
Equipe
Designer Gráfico
Web designer
Programador
Saída Mobile / Desktop
Como Produzir eBooks no formato ePUB
HTML5
Diferencial Formato aberto
Webapp
Produto Material didático
Institucional - Catálogo
Integração Forma x Conteúdo
FORMATOS VISÃO GERAL
FORMATOS RECURSOS DEVICES PLATAFORMA EDIÇÃO
Folio
•	 Multimidia
•	 Slideshow
•	 Scroll
•	 Panorama
•	 HTML
Tablets
iPhone
Desktop
IOS
Android
Browsers
Desktops
InDesign CS5 ou
superior
HTML5
ePUB 3.0
Layout Fixo
•	 Hyperlink
•	 Busca texto
•	 Anotações
•	 Multimidia
TODOS
Através dos
eReaders e apps
de leitura
TODAS
Através dos apps
de leitura
InDesign CS5 ou
superior
Editor de HTML
HTML5
Variado conjunto
de recursos
interativos
TODOS TODAS Adobe Edge
Adobe Muse
Phonegap
Como Produzir eBooks no formato ePUB
Qual o melhor caminho?
Como Produzir eBooks no formato ePUB
CAPACITAÇÃO.
Como Produzir eBooks no formato ePUB
Obrigado!
felipesantos@dualpixel.com.br

Contenu connexe

Similaire à Produção de Objetos Educacionais interativos em HTML5

Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
thiagolima
 

Similaire à Produção de Objetos Educacionais interativos em HTML5 (20)

Publicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e TabletsPublicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e Tablets
 
Acessibilidade e UX 
nas publicações digitais 
no formato open source ePub 3
Acessibilidade e UX 
nas publicações digitais 
no formato open source ePub 3Acessibilidade e UX 
nas publicações digitais 
no formato open source ePub 3
Acessibilidade e UX 
nas publicações digitais 
no formato open source ePub 3
 
Oficina apresentacao
Oficina apresentacaoOficina apresentacao
Oficina apresentacao
 
[2014] dualpixel_Adobe Digital Publishing Suite
[2014] dualpixel_Adobe Digital Publishing Suite[2014] dualpixel_Adobe Digital Publishing Suite
[2014] dualpixel_Adobe Digital Publishing Suite
 
Acessibilidade e semântica nas publicações digitais em formato ePub 3
Acessibilidade e semântica nas publicações digitais em formato ePub 3Acessibilidade e semântica nas publicações digitais em formato ePub 3
Acessibilidade e semântica nas publicações digitais em formato ePub 3
 
Ferramentas digitais
Ferramentas digitais Ferramentas digitais
Ferramentas digitais
 
Iniciei em tech, e agora?
Iniciei em tech, e agora?Iniciei em tech, e agora?
Iniciei em tech, e agora?
 
WORKSHOP - O que fazer com meu SharePoint?
WORKSHOP - O que fazer com meu SharePoint?WORKSHOP - O que fazer com meu SharePoint?
WORKSHOP - O que fazer com meu SharePoint?
 
TDC 2011 Goiânia - Desenvolvendo a Integração do Windows Azure e SharePoint 2010
TDC 2011 Goiânia - Desenvolvendo a Integração do Windows Azure e SharePoint 2010TDC 2011 Goiânia - Desenvolvendo a Integração do Windows Azure e SharePoint 2010
TDC 2011 Goiânia - Desenvolvendo a Integração do Windows Azure e SharePoint 2010
 
Seja um Desenvolvedor de Sucesso
Seja um Desenvolvedor de SucessoSeja um Desenvolvedor de Sucesso
Seja um Desenvolvedor de Sucesso
 
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Bruno Valente
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Bruno ValenteRioInfo 2010 - Fórum de Negócios - Salão da Inovação - Bruno Valente
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Bruno Valente
 
Apres. Pacto Portfólio
Apres. Pacto  PortfólioApres. Pacto  Portfólio
Apres. Pacto Portfólio
 
Apres. Pacto Portfólio
Apres. Pacto  PortfólioApres. Pacto  Portfólio
Apres. Pacto Portfólio
 
Webinar Portal Colaborativo
Webinar Portal ColaborativoWebinar Portal Colaborativo
Webinar Portal Colaborativo
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Web 2.0 na EaD
Web 2.0 na EaDWeb 2.0 na EaD
Web 2.0 na EaD
 
ComPart - Como podem as ferramentas web2.0 ajudar
ComPart - Como podem as ferramentas web2.0 ajudarComPart - Como podem as ferramentas web2.0 ajudar
ComPart - Como podem as ferramentas web2.0 ajudar
 
Adobe Digital Publishing Suite by dualpixel
Adobe Digital Publishing Suite by dualpixelAdobe Digital Publishing Suite by dualpixel
Adobe Digital Publishing Suite by dualpixel
 
Apresentacao
ApresentacaoApresentacao
Apresentacao
 
Web-infográficos e web-apps: como organizar informações
Web-infográficos e web-apps: como organizar informaçõesWeb-infográficos e web-apps: como organizar informações
Web-infográficos e web-apps: como organizar informações
 

Plus de dualpixel

Plus de dualpixel (19)

[Photoshop] Recorte com Background Eraser Tool
[Photoshop] Recorte com Background Eraser Tool[Photoshop] Recorte com Background Eraser Tool
[Photoshop] Recorte com Background Eraser Tool
 
Adobe Digital Publishing Solution
Adobe Digital Publishing Solution Adobe Digital Publishing Solution
Adobe Digital Publishing Solution
 
Adobe Digital Publishing Solution - Visão Geral
Adobe Digital Publishing Solution - Visão GeralAdobe Digital Publishing Solution - Visão Geral
Adobe Digital Publishing Solution - Visão Geral
 
dualpixel - Produção de livros digitais/eBooks
dualpixel - Produção de livros digitais/eBooksdualpixel - Produção de livros digitais/eBooks
dualpixel - Produção de livros digitais/eBooks
 
Infográfico Adobe Digital Publishing Suite - dualpixel
Infográfico Adobe Digital Publishing Suite - dualpixelInfográfico Adobe Digital Publishing Suite - dualpixel
Infográfico Adobe Digital Publishing Suite - dualpixel
 
Desvendando o Adobe Creative Cloud
Desvendando o Adobe Creative CloudDesvendando o Adobe Creative Cloud
Desvendando o Adobe Creative Cloud
 
Publicacao tablet dualpixel
Publicacao tablet dualpixelPublicacao tablet dualpixel
Publicacao tablet dualpixel
 
Do impresso para o tablet
Do impresso para o tabletDo impresso para o tablet
Do impresso para o tablet
 
Resumo Produção Grafica
Resumo Produção GraficaResumo Produção Grafica
Resumo Produção Grafica
 
Como se tornar um ACE - Adobe Cerified Epert - em InDesign
Como se tornar um ACE - Adobe Cerified Epert - em InDesignComo se tornar um ACE - Adobe Cerified Epert - em InDesign
Como se tornar um ACE - Adobe Cerified Epert - em InDesign
 
Como se tornar um ACE - Adobe Certified Expert - em Photoshop
Como se tornar um ACE - Adobe Certified Expert - em PhotoshopComo se tornar um ACE - Adobe Certified Expert - em Photoshop
Como se tornar um ACE - Adobe Certified Expert - em Photoshop
 
Passo-a-passo Tratamento Imagens
Passo-a-passo Tratamento ImagensPasso-a-passo Tratamento Imagens
Passo-a-passo Tratamento Imagens
 
Tratamento por Histograma
Tratamento por HistogramaTratamento por Histograma
Tratamento por Histograma
 
Teoria Cor - Tratamento de Imagens
Teoria Cor - Tratamento de ImagensTeoria Cor - Tratamento de Imagens
Teoria Cor - Tratamento de Imagens
 
Questionario Tratamento de Imagens
Questionario Tratamento de ImagensQuestionario Tratamento de Imagens
Questionario Tratamento de Imagens
 
InDesignCS4 - Recursos de Interatividade
InDesignCS4 - Recursos de  InteratividadeInDesignCS4 - Recursos de  Interatividade
InDesignCS4 - Recursos de Interatividade
 
Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentos
 
Pontos Chave - Tratamento de Imagens com Photoshop
Pontos Chave - Tratamento de Imagens com PhotoshopPontos Chave - Tratamento de Imagens com Photoshop
Pontos Chave - Tratamento de Imagens com Photoshop
 
Photoshop Dicas & Efeitos
Photoshop Dicas & EfeitosPhotoshop Dicas & Efeitos
Photoshop Dicas & Efeitos
 

Dernier

Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 
QUIZ ensino fundamental 8º ano revisão geral
QUIZ ensino fundamental 8º ano revisão geralQUIZ ensino fundamental 8º ano revisão geral
QUIZ ensino fundamental 8º ano revisão geral
AntonioVieira539017
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 
Artigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.pptArtigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.ppt
RogrioGonalves41
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
azulassessoria9
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
tatianehilda
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
Autonoma
 

Dernier (20)

Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
classe gramatical Substantivo apresentação..pptx
classe gramatical Substantivo apresentação..pptxclasse gramatical Substantivo apresentação..pptx
classe gramatical Substantivo apresentação..pptx
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
QUIZ ensino fundamental 8º ano revisão geral
QUIZ ensino fundamental 8º ano revisão geralQUIZ ensino fundamental 8º ano revisão geral
QUIZ ensino fundamental 8º ano revisão geral
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
Artigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.pptArtigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.ppt
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
 
APRESENTAÇÃO - BEHAVIORISMO - TEORIA DA APRENDIZAGEM.pdf
APRESENTAÇÃO - BEHAVIORISMO - TEORIA DA APRENDIZAGEM.pdfAPRESENTAÇÃO - BEHAVIORISMO - TEORIA DA APRENDIZAGEM.pdf
APRESENTAÇÃO - BEHAVIORISMO - TEORIA DA APRENDIZAGEM.pdf
 
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.docGUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
 
Cópia de AULA 2- ENSINO FUNDAMENTAL ANOS INICIAIS - LÍNGUA PORTUGUESA.pptx
Cópia de AULA 2- ENSINO FUNDAMENTAL ANOS INICIAIS - LÍNGUA PORTUGUESA.pptxCópia de AULA 2- ENSINO FUNDAMENTAL ANOS INICIAIS - LÍNGUA PORTUGUESA.pptx
Cópia de AULA 2- ENSINO FUNDAMENTAL ANOS INICIAIS - LÍNGUA PORTUGUESA.pptx
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 

Produção de Objetos Educacionais interativos em HTML5