eBooks com Adobe InDesign CS6(iPad, Android, Kindle, PDF e DRM).o que esperar

O treinando aprender a usar o InDesign CS5 para produo de contedo dinmico para publicao digital nos formatos FOLIO (iPad), MOBI (Kindle) , EPUB (iPhone, iPad, Sony Reader) e PDF (universal). Ao concluir o treinamento, cada aluno saber quais as possibilidades de interatividade de cada um destes formatos e conhecer as maneiras de publicao do InDesign CS5, incluindo: o Adobe Digital Editions; o plugin Amazon Kindle; e os softwares Content Builder, Overlay Creator e Adobe Preview (especialmente desenvolvidos para iPad).

.contedo programtico

INTRODUO Compreenso das diferenas entre as publicaes impressas, digitais e web; Reconhecimento das ferramentas disponveis para criao e publicao em formatos digitais, incluindo PDF, EPUB, FOLIO e MOBI; Instalao dos aplicativos necessrios para a criao do fluxo de trabalho adequado ao mtodo de publicao desejado; Programa Digital Publishing da Adobe; Programa de publicao da Amazon e instalao do plugin Kindle no InDesign CS5;ou CS5.5 Programa de desenvolvedor da Apple, para publicao de contedo digital na Apple Store.EPUB O que EPUB? Qual a anatomia de uma pgina de um iBook? Utilizao do InDesign para criao do EPUB Estilos de pargrafo: como utiliz-los da melhor maneira; Melhores prticas para adio de imagens e links; Criao de ndice navegvel; Adio de metadados; Exportao do EPUB. O que h dentro de um arquivo EPUB? Como descompactar um EPUB para acessar seus arquivos; Criao da capa para a publicao digital; Como compactar e validar seu EPUB; DRM (Digital Rights Management); Como converter um EPUB para MOBI (Kindle) Formatao Avanada do EPUB O EPUB e a formatao do texto via CSS; Como lidar com as fontes de sua publicao; Controle do alinhamento, espaamento, recuos e hifenizao do texto; Criao de links e tabelas; Insero de vdeos no seu eBook.FOLIO (iPad) O que o formato FOLIO? Qual o fluxo de trabalho ideal para publicao digital atravs das solues Adobe? Utilizao do InDesign para criao de contedo para iPad Criao de documentos horizontais e verticais; Coleta dos arquivos para converso para FOLIO; Criao da estrutura de pasta adequada; Criao de uma edio de revista esttica, sem interatividade avanada; Criao de uma edio dinmica, com diversos recursos de interatividade; Criao de hyperlinks, botes, slideshows e caixas de textos com rolagem; Configurao da aparncia dos hyperlinks, botes e slideshows. Ovelay Creator: o que e para que serve? Criao de visualizao 360o, para rotao tridimensional de imagens; Insero de udio e vdeo; Insero de imagens panormicas; Insero de pgina da Web. Content Bundler: o que e para que serve? Configurao de exportao para o formato FOLIO; Configurao de rolagem suave, para pginas longas; Insero de metadados; Upload da sua edio para o servidor Adobe; Gerenciamento de edies publicadas. Adobe Content Viewer: visualizao no iPad Como baixar edies do servidor de teste; Como criar uma biblioteca de pr-visualizao das capas das edies publicadas; Como remover edies da ferramenta de Preview.PDF Por que usar o formato PDF? Quais as possibilidades de interatividade do PDF em eReaders? Recursos do InDesign CS5 para criao de interatividade Criao de sumrio e ndice remissivo navegvel; Criao de hyperlinks entre pginas e para pginas da Web; Criao de botes para controle da interatividade; Insero de udio e vdeo; Exportao do PDF para leitura em eReaders; Exportao do PDF para Web; Exportao para Flash, para leitura na Web com maior interatividade.CONCLUSO Melhores prticas para publicao digital

.informaes gerais

1. Carga Horria: 16 horas2. Material oficial da Adobe3. Suporte por 30 dias, via e-mail4. Um treinando por micro5. Metodologia Adobe com a exclusiva complementao WOC

