O documento discute as publicações digitais, comparando impresso e internet. Apresenta os formatos ePub, PDF e Flash, discutindo suas vantagens e desvantagens em diferentes dispositivos. Também aborda a produção e distribuição de aplicativos para tablets, como o formato Folio Producer.

1. Publicações Digitais - eBook & apps
Treinamento e consultoria em midia impressa e digital
www.dualpixel.com.br

2. Cenário das Publicações Digitais
Impresso Internet

3. Cenário das Publicações Digitais
Impresso Internet
tablets
eReaders
Celulares

4. Cenário das Publicações Digitais
Desktops Tablets
Maior Interatividade Maior Interatividade
Maior Compatibilidade Maior Compatibilidade

5. Formatos x Dispositivos
PDF ePUB Flash Folio
iPad
Android 3.0
PlayBook
Kindle Fire
Kindle
Nook
iPhone
Android Phone
BlackBerry
Wint Phone

6. Linha do tempo
PS / PDF » Flash » ePUB » Folio
anos 80 anos 90 2008 2010

7. Centro das Publicações
PDF
SWF
fla
folio
HTML
EPUB XML

8. PDF - Portable Document Format
PRÓS CONTRA
» Imprime. » Não suporta
» Pesquisável. animação.
» Marcadores. » Precisa do
Acrobat / Reader.
» Acessível.
» Suporta mais midias .mov;
.avi; .mpg; .mp4; .flv

9. Flash
PRÓS CONTRA
» Animação » Precisa do plug-in
» Mais interações Flash
» Browser » Midias especificas
.flv; .mp4
» Página Virada (efeito)

10. Recursos
Object States
• Animations
• Buttons
• Permite criar uma animação
(state) integrado com outras
versões (states) sem animação
sendo controlado por botões

11. Exemplos

12. Distribuição

13. PDF em Tablets
IOS Good Reader Android ezPDF Reader
Preserva: Preserva:
• Navegação Botões • Navegação
Botões e/ou Links
• Hyperlinks - web / email
• Hyperlinks - web / email
Não Preserva:
• Video
• multimida (video, audio, swf e
formulários - InDesign CS6) Não Preserva:
• animação, slideshow

14. PDF em Tablets
IOS iBooks Acrobat Reader
Preserva: Preserva:
• Hyperlinks - web / email / • Navegação Botões
paginas
• Hyperlinks - web / email
Não Preserva:
• Formulários - InDesign CS6
• multimida (video, audio, swf, e
Não Preserva:
formulários - InDesign CS6)
• multimida (video, audio, swf )
• Navegação
Botões e/ou Links

15. PDF em Tablets
Conclusões
» PDF está longe de realizar interatividade em
tablets.
» Flash está completamente banido do ambiente
mobile - Apple e Android.
» Flexibilidade em desktop e mobile - HTML5

16. eBooks no formato ePUB
O que é um
eBook ?
digital, flexível, interativo, portátil e acessível.

17. eBooks no formato ePUB
Produção
» CMYK » RGB
» Layout complexo » Layout simples
» Controle da tipografia » Tipografia Limitada
» Linguagem Postscript » Linguagem HTML/CSS

18. eBooks no formato ePUB
Do que é feito
um ePUB?

20. eBooks no formato ePUB
Benefícios
O formato EPUB é o mais democrático entre as
opções de publicação digital, pois é reconhecido
em todos os aparelhos e plataformas.

21. eBooks no formato ePUB
Benefícios
» Formato flexível ao tipo de leitor;
» Hyperlinks;
» Redes sociais;
» Portabilidade;
» Notas de rodapé;
» Imagens, tabelas auto-ajustáveis;
» Video e Áudio (Apple - iBooks);
» Menos custos de logística e estoque;
» Maior rede de districuição;
» Extensão do livro impresso;
» Custo fixo.

22. eBooks no formato ePUB
Leitores
Motores de Visualização
» Suporta Adobe DRM » Não suporta Adobe DRM
» Não suporta HTML5 » Suporta HTML5
» Não suporta video e audio » Suporta video e audio
» Não suporta CSS3 » Suporta CSS3
» Suporte parcial ao CSS » Suporte pleno ao CSS
» Suporte parcial ao Flash » Não suporta Flash

23. eBooks no formato ePUB
Leitores
Motores de Visualização - Kindle
» Formato nativo AZW
» Suporta somente formato Mobi / ePUB
» Leitor com tecnologia e-ink

