Tutorial: Criar modelo de dados de formulário

Criar modelo de dados de formulário 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.

Sobre o tutorial

O módulo de integração de dados do AEM Forms permite criar um modelo de dados de formulário a partir de diferentes fontes de dados de backend, como AEM perfil de usuário, serviços Web RESTful, serviços Web baseados em SOAP, serviços OData e bancos de dados relacionais. É possível configurar objetos e serviços do modelo de dados em um modelo de dados de formulário e associá-lo a um formulário adaptável. Os campos de formulário adaptável são vinculados às propriedades de objetos do modelo de dados. Os serviços permitem preencher previamente o formulário adaptável e gravar os dados de formulário enviados de volta no objeto de modelo de dados.

Para obter mais informações sobre a integração de dados de formulário e o modelo de dados de formulário, consulte AEM Forms Data Integration.

Este tutorial o orienta pelas etapas para preparar, criar, configurar e associar um modelo de dados de formulário a uma comunicação interativa. Ao final deste tutorial, você poderá:

• Configurar o banco de dados
• Configurar o banco de dados MySQL como fonte de dados
• Criar modelo de dados de formulário
• Configurar o modelo de dados de formulário
• Modelo de dados do formulário de teste

O modelo de dados de formulário é semelhante ao seguinte:

A. Fontes de dados configuradas B. Schemas de fonte de dados C. Serviços disponíveis D. Objetos de modelo de dados E. Serviços configurados

Pré-requisitos

Antes de começar, verifique se você tem o seguinte:

• Banco de dados MySQL com dados de amostra conforme declarado na seção Configure o banco de dados.
• Pacote OSGi para o driver JDBC do MySQL, conforme explicado em Bundling the JDBC Database Driver

Etapa 1: Configurar o banco de dados

Um banco de dados é essencial para criar uma Comunicação Interativa. Este tutorial usa um banco de dados para exibir o Form Data Model e os recursos de persistência de Comunicações interativas. Configure um banco de dados contendo tabelas de clientes, contas e chamadas.
A imagem a seguir ilustra dados de amostra para a tabela do cliente:

Use a seguinte instrução DDL para criar a tabela customer no banco de dados.