ePub: Aprenda a criar um livro digitalConhea as vantagens do formato, aprenda a criar um livro do zero, descubra as melhores prticas e porqu voc deve correr dos geradores automticos.81INTRODUOCom a crescente popularizao de tablets e leitores digitais no h dvida de que os livros eletrnicos vieram para ficar. O formato ePub vem cada vez mais se consolidando como o padro definitivo para eBooks. As editoras procuram profissionais especializados, mas, aqui no Brasil no existem muitos que de fato possuem o know-how necessrio para desenvolver livros no padro. Na verdade o que acontece que as editoras esto alocando o tipo de profissional errado para a funo. Um diagramador padro, acostumado com editorao impressa via softwares visuais como Indesign vai ter problemas ao tentar lidar com linhas de cdigo. J um desenvolvedor front-end vai se sentir em casa j que criar e editar um livro digital basicamente lidar com XHTML e folhas de estilo em CSS. Neste artigo vou comentar sobre as vantagens (e desvantagens) deste padro e como com algumas poucas dicas voc poder editar um livro digital.POR QUE NO USAR PDF?O PDF tem muitas vantagens. At a sua tia que te liga toda semana para perguntar de novo como faz para ler o resultado da Megasena na internet sabe como abrir um PDF. E do ponto de vista do design timo. Hey, voc tem muito mais controle do layout! Voc pode colocar imagens e textos como quiser sem se preocupar com nada. Exceto Voc j tentou ler um PDF em um smartphone? simplesmente agonizante. necessrio dar zoom in e out a cada frase diferente. Ou tentar ler tudo em um tamanho de letra absurdamente pequenoIsto acontece por que o PDF baseado no suporte fsico de uma folha, o que simplesmente no faz sentido no mundo digital. Vou explicar: um artista que pretende pintar uma nova obra de arte precisa saber o tamanho da tela. Da mesma maneira, ao editar um livro, ou qualquer outro tipo de documento para a impresso, necessrio saber o tamanho da folha para a ento fazermos toda a diagramao. O problema que em um ambiente digital no existe uma folha. Existe um viewport (ou seja, rea de visualizao) que pode ser, bem, do tamanho que o usurio quiser! Se ele for ler o seu livro no browser pode aumentar e diminuir o tamanho da janela at a resoluo mxima do monitor. Ou pode optar por ler em um tablet, smartphone, eReader Enfim, a questo que no temos como determinar a medida de altura e largura da mesma maneira que fazamos com o papel. E o PDF, como foi pensado para ser impresso, precisa desta medida fixa.SOBRE O EPUBePub abreviao de Eletronic Publication, ou seja, Publicao Eletrnica. um formato de livro aberto e gratuito criado peloIDPF, um frum internacional de publicao digital. Os livros deste formato so fluidos, o que permite que a experincia de leitura seja legal em qualquer tamanho da tela, sistema operacional ou dispositivo que voc escolher. Desde que voc tenha um app para isto, claro. Mas isto no muita preocupao. Existem leitores gratuitos para quase todos os aparelhos e sistemas operacionais (se voc no conhece nenhum d uma olhadinha no final do texto). Outro aspecto bacana do ePub o controle que ele d ao usurio. possvel realizar buscas, navegar atravs de links, aumentar e diminuir o tamanho da letra, trocar as fontes, a paleta de cores, etc. Sim, isto significa que se o cara quiser ler o livro inteiro em Comics Sans ele pode! Mas se isto deixar o usurio feliz quem somos ns para dizer no?COMO EDITARBem, agora que voc j sabe como ler e por que usar, vamos descobrir como um livro digital por dentro! Criei um livro de exemplo para utilizar neste tutorial.Voc pode baixa-lo aqui. Mas qualquer outro livro que voc tiver neste formato vai servir para o nosso experimento.AextensoePub um formato de livros compactado. Faa um teste: renomeie o arquivo deste tutorial de meulivro.epub para meulivro.zip ou meulivro.rar que voc poder ver o contedo do pacote. No entanto, uma coisa importante de se ter em mente que no so todos os softwares editores que esto preparados para salvar neste formato. At d para ler os arquivos XHTML separados, mas voc teria que abrir manualmente, editar e recompactar a cada mudana de volta para ePub o que no seria nada prtico. Felizmente existem alguns softwares comoSigilque so especficos para a edio de cdigo de ePubs. Eles no tem um visual muito bonito mas cumprem com a funo direitinho. Bem, vamos explorar os arquivosObs.Existem outras especificaes opcionais, mas vou me manter dentro do fundamental.Obs.2Os nomes dos arquivos so case sensitive.A ESTRUTURAVamos voltar ao nosso ePub! Ao descompactar a pasta voc vai ter o seguinte:arquivo mimetypepasta META-INF container.xmlpasta OEBPS content.opf toc.ncx style.css titulo.html capitulo1.html capitulo2.htmlPARA QUE SERVE TUDO ISSO E COMO EU CRIO SOZINHO?MIMETYPEA funo do mimetype informar ao sistema operacional qual o tipo do arquivo. O mimetype um simples arquivo de texto ASCII. Para criar um mimetype basta abrir qualquer editor (ou at mesmo o bloco de notas) e escrever esta linha de cdigo:application/epub+zipSalve como mimetype (sem nenhuma extenso) e pronto. Est feito! O mimetype igual para qualquer ePub. Ento copiar de um outro ePub da certo tambm.CONTAINER.XMLDeve ficar dentro da pasta META-INF. A funo destearquivo agregar todos os outros. Bora criar um![cc escaped="true" lang="xml"]