24. eBooks no formato ePUB
Leitores
Motores de Visualização - Adobe Mobile
» Adobe Digital Edition
» Sony
» Aplha
» Mix-leitor D

25. eBooks no formato ePUB
Leitores
Motores de Visualização - tablets
» iBooks » Aldiko
» Bluefire (Adobe DRM) » Moon+ Reader
» FBReader
» Bluefire

26. eBooks no formato ePUB
Mercado / distribuição
Fechado
Grandes empresas de tecnologia
concentram a distribuição
do conteúdo através de seus
dispositivos de leitura. Permite
a venda direta dos autores e
apresenta pouca flexibilidade
para negociações com editoras.
Taxas de 30% a 50% - livraria e distribuidora juntos

27. eBooks no formato ePUB
Mercado / distribuição
semi-aberto
Livrarias e editoras baseadas
na distribuição pelo Adobe
Content Server — DRM.
Pouco atrativo para autores e
apresenta certas limitações.
Taxas de 40% a 70% - livraria e distribuidora separadas

28. eBooks no formato ePUB
Mercado / distribuição
aberto
Independentes de plataforma
com característica de
distribuição sem DRM.
Permite a venda direta dos autores
e apresenta pouca flexibilidade
para negociações com editoras.
taxas variadas

29. eBooks no formato ePUB
DRM - Digital Right Management
» Formato aberto - Livre.
» Formato vulnerável.
» Pacote zipado - contendo todo
material da publicação.
» As editoras / autores precisam de um
controle sobre a pirataria e cópia digital
» Adobe Content Server - gerencia o DRM

30. eBooks no formato ePUB
Há vários caminhos até o ePUB

31. eBooks no formato ePUB
Fluxo de trabalho
1. Adapatar o documento para web [Extension Manager]
2. Encadear o texto [TextStitch] / Article Panel
3. Ancorar as imagens [formato 600 px - 150 ppi]
4. Estilos de parágrafo/caracter [verificar violações]
5. Quebra do documento
6. Estilos de tabela [na própria caixa de texto]
7. Hyperlinks [site, e-mail, âncoras]
8. Notas de rodapé
9. Sumário [Barra de navegação]
10. Referência Cruzada [sumário dentro do eBook]
11. Texto ao contorno

32. eBooks no formato ePUB
Visão Geral
ePubCheck

33. eBooks no formato ePUB
Conceitos / práticas
» ePUB não é uma simples conversão.
» O livro digital não deve ser a copia fiel
do livro impresso.
» ePUB não atende a todo tipo de
conteúdo.
» Produzir ePUBs não é rápido.

34. eBooks no formato ePUB
Perfil Profissional | Designer
Gráfico Web
Afinal, esse profissional é um designer gráfico que
adquire conhecimentos de CSS e HTML ou um web
designer que se volta para o mercado editorial?

35. eBooks no formato ePUB
Impresso Internet
tablets
eReaders
Celulares

36. Nova profissão - Novo profissional
REQUISITOS
» Bons conhecimentos em InDesign CS5/CS6;
» Tratamento de imagens;
» Bons conhecimentos em CSS3 e XHTML;
» Conhecimentos em formatos de arquivo;
» Conhecimentos das plataformas disponíveis;
» Atualização constante de todas as novidades do
mercado.

37. eBooks no formato ePUB
ePUB 3
Mudanças

38. eBooks no formato ePUB
» Nova estrutura do sumário externo
• Sai o arquivo TOC.NCX — Usa o TOC.xhtml
• Uso da tag <nav>
» Mantém a compatibilidade com leitores antigos -
inclui o suporte ao .NCX
» Continuar a usar extensão .xhtml
» Multimidia. uso das tags <video> e <audio>
» Gráficos e Efeitos.

39. eBooks no formato ePUB
Prós
» Pleno suporte ao CSS3
» Recursos interativos via javascript
» Ideal para atividades de ensino
Contras
» Plataforma fechada
» Pago

40. eBooks no formato ePUB
Prós
» Pleno suporte ao CSS3
» Plataforma aberta
» Motor de leitura - SDK
Contra
» Leitor de browser

41. eBooks no formato ePUB
Media Query
<link href="padrao.css" rel="stylesheet" type="text/css" />
<!-- CSS padrao -->
<link href="otimizado.css" media="all and (min-width:
240px)" rel="stylesheet" type="text/css" />
<!-- CSS otimizado -->

42. eBooks no formato ePUB
O que o ePUB 3 NÃO conseguirá fazer:
» Tornar o ePUB mais fácil de produzir.
» Tornar o ePUB mais rápido para produzir.
» Tornar o ePUB mais barato para produzir.
» Exigir uma capacitação maior do
profissional.

