Criar modelos de impressão e da Web para comunicação interativa
Este tutorial é uma etapa da série Create your first Interative Communication. É recomendável seguir a série em sequência cronológica para entender, executar e demonstrar o caso de uso tutorial completo.
Para criar uma Comunicação interativa, você deve ter modelos disponíveis no servidor de AEM para Canais de impressão e da Web.
Os modelos para o canal Imprimir são criados no Adobe Forms Designer e carregados no servidor AEM. Esses modelos ficam disponíveis para uso ao criar uma Comunicação interativa.
Os modelos para o canal Web são criados em AEM. Os autores e administradores de modelos podem criar, editar e ativar modelos da Web. Depois de criados e ativados, esses modelos estão disponíveis para uso ao criar uma Comunicação interativa.
Este tutorial o orienta pelas etapas para criar modelos para canais de Impressão e da Web para que eles estejam disponíveis para uso ao criar Comunicações interativas. Ao final deste tutorial, você poderá:
Crie e gerencie modelos para o Canal de impressão de comunicação interativa usando as seguintes tarefas:
Com base no caso de uso e anatomia, crie os seguintes subformulários no modelo XDP:
Esses subformulários são exibidos como áreas de destino no modelo Imprimir depois de fazer upload do arquivo XDP no servidor do Forms. Todas as entidades, como fragmentos de documento, gráficos, fragmentos de layout e imagens, são adicionadas às áreas de destino ao criar a Comunicação interativa.
Execute as seguintes etapas para criar um modelo XDP para o canal de impressão:
Abra o Forms Designer, selecione File > New > Use a blank form, toque em Next e toque em Finish para abrir o formulário para criação de modelo.
Certifique-se de que as opções Biblioteca de objetos e Objeto estejam selecionadas no menu Janela.
Arraste e solte o componente Subform da Biblioteca de objetos no formulário.
Selecione o subformulário para exibir as opções para o subformulário na janela Object no painel direito.
Selecione a guia Subform e selecione Flowed na lista suspensa Content. Arraste o ponto de extremidade esquerdo do subformulário para ajustar o comprimento.
Na guia Bindings:
Da mesma forma, selecione o subformulário raiz, selecione a guia Subform e selecione Flowed na lista suspensa Content. Na guia Bindings:
Repita as etapas 2 a 5 para criar os seguintes subformulários:
Detalhes da Lista
Detalhes do cliente
Resumo da Lista
Resumo - Selecione a guia Subformulário e selecione Posicionado na lista suspensa Conteúdo para esse subformulário. Insira os seguintes subformulários no subformulário Summary.
ItemizedCalls
PagarAgora
ValueAddedServices
Para economizar tempo, também é possível copiar e colar subformulários existentes para criar novos subformulários.
Para alternar o subformulário Charts para a direita do subformulário Charges, selecione o subformulário Charts no painel esquerdo, selecione a guia Layout e especifique um valor para o campo AnchorX. O valor deve ser maior que o valor do campo Width para o subformulário Charges. Selecione o subformulário Charges e selecione a guia Layout para exibir o valor do campo Width.
Arraste e solte o objeto Text da Biblioteca de objetos no formulário e digite o texto Discar XXXX para assinar na caixa.
Clique com o botão direito do mouse no objeto de texto no painel esquerdo, selecione Renomear objeto e insira o nome do objeto de texto como Subscribe.
Selecione Arquivo > Salvar como para salvar o arquivo no sistema de arquivos local:
Depois de criar um modelo XDP usando o Forms Designer, você deve carregá-lo no servidor AEM Forms para que o modelo fique disponível para uso ao criar a Comunicação interativa.
Selecione Forms > Forms & Documents.
Toque em Criar > Carregamento de arquivo.
Navegue e selecione o modelo create_first_ic_print_template (XDP) e toque em Open para importar o modelo XDP para o servidor AEM Forms.
Para criar um fragmento de layout para o canal Imprimir da Comunicação Interativa, crie um XDP usando o Forms Designer e faça upload dele para o servidor AEM Forms.
Abra o Forms Designer, selecione File > New > Use a blank form, toque em Next e toque em Finish para abrir o formulário para criação de modelo.
Certifique-se de que as opções Biblioteca de objetos e Objeto estejam selecionadas no menu Janela.
Arraste e solte o componente Tabela da Biblioteca de objetos no formulário.
Na caixa de diálogo Inserir tabela:
Toque em + no painel esquerdo ao lado de Tabela 1 e clique com o botão direito do mouse em Célula1 e selecione Renomear objeto para Data.
Da mesma forma, renomeie Cell2, Cell3, Cell4 e Cell5 para Time, Number, Duration e Encargos respectivamente.
Clique nos campos de texto Cabeçalho no Exibição do Designer e renomeie-os para Tempo, Número, Duração e Encargos.
Selecione Linha 1 no painel esquerdo e selecione Objeto > Vínculo > Repetir Linha para Cada Item de Dados.
Arraste e solte o componente Campo de texto da Biblioteca de objetos para a Exibição do Designer.
Da mesma forma, arraste e solte o componente Campo de texto nas linhas Tempo, Número, Duração e Encargos.
Selecione Arquivo > Salvar como para salvar o arquivo no sistema de arquivos local:
Depois de criar um modelo XDP para o fragmento de layout usando o Forms Designer, você deve carregá-lo no servidor do AEM Forms para que o modelo fique disponível para uso ao criar fragmentos de layout.
Crie e gerencie modelos para o canal Web de Comunicação interativa usando as seguintes tarefas:
Para criar um modelo de canal da Web, defina uma pasta onde possa salvar os modelos criados. Depois de criar um modelo dentro dessa pasta, ative o modelo para permitir que os usuários de formulários criem um canal da Web de uma Comunicação interativa com base no modelo.
Execute as seguintes etapas para criar uma pasta para os modelos editáveis:
Toque em Ferramentas > Navegador de configuração.
Na página Navegador de configuração, toque em Criar.
Na caixa de diálogo Criar configuração, especifique Create_First_IC_templates como o título da pasta, marque Modelos editáveis e toque em Criar.
A pasta Create_First_IC_templates é criada e listada na página Navegador de configuração.
Com base no caso de uso e anatomia, crie os seguintes painéis no template Web:
Todas as entidades, como fragmentos de documento, gráficos, tabelas, imagens e botões, são adicionadas ao criar a Comunicação interativa.
Execute as seguintes etapas para criar um modelo para o canal Web na pasta Create_First_IC_templates:
Navegue até a pasta de modelo apropriada selecionando Ferramentas > Modelos > Criar_Primeiro_IC_templates.
Toque em Criar.
No assistente de configuração Escolha um Tipo de Modelo, selecione Comunicação Interativa - Canal Web e toque em Próximo.
No assistente de configuração Detalhes do Modelo, especifique Create_First_IC_Web_Template como o título do modelo. Especifique uma descrição opcional e toque em Criar.
Uma mensagem de confirmação de que o Create_First_IC_Web_Template é exibido.
Toque em Abrir para abrir o modelo no editor de modelo.
Selecione Conteúdo inicial na lista suspensa ao lado da opção Visualizar.
Toque em Painel raiz e toque em + para exibir a lista de componentes que podem ser adicionados ao modelo.
Selecione Painel na lista para adicionar um painel acima do Painel raiz.
Selecione a guia Content no painel esquerdo. O novo painel adicionado na etapa 8 é exibido sob o Painel raiz na árvore de conteúdo.
Selecione o painel e toque em (Configurar).
No painel Propriedades:
O nome do painel é atualizado para Detalhes da Lista na árvore de conteúdo.
Repita as etapas 7 a 11 para adicionar painéis com as seguintes propriedades ao modelo:
Nome | Título | Número de colunas |
---|---|---|
detalhes do cliente | Detalhes do cliente | 1 |
cédula | Resumo da Lista | 3 |
encargos sumariados | Resumo dos Encargos | 2 |
chamadas itemised | Chamadas discriminadas | 3 |
pagamento | Pagar Agora | 2 |
tela | Serviços de valor agregado | 3 |
A imagem a seguir descreve a árvore de conteúdo após adicionar todos os painéis ao modelo:
Depois de criar o template Web, você deve habilitá-lo para usar o template ao criar a Comunicação interativa.
Execute as seguintes etapas para habilitar o template Web:
Toque em Ferramentas > Modelos.
Navegue até o modelo Create_First_IC_Web_Template, selecione-o e toque em Ativar.
Pressione Ativar novamente para confirmar.
O modelo é ativado e seu status é exibido como Ativado. Você pode usar esse modelo ao criar a Comunicação interativa para o canal da Web.
Com base no caso de uso, você deve incluir os botões Pagar Agora e Assinar (componentes de formulários adaptáveis) na Comunicação Interativa. Para habilitar o uso desses botões na Comunicação interativa, execute as seguintes etapas:
Selecione Estrutura na lista suspensa ao lado da opção Visualizar.
Selecione o painel raiz Contêiner de documento usando a árvore de conteúdo e toque em Política para selecionar os componentes permitidos para uso na Comunicação interativa.
Na guia Componentes permitidos da seção Propriedades, selecione Botão nos componentes Formulário adaptável.
Toque em para salvar as propriedades.