[/cc]CONTENT.OPFDescreve o contedo de todos os arquivos. Apesar da extenso esquisita s criar um xml e depois salvar como .opf composto das seguintes partes: metadata, manifest e spine. O esqueleto dele assim:[cc escaped="true" lang="xml"]

[/cc]METADATANo tem muito segredo aqui. So as informaes do seu livro.Itens obrigatrios: title- O ttulo do seu livro. language- A Lingua utilizada. Como o livro est em portugus eu escolhi pt-br. identifier- Um cdigo nico para o seu livro. Pode ser o ISBN, por exemplo.Itens opcionais: creator O criador. No caso, voc. contributor Contribuidor publisher- Editora subject- Assunto description Descrio do livro date- Data type- Tipo format Formato source Fonte relation Relao coverage Cobertura rights O tipo de licena. Creative Commons, por exemplo.Bem, vamos preencher nossas metadatas. Eu inseri o seguinte entre as tags package:[cc escaped="true" lang="xml"]

Saga do primeiro ePubDani2012Tableless2012-01-30Primeiro ePubEstudosTablelessPode copiar galera!minhaidpt-br

[/cc]MANIFEST um manifesto mesmo. Deve conter (em qualquer ordem) a lista de todos os arquivos da sua publicao. Exceto mimetype, container.xml e content.opf necessrio especificar uma ID nica para cada arquivo. Voc pode nserir estas informaes antes ou depois da metadata. O importante que esteja tambm dentro da tag package. No caso do nosso livro-tutorial ficou assim:[cc escaped="true" lang="xml"]

[/cc]SPINEA espinha do livro, ou seja, a ordem de leitura. Aqui voc deve colocar apenas os arquivos tipo HTML na ordem que voc deseja que aparea no livro, chamando cada um pelo ID que voc definiu no manifesto. Tome cuidado para no duplicar nenhum arquivo ou ID. Como voc j adivinhou, deve ser inserido entre as tags package tambm.[cc escaped="true" lang="xml"]

[/cc]TOC.NCXTOC uma sigla para Table of Contents, ou seja, o indice do livro. Tambm um arquivo xml salvo com a terminao .ncx Possui a seguinte estrutura:#head uid o identificador nico em content.opf depth nveis do sumrio >= 1 totalPageCount to 0 maxPageNumber to 0#navMapO sumrio em si#navPoint id nico do arquivo playOrder ordem de navegao (iniciando em 1)O nosso ndice ficou assim ento:[cc escaped="true" lang="xml"]

Saga do primeiro ePub

Dani

Titulo

Capitulo 1

Capitulo 2

[/cc]OS CAPTULOS aqui que entra o livro em si. Cada capitulo deve ficar em um HTML separado. Estes arquivos no so nada diferentes de HTMLs comuns:[cc escaped="true" lang="xml"]

Captulo 1

Captulo 1Hello World! Este o primeiro captulo do nosso livro. Yey!Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

