Crear una comunicación interactiva con todos los componentes básicos
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.
Una vez creados todos los componentes básicos, como el modelo de datos de formulario, los fragmentos de documento, las plantillas y los temas para la versión web, puede empezar a crear una comunicación interactiva.
Las comunicaciones interactivas se pueden entregar a través de dos canales: Imprimir y Web. También puede crear una comunicación interactiva con el canal de impresión como maestro. La opción Imprimir como principal para el canal web garantiza que el contenido, la herencia y el enlace de datos del canal web se deriven del canal de impresión. También garantiza que los cambios realizados en el canal Imprimir se sincronicen en el canal Web. Sin embargo, los autores de la comunicación interactiva pueden romper la herencia de componentes específicos del canal web.
Este tutorial lo acompaña durante los pasos para crear comunicaciones interactivas para los canales web e impresos. Al final de este tutorial, podrá:
A continuación se muestra la lista de recursos que ya se han creado en este tutorial y que son necesarios al crear la comunicación interactiva para el canal de impresión:
Imprimir plantilla: create_first_ic_print_template
Modelo de datos de formulario: FDM_Create_First_IC
Fragmentos de documento: bill_details_first_ic, customer_details_first_ic, bill_summary_first_ic, summary_charge_first_ic
Fragmentos de diseño: table_lf
Imágenes: PayNow y ValueAddedServices
Inicie sesión en la instancia de autor de AEM y vaya a Adobe Experience Manager > Forms > Forms & Documents.
Pulse Crear y seleccione Comunicación interactiva. Se muestra el asistente Crear comunicación interactiva.
Especifique create_first_ic en el Título y en el campo Nombre. Seleccione FDM_Create_First_IC como Modelo de datos de formulario y pulse Siguiente.
En el asistente Channels:
Se muestra un mensaje de confirmación de que la comunicación interactiva se ha creado correctamente.
Pulse Editar para abrir la comunicación interactiva en el panel derecho.
Vaya a la pestaña Assets y aplique el filtro para mostrar solo los fragmentos del documento en el panel izquierdo.
Arrastre y suelte los siguientes fragmentos de documento en sus áreas de destino en la Comunicación interactiva:
Fragmento de documento | Área de destino |
---|---|
bill_details_first_ic | Detalles de la factura |
customer_details_first_ic | Detalles del cliente |
bill_summary_first_ic | Resumen de facturación |
summary_charge_first_interactivo_communication | Cargos |
Pulse Charts área de destino y pulse + para añadir un componente Chart.
Pulse el componente Gráfico y seleccione (Configurar). Las propiedades del gráfico se muestran en el panel izquierdo:
Vaya a la pestaña Assets y aplique el filtro para mostrar solo los fragmentos de diseño en el panel izquierdo. Arrastre y suelte el fragmento de diseño table_lf en el área de destino Llamadas desglosadas.
Seleccione el campo de texto en la columna Date y pulse (Configurar).
Seleccione Objeto del modelo de datos en la lista desplegable Tipo de enlace y seleccione llamadas > fecha de llamada. Toque dos veces para guardar las propiedades.
Del mismo modo, cree un enlace con calltime, callnumber, callduration y callloads para los campos de texto de los campos Time, Number, Duración y Cargos columnas respectivamente.
Pulse PayNow área de destino y pulse + para añadir un componente Image.
Pulse el componente Imagen y seleccione (Configurar). Las propiedades de la imagen se muestran en el panel izquierdo:
Repita los pasos 13 y 14 para agregar la imagen ValueAddedServices al área de destino ValueAddedServices.
A continuación se muestra la lista de recursos que ya se han creado en este tutorial y que son necesarios al crear la comunicación interactiva para el canal web:
Plantilla web: Create_First_IC_Web_Template
Modelo de datos de formulario: FDM_Create_First_IC
Fragmentos de documento: bill_details_first_ic, customer_details_first_ic, bill_summary_first_ic, summary_charge_first_ic
Imágenes: PayNowWeb y ValueAddedServicesWeb
Inicie sesión en la instancia de autor de AEM y vaya a Adobe Experience Manager > Forms > Forms & Documents.
Pulse Crear y seleccione Comunicación interactiva. Se muestra el asistente Crear comunicación interactiva.
Especifique create_first_ic en el Título y en el campo Nombre. Seleccione FDM_Create_First_IC como Modelo de datos de formulario y pulse Siguiente.
En el asistente Channels:
Se muestra un mensaje de confirmación de que la comunicación interactiva se ha creado correctamente.
Pulse Editar para abrir la comunicación interactiva en el panel derecho.
Pulse la pestaña Channels del panel izquierdo y pulse Web.
Vaya a la pestaña Assets y aplique el filtro para mostrar solo los fragmentos del documento en el panel izquierdo.
Arrastre y suelte los siguientes fragmentos de documento en sus áreas de destino en la Comunicación interactiva:
Fragmento de documento | Área de destino |
---|---|
bill_details_first_ic | Detalles de la factura |
customer_details_first_ic | Detalles del cliente |
bill_summary_first_ic | Resumen de facturación |
summary_charge_first_interactivo_communication | Cargos |
Pulse Resumen de cargos y pulse + para añadir un componente Chart.
Pulse el componente Gráfico y seleccione (Configurar). Las propiedades del gráfico se muestran en el panel izquierdo:
Seleccione la pestaña Fuentes de datos en el panel izquierdo y arrastre y suelte el objeto del modelo de datos llamadas en el área de destino Llamadas desglosadas. Todas las propiedades del objeto del modelo de datos Calls se muestran como columnas de tabla en el área de destino Llamadas desglosadas del panel derecho.
En función del caso de uso, se requieren las columnas Fecha de llamada, Hora de llamada, Número de llamada, Duración de llamada y Cargos de llamada en la tabla.
Seleccione Mobilenum encabezado de columna de tabla y seleccione Más opciones > Eliminar columna. Del mismo modo, elimine la columna Calltype.
Seleccione el encabezado de columna de la tabla Calldate y pulse (Editar) para cambiar el nombre del texto a Fecha de llamada. Del mismo modo, cambie el nombre de otros encabezados de columna de la tabla.
En función del caso de uso, inserte un botón Pagar ahora en la Comunicación interactiva que proporcione al usuario una opción para realizar el pago haciendo clic en el botón. Siga estos pasos para insertar el botón :
Seleccione Estilo en la lista desplegable junto a la opción Vista previa.
Defina un estilo para el texto del hipervínculo para mostrarlo como un botón en la Comunicación interactiva siguiendo los pasos siguientes:
Pulse Pagar ahora área de destino y pulse + para añadir un componente Imagen.
Pulse el componente Imagen y seleccione (Configurar). Las propiedades de la imagen se muestran en el panel izquierdo:
En función del caso de uso, inserte un botón Subscribe en la Comunicación interactiva que proporcione al usuario una opción para suscribirse a los servicios de valor agregado haciendo clic en el botón .
Repita los pasos 13-17 para agregar un botón Suscribirse al área de destino Servicios de valor agregado y añada la imagen ValueAddedServicesWeb.
También puede crear una comunicación interactiva habilitando la sincronización automática entre los canales Imprimir y Web. Para habilitar la sincronización automática, seleccione la opción Imprimir como maestro al crear la comunicación interactiva. Al seleccionar la opción Imprimir como formato, se garantiza que el contenido, la herencia y el enlace de datos del canal web se deriven del canal Imprimir. También garantiza que los cambios realizados en el canal Imprimir se reflejen en el canal Web.
Siga estos pasos para derivar el contenido del canal web mediante el canal de impresión:
Inicie sesión en la instancia de autor de AEM y vaya a Adobe Experience Manager > Forms > Forms & Documents.
Pulse Crear y seleccione Comunicación interactiva. Se muestra el asistente Crear comunicación interactiva.
Especifique create_first_ic en el Título y en el campo Nombre. Seleccione FDM_Create_First_IC como Modelo de datos de formulario y pulse Siguiente.
En el asistente Channels:
Se muestra un mensaje de confirmación de que la comunicación interactiva se ha creado correctamente.
Pulse Editar para abrir la comunicación interactiva en el panel derecho.
Ejecute los pasos 6 a 15 de la sección Crear comunicación interactiva para el canal de impresión.
Pulse la pestaña Channels del panel izquierdo y pulse Web para generar automáticamente contenido para el canal web desde el canal de impresión.
Como la casilla Use Print as Master for Web Channel está seleccionada en el paso 4, el contenido y los enlaces se generan automáticamente para el canal Web desde el canal Print.
El contenido del canal de impresión se inserta debajo del contenido de la plantilla de canal web. Para modificar el contenido del canal web que se ha generado automáticamente desde el canal de impresión, puede cancelar la herencia de cualquier área de destino.
Pase el ratón sobre el área de destino relevante en el canal web y seleccione (Cancelar herencia) y, a continuación, en el cuadro de diálogo Cancelar herencia, pulse Sí.
Si ha cancelado la herencia de un componente, puede volver a activarlo. Para volver a habilitar la herencia, pase el ratón sobre el límite del área de destino correspondiente, que incluye el componente, y pulse .
Seleccione la pestaña Content en el panel izquierdo.
Arrastre y suelte el contenido del canal web generado automáticamente en los paneles existentes de la plantilla web mediante el árbol de contenido. A continuación se muestra la lista de componentes que deben reorganizarse:
Repita los pasos 13-18 de Crear comunicación interactiva para el canal web para insertar los hipervínculos Pay Now y Subscribe en el canal web de la comunicación interactiva.