Tutorial: Crear el primer formulario adaptable

01-create-first-adaptive-form-hero-image

Introducción

¿Busca una experiencia de formularios adaptable para dispositivos móviles que simplifique la matriculación, aumente la participación y reduzca el tiempo de respuesta? Los formularios ​adaptables son ideales para usted. Los formularios adaptables proporcionan una experiencia de formularios móvil, de automatización y analítica. Puede crear fácilmente formularios que sean interactivos e interactivos, utilizar procesos automatizados para reducir las tareas administrativas y repetitivas y utilizar el análisis de datos para mejorar y personalizar la experiencia que los clientes tienen con los formularios.

Este tutorial proporciona un marco integral para crear un formulario adaptable. El tutorial está organizado en un caso de uso y en varias guías. Cada guía ayuda a conocer y agregar nuevas funciones al formulario adaptable que se crea en este tutorial. Tiene un formulario adaptable que funciona después de cada guía. La guía para crear un formulario adaptable está disponible. Las guías posteriores estarán disponibles pronto. Al final de este tutorial, podrá:

  • Cree un formulario adaptable y un modelo de datos de formulario.
  • Defina el estilo del formulario adaptable.
  • Utilice el editor de reglas de formulario adaptable para crear reglas comerciales.
  • Pruebe y publique un formulario adaptable.

create-adaptive-form-workflow

El viaje inicio con aprender el caso de uso:

Un sitio web oferta una gama de productos para diversos clientes. Los clientes exploran el portal, seleccionan y solicitan los productos. Cada cliente crea una cuenta y proporciona direcciones de envío y facturación. Una cliente existente, Sara Rose, está buscando agregar su dirección de envío al sitio web. El sitio web proporciona un formulario en línea para agregar y actualizar las direcciones de envío.

El sitio web se ejecuta en Adobe Experience Manager (AEM) y utiliza AEM Forms para capturar y procesar datos. El formulario de adición y actualización de direcciones es un formulario adaptable. El sitio web almacena los detalles del cliente en una base de datos. Utilizan el formulario de adición y actualización de direcciones para recuperar y mostrar las direcciones disponibles. También utilizan el formulario adaptable para aceptar direcciones nuevas y actualizadas.

Requisitos previos

  • Configure una instancia de autor AEM.

  • Instale AEM Forms Add-on en la instancia de creación.

  • Obtenga el controlador de base de datos JDBC (archivo JAR) del proveedor de base de datos. Ejemplos en el tutorial se basan en MySQL base de datos y utilizan el controlador Oracle’s de base de datos MySQL JDBC.

  • Configure una base de datos que contenga datos de clientes con los campos que se muestran a continuación. Una base de datos no es esencial para crear un formulario adaptable. Este tutorial utiliza una base de datos para mostrar el modelo de datos de formulario y las capacidades de persistencia de AEM Forms.

adaptiveformdata

Paso 1: Creación de un formulario adaptable

03-create-adaptive-form-main-image_small

Los formularios adaptables son de nueva generación, atractivos, interactivos, dinámicos y adaptables. Mediante formularios adaptables, puede ofrecer experiencias personalizadas y con objetivos definidos. AEM Forms un editor WYSIWYG de arrastrar y soltar para crear formularios adaptables. Para obtener más información sobre los formularios adaptables, consulte Introducción a la creación de formulariosadaptables.

Objetivos:

  • Crear un formulario adaptable que permita al cliente agregar una dirección de envío
  • Campos de diseño de un formulario adaptable para mostrar y aceptar información de un cliente
  • Crear una acción de envío para enviar un correo electrónico con contenido de formulario
  • Previsualización y envío de un formulario adaptable

Consulte la Guía

Step 2: Create Form Data Model

05-create-form-data-model-main_small

Un modelo de datos de formulario permite conectar un formulario adaptable a orígenes de datos dispares. Por ejemplo, AEM perfil del usuario, servicios web RESTful, servicios web basados en SOAP, servicios OData y bases de datos relacionales. Un modelo de datos de formulario es un esquema de representación de datos unificado de las entidades comerciales y los servicios disponibles en las fuentes de datos conectadas. Puede utilizar el modelo de datos de formulario con un formulario adaptable para recuperar, actualizar, eliminar y agregar datos a orígenes de datos conectados.

Objetivos:

  • Configurar la instancia de base de datos (MySQL base de datos) del sitio web como fuentes de datos
  • Crear el modelo de datos de formulario con MySQL base de datos como origen de datos
  • Añadir objetos del modelo de datos en el modelo de datos de formulario
  • Configuración de servicios de lectura y escritura para el modelo de datos de formulario
  • Probar el modelo de datos de formulario y los servicios configurados con datos de prueba

Consulte la Guía

Paso 3: Aplicación de reglas a campos de formulario adaptables

07-apply-rules-to-adaptive-form_small

Los formularios adaptables proporcionan un editor para escribir reglas en objetos de formulario adaptables. Estas reglas definen acciones para activar objetos de formulario en función de condiciones preestablecidas, entradas de usuario y acciones de usuario en el formulario. Ayuda a garantizar la precisión y acelera la experiencia de cumplimentación de formularios.

Objetivos:

  • Creación y aplicación de reglas a campos de formulario adaptables
  • Utilice reglas para activar los servicios del modelo de datos de formulario para actualizar datos a la base de datos

Consulte la Guía

Paso 4: Estilo del formulario adaptable

Los formularios adaptables proporcionan temáticas y un editor para crear temáticas para los formularios adaptables. Un tema contiene detalles de estilo para componentes y paneles, y puede reutilizar un tema en diferentes formularios. Los estilos incluyen propiedades como colores de fondo, colores de estado, transparencia, alineación y tamaño. Al aplicar el tema al formulario, el estilo especificado se refleja en los componentes correspondientes del formulario. Los formularios adaptables también admiten estilos en línea para estilos específicos de un formulario.

Objetivos:

  • Aplicar un tema predefinido a un formulario adaptable
  • Creación de un tema para un formulario adaptable mediante el editor de temas
  • Uso de fuentes web en un tema personalizado

Consulte la Guía

Paso 5: Probar el formulario adaptable

11-test-your-adaptive-form

Los formularios adaptables son esenciales para las interacciones con los clientes. Es importante probar los formularios adaptables con cada cambio que realice en ellos. Probar cada campo de un formulario es tedioso. AEM Forms un SDK (Calvin SDK) para automatizar la prueba de formularios adaptables. Calvin le permite automatizar la prueba de sus formularios adaptables en el navegador web.

Objetivos:

  • Crear grupo de pruebas para el formulario adaptable
  • Creación de casos de prueba para formularios adaptables
  • Ejecutar los casos de prueba

Consulte la Guía

Paso 6: Publicación del formulario adaptable

12-publish-your-adaptive-form-_small

Puede publicar formularios adaptables como un formulario independiente (aplicación de una sola página), incluir en AEM página Sitios o lista en un AEM Site mediante Forms Portal.

Objetivos:

  • Publicar el formulario adaptable como una página AEM
  • Incrustar el formulario adaptable en una página AEM Sites
  • Incrustar el formulario adaptable en una página web externa (una página web no AEM alojada fuera de AEM)

Consulte la Guía

En esta página