[/cc]OUTROS TIPOS DE ARQUIVOS:CSS Uma folha de estilos normal.Pasta images Aqui devem ficar as imagens do livro. Formatos permitidos: jpeg, png, gif e svg+xmlPasta fonts Utilize esta pasta se voc quiser embedar algum arquivo de fonte no seu documento. Lembre-se de utilizar sempre o formato Open Type pois alguns aplicativos de leitura no suportam True Type.E AGORA BASTA COMPACTAR!Selecione todos os arquivos e crie um arquivo compactado (pode ser .zip ou .rar). Depois s renomear para .epub e ler no seu dispositivo favorito. Pronto! Voc tem um livro digital!DICAS IMPORTANTES PARA EDITAR UM EPUBSEMNTICA SUA AMIGABem, se voc leitor do Tableless provavelmente no preciso dizer isso, mas vou dizer mesmo assim! muito importante utilizar uma estrutura semntica aqui. Tags h1 a h6 para ttulos, p para pargrafos O que voc j est mais do que cansado de saber a esta altura. Evite usar br para quebrar a linhas por que sem ter o tamanho de um container difcil determinar quando de fato vai ser necessrio quebrar a linha.EVITE SELETORES COMPLEXOSLeitores digitais no so to sofisticados quanto browsers. Mantenha o seu CSS o mais simples possvel.USE TAMANHOS RELATIVOSComo as pginas do seu livro vo aumentar e diminuir de acordo com o tamanho da tela do dispositivo no utilize pixels como medida para nada. Lembre-se: EM para texto e margens, porcentagens para figura. Isto vai garantir que o seu livro continue proporcional e escalvel. E o seu leitor feliz!TAMANHO DOCUMENTONo use apenas um documento XHTML para o livro todo. A recomendao que os captulos tenham menos de 300k cada. Mais do que isto pode deixar alguns leitores, como o iBooks por exemplo, muito lentos! A razo que estes apps consideram cada captulo como um bloco de texto diferente. Se voc colocar tudo em um documento s o aplicativo vai carregar tudo de uma vez a cada acesso.Outra dica tentar usar sempre imagens otimizadas para a web e com uma resoluo no maior do que 1200 x 1600px.NO PIRE MUITO NA ESCOLHA DE FONTESEvite usar fontes fora do padro websafe. Voc pode embedar fontes Open Type utilizando a propriedade @font-face mas isto no significa que voce deve. Para comear no so todos os leitores que aceitam isto e no final o seu arquivo pode ficar pesado demais e travar. E muitas vezes pode ser um trabalho extra intil j que o seu usurio pode muito facilmente trocar de fonte. Se mesmo assim voc quiser usar no escolha mais do que dois ou trs tipos.EDIO VISUALSim. Existem alguns softwares que podem gerar o livro para voc. O Adobe InDesign faz isto, o Pages do Mac Mas falando srio: no vale a pena. O cdigo vai ficar sujo e no final voc vai ter que corrigir vrios bugs. como se voc estivesse utilizando um editor What you see is what you get para fazer um site. Acho que vocs entendem o drama. Mas se voc for realmente caminhar por esta estrada escura tenha algumas coisas em mente: Se voc est acostumado com editorao nestes programas preciso mudar alguns paradigmas. Esquea pginas mestras, hifenizao, numerao, p de pgina voc no precisa se preocupar mais com estas coisas em um formato digital. Crie estilos especficos para o que ttulo, pargrafo, etc e no esquea de importa-los na hora de salvar o arquivo. Cuidado ao gerar o TOC (table of contents, ou seja, o ndice). Se voc colocar mais de dois subniveis pode dar problemas de compatibilidade com alguns programas e o seu livro simplesmente no abrir. Lembre-se que todas as imagens precisam estar ancoradas para que fluam juntamente com o texto. Determine quebras de captulos. No caso do InDesign, salve cada parte do livro em um arquivo diferente. Depois junte todos os arquivos em um formato book.E QUANTO AO FORMATO IBOOK DA APPLE?A Apple lanou recentemente um software gratuito chamado iBooks Autor para a criao visual de livros digitais. Os livros no formato iBook so bem interativos, permitindo a implementao de elementos multimidia como videos (coisa que ainda est engatinhando no formato ePub). Com um pequeno porm. Sem muito alarde nos termos de servio a Apple colocou uma clausula de exclusividade para livros comerciais. Ou seja, se voc utilizar o software e vender o seu livro atravs da iBook Store no poder vender em mais nenhum lugar. Sem contar que o programa exclusivo para Mac.FIQUE LONGE DOS CONVERSORES AUTOMTICOS!Existem alguns softwares ainda que prometem converter de PDF para ePub. Fique longe deles! Srio. Eles so ainda piores que os editores visuais. Um software no consegue interpretar um livro da mesma maneira que um ser humano a menos que voc diga a ele o que fazer. Se voc no determinar ei, isto um ttulo ele no tem como fazer este tipo de deciso por voc.Os PDFs esto presos a um tamanho fixo, lembra? O que significa que as palavras precisam ser hifenizadas. Se voc converter automaticamente (alm do seu cdigo ser a coisa menos semntica desde os sites feitos em tabelas) os hfens vo continuar l, criando divises no me-io das pala-vras on-de no pre-cisava! Pense nos nmeros das pginas se o texto flui isso significa que um mesmo livro pode (e vai) ter uma numerao diferente de acordo com o aparelho utilizado. Mas no caso da converso automtica os nmeros no pdf vo continuar l. Os ttulos provavelmente vo estar errados tambm. Fora que muitos deixam marcas como convertido pelo programa XYZ em todas as pginas do livro.LINKS TEIS IDPF- A organizao responsvel pela criao do ePub. O site deles meio confuso, mas contm bastante informao a respeito do formato. ePub Chech Validao de ePub Epub Format Construction Guide Um meta-livro bem completo sobre o assunto.BIBLIOTECAS GRATUITAS Google Books ePub BudAPLICATIVOS PARA A LEITURAMAC & PC Adobe Digital Editions NookLINUX FB ReaderIOS iBooks StanzaANDROID AldikoLEITURA NO BROWSER Magic Scroll- Google Chrome ePub Read Firefox81

PorDani GuerratoUma geek de 27 anos apaixonada por cinema, literatura, tecnologia e, claro, internet! designer, desenvolvedora front-end e co-fundadora do estdio PopUp Design, localizado em So Paulo. Adora semntica e acha divertido ler o cdigo fonte do site dos outros.http://blog.popupdesign.com.brMais posts do autorComentrios (65)