43. eBooks no formato ePUB
1. Critério técnico
Funciona bem em diferentes leitores e plataformas?
2. Critério de usabilidade
Sumário interno - sumário externo - hyperlinks -
tamanho das fontes - uso de tabelas (não imagem)
3. Critério estético
Capitulares - margens - fundos - box em cores - linhas

44. eBooks no formato ePUB
Recursos e
funcionalidades
no ePUB

45. eBooks no formato ePUB
» Sumário interno
» Sumário externo (barra navegação)
» Hyperlinks interno
» Hyperlinks email
» Hyperlinks externos (site)
» Formatação dos hyperlinks
» Formatação Notas Rodapé
» Efeitos em Títulos (ePUB ZenGarden)

46. eBooks no formato ePUB
» Capitulares » Olhos
» Versalete » Tabelas
» Fundos » Imagens
» Linhas » SVG
» Margens » Interatividade

47. Aplicativos - apps
App - termo utilizado para identificar os programas
disponíeis para smart phones e tablets.
Há uma grande variedade de apps com
funcionalidade diferentes, tais como:
jogos, ferramentas de produtividade, noticiários
(jornais e revistas), livros, entre outros.

48. Aplicativos - apps
Revistas
Livros
Jornais

49. O caminho para os tablets
Phonegap
Sencha

50. Digital
Changing the world
Publishing
through digital
Suite
experiences
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

51. Utilize anúncios interativos, com elementos
multi-media como objetos em 360º.
Exiba videos (no layout ou em tela cheia), HTML,
Recursos Interativos
Hotspots (áreas de link para conteúdos extras),
Hyperlinks para páginas e sites (exibidos sem
fechar o App). Inclua na publicação áreas com scroll (texto e
imagem), slideshows, animações, imagens em
panorama e muito mais!
Crie diferentes layouts para atender Três tipos diferentes de navegação, no rodapé do App
as orientações vertical e horizontal (inclui um preview da página). Sumário na vertical com
proporcioando maior dinamismo ao miniaturas personalizaveis e outro sumário na horizontal,
conteúdo. com informações completas de metadados.

52. Utilize anúncios interativos, com elementos
multi-media como objetos em 360º.
Exiba videos (no layout ou em tela cheia), HTML,
Recursos Interativos
Hotspots (áreas de link para conteúdos extras),
Hyperlinks para páginas e sites (exibidos sem
fechar o App).
» Vídeo
Inclua na publicação áreas com scroll (texto e
» Áudio
imagem), slideshows, animações, imagens em
panorama e muito mais!
» Slideshow
» Texto com scroll
» HTML
» Animações
» Panoramas
» Hyperlinks
Crie diferentes layouts para atender
as orientações vertical e horizontal » Redes Sociais
Três tipos diferentes de navegação, no rodapé do App
(inclui um preview da página). Sumário na vertical com
proporcioando maior dinamismo ao
conteúdo. » e muito de metadados.
miniaturas personalizaveis e outro sumário na horizontal,
com informações completasmais!

53. Aplicativos - apps
Tablets app
stores
InDesign Folio Producer Viewer Builder
Layout Service Service
Interatividade organiza, edita e publica os Produção do app para
arquivos .folio distribuição

54. Distribuição - Single App
.folio
4
1 2 3
Layouts produzidos no Pacote dos arquivos no Cadastro na Apple e Usuário baixa o app e
InDesign CS5 - CS5.5 - CS6 formato Folio e upload publicação do app acessa pelo iPad ou iPhone
Aplicativo ideal para:
» Livros interativos » Anuários » Portfólios
» Catálogos de » Cardápios
venda

55. Distribuição - Multi App
.folio
1 2 3 4
Layouts produzidos no Pacote dos arquivos no Cadastro na Apple / Android Usuário baixa o app e
InDesign CS5 - CS5.5 - CS6 formato Folio e upload e publicação do app acessa pelo iPad/iPhone
e tablets Android
Aplicativo ideal para:
» Revistas » Jornais » Publicações
periódicas

56. Relatórios Adobe DPS
Dados para análise de acesso ao conteúdo.
Há 3 níveis de informação
sobre o acesso ao app/
conteúdo pelo usuário.
1. Application
2. Folio (Edição)
3. Articles (seções)

57. Publicações Digitais - eBook & apps
Obrigado.
www.dualpixel.com.br