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