Tutorial: Creación de plantillas

07-apply-rules-to-adaptive-form_small

Este tutorial es un paso en la serie Crear una primera comunicación interactiva. Se recomienda seguir la serie en secuencia cronológica para comprender, realizar y demostrar el caso de uso completo del tutorial.

Para crear una comunicación interactiva, debe tener plantillas disponibles en el servidor de AEM para Canales impresos y Web.

Las plantillas para el canal de impresión se crean en Adobe Forms Designer y se cargan en el servidor de AEM. Estas plantillas están disponibles para su uso durante la creación de una comunicación interactiva.

Las plantillas para el canal Web se crean en AEM. Los creadores y administradores de plantillas pueden crear, editar y habilitar plantillas web. Una vez creadas y habilitadas, estas plantillas están disponibles para su uso durante la creación de una comunicación interactiva.

Este tutorial le guiará por los pasos para crear plantillas para canales impresos y Web de modo que estén disponibles para su uso durante la creación de comunicaciones interactivas. Al final de este tutorial, podrá:

  • Creación de plantillas XDP para canal de impresión mediante Adobe Forms Designer
  • Cargar las plantillas XDP en AEM Forms Server
  • Crear y habilitar plantillas para el canal Web

Crear plantilla para canal de impresión

Cree y gestione una plantilla para el canal de impresión de la comunicación interactiva mediante las siguientes tareas:

Creación de una plantilla XDP con Forms Designer

En función del caso de uso y de la anatomía, cree los siguientes subformularios en la plantilla XDP:

  • Detalles de la factura: Incluye un fragmento de documento
  • Detalles del cliente: Incluye un fragmento de documento
  • Resumen de facturación: Incluye un fragmento de documento
  • Resumen: Incluye un fragmento de documento (subformulario Cargos) y un gráfico (subformulario Gráficos)
  • Llamadas por elementos: Incluye una tabla (fragmento de diseño)
  • Pagar ahora: Incluye una imagen
  • Servicios Añadidos de valor: Incluye una imagen

create_print_template

Estos subformularios se muestran como áreas de destinatario en la plantilla Imprimir después de cargar el archivo XDP al servidor de Forms. Todas las entidades, como fragmentos de documento, gráficos, fragmentos de diseño e imágenes, se agregan a las áreas de destinatario al crear la comunicación interactiva.

Siga los pasos siguientes para crear una plantilla XDP para el canal de impresión:

  1. Abra Forms Designer, seleccione Archivo > Nuevo > Utilizar un formulario en blanco, toque Siguiente y, a continuación, Finalizar para abrir el formulario para la creación de la plantilla.

    Asegúrese de que las opciones Biblioteca de objetos y Objeto están seleccionadas en el menú Ventana .

  2. Arrastre y suelte el componente Subformulario desde la biblioteca de objetos al formulario.

  3. Seleccione el subformulario para mostrar las opciones del subformulario en la ventana Objeto del panel derecho.

  4. Seleccione la ficha Subformulario y seleccione De posición variable en la lista desplegable Contenido . Arrastre el extremo izquierdo del subformulario para ajustar la longitud.

  5. En la ficha Enlaces :

    1. Especifique BillDetails en el campo Nombre .

    2. Seleccione Sin enlace de datos en la lista desplegable Enlace de datos .

    Subformulario de Designer

  6. Del mismo modo, seleccione el subformulario raíz, seleccione la ficha Subformulario y seleccione De posición variable en la lista desplegable Contenido . En la ficha Enlaces :

    1. Especifique TelecaBill en el campo Nombre .

    2. Seleccione Sin enlace de datos en la lista desplegable Enlace de datos .

    Subformulario para plantilla Imprimir

  7. Repita los pasos 2 a 5 para crear los subformularios siguientes:

    • Detalles de la factura

    • Detalles del cliente

    • Resumen de factura

    • Resumen: seleccione la ficha Subformulario y seleccione Colocado en la lista desplegable Contenido para este subformulario. Inserte los subformularios siguientes en el subformulario Resumen .

      • Cargos
      • Gráficos
    • ItemizedCalls

    • PayNow

    • ValueAddedServices

    Para ahorrar tiempo, también puede copiar y pegar subformularios existentes para crear nuevos subformularios.

    Para cambiar el subformulario Gráficos a la derecha del subformulario Cargos, seleccione el subformulario Gráficos en el panel izquierdo, seleccione la ficha Presentación y especifique un valor para el campo AnclajeX . El valor debe ser bueno que el valor del campo Ancho del subformulario Cargos . Seleccione el subformulario Cargos y seleccione la ficha Presentación para vista del valor del campo Anchura .

  8. Arrastre y suelte el objeto Texto de la biblioteca de objetos en el formulario e introduzca el Marcar XXXX para suscribirse al texto del cuadro.

  9. Haga clic con el botón derecho en el objeto de texto del panel izquierdo, seleccione Cambiar nombre de objeto e introduzca el nombre del objeto de texto como Suscribirse.

    Plantilla XDP

  10. Seleccione Archivo > Guardar como para guardar el archivo en el sistema de archivos local:

    1. Vaya a la ubicación en la que desea guardar el archivo y especifique el nombre como create_first_ic_print_template.

    2. Seleccione .xdp en la lista desplegable Guardar como tipo .

    3. Toque Guardar.

Cargar plantilla XDP en el servidor de AEM Forms

Una vez creada una plantilla XDP con Forms Designer, debe cargarla en el servidor de AEM Forms para que la plantilla esté disponible para su uso durante la creación de la comunicación interactiva.

  1. Seleccione Forms > Forms y Documentos.

  2. Toque Crear > Cargar archivo.

    Navegue y seleccione la plantilla create_first_ic_print_template (XDP) y toque Abrir para importar la plantilla XDP al servidor de AEM Forms.

Creación de una plantilla XDP para fragmentos de diseño

Para crear un fragmento de diseño para el canal de impresión de la comunicación interactiva, cree un XDP con Forms Designer y cárguelo en el servidor de AEM Forms.

  1. Abra Forms Designer, seleccione Archivo > Nuevo > Utilizar un formulario en blanco, toque Siguiente y, a continuación, Finalizar para abrir el formulario para la creación de la plantilla.

    Asegúrese de que las opciones Biblioteca de objetos y Objeto están seleccionadas en el menú Ventana .

  2. Arrastre y suelte el componente Tabla desde la biblioteca de objetos al formulario.

  3. En el cuadro de diálogo Insertar tabla:

    1. Especifique el número de columnas como 5.
    2. Especifique el número de filas de trabajo como 1.
    3. Seleccione la casilla de verificación Incluir fila de encabezado en tabla .
    4. Pulse Aceptar.
  4. Puntee + en el panel izquierdo junto a la Tabla 1 y haga clic con el botón derecho en Celda1 y seleccione Cambiar el nombre del objeto a fecha.

    Del mismo modo, cambie Cell2, Cell3, Cell4 y Cell5 por Time ,Number, Durationy Charges, respectivamente.

  5. Haga clic en los campos de texto Encabezado de la Vista de Designer y cámbieles el nombre a Hora, Número, Duración y Cargos.

    Fragmento de diseño

  6. Seleccione Fila 1 en el panel izquierdo y seleccione Objeto > Enlace > Repetir fila para cada elemento de datos.

    Repetir propiedades para el fragmento de diseño

  7. Arrastre y suelte el componente Campo de texto de la biblioteca de objetos en la Vista de Designer.

    Campo de texto para fragmento de diseño

    Del mismo modo, arrastre y suelte el componente Campo de texto en las filas Tiempo, Número, Duración y Cargos .

  8. Seleccione Archivo > Guardar como para guardar el archivo en el sistema de archivos local:

    1. Vaya a la ubicación para guardar el archivo y especifique el nombre como table_lf.

    2. Seleccione .xdp en la lista desplegable Guardar como tipo .

    3. Toque Guardar.

    Una vez creada una plantilla XDP para un fragmento de diseño con Forms Designer, debe cargarla en el servidor de AEM Forms para que la plantilla esté disponible para su uso al crear fragmentos de diseño.

Crear plantilla para canal Web

Cree y administre una plantilla para el canal Web de comunicación interactiva mediante las siguientes tareas:

Crear carpeta para plantillas

Para crear una plantilla de canal web, defina una carpeta en la que puede guardar las plantillas creadas. Una vez que haya creado una plantilla dentro de esa carpeta, habilite la plantilla para permitir que los usuarios de los formularios creen un canal web de una comunicación interactiva basada en la plantilla.

Siga los pasos siguientes para crear una carpeta para las plantillas editables:

  1. Toque Herramientas martillo > Navegador ​de configuración.

  2. En la página Navegador de configuración, toque Crear.

  3. En el cuadro de diálogo Crear configuración , especifique Create_First_IC_templates como título para la carpeta, marque Plantillas ​editables y toque Crear.

    Configuración de plantillas web

    La carpeta Create_First_IC_templates se crea y se enumera en la página Navegador de configuración.

Crear la plantilla

En función del caso de uso y la anatomía, cree los paneles siguientes en la plantilla web:

  • Detalles de la factura: Incluye un fragmento de documento
  • Detalles del cliente: Incluye un fragmento de documento
  • Resumen de facturación: Incluye un fragmento de documento
  • Resumen de cargos: Incluye un fragmento de documento y un gráfico (diseño de dos columnas)
  • Llamadas por elementos: Incluye una tabla
  • Pagar ahora: Incluye un botón Pagar ahora y una imagen
  • Servicios Añadidos de valor: Incluye una imagen y un botón Suscribirse .

create_web_template

Todas las entidades, como fragmentos de documento, gráficos, tablas, imágenes y botones, se agregan al crear la comunicación interactiva.

Siga los pasos siguientes para crear una plantilla para el canal Web en la carpeta Create_First_IC_templates :

  1. Vaya a la carpeta de plantillas adecuada seleccionando Herramientas > Plantillas > Crear_primero_IC_plantillas .

  2. Toque Crear.

  3. En el asistente Seleccionar un tipo de plantilla, seleccione Comunicación interactiva: Canal web y toque Siguiente.

  4. En el asistente de configuración Detalles de plantilla, especifique Create_First_IC_Web_Template como título de plantilla. Especifique una descripción opcional y toque Crear.

    Mensaje de confirmación de que se muestra Create_First_IC_Web_Template .

  5. Toque Abrir para abrir la plantilla en el editor de plantillas.

  6. Seleccione Contenido ​inicial en la lista desplegable situada junto a la opción Previsualización .

    Editor de plantillas

  7. Toque Panel raíz y, a continuación, toque + para vista de la lista de componentes que puede agregar a la plantilla.

  8. Seleccione Panel en la lista para agregar un panel sobre el panel raíz.

  9. Seleccione la ficha Contenido en el panel izquierdo. El nuevo panel agregado en el paso 8 se muestra debajo del panel raíz en el árbol de contenido.

    Árbol de contenido

  10. Seleccione el panel y toque configure_icon (Configurar).

  11. En el panel Propiedades:

    1. Especifique los detalles de la publicidad en el campo Nombre.

    2. Especifique los detalles de la factura en el campo Título.

    3. Seleccione 1 en la lista desplegable Número de columnas .

    4. Toque para guardar las propiedades.

    El nombre del panel se actualiza a Detalles de facturación en el árbol de contenido.

  12. Repita los pasos 7 a 11 para agregar paneles con las siguientes propiedades a la plantilla:

    Nombre Título Número de columnas
    detalles del cliente Detalles del cliente 1
    resumen de facturación Resumen de facturación 1
    summaryfees Resumen de cargos 2
    itemisedcall Llamadas por elementos 1
    paynow Pagar ahora 2
    lienzo Servicios Añadidos de valor 1

    La siguiente imagen muestra el árbol de contenido después de agregar todos los paneles a la plantilla:

    Árbol de contenido para todos los paneles

Habilitar la plantilla

Una vez que haya creado la plantilla Web, debe habilitarla para utilizar la plantilla mientras crea la Comunicación interactiva.

Ejecute los siguientes pasos para habilitar la plantilla Web:

  1. Toque Herramientas icono de martillo > Plantillas.

  2. Vaya a la plantilla Create_First_IC_Web_Template , selecciónela y toque Habilitar.

  3. Tab Active nuevamente para confirmar.

    La plantilla está habilitada y su estado se muestra como Habilitada. Puede utilizar esta plantilla al crear Comunicación interactiva para el canal Web.

Activación de botones en Interactive Communications

En función del caso de uso, debe incluir los botones Pagar ahora y Suscribirse (componentes de formularios adaptables) en Comunicación interactiva. Para habilitar el uso de estos botones en la comunicación interactiva, ejecute los siguientes pasos:

  1. Seleccione Estructura en la lista desplegable situada junto a la opción Previsualización .

  2. Seleccione el panel raíz del Contenedor de Documento mediante el árbol de contenido y toque Política para seleccionar los componentes que se pueden usar en la comunicación interactiva.

    Configurar directiva

  3. En la ficha Componentes ​permitidos de la sección Propiedades , seleccione Botón en los componentes del formulario ​adaptable.

    Componentes permitidos

  4. Toque done_icon para guardar las propiedades.

En esta página