www.dualpixel.com.br
2dualpixel labs | www.dualpixel.com.br
SUMÁRIO
Visão geral do DPS (2015)	 4
Publicações tipo artigo	 4
Coleções	5
Página d...
3Curso InDesign para tablets e iPhone
Criando layouts de cartão e grid 	 36
Layouts em grid	 36
Layouts de cartões	 37
Map...
4dualpixel labs | www.dualpixel.com.br
A ADOBE DIGITAL PUBLISHING SOLUTION – ou DPS (2015) – oferece uma moderna
experiênc...
5Curso InDesign para tablets e iPhone
Coleções
Uma coleção consiste em elementos de conteúdo – artigos, publicidade, banne...
6dualpixel labs | www.dualpixel.com.br
Layouts de gris e layouts de cartões
Layouts em grid aparecem nas páginas de navega...
7Curso InDesign para tablets e iPhone
Informações sobre a DPS (2015)
Note as seguintes informações sobre o uso da DPS (201...
8dualpixel labs | www.dualpixel.com.br
DPS e DPS (2015)
Adobe Digital Publishing Solution não substitui a DPS aplicativo p...
9Curso InDesign para tablets e iPhone
PARA USAR A DPS 2015, você pode instalar o plug-in do InDesign e criar um Adobe
ID.
...
10dualpixel labs | www.dualpixel.com.br
11Curso InDesign para tablets e iPhone
COM A DPS (2015) você precisará apenas de um Adobe ID para trabalhar com todas
as s...
12dualpixel labs | www.dualpixel.com.br
Como o Adobe ID funciona com DPS (2015)
Com a DSP (2015), uma conta representa uma...
13Curso InDesign para tablets e iPhone
Criando uma função (somente Administrador Principal)
Criar uma função requer um Ado...
14dualpixel labs | www.dualpixel.com.br
Criando um Projeto
UM PROJETO IDENTIFICA INFORMAÇÕES sobre o aplicativo, como meta...
15Curso InDesign para tablets e iPhone
Criando um projeto (somente Administrador Pessoal)
Criar um projeto requer um Adobe...
16dualpixel labs | www.dualpixel.com.br
5. Clique na guia Conteúdo. Selecione “Publicar todas as coleções grátis” para que...
17Curso InDesign para tablets e iPhone
Atribua permissão de projeto a um usuário
Você pode atribuir diferentes funções ou ...
18dualpixel labs | www.dualpixel.com.br
Quando o usuário entrar no Portal usando um Adobe ID, ele poderá realizar as
taref...
19Curso InDesign para tablets e iPhone
VEXISTEM DUAS MANEIRAS PRINCIPAIS de criar artigos para DPS (2015).
•	 Usando o InD...
20dualpixel labs | www.dualpixel.com.br
O arquivo do artigo será criado no mesmo nível da pasta HTML.
4. No Portal, edite ...
21Curso InDesign para tablets e iPhone
5. Salve o documento e escolha File > Export.
6. Na caixa de diálogo Export, escolh...
22dualpixel labs | www.dualpixel.com.br
8. Na caixa de diálogo Export, selecione o layout (se o documento possuir diversos...
23Curso InDesign para tablets e iPhone
COM A DPS (2015), você usa a seção de Conteúdo e Layouts para criar artigos e
defin...
24dualpixel labs | www.dualpixel.com.br
6. Preencha os campos Nome do Artigo e Título do Artigo, e especifique outros
camp...
25Curso InDesign para tablets e iPhone
3. Clique Carregar imagem, e então clique duas vezes no arquivo de imagem que
você ...
26dualpixel labs | www.dualpixel.com.br
Crie banners
Banners são imagens que aparecem na página de navegação de uma coleçã...
27Curso InDesign para tablets e iPhone
2. Clique no ícone Publicar, e clique Publicar para confirmar.
Quando os artigos fo...
28dualpixel labs | www.dualpixel.com.br
Organizar e filtrar artigos
Você pode organizar e filtrar conteúdo e coleções de f...
62dualpixel labs | www.dualpixel.com.br
www.dualpixel.com.br
Este material foi produzido de forma criteriosa e cuidadosa. ...
Próximos SlideShares
Carregando em…5
×

Adobe Digital Publishing Solution

695 visualizações

Publicada em

Amostra da apostila do curso sobre Adobe DPS 2015. Conteúdo atualizado sobre a plataforma Adobe DPS – Digital Publishing Solution. Uma solução completa para designers, editoras, agências de publicidade e empresas que desejam criar, distribuir e vender publicações através de dispositivos móveis.

Publicada em: Educação
0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
695
No SlideShare
0
A partir de incorporações
0
Número de incorporações
8
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Adobe Digital Publishing Solution

  1. 1. www.dualpixel.com.br
  2. 2. 2dualpixel labs | www.dualpixel.com.br SUMÁRIO Visão geral do DPS (2015) 4 Publicações tipo artigo 4 Coleções 5 Página de navegação 5 Layouts de gris e layouts de cartões 6 Informações sobre a DPS (2015) 7 DPS e DPS (2015) 8 Configuração da DPS (2015) 9 Instale os plug-ins do InDesign 9 Obtenha suas credenciais de teste 9 Atribuindo Funções e Permissões de contas 11 Como o Adobe ID funciona com DPS (2015) 12 Sobre as funções 12 Criando uma função (somente Administrador Principal) 13 Criando um Projeto 14 Entrando no Portal 14 Criando um projeto (somente Administrador Pessoal) 15 Atribua permissão de projeto a um usuário 17 Criando artigos 19 Exporte artigos do InDesign 20 Gerenciando conteúdo 23 Crie artigos e especifique metadados 23 Edite artigos para adicionar miniaturas de imagens 24 Upload de arquivos de artigo 25 Crie banners 26 Publique artigos e banners 26 Organizar e filtrar artigos 28 Criando coleções 29 Coleções em destaque e menus de aplicativos 29 Crie uma coleção que aparece quando o aplicativo é aberto 30 Crie coleções adicionais 31 Adicione itens a uma coleção 32 Reorganize itens em uma coleção 32 Adicionando a coleção para adicionar imagens 33 Adicione itens à coleção em destaque 34 Publique coleções 34
  3. 3. 3Curso InDesign para tablets e iPhone Criando layouts de cartão e grid 36 Layouts em grid 36 Layouts de cartões 37 Mapeando conteúdo dos cartões 38 Ordem dos cartões 39 Criando layouts de cartões 39 Criando um layout em grid 41 Notas sobre cartões e grids 43 Usando fontes customizadas em cartões e grids 43 Criando Aplicativos de Teste 46 Crie um aplicativo de teste para iOS 46 Assine e instale o aplicativo de teste para iOS (somente para Mac OS) 48 Crie um aplicativo de teste para aparelhos com Android 49 Assine e instale o aplicativo de teste para Android 50 Crie um aplicativo de teste para Windows 51 Gerenciando IDs de Produto e IDs de Assinatura 52 IDs de Produto 52 IDs de Assinatura 53 Criando aplicativos com Permissão Direta 54 Crie um aplicativo com permissão direta 54 Habilitando Compartilhamento social 55 Habilitar compartilhamento social e pré-visualização de artigos 55 Migrando conteúdo dos fólios da DPS 57 Entre no serviço de migração 57 Migre conteúdo de uma conta de produção 58 Mandando Notificações Push 61 Versão 1.0 Junho 2015
  4. 4. 4dualpixel labs | www.dualpixel.com.br A ADOBE DIGITAL PUBLISHING SOLUTION – ou DPS (2015) – oferece uma moderna experiência com aplicativos que simplifica continuamente a publicação com maior flexibilidade na entrega de conteúdo. Novas ferramentas de gerenciamento e serviços de atualização aperfeiçoam as tarefas de administração e produção. Publicações tipo artigo A DPS (2015) oferece uma abordagem de publicação tipo artigo que permite o uso de artigos e coleções de diversas maneiras. Para criar um artigo, basta entrar no Portal e criar a informação do artigo – o nome que aparece no aplicativo, o nome interno, etc. Depois é só fazer upload do arquivo do artigo. O mesmo artigo pode ser adicionado a diversas coleções. O conteúdo do artigo pode ser exportado de um documento do InDesign, ou ainda como HTML de fluxo controlável. Artigos de layout fixo são dimensionados de modo a ocuparem a área de exibição do aplicativo, com adaptação do formato para letterbox conforme o necessário – mesmo em aparelhos com iOS. O HTML de fluxo controlável preenche a área de exibição do aplicativo com conteúdo de rolagem suave e sem formato letterbox. Você poderá misturar artigos de layout fixo de diferentes tamanhos e conteúdo em HTML de fluxo controlável em seu aplicativo. O aplicativo renderiza cada artigo separadamente. O plano é que a renderização seja suportada pelo aplicativo, mas no momento este recurso ainda não foi implantado. VISÃO GERAL DO DPS (2015)
  5. 5. 5Curso InDesign para tablets e iPhone Coleções Uma coleção consiste em elementos de conteúdo – artigos, publicidade, banners, vídeos, ou outras coleções. Por exemplo, uma coleção pode ser uma edição mensal de uma revista, um conjunto de artigos de um autor específico, ou um grupo de melhores artigos coletados de várias coleções. A coleção é apresentada em um layout em grid customizável. Um layout em grid é feito de cartões. Cada cartão representa conteúdo, como um artigo ou outra coleção. Regras de mapeamento determinam qual conteúdo é mapeado nos cartões. Página de navegação O que acontece quando um usuário toca em um cartão da coleção? Depende de como o editor define a coleção. O primeiro artigo da coleção poderá aparecer, ou a página de navegação da coleção aparecerá. A aparência da página de navegação é definida por um layout em grid especificado por você. Neste momento, o layout pode incluir outros itens, como vídeos. A ordem dos cartões na página de navegação é determinada a princípio pela ordem do conteúdo na coleção. No entanto, os itens de uma página de navegação podem ser reorganizados para preencher espaços vazios entre cartões maiores.
  6. 6. 6dualpixel labs | www.dualpixel.com.br Layouts de gris e layouts de cartões Layouts em grid aparecem nas páginas de navegação das coleções. Os conteúdos das coleções podem incluir miniaturas das imagens para conteúdo e coleções. Quando você cria um layout em grid, pode escolher o número de colunas, mapear o conteúdo dos cartões e especificar outras configurações do layout. O layout está organizado em um conjunto de cartões, cada um deles ocupando uma porção da grade. Os cartões são criados para determinar a aparência do conteúdo que aparece na página de navegação. As imagens do conteúdo podem aparecer em formatos diferentes dependendo do tamanho do cartão e das configurações do template. Por exemplo, uma imagem de um artigo que tenha sido exibida em um cartão 3x1 pode ser movida para um cartão 1x1 quando os meta- dados forem atualizados. A imagem no topo mostra uma amostra de layout de coleção customizada. A segunda mostra como os itens da coleção são organizados em cartões. cartão 2x3 cartão 1x2 cartão 2x2 cartão 1x1
  7. 7. 7Curso InDesign para tablets e iPhone Informações sobre a DPS (2015) Note as seguintes informações sobre o uso da DPS (2015): • Use o Portal para definir as configurações de projeto para cada aplicativo. Link beta: https://publish.adobe.com • A DPS (2015) suporta iOS 8, Windows 8.1 e Android 4.4 (KitKat) em diante. • O InDesign CC 2015 suportará apenas a DPS (2015), não a DPS. Com a DPS (2015), um mesmo artigo pode ser adicionado a diversas conexões. Coleção Novembro 2014 Coleção Dezembro 2014 Coleção Melhores de 2014 Coleção Fotografias
  8. 8. 8dualpixel labs | www.dualpixel.com.br DPS e DPS (2015) Adobe Digital Publishing Solution não substitui a DPS aplicativo por aplicativo, mas você pode decidir se prefere usar a DPS ou a DPS (2015). • Se você criar um aplicativo DPS, você continua a usar os painéis de sobreposições e montagem de fólios no InDesign para criar fólios e artigos, e o painel da DPS para publicar conteúdo e usar outros serviços da DPS. O fluxo de trabalho da DPS continua o mesmo. • Se você criar um aplicativo DPS (2015), você usa o Portal na nuvem para criar e gerenciar seus artigos e conteúdos e fazer upload arquivos de artigos exportados do InDesign ou de outros sistemas de criação. Para artigos do InDesign, use o painel de Sobreposição de Fólio (que eventualmente será renomeado) para adicionar interatividade. Você poderá então exportar seu layout do InDesign como arquivo de artigo e usar o Portal para fazer o upload do arquivo. DPS (2015) Conteúdo e Layouts DPS Produtor de Fólios
  9. 9. 9Curso InDesign para tablets e iPhone PARA USAR A DPS 2015, você pode instalar o plug-in do InDesign e criar um Adobe ID. Com os seus plug-ins do InDesign, você pode exportar arquivos de artigos compatíveis com a DPS (2015). Com seu Adobe Id, você pode entrar no Portal, criar artigos e coleções, e publicá- -los. Depois disso, você pode criar um simples aplicativo de teste que faça downlo- ad de conteúdo. Instale os plug-ins do InDesign A instalação de alguns plug-ins do inDesign é necessária para expor o UI de exportação de arquivos de artigo. Quando você instalar os plug-ins, ainda poderá usar as mesmas ferramentas para trabalhar com os fólios da DPS, além de poder exportar artigos para DPS (2015). 1. Faça download dos arquivos de instalação no site beta. 2. Feche o InDesign. 3. Execute o instalador para a versão adequada do InDesign (CS6, CC ou CC 2014). Obtenha suas credenciais de teste Para usar a DPS (2015), você precisará entrar no Portal usando um Adobe ID que tenha sido verificado para trabalho no ambiente beta. Um Adobe ID pode ser estabelecido como “Administrador Principal”, ou você pode atribuir ao seu Ado- be ID uma função de usuário dentro de um ou mais projetos de conta, que são controlados pelo Administrador Principal. Entrando com um Adobe ID com função de Administrador Principal, você po- derá realizar qualquer tarefa descrita neste guia. Caso entre com um Adobe ID com função de usuário, as tarefas que você poderá realizar dependem das permissões especificadas. CONFIGURAÇÃO DA DPS (2015) »» Mac OS e Windows »» A maioria deste fluxo de trabalho pode ser feita em Mac OS ou Windows (ou mesmo em tablets, embora possa conter erros). No entanto, para assinar o aplicativo de teste do iOS com seu certificado iOS, você precisará neste momento de um computador com Mac OS. Você pode usar um computador Windows para criar e assinar aplicativos Windows e Android.
  10. 10. 10dualpixel labs | www.dualpixel.com.br
  11. 11. 11Curso InDesign para tablets e iPhone COM A DPS (2015) você precisará apenas de um Adobe ID para trabalhar com todas as suas contas e projetos. O mesmo Adobe ID pode ter diferentes funções para diferentes contas e projetos – mesmo se você estiver trabalhando em projetos de diferentes licenciados. Uma licença DPS/DPS (2015) inclui um Administrador Principal ligado a um Adobe ID para cada conta Principal. O Administrador Principal inicial pode criar atribuir funções adicionais de Conta de Administrador, com as mesmas capacidades do Administrador Principal inicial. Para cada projeto, os Administradores Principais podem adicionar usuários com base em seus Adobe IDs e atribuir funções ou permissões para estes usuários. Estas são chamadas contas de usuário. ATRIBUINDO FUNÇÕES E PERMISSÕES DE CONTAS Contrato Contrato da empresa Principal Europa Projeto A Projeto B Projeto C Projeto D Projeto E Principal EUA Principal Ásia Contrato Projetos Da perspectiva de uma empresa... Contrato DPS (ACME, Inc.) Administrador Principal (ACME EUA) Projeto 1 Usuário A (Produtor de conteúdo) Usuário B (Montador de aplicativo) Usuário C (Administrador) Usuário D (Notificações Push) Projeto 2 Usuário A (Todas as permissões) Usuário B (Montador de Aplicativo) Usuário E (Produtor de conteúdo) Administrador Principal (ACME Europa) Administrador Principal (ACME Ásia) Da perspectiva de um usuário... Usuário A (janedoe@acme.com) ACME EUA Projeto 1 (Produtor de conteúdo) Projeto 2 (Todas as permissões) ACME Europa Projeto 3 (Produtor de conteúdo)
  12. 12. 12dualpixel labs | www.dualpixel.com.br Como o Adobe ID funciona com DPS (2015) Com a DSP (2015), uma conta representa uma empresa ou editor. Um projeto define a informação para o aplicativo. Quando Administradores Principais atribuem usuários a um projeto, eles especificam funções e permissões para cada usuário. Cada função inclui configurações de permissão que podem ser habilitadas. Por exemplo, a ACME Corporation possui um negócio internacional no qual regiões gerenciam suas próprias aplicações. Cada região possui sua própria conta principal com um Administrador Principal designado para a conta. Para cada conta, o Administrador Principal cria projetos e atribui usuários aos projetos. Um usuário ACME poderia ter a seguinte configuração: Adobe ID Contas Projetos Permissões jay@acme.com ACME América do Norte Widgets Weekly Gadgets Galore ACME Annual Reports Administrador Principal “ ACME Europa ACME Bambinos ACME Estilo ACME Annual Reports Notificações Produtor de conteúdo Criador de conteúdo “ ACME Ásia Widgets Weekly Asia Produtor de conteúdo Neste exemplo, o mesmo Adobe ID permitiria a este usuário trabalharem três contas diferentes e sete projetos diferentes dentro dessas contas. As opções disponíveis após iniciar a sessão dependem de quais permissões aquele usuário possui para cada projeto. Sobre as funções Apenas Administradores Principais podem criar e editar funções. Ao criar uma função, você habilita capacidades (ou permissões) para qualquer usuário que esteja designado para estas permissões. Por exemplo, você pode criar uma função que permita montagem de aplicativos, e outra que permita que usuários criem e publiquem conteúdo. O Administrador Principal então atribui estas funções a diferentes usuários ou seleciona permissões personalizadas para usuários que foram adicionados a um projeto. Ao usar pela primeira vez seu Adobe ID, você pode selecionar em que contas trabalhar– se tiver acesso a mais de uma. Em seguida, você pode escolher o projeto dentro da conta na qual você deseja trabalhar. Trocando de contas Se você tem acesso para trabalharem diversas contas, você pode clicar no nome da conta na parte superior direita da barra de título para exibir a lista e contas e escolher uma conta diferente.
  13. 13. 13Curso InDesign para tablets e iPhone Criando uma função (somente Administrador Principal) Criar uma função requer um Adobe ID com função de Administrador Principal. 1. No Portal, clique Configurações Principais na barra de navegação esquerda, e então clique em Funções. Se a opção “Configurações Principais” não aparecer na barra de navegação esquerda, você está usando um Adobe ID que não permite a criação de funções. Pule para a próxima seção. 2. Clique no ícone Adicionar Função (+) e especifique o nome da função. 3. Selecione as permissões que você deseja incluir na função. 4. Clique Salvar quando tiver terminado. »» Posso usar um Adobe ID da DPS na DPS (2015)? »» Sim, você pode usar qualquer Adobe ID válido. No entanto, ao entrar na DPS (2015), seu Adobe ID da DPS não terá memória de sua função na DPS. E suas configurações de conta da DPS (2015) não se aplicam as contas DSP.
  14. 14. 14dualpixel labs | www.dualpixel.com.br Criando um Projeto UM PROJETO IDENTIFICA INFORMAÇÕES sobre o aplicativo, como metada- dos, configurações de armazenamento, conteúdo e layout, e opções de compartilhamento social. Sempre que criar conteúdo, você deve identificar o projeto no qual aquele conteúdo reside. Mais tarde, ao montar o aplicativo, você identificará o projeto para sincronizar as configurações do projeto e o conteúdo no aplicativo. Criar um projeto requer um Adobe ID com função de Administrador Principal. Entrando no Portal Você precisará de credenciais válidas para entrar no Portal. Veja “Configurações da DPS (2015)” na página 12 para mais detalhes. 1. Acesse o Portal https://publish.adobe.com 2. Entre usando seu Adobe ID que esteja configurado para trabalhando ambiente beta. O Portal inclui serviços para definição de projetos, montagem de aplicativos, criação de conteúdo, envio de notificações push, análise de dados, entre outros.
  15. 15. 15Curso InDesign para tablets e iPhone Criando um projeto (somente Administrador Pessoal) Criar um projeto requer um Adobe ID com função de Administrador Principal. Se você entrou com uma conta de usuário, passe para a próxima seção. Seu Administrador Principal deve ter adicionado você como usuário de um projeto. 1. Use uma conta de Administrador Principal para entrar no Portal: https://publish.adobe.com 2. Clique na guia Configurações do Projeto. 3. Clique no ícone para criar um projeto. 4. Na guia de Básicos, especifique o Título do Projeto e Link de Referência. Por ora, use apenas caracteres ASCII básicos. Para o Link de Referência, recomendamos o uso de um “nome de domínio inverso (como com.empresa.publicação) para garantir que nomes únicos e previsíveis sejam usados. Selecione “Habilitar compartilhamento social” se você deseja testar o fluxo de trabalho de compartilhamento social, que se encontra em suas etapas iniciais. »» Posso deletar projetos? »» Infelizmente, isto não pode ser feito no momento. O arquivamento de projetos é um recurso planejado.
  16. 16. 16dualpixel labs | www.dualpixel.com.br 5. Clique na guia Conteúdo. Selecione “Publicar todas as coleções grátis” para que você possa fazer o download de todo o conteúdo em seu aplicativo de teste. Não selecione esta opção se preferir testar permissão ou compra. 6. Clique na guia Análise. Especifique um nome de Conjunto de Relatórios, um campo necessário para o rastreio analítico. (Dados analíticos ainda não estão disponíveis). 7. Clique na guia Navegação do Aplicativo. Note que você pode usar uma coleção em destaque tanto para celulares quanto para tablets, ou criar coleções padrão separadas para tablets e celulares. (Para mais detalhes, veja “Coleções em destaque e menus de aplicativos” na página 32). 8. Use outras guias para especificar as configurações do projeto. Armazenamento Você pode especificar segredo compartilhado, nome da identidade, e armazenar informações da URL. Conteúdo Ao publicar uma coleção, o ID do Produto especificado é adicionado ao painel de Produtos e Assinaturas. Use a configuração “Publicar todas as coleções grátis” para determinar como padrão se as coleções serão publicadas grátis ou à venda. Você também pode especificar configurações de Pré-visualização de Artigos para testar o compartilhamento social no aplicativo. (Ver “Habilitando Compartilhamento social” na página 58). Integrador Use esta guia para configurar a permissão direta no seu aplicativo. Especifique o ID do Integrador de um servidor de permissão que esteja configurado para trabalhar com a DPS (2015). Ver “Criando aplicativos com Permissão Direta” na página 57. 9. Clique em Criar. Você pode editar as configurações do projeto a qualquer momento selecionando o projeto e clicando no ícone de lápis. No entanto, você não poderá editar certas configurações, como nome de Conjunto de Relatórios ou a opção de coleção em destaque.
  17. 17. 17Curso InDesign para tablets e iPhone Atribua permissão de projeto a um usuário Você pode atribuir diferentes funções ou permissões a diferentes usuários para permitir que usuários realizem diferentes tarefas, como montar o aplicativo ou criar e publicar conteúdo. Você não precisa criar um Adobe Id separado para cada usuário ou função. Com a DPS (2015), um Adobe ID pode ser atribuído a diferentes contas e diferentes projetos dentro de cada conta, com diferentes funções e permissões. Seu Adobe ID deve possuir direitos de Gerenciamento de Projetos para realizar esta tarefa. 1. Entre no Portal (https://publish.adobe.com) usando um Adobe ID com direitos de Gerenciamento de Projetos. 2. Clique na guia Usuário. 3. Clique no título do projeto que você criou, e então clique no botão Adicionar (+) para adicionar um usuário ao projeto selecionado. 4. Digite o e-mail do usuário. Para atribuir uma função a um usuário, um Adobe ID válido é necessário. 5. Selecione a função ou permissão que você deseja designar ao usuário. 6. Clique em Salvar. »» Posso criar contas adicionais de Administrador Principal? »» Sim, você pode. Na seção de Configurações Principais, clique na guia Administrador, e então clique em Adicionar Administrador. Selecione Administrador Principal, e então escolha OK.
  18. 18. 18dualpixel labs | www.dualpixel.com.br Quando o usuário entrar no Portal usando um Adobe ID, ele poderá realizar as tarefas associadas com a função ou permissão que você especificou.
  19. 19. 19Curso InDesign para tablets e iPhone VEXISTEM DUAS MANEIRAS PRINCIPAIS de criar artigos para DPS (2015). • Usando o InDesign (layout fixo) • Usando HTML (HTML responsivo) Com o InDesign, os artigos possuem layout fixo, como 768x1024 pixels. Quando exibidos em tablet ou celular, o conteúdo é dimensionado em formato letterbox conforme necessário para caber na área. Para artigos em HML, o conteúdo pode fluir para caber na tela independentemente do aparelho ou da plataforma, sem formato letterbox. Criando artigos HTML Você pode usar o HTML Article Packager para criar arquivos para conteúdo HTML. Ao arrastar a pasta contendo seus arquivos HTML para o ícone do Article Packager, o programa cria um arquivo manifest.xml necessário e comprime os arquivos em um arquivo de artigo para upload. 1. Adicione o arquivo HTML principal e seus recursos necessários em uma pasta. Nomeie o arquivo HTML principal como index.html. Abra esta pasta no Finder ou Explorer. 2. Em outra janela do Finder ou Explorer, abra a pasta contendo o HTML Article Pa- ckager. 3. Arraste e solte a pasta HTML no ícone do HTML Article Packager. CRIANDO ARTIGOS
  20. 20. 20dualpixel labs | www.dualpixel.com.br O arquivo do artigo será criado no mesmo nível da pasta HTML. 4. No Portal, edite o artigo e faça o upload do arquivo do artigo, como descrito na seção “Upload dos arquivos de artigo”, na página 28. Exporte artigos do InDesign Você poderá usar diversas ferramentas de criação para criar conteúdo para DPS (2015). O InDesign é uma delas. Com o InDesign, você cria o layout e usa a caixa de diálogo Export para exportar arquivos de artigos. 1. Os plug-in do InDesign devem estar instalados para habilitar a DPS (2015). Veja “Configurações da DPS (2015)” na página 12. 2. Abra a versão do InDesign que você estiver usando com DPS (2105). 3. Crie ou abra um documento InDesign. Por exemplo, você pode abrir um documento que criado para DPS. 4. Se desejar, use o painel de Sobreposição de Fólio para adicionar sobreposição interativa. Todas as sobreposições são compatíveis com DPS (2015), exceto panoramas. »» Migrando artigos »» Se você publicou fólios DPS, existe uma ótima ferramenta para migrar conteúdo. Para informações sobre migração de fólios e artigos da DPS para coleções e artigos da DPS (2015), veja “Migrando conteúdo de fólios DPS” na página 60.
  21. 21. 21Curso InDesign para tablets e iPhone 5. Salve o documento e escolha File > Export. 6. Na caixa de diálogo Export, escolha “DPS Article”. Se a opção DPS Article não estiver presente, certifique-se de que os novos plug-ins estejam instalados. Veja “Configurações da DPS (2015)” na página 12. 7. Especifique um nome e um local. Clique Save. Escolher o nome adequado é especialmente importante ao exportar de um documento com layouts alternativos. Exporte o arquivo para um local conhecido.
  22. 22. 22dualpixel labs | www.dualpixel.com.br 8. Na caixa de diálogo Export, selecione o layout (se o documento possuir diversos layouts) e o aparelho alvo. A escolha de um aparelho alvo é um atalho para especificar as dimensões. Especificar as dimensões é especialmente útil para artigos de rolamento suave. Por exemplo, se seu layout fonte for 768x3000 – ou 384x1500 se o layout for criado usando escala de 50% - você pode especificar dimensões para iPad (768x1024). Para artigos sem rolamento suave, recomendamos que suas dimensões alvo tenham o mesmo tamanho e formato que o seu layout. Em outras palavras, não escolha iPad para layouts 1136x640. 9. Crie ou abra outros documentos ou layouts InDesign e exporte arquivos de artigos adicionais. 10. No Portal, edite o artigo e faça o upload do arquivo de artigo, como descrito na seção “Upload de arquivos de artigo”, na página 28. »» Notas sobre sobreposição »» Todas as sobreposições são compatíveis, exceto panoramas. »» Para criar links, use nacto://<Nome do Arquivo>. Links relativos também funcionam. »» Para sobreposição de conteúdo web, recursos de leitura API não são suportados.
  23. 23. 23Curso InDesign para tablets e iPhone COM A DPS (2015), você usa a seção de Conteúdo e Layouts para criar artigos e definir propriedades, e depois fazer upload do arquivo de artigo criado com o InDe- sign ou editor de HTML. Para realizar estas tarefas, seu Adobe ID precisa ter permissões para o projeto. Crie artigos e especifique metadados 1. No Portal (https://publish.adobe.com), escolha o projeto que você criou no menu suspenso “Selecione um projeto”. Este passo é necessário somente se você tem acesso a múltiplos projetos. 2. Clique Conteúdo e Layouts, e então em Conteúdo. 3. Clique no ícone Adicionar conteúdo, e então escolha Adicionar artigo. 4. Especifique o nome do artigo usando um nome único que funcione bem como link, e clique em Concluído. Por ora, use apenas caracteres ASCII básicos. Existem problemas conhecidos com caracteres multibyte e ASCII estendido. 5. Com a guia Metadados de artigo selecionada, especifique o título do artigo que aparecerá no visualizador. GERENCIANDO CONTEÚDO
  24. 24. 24dualpixel labs | www.dualpixel.com.br 6. Preencha os campos Nome do Artigo e Título do Artigo, e especifique outros campos de metadados conforme desejado. 7. Especifique outras configurações e clique em Concluído para criar o artigo; Edite artigos para adicionar miniaturas de imagens A imagem em miniatura pode aparecer como um dos cartões em um layout de coleção. No visualizador, tocar na miniatura abre o artigo. A imagens especificada será centralizada e cortada para caber nas dimensões do cartão; 1. Em Conteúdo e Layout, selecione Conteúdo para exibir os artigos, e clique no artigo que você estiver trabalhando. 2. Clique no ícone de Propriedades do conteúdo, e então na guia Imagens. Você também pode clicar duas vezes no artigo para exibir suas propriedades.
  25. 25. 25Curso InDesign para tablets e iPhone 3. Clique Carregar imagem, e então clique duas vezes no arquivo de imagem que você deseja usar como miniatura para o artigo. Especifique uma imagem de mídia social, se desejar. Clique em Concluído. Upload de arquivos de artigo 1. Na seção Conteúdo, selecione o artigo para o qual você deseja carregar conteúdo. 2. Clique no ícone para fazer o upload do conteúdo. Você também pode clicar na guia Arquivos de conteúdo em Propriedades do artigo. 3. Clique Navegação, e clique duas vezes no arquivo de artigo. Clique em Concluído. »» Qual o tamanho recomendado para imagens em miniatura? »» A imagem é dimensionada, cortada e centralizada para caber na área de exibição. Use imagens relativamente grandes com conteúdo centralizado.
  26. 26. 26dualpixel labs | www.dualpixel.com.br Crie banners Banners são imagens que aparecem na página de navegação de uma coleção. Ao tocar no banner, ele pode não fazer nada, ou fazer com que uma URL apareça em um navegador dentro do aplicativo. 1. Em Conteúdo e Layout, clique no ícone Adicionar novo conteúdo, e então escolha Adicionar Banner. 2. Escolha um nome para o banner que seja único ao projeto. 2. Especifique os metadados do banner. Os metadados devem ser usados para distinguir o banner de outros conteúdos ao usar regras de mapeamento para mapear conteúdo nos cartões. Se você deseja criar um banner ativo, selecione Link externo e especifique a URL do site que deve aparecer quando o usuário tocar no banner. 4. Adicione a imagem do banner, e então publique-o. 5. Adicione o banner a uma coleção. Certifique-se de que esteja posicionado corretamente dentro da coleção (no topo, por exemplo) para que apareça no local apropriado na página de navegação. Publique artigos e banners No futuro, você poderá criar um visualizador especial para pré-visualizar conteúdo não publicado. Por enquanto, você precisará publicar artigos e coleções para que eles apareçam no aplicativo que você irá criar. Os artigos publicados vão para o Serviço de Distribuição da DPS (2015), onde podem ser baixados e visualizados em visualizadores personalizados. 1. Em Conteúdo e Layout, selecione os artigos que você deseja publicar. »» Qual o tamanho de imagem adequado para o banner? »» Isto vai depender do layout do cartão no qual ela será exibida, bem como do layout em grid. No momento, a imagem do banner é cortada e centralizada. »» Os artigos publicados estarão disponíveis na DPS? »» Não. DPS e DPS (2015) são dois sistemas de publicação diferentes, e não interagem um com o outro.
  27. 27. 27Curso InDesign para tablets e iPhone 2. Clique no ícone Publicar, e clique Publicar para confirmar. Quando os artigos forem publicados, seu status mudará para publicado. Em vez de publicar artigos ao criá-los, você também pode publicá-los ou atualizá-los quando publicar uma coleção à qual eles foram adicionados. Você aprenderá mais sobre isso quando criar e publicar uma coleção. »» Como posso pré-visualizar um artigo? »» No momento, você precisará criar um aplicativo para visualizar seus artigos publicados. Falaremos mais sobre opções de pré-visualização mais tarde
  28. 28. 28dualpixel labs | www.dualpixel.com.br Organizar e filtrar artigos Você pode organizar e filtrar conteúdo e coleções de forma limitada. Suporte para pesquisa ainda não está disponível • Para organizar o conteúdo, clique no texto do cabeçalho de coluna, pause, e então clique na seta parece alternar entre ascendente e descendente. • Para filtrar conteúdo, clique no ícone de filtro no canto superior direito. Selecione Título, Autor ou Palavra-chave, e especifique todo o valor. Infelizmente, cadeias parciais de pesquisa ainda não são suportadas. Por exemplo, se você inserir “Doe” para filtrar artigos por autor, não aparecerão resultados para “John Doe” ou “Jane Doe”; por ora, você deverá inserir “John Doe” ou “Jane Doe” para filtrar.
  29. 29. 62dualpixel labs | www.dualpixel.com.br www.dualpixel.com.br Este material foi produzido de forma criteriosa e cuidadosa. Contudo, erros durante a diagramação, digitação e impressão podem ter acontecido. Os autores não assumem qualquer responsabilidade por eventuais danos ou perdas a pessoas ou bens, originados do uso ou das informações contidas nesta publicação. Todos os nomes registrados e marcas registradas ou direitos de uso citados nesta publicação pertencem aos seus respectivos proprietários. ©dualpixel - Junho de 2015

×