Tutorial: Criar modelos tutorial-create-templates
Este tutorial é uma etapa da série Criar sua primeira Comunicação Interativa. É recomendável seguir a série em sequência cronológica para entender, executar e demonstrar o caso de uso completo do tutorial.
Para criar uma comunicação interativa, você deve ter modelos disponíveis no servidor AEM para impressão e canais da Web.
Os modelos para o canal de impressão são criados no Adobe Forms Designer e carregados no servidor de AEM. Esses modelos ficam disponíveis para uso ao criar uma Comunicação interativa.
Os templates para o canal da Web são criados no AEM. Os autores e administradores de modelos podem criar, editar e ativar modelos da Web. Depois de criados e ativados, esses modelos ficam disponíveis para uso ao criar uma Comunicação interativa.
Este tutorial o guiará pelas etapas para criar modelos para canais de Impressão e da Web, de modo que fiquem disponíveis para uso durante a criação de Comunicações interativas. Ao final deste tutorial, você será capaz de:
- Criar modelos XDP para canal de impressão usando o Adobe Forms Designer
- Fazer upload dos modelos XDP para o servidor do AEM Forms
- Criar e habilitar modelos para o canal da Web
Criar modelo para canal de impressão create-template-for-print-channel
Crie e gerencie um modelo para o canal de impressão de comunicação interativa usando as seguintes tarefas:
Criar um modelo XDP usando o Forms Designer create-xdp-template-using-forms-designer
Com base no caso de uso e na anatomia, crie os seguintes subformulários no modelo XDP:
- Detalhes da Lista: Inclui um Fragmento de Documento
- Detalhes do cliente: inclui um fragmento de documento
- Sumário da Lista: Inclui um Fragmento de Documento
- Sumário: Inclui um Fragmento de Documento (subformulário Encargos) e um gráfico (subformulário Gráficos)
- Chamadas discriminadas: inclui uma tabela (fragmento de layout)
- Pagar agora: inclui uma imagem
- Serviços de valor agregado: inclui uma imagem
Esses subformulários são exibidos como áreas de destino no modelo de Impressão depois de fazer upload do arquivo XDP para o 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.
Para criar um modelo XDP para o canal de impressão, faça o seguinte:
-
Abra o Forms Designer, selecione Arquivo > Novo > Usar um formulário em branco, selecione Avançar e Concluir para abrir o formulário para criação de modelo.
Verifique se as opções Biblioteca de Objetos e Objeto estão selecionadas no menu Janela.
-
Arraste e solte o componente Subformulário da Biblioteca de Objetos no formulário.
-
Selecione o subformulário para que você possa ver as opções do subformulário na janela Objeto no painel direito.
-
Selecione a guia Subformulário e selecione Fluxo na lista suspensa Conteúdo. Para ajustar o comprimento, arraste a extremidade esquerda do subformulário.
-
Na guia Ligações:
-
Especifique BillDetails no campo Name.
-
Selecione Nenhuma associação de dados na lista suspensa Associação de Dados.
-
-
Da mesma forma, selecione o subformulário raiz, selecione a guia Subformulário e selecione Fluxado na lista suspensa Conteúdo. Na guia Ligações:
-
Especifique TelecaBill no campo Name.
-
Selecione Nenhuma associação de dados na lista suspensa Associação de Dados.
-
-
Repita as etapas 2 - 5 para criar os seguintes subformulários:
-
Detalhes da Fatura
-
DetalhesDoCliente
-
Resumo da fatura
-
Resumo - Selecione a guia Subformulário e selecione Posicionado na lista suspensa Conteúdo para este subformulário. Insira os seguintes subformulários no subformulário Resumo.
- Encargos
- Gráficos
-
ChamadasDiscriminadas
-
PayNow
-
ValueAddedServices
Para economizar tempo, também é possível copiar e colar subformulários existentes para criar subformulários adicionais.
Para deslocar o subformulário Gráficos para a direita do subformulário Encargos, selecione o subformulário Gráficos 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 Largura para o subformulário Encargos. Selecione o subformulário Encargos e selecione a guia Layout para exibir o valor do campo Largura.
-
-
Arraste e solte o objeto Texto da Biblioteca de Objetos no formulário e insira 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 Assinar.
-
Selecione Arquivo > Salvar como para salvar o arquivo no sistema de arquivos local:
-
Navegue até o local onde você pode salvar o arquivo e especifique o nome como create_first_ic_print_template.
-
Selecione .xdp na lista suspensa Salvar como tipo.
-
Selecione Salvar.
-
Fazer upload de um modelo XDP para o servidor do AEM Forms upload-xdp-template-to-the-aem-forms-server
Depois de criar um modelo XDP usando o Forms Designer, você deve carregá-lo no AEM Forms Server para que o modelo fique disponível para uso ao criar a Comunicação interativa.
-
Selecione Forms > Forms e Documentos.
-
Selecione Criar > Carregar arquivo.
Navegue e selecione o create_first_ic_print_template template (XDP) e selecione Abrir para importar o modelo XDP para o AEM Forms Server.
Criar um modelo XDP para fragmentos de layout create-xdp-template-for-layout-fragments
Para criar um fragmento de layout para o canal de impressão da comunicação interativa, crie um XDP usando o Forms Designer e faça upload dele para o servidor do AEM Forms.
-
Abra o Forms Designer, selecione Arquivo > Novo > Usar um formulário em branco, selecione Avançar e Concluir para abrir o formulário para criação de modelo.
Verifique se as opções Biblioteca de Objetos e Objeto estão selecionadas no menu Janela.
-
Arraste e solte o componente Tabela da Biblioteca de Objetos no formulário.
-
Na caixa de diálogo Inserir tabela:
- Especifique o número de colunas como 5.
- Especifique o número de linhas do corpo como 1.
- Marque a caixa de seleção Incluir linha de cabeçalho na tabela.
- Guia OK.
-
Selecione + no painel esquerdo ao lado de Tabela 1 e clique com o botão direito em Célula1 e selecione Renomear Objeto para Data.
Da mesma forma, renomeie Célula2, Célula3, Célula4 e Célula5 para Hora, Número, Duração e Encargos, respectivamente.
-
Clique nos campos de texto do Cabeçalho no Modo de Exibição do Designer e renomeie-os como Hora, Número, Duração e Encargos.
-
Selecione Linha 1 no painel esquerdo e selecione Objeto > Associação > Repetir Linha para Cada Item de Dados.
-
Arraste e solte o componente Campo de Texto da Biblioteca de Objetos na Exibição do Designer.
Da mesma forma, arraste e solte o componente Campo de Texto nas linhas Hora, Número, Duração e Encargos.
-
Selecione Arquivo > Salvar como para salvar o arquivo no sistema de arquivos local:
-
Navegue até o local onde você pode salvar o arquivo e especifique o nome como table_lf.
-
Selecione .xdp na lista suspensa Salvar como tipo.
-
Selecione Salvar.
Depois de criar um modelo XDP para fragmento de layout usando o Forms Designer, você deve carregá-lo no AEM Forms Server para que o modelo fique disponível para uso durante a criação de fragmentos de layout.
-
Criar um modelo para o canal da Web create-template-for-web-channel
Crie e gerencie um modelo para o canal da Web de Comunicação Interativa usando as seguintes tarefas:
Criar uma pasta para modelos create-folder-for-templates
Para criar um modelo de canal da Web, defina uma pasta onde você 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.
Para criar uma pasta para os modelos editáveis, faça o seguinte:
-
Selecione Ferramentas > Navegador de Configuração.
- Consulte a documentação do Navegador de Configuração para obter mais informações.
-
Na página Navegador de Configuração, selecione 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 selecione Criar.
A pasta Create_First_IC_templates foi criada e listada na página Navegador de Configuração.
Criar o modelo create-the-template
Com base no caso de uso e na anatomia, crie os seguintes painéis no modelo da Web:
- Detalhes da Lista: Inclui um Fragmento de Documento
- Detalhes do cliente: inclui um fragmento de documento
- Sumário da Lista: Inclui um Fragmento de Documento
- Resumo de Encargos: inclui um Fragmento de Documento e um gráfico (layout de duas colunas)
- Chamadas Discriminadas: Inclui uma tabela
- Pagar Agora: Inclui um botão Pagar Agora e uma imagem
- Serviços de valor agregado: inclui uma imagem e um botão Assinar.
Todas as entidades, como fragmentos de documento, gráficos, tabelas, imagens e botões, são adicionadas ao criar a Comunicação interativa.
Para criar um modelo para o canal Web na pasta Create_First_IC_templates, siga estas etapas:
-
Navegue até a pasta de modelo apropriada, selecionando a pasta Ferramentas > Modelos > Criar_Primeiro_Modelos.
-
Selecione Criar.
-
No assistente de configuração Escolher um Tipo de Modelo, selecione Comunicação Interativa - Canal da Web e selecione Avançar.
-
No assistente de configuração de Detalhes do Modelo, especifique Create_First_IC_Web_Template como o título do modelo. Especifique uma descrição opcional e selecione Criar.
Uma mensagem de confirmação de que o Create_First_IC_Web_Template é exibida.
-
Selecione Abrir para abrir o modelo no editor de modelos.
-
Selecione Conteúdo inicial na lista suspensa ao lado da opção Visualizar.
-
Selecione Painel Raiz e + para exibir a lista de componentes que você pode adicionar ao modelo.
-
Para adicionar um painel acima do Painel raiz, selecione Painel na lista.
-
Selecione a guia Conteúdo no painel esquerdo. O novo painel adicionado na etapa 8 é exibido no Painel raiz da árvore de conteúdo.
-
Selecione o painel e selecione (Configurar).
-
No painel Propriedades:
-
Especifique billdetails no campo Nome.
-
Especifique Detalhes da Lista no campo Título.
-
Selecione 1 na lista suspensa Número de Colunas.
-
Para salvar as propriedades, selecione .
O nome do painel foi atualizado para Detalhes da Lista na árvore de conteúdo.
-
-
Repita as etapas 7 - 11 para adicionar painéis com as seguintes propriedades ao modelo:
table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3 Nome Título Número de colunas customerdetails Detalhes do cliente 1 resumo de faturamento Sumário da Lista 1 encargos resumidos Resumo de Encargos 2 itemisedcalls Chamadas discriminadas 1 paynow Pagar agora 2 vas Serviços de valor agregado 1 A imagem a seguir representa a árvore de conteúdo após adicionar todos os painéis ao modelo:
Ativar o modelo enable-the-template
Depois de criar o modelo da Web, você deve habilitá-lo para usar o modelo ao criar a Comunicação interativa.
Para habilitar o modelo da Web, faça o seguinte:
-
Selecione Ferramentas > Modelos.
-
Navegue até o modelo Create_First_IC_Web_Template, selecione-o e Enable.
-
Selecione Habilitar novamente para confirmar.
O modelo é ativado e seu status é exibido como Enabled. Você pode usar esse template ao criar a Comunicação interativa para o canal da Web.
Ativação de botões nas Comunicações interativas enabling-buttons-in-interactive-communications
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, faça o seguinte:
-
Selecione Estrutura na lista suspensa ao lado da opção Visualizar.
-
Selecione o painel raiz do Contêiner de documentos usando a árvore de conteúdo e selecione 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 do Formulário Adaptável.
-
Para salvar as propriedades, selecione .