CREATE TABLE `customer` (
   `mobilenum` int(11) NOT NULL,
   `name` varchar(45) NOT NULL,
   `address` varchar(45) NOT NULL,
   `alternatemobilenumber` int(11) DEFAULT NULL,
   `relationshipnumber` int(11) DEFAULT NULL,
   `customerplan` varchar(45) DEFAULT NULL,
   PRIMARY KEY (`mobilenum`),
   UNIQUE KEY `mobilenum_UNIQUE` (`mobilenum`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8

Use a instrução DDL a seguir para criar a tabela bill no banco de dados.

CREATE TABLE `bills` (
   `billplan` varchar(45) NOT NULL,
   `latepayment` decimal(4,2) NOT NULL,
   `monthlycharges` decimal(4,2) NOT NULL,
   `billdate` date NOT NULL,
   `billperiod` varchar(45) NOT NULL,
   `prevbal` decimal(4,2) NOT NULL,
   `callcharges` decimal(4,2) NOT NULL,
   `confcallcharges` decimal(4,2) NOT NULL,
   `smscharges` decimal(4,2) NOT NULL,
   `internetcharges` decimal(4,2) NOT NULL,
   `roamingnational` decimal(4,2) NOT NULL,
   `roamingintnl` decimal(4,2) NOT NULL,
   `vas` decimal(4,2) NOT NULL,
   `discounts` decimal(4,2) NOT NULL,
   `tax` decimal(4,2) NOT NULL,
   PRIMARY KEY (`billplan`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8

Use a seguinte instrução DDL para criar a tabela calls no banco de dados.

CREATE TABLE `calls` (
   `mobilenum` int(11) DEFAULT NULL,
   `calldate` date DEFAULT NULL,
   `calltime` varchar(45) DEFAULT NULL,
   `callnumber` int(11) DEFAULT NULL,
   `callduration` varchar(45) DEFAULT NULL,
   `callcharges` decimal(4,2) DEFAULT NULL,
   `calltype` varchar(45) DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8

A tabela calls inclui detalhes da chamada, como data da chamada, hora da chamada, número da chamada, duração da chamada e encargos da chamada. A tabela customer é vinculada à tabela de chamadas usando o campo Número do celular (mobilenum) . Para cada número de celular listado na tabela customer, há vários registros na tabela calls. Por exemplo, você pode recuperar os detalhes da chamada para o número do celular 1457892541 referindo-se à tabela calls.

A tabela letras inclui os detalhes da lista, como data da lista, período da lista, encargos mensais e encargos de chamada. A tabela customer é vinculada à tabela bill usando o campo Plano de Faturamento. Há um plano associado a cada cliente na tabela customer. A tabela bill inclui os detalhes de preços de todos os planos existentes. Por exemplo, você pode recuperar os detalhes do plano para Sarah da tabela customer e usar esses detalhes para recuperar os detalhes do preço da tabela bill.

Etapa 2: Configurar o banco de dados MySQL como fonte de dados

Você pode configurar diferentes tipos de fontes de dados para criar um modelo de dados de formulário. Neste tutorial, você configurará o banco de dados MySQL que está configurado e preenchido com dados de amostra. Para obter informações sobre outras fontes de dados compatíveis e como configurá-las, consulte AEM Forms Data Integration.

Faça o seguinte para configurar seu banco de dados MySQL:

1. Instale o driver JDBC para o banco de dados MySQL como um pacote OSGi:

   1. Faça logon na Instância do autor do AEM Forms como administrador e acesse AEM pacotes do console da Web. O URL padrão é http://localhost:4502/system/console/bundles.
   2. Toque em Instalar/atualizar. Uma caixa de diálogo Fazer upload / Instalar pacotes é exibida.
   3. Toque em Escolha Arquivo para procurar e selecionar o pacote OSGi do driver JDBC do MySQL. Selecione Iniciar Pacote e Atualizar Pacotes e toque em Instalar ou Atualizar. Certifique-se de que o Driver JDBC da Oracle Corporation para MySQL está ativo. O driver está instalado.

2. Configurar o banco de dados MySQL como uma fonte de dados:

   1. Vá para AEM console da Web em http://localhost:4502/system/console/configMgr.

   2. Localize a configuração Apache Sling Connection Pool DataSource. Toque em para abrir a configuração no modo de edição.

   3. Na caixa de diálogo de configuração, especifique os seguintes detalhes:

      • Nome da fonte de dados: especifique qualquer nome. Por exemplo, especifique MySQL.
      • Nome da propriedade do serviço DataSource: Especifique o nome da propriedade de serviço que contém o nome DataSource. Ele é especificado ao registrar a instância da fonte de dados como serviço OSGi. Por exemplo, datasource.name.
      • Classe de driver JDBC: Especifique o nome da classe Java do driver JDBC. Para o banco de dados MySQL , especifique com.mysql.jdbc.Driver.
      • URI de conexão JDBC: Especifique o URL de conexão do banco de dados. Para o banco de dados MySQL em execução na porta 3306 e no schema teleca, o URL é: jdbc:mysql://[server]:3306/teleca?autoReconnect=true&useUnicode=true&characterEncoding=utf-8
      • Nome de usuário: Nome de usuário do banco de dados. É necessário habilitar o driver JDBC para estabelecer uma conexão com o banco de dados.
      • Senha: senha do banco de dados. É necessário habilitar o driver JDBC para estabelecer uma conexão com o banco de dados.
      • Testar em linha de crédito: ative a opção Testar em linha de crédito.
      • Teste no retorno: ative o teste no retorno.
      • Consulta de validação: especifique uma consulta SQL SELECT para validar conexões do pool. A consulta deve retornar pelo menos uma linha. Por exemplo, selecione * do cliente.
      • Isolamento da transação: Defina o valor como READ_COMPROMETIDO.

   Deixe outras propriedades com os valores padrão e toque em Salvar.

   Uma configuração semelhante ao seguinte é criada.

   

Etapa 3: Criar modelo de dados de formulário

O AEM Forms fornece uma interface de usuário intuitiva para criar um modo de dados de formuláriol a partir de fontes de dados configuradas. É possível usar várias fontes de dados em um modelo de dados de formulário. Para o caso de uso neste tutorial, você usará o MySQL como fonte de dados.

Faça o seguinte para criar um modelo de dados de formulário:

1. Em AEM instância do autor, navegue até Forms > Integrações de dados.

2. Toque em Criar > Modelo de dados de formulário.

3. No assistente Criar Modelo de Dados de Formulário , especifique um name para o modelo de dados de formulário. Por exemplo, FDM_Create_First_IC. Toque em Próximo.

4. A tela selecionar fonte de dados lista todas as fontes de dados configuradas. Selecione a fonte de dados MySQL e toque em Criar.

   

5. Clique em Concluído. O modelo de dados de formulário FDM_Create_First_IC é criado.

Etapa 4: Configurar o modelo de dados de formulário

A configuração do modelo de dados de formulário inclui:

• adição de objetos e serviços do modelo de dados
• criação de propriedades filho computadas para o objeto de modelo de dados
• adição de associações entre objetos do modelo de dados
• edição de propriedades de objetos do modelo de dados
• configuração de serviços para objetos de modelo de dados

Adicionar objetos e serviços do modelo de dados

1. Em AEM instância do autor, navegue até Forms > Integrações de dados. O URL padrão é http://localhost:4502/aem/forms.html/content/dam/formsanddocuments-fdm.

2. O modelo de dados de formulário FDM_Create_First_IC criado anteriormente está listado aqui. Selecione-o e toque em Editar.

   A fonte de dados selecionada MySQL é exibida no painel Fontes de Dados.

   

3. Expanda a árvore de fonte de dados MySQL. Selecione os seguintes objetos e serviços de modelo de dados do schema teleca:

   • Objetos do modelo de dados:

     • contas
     • chamadas
     • cliente

   • Serviços:

     • get
     • atualizar

   Toque em Adicionar selecionados para adicionar objetos e serviços de modelo de dados selecionados ao modelo de dados do formulário.

   

   As listas, chamadas e objetos do modelo de dados do cliente são exibidos no painel direito na guia Modelo. Os serviços get e update são exibidos na guia Services.

   

Criar propriedades secundárias computadas para o objeto de modelo de dados

Uma propriedade calculada é aquela cujo valor é calculado com base em uma regra ou expressão. Usando uma regra, é possível definir o valor de uma propriedade calculada como uma sequência literal, um número, o resultado de uma expressão matemática ou o valor de outra propriedade no modelo de dados de formulário.

Com base no caso de uso, crie a propriedade computada filho usagecharges no objeto de modelo de dados bill usando a seguinte expressão matemática:

• tarifas de utilização = taxas de chamada + taxas de chamada de conferência + encargos SMS + taxas de internet móveis + roaming nacional + roaming internacional + SAV (todas essas propriedades existem no objeto de modelo de dados de faturas)

  Para obter mais informações sobre a propriedade computada secundária usagecharges, consulte Planejar a comunicação interativa.

Execute as seguintes etapas para criar propriedades filhas computadas para o objeto de modelo de dados de listas:

1. Marque a caixa de seleção na parte superior do objeto de modelo de dados bill para selecioná-lo e tocar em Criar propriedade filho.

2. No painel Criar propriedade secundária:

   1. Insira usagecharges como o nome da propriedade filho.
   2. Habilite Calculado.
   3. Selecione Float como o tipo e toque Concluído para adicionar a propriedade filho ao objeto de modelo de dados bill.

   

3. Toque em Editar regra para abrir o Editor de regras.

4. Toque em Criar. A janela de regra Definir valor é aberta.

5. Na lista suspensa Selecionar opção , selecione Expressão matemática.

   

6. Na expressão matemática, selecione callloading e confcallloading como primeiro e segundo objetos, respectivamente. Selecione plus como operador. Toque na expressão matemática e toque em Estender expressão para adicionar smscharges, interredes, roamingnational, roamingintnl e <a vas Objetos 11/> para a expressão.

   A imagem a seguir descreve a expressão matemática no editor de regras:

   

7. Toque em Concluído. A regra é criada no Editor de regras.

8. Toque em Fechar para fechar a janela do Editor de regras.

Adicionar associações entre objetos de modelo de dados

Depois que os objetos do modelo de dados forem definidos, é possível criar associações entre eles. A associação pode ser um para um ou um para muitos. Por exemplo, pode haver vários dependentes associados a um funcionário. É chamada de associação de um para muitos e representada por 1:n na linha que conecta objetos de modelo de dados associados. No entanto, se uma associação retornar um nome de funcionário exclusivo para uma determinada ID de funcionário, ela será chamada de associação de um para um.

Ao adicionar objetos de modelo de dados associados em uma fonte de dados a um modelo de dados de formulário, suas associações são retidas e exibidas como conectadas por linhas de seta.

Com base no caso de uso, crie as seguintes associações entre os objetos do modelo de dados:

Execute as seguintes etapas para criar associações entre objetos do modelo de dados:

1. Marque a caixa de seleção na parte superior do objeto de modelo de dados customer para selecioná-lo e toque em Adicionar associação. O painel de propriedades Adicionar Associação é aberto.

2. No painel Adicionar Associação:

   • Especifique um título para a associação. É um campo opcional.
   • Selecione One to Many na lista suspensa Type.
   • Selecione calls na lista suspensa Model Object.
   • Selecione get na lista suspensa Service.
   • Toque em Adicionar para vincular o objeto de modelo de dados cliente a chamadas usando uma propriedade. Com base no caso de uso, o objeto de modelo de dados de chamadas deve ser vinculado à propriedade número móvel no objeto de modelo de dados do cliente. A caixa de diálogo Adicionar argumento é aberta.

   

3. Na caixa de diálogo Adicionar Argumento:

   • Selecione mobilenum na lista suspensa Name. A propriedade mobile number é uma propriedade comum disponível no cliente e que chama objetos de modelo de dados. Como resultado, é usado para criar uma associação entre o cliente e chamar objetos do modelo de dados.

     Para cada número de celular disponível no objeto de modelo de dados do cliente, há vários registros de chamada disponíveis na tabela de chamadas .

   • Especifique um título e uma descrição opcionais para o argumento .

   • Selecione customer na lista suspensa Vínculo a.

   • Selecione mobilenum na lista suspensa Valor de Vínculo.

   • Toque em Adicionar.

   

   A propriedade mobilenum é exibida na seção Argumentos.

   

4. Toque em Concluído para criar uma associação 1:n entre o cliente e os objetos do modelo de dados de chamadas.

   Depois de criar uma associação entre o cliente e os objetos do modelo de dados de chamadas, crie uma associação 1:1 entre o cliente e os objetos do modelo de dados de contas.

5. Marque a caixa de seleção na parte superior do objeto de modelo de dados customer para selecioná-lo e toque em Adicionar associação. O painel de propriedades Adicionar Associação é aberto.

6. No painel Adicionar Associação:

   • Especifique um título para a associação. É um campo opcional.

   • Selecione One to One na lista suspensa Type.

   • Selecione bill na lista suspensa Model Object.

   • Selecione get na lista suspensa Service. A propriedade billplan, que é a chave primária para a tabela de títulos, já está disponível na seção Arguments.

     Os objetos do modelo de dados de cliente e listas são vinculados usando as propriedades plano de faturamento (listas) e plano do cliente (cliente), respectivamente. Crie um vínculo entre essas propriedades para recuperar os detalhes do plano para qualquer cliente disponível no banco de dados MySQL.

   • Selecione customer na lista suspensa Vínculo a.

   • Selecione customerplan na lista suspensa Vínculo de valor.

   • Toque em Concluído para criar um vínculo entre as propriedades do plano de faturamento e do plano do cliente.

   

   A imagem a seguir descreve as associações entre os objetos do modelo de dados e as propriedades usadas para criar associações entre eles:

   

Editar propriedades de objetos do modelo de dados

Depois de criar associações entre o cliente e outros objetos de modelo de dados, edite as propriedades do cliente para definir a propriedade com base na qual os dados são recuperados do objeto de modelo de dados. Com base no caso de uso, o número de celular é usado como a propriedade para recuperar dados do objeto de modelo de dados do cliente.

1. Marque a caixa de seleção na parte superior do objeto de modelo de dados customer para selecioná-lo e toque em Editar propriedades. O painel Editar propriedades é aberto.

2. Especifique customer como o objeto de Modelo de Nível Superior.

3. Selecione get na lista suspensa Ler serviço.

4. Na seção Argumentos:

   • Selecione Atributo de Solicitação na lista suspensa Vínculo a.
   • Especifique mobilenum como o Valor de Vínculo.

5. Selecione update na lista suspensa Write Service.

6. Na seção Argumentos:

   • Para a propriedade mobilenum, selecione customer na lista suspensa Vínculo a.
   • Selecione mobilenum na lista suspensa Valor de Vínculo.

7. Toque em Concluído para salvar as propriedades.

   

8. Marque a caixa de seleção na parte superior do objeto do modelo de dados calls para selecioná-lo e tocar em Editar propriedades. O painel Editar propriedades é aberto.

9. Desative o objeto Modelo de nível superior para chamadas objeto de modelo de dados.

10. Toque em Concluído.

    Repita as etapas 8 a 10 para configurar as propriedades para o objeto de modelo de dados bill.

Configurar serviços

1. Vá para a guia Services.

2. Selecione o serviço get e toque em Editar propriedades. O painel Editar propriedades é aberto.

3. No painel Editar propriedades:

   • Insira um título e uma descrição opcionais.
   • Selecione customer na lista suspensa Output Model Object.
   • Toque em Concluído para salvar as propriedades.

   

4. Selecione o serviço update e toque em Editar propriedades. O painel Editar propriedades é aberto.

5. No painel Editar propriedades:

   • Insira um título e uma descrição opcionais.
   • Selecione customer na lista suspensa Input Model Object.
   • Toque em Concluído.
   • Toque em Salvar para salvar o modelo de dados do formulário.

   

Etapa 5: Testar modelo e serviços de dados de formulário

É possível testar o objeto e os serviços do modelo de dados para verificar se o modelo de dados do formulário está configurado corretamente.

Faça o seguinte para executar o teste:

1. Vá para a guia Model, selecione o objeto de modelo de dados customer e toque em Test Model Object.

2. Na janela Testar Modelo de Dados de Formulário, selecione Ler objeto de modelo na lista suspensa Selecionar Modelo/Serviço.

3. Na seção Input, especifique um valor para a propriedade mobilenum que existe no banco de dados MySQL configurado e toque em Test.

   Os detalhes do cliente associados à propriedade mobilenum especificada são buscados e exibidos na seção Saída , como mostrado abaixo. Feche a caixa de diálogo.

   

4. Vá para a guia Services.

5. Selecione o serviço get e toque em Testar Serviço.

6. Na seção Input, especifique um valor para a propriedade mobilenum que existe no banco de dados MySQL configurado e toque em Test.

   Os detalhes do cliente associados à propriedade mobilenum especificada são buscados e exibidos na seção Saída , como mostrado abaixo. Feche a caixa de diálogo.

   

Editar e salvar dados de amostra

O editor de modelo de dados de formulário permite gerar dados de amostra para todas as propriedades de objetos do modelo de dados, incluindo propriedades calculadas, em um modelo de dados de formulário. É um conjunto de valores aleatórios que está em conformidade com o tipo de dados configurado para cada propriedade. Também é possível editar e salvar dados, que são retidos mesmo se os dados de amostra forem gerados novamente.

Faça o seguinte para gerar, editar e salvar dados de amostra:

1. Na página do modelo de dados de formulário, toque em Editar dados de amostra. Ele gera e exibe os dados de amostra na janela Editar dados de amostra .

   

2. Na janela Editar dados de amostra, edite os dados, conforme necessário, e toque em Salvar. Feche a janela .