Tutorial: Crear plantillas

Creación de plantillas para impresión y web para comunicación interactiva

07-apply-rules-to-adaptive-form_small

Este tutorial es un paso de la serie Create your first Interactive Communication . 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 los canales web e impresos.

Las plantillas del canal Imprimir 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 del canal web se crean en AEM. Los autores 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 guía por los pasos para crear plantillas para canales web e impresos para 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 el canal de impresión mediante Adobe Forms Designer
  • Cargar las plantillas XDP al servidor de AEM Forms
  • Crear y habilitar plantillas para el canal web

Crear plantilla para el canal de impresión

Cree y administre 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 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 desglosadas: Incluye una tabla (fragmento de diseño)
  • Pagar ahora: Incluye una imagen
  • Servicios de valor agregado: Incluye una imagen

create_print_template

Estos subformularios se muestran como áreas de destino en la plantilla Imprimir después de cargar el archivo XDP en el 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 destino al crear la comunicación interactiva.

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

  1. Abra el Diseñador de Forms, seleccione Archivo > Nuevo > Utilizar un formulario en blanco, pulse Siguiente y, a continuación, pulse Finalizar para abrir el formulario para la creación de plantillas.

    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 hasta el formulario.

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

  4. Seleccione la pestaña Subform y seleccione De posición variable en la lista desplegable Contenido. Arrastre el punto final izquierdo del subformulario para ajustar la longitud.

  5. En la pestaña Bindings:

    1. Especifique BillDetails en el campo Name.
    2. Seleccione Sin enlace de datos en la lista desplegable Enlace de datos.

    forms_designer_subform

  6. Del mismo modo, seleccione el subformulario raíz, seleccione la pestaña Subform y seleccione De posición variable en la lista desplegable Contenido. En la pestaña Bindings:

    1. Especifique TelecaBill en el campo Name.
    2. Seleccione Sin enlace de datos en la lista desplegable Enlace de datos.

    root_subform_print_template

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

    • Detalles de la factura

    • Detalles del cliente

    • Resumen de facturación

    • Resumen: seleccione la pestaña Subform y seleccione Colocado en la lista desplegable Contenido para este subformulario. Inserte los subformularios siguientes en el subformulario Resumen.

      • Cargos
      • Gráficos
    • LlamadasItemized

    • PayNow

    • ValueAddedServices

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

    Para desplazar el subformulario Charts a la derecha del subformulario Cargos, seleccione el subformulario Charts del panel izquierdo, seleccione la ficha Layout y especifique un valor para el campo AnclaX. El valor debe ser bueno que el valor del campo Width del subformulario Charges. Seleccione el subformulario Charges y seleccione la pestaña Layout para ver el valor del campo Width.

  8. Arrastre y suelte el objeto Text desde la Biblioteca de objetos al formulario e introduzca el texto Dial XXXX para suscribirse en el cuadro.

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

    print_xdp_template_subform

  10. 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 create_first_ic_print_template.
    2. Seleccione .xdp en la lista desplegable Guardar como tipo.
    3. Toque Guardar.

Cargar la plantilla XDP al servidor de AEM Forms

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

  1. Seleccione Forms > Forms & Documents.

  2. Pulse Crear > Cargar archivo.

    Navegue y seleccione la plantilla create_first_ic_print_template (XDP) y pulse 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 el Diseñador de Forms, seleccione Archivo > Nuevo > Utilizar un formulario en blanco, pulse Siguiente y, a continuación, pulse Finalizar para abrir el formulario para la creación de plantillas.

    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 hasta el 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. Active la casilla Incluir fila de encabezado en tabla.
    4. Tabulación OK.
  4. Pulse + en el panel izquierdo situado junto a 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 el nombre de Cell2, Cell3, Cell4 y Cell5 a Time, Number, Duración 3/> y Cargos respectivamente.

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

    layout_fragment_print

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

    layout_fragment_print_repeat

  7. Arrastre y suelte el componente Campo de texto desde la Biblioteca de objetos hasta la Vista de Designer.

    layout_fragment_print_text_field

    Del mismo modo, arrastre y suelte el componente Campo de texto en las filas Time, Number, Duration y Charges.

  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 fragmento de diseño con el Diseñador de Forms, debe cargarla en el servidor de AEM Forms para que la plantilla esté disponible para usar durante la creación de fragmentos de diseño.

Crear plantilla para el 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 pueda guardar las plantillas creadas. Una vez creada una plantilla dentro de esa carpeta, habilite la plantilla para permitir a los usuarios de los formularios crear un canal web de una comunicación interactiva basada en la plantilla.

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

  1. Pulse Herramientas Herramientas > Explorador de configuración.

  2. En la página Explorador de configuración, pulse Crear.

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

    create_first_ic_web_template

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

Crear la plantilla

En función del caso de uso y 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 desglosadas: Incluye una tabla
  • Pagar ahora: Incluye un botón Pagar ahora y una imagen
  • Servicios de valor agregado: Incluye una imagen y un botón Subscribe.

create_web_template

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

Ejecute los siguientes pasos para crear una plantilla para el canal web en la carpeta Create_First_IC_templates:

  1. Vaya a la carpeta de plantillas adecuada seleccionando la carpeta Tools > Templates > Create_First_IC_templates.

  2. Toque Crear.

  3. En el asistente de configuración Pick a Template Type, seleccione Interactive Communication - Web Channel y pulse Next.

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

    Se muestra un mensaje de confirmación de que Create_First_IC_Web_Template.

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

  6. Seleccione Contenido inicial en la lista desplegable junto a la opción Vista previa.

    template_editor_initial_content

  7. Pulse Panel raíz y, a continuación, pulse + para ver la lista de componentes que puede añadir a la plantilla.

  8. Seleccione Panel de la lista para agregar un panel encima del Panel raíz.

  9. Seleccione la pestaña Content en el panel izquierdo. El nuevo panel añadido en el paso 8 se muestra en el Panel raíz en el árbol de contenido.

    content_tree_root_panel

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

  11. En el panel Propiedades:

    1. Especifique billdetails en el campo Nombre.
    2. Especifique Detalles de la factura en el campo Título.
    3. Seleccione 1 en la lista desplegable Número de columnas.
    4. Toque done_icon para guardar las propiedades.

    El nombre del panel se actualiza a Detalles de la lista 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 3
    summaryfees Resumen de cargos 2
    itemisedcalls Llamadas desglosadas 1
    paynow Pagar ahora 2
    lienzo Servicios de valor agregado 1

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

    content_tee_all_boards

Habilitar la plantilla

Una vez creada la plantilla web, debe habilitarla para que utilice la plantilla al crear la comunicación interactiva.

Ejecute los siguientes pasos para habilitar la plantilla web:

  1. Pulse Herramientas Herramientas > Plantillas.

  2. Vaya a la plantilla Create_First_IC_Web_Template, selecciónela y pulse Enable.

  3. Vuelva a pulsar la pestaña Habilitar para confirmar.

    La plantilla está activada y su estado se muestra como Activada. Puede utilizar esta plantilla al crear la 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 activar el uso de estos botones en la comunicación interactiva, ejecute los siguientes pasos:

  1. Seleccione Estructura en la lista desplegable junto a la opción Vista previa.

  2. Seleccione el panel raíz Contenedor de documento mediante el árbol de contenido y pulse Política para seleccionar los componentes permitidos para su uso en la comunicación interactiva.

    structure_configure_policy

  3. En la pestaña Componentes permitidos de la sección Propiedades, seleccione Botón de los componentes Formulario adaptable.

    allowed_components_af

  4. Toque done_icon para guardar las propiedades.

En esta página