Tutorial: Crear el primer formulario adaptable tutorial-create-your-first-adaptive-form

Versión
Vínculo del artículo
AEM as a Cloud Service
Haga clic aquí
AEM 6.5
Este artículo

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

Introducción introduction

¿Está buscando una experiencia de formularios compatible con dispositivos móviles que simplifique la inscripción, aumente la participación y reduzca el tiempo de respuesta? los formularios adaptables son perfectos para usted. Los formularios adaptables proporcionan una experiencia adaptada para móviles, automatizada y analítica. Puede crear fácilmente formularios que sean interactivos y adaptables, utilizar procesos automatizados para reducir las tareas administrativas y repetitivas y utilizar análisis de datos para mejorar y personalizar la experiencia que los clientes tienen con sus formularios.

Este tutorial proporciona un marco de trabajo completo para crear un formulario adaptable. El tutorial está organizado en un caso de uso y en varias guías. Cada guía le ayuda a aprender y agregar nuevas características al formulario adaptable que cree en este tutorial. Después de cada guía, tendrá un formulario adaptable operativo. La guía para crear un formulario adaptable está disponible. Próximamente habrá más guías. Al final de este tutorial, debería poder hacer lo siguiente:

  • Crear un formulario adaptable y un modelo de datos de formulario.
  • Establecer el estilo de su formulario adaptable.
  • Utilizar el editor de reglas de formulario adaptable para crear reglas empresariales.
  • Probar y publicar un formulario adaptable.

create-adaptive-form-workflow

El recorrido comienza con el aprendizaje del caso de uso:

Un sitio web ofrece una amplia gama de productos para diversos clientes. Los clientes examinan el portal, seleccionan y solicitan los productos. Cada cliente crea una cuenta y proporciona direcciones de envío y de facturación. Una cliente, Sara Rose, quiere 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 recoger y procesar los 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. Se utiliza el formulario de adición y actualización de direcciones para recuperar y mostrar las direcciones disponibles. También se utiliza el formulario adaptable para aceptar direcciones nuevas y actualizadas.

Requisitos previos prerequisite

  • AEM Configurar una instancia de autor

  • Instalar el Complemento de AEM Forms en la instancia de autor.

  • Obtener el controlador de base de datos JDBC (archivo JAR) del proveedor de la base de datos. Los ejemplos del tutorial se basan en la base de datos MySQL y utiliza el Oracle’s Controlador de base de datos JDBC de MySQL.

  • 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: Crear un formulario adaptable step-create-an-adaptive-form

03-create-adaptive-form-main-image_small

Los formularios adaptables son de nueva generación, atractivos, interactivos, dinámicos y adaptables. Gracias a los formularios adaptables, puede ofrecer experiencias personalizadas y segmentadas. AEM Forms proporciona 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 formularios adaptables.

Objetivos:

  • Crear un formulario adaptable que permita a un cliente agregar una dirección de envío.
  • Diseñar campos de un formulario adaptable para mostrar y aceptar información de un cliente.
  • Cree una acción de envío para enviar un correo electrónico que contenga contenido de formulario.
  • Previsualizar y enviar un formulario adaptable.

Consulte la Guía

Paso 2: Crear un modelo de datos de formulario step-create-form-data-model

05-create-form-data-model-main_small

Un modelo de datos de formulario permite conectar un formulario adaptable a distintas fuentes de datos. Por ejemplo, un perfil de usuario de AEM, 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 entidades y servicios empresariales disponibles en fuentes de datos conectadas. Puede utilizar el modelo de datos de formulario con un formulario adaptable para recuperar, actualizar, eliminar y agregar datos a fuentes de datos conectadas.

Objetivos:

  • Configure la instancia de base de datos del sitio web (base de datos MySQL) como origen de datos.
  • Cree el modelo de datos de formulario con la base de datos MySQL como origen de datos.
  • Agregar objetos del modelo de datos para poder formar el modelo de datos.
  • Configure los 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: Aplicar reglas a campos de formulario adaptables step-apply-rules-to-adaptive-form-fields

07-apply-rules-to-adaptive-form_small

Los formularios adaptables proporcionan un editor para escribir reglas sobre objetos de formulario adaptables. Estas reglas definen las acciones que se deben habilitar en los objetos del formulario en función de los ajustes preestablecidos, las entradas del usuario y las acciones del usuario en el formulario. Ayuda a garantizar la precisión y acelera la experiencia de cumplimentación de formularios.

Objetivos:

  • Cree y aplique reglas en los campos de formulario adaptables.
  • Utilice reglas para almacenar en déclencheur los servicios del modelo de datos de formulario para actualizar los datos a la base de datos.

Consulte la Guía

Paso 4: Estilo del formulario adaptable step-style-your-adaptive-form

estilo-formulario-adaptable

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

Objetivos:

  • Aplicar una temática predeterminada a un formulario adaptable.
  • Cree una temática para el formulario adaptable mediante el editor de temáticas.
  • Usar Web Fonts en una temática personalizada.

Consulte la Guía

Paso 5: Publicar el formulario adaptable step-publish-your-adaptive-form

12-publish-your-adaptive-form-_small

Puede publicar formularios adaptables como un formulario independiente (aplicación de una sola página), incluido en la página de AEM Siteso una lista en un Site de AEM mediante el portal de formularios.

Objetivos:

  • Publish AEM usa el formulario adaptable como una página de.
  • AEM Incruste el formulario adaptable en una página de Sites de la.
  • AEM AEM Incruste el formulario adaptable en una página web externa (una página web que no sea de tipo alojada fuera de la página).

Consulte la Guía

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2