Introducción a la IU de creación de comunicación interactiva

Introducción a los distintos elementos de la interfaz de usuario que puede utilizar para crear una comunicación interactiva

La interfaz de usuario para la creación de Interactive Communication es intuitiva y proporciona lo siguiente para la creación de impresión y canal web de la comunicación interactiva:

  • WYSIWYG arrastrar y soltar editor de documentos
  • Repositorio integrado para recursos: los recursos cargados y creados en el servidor están disponibles en el navegador de recursos de la interfaz de creación de Interactive Communication

Al crear una nueva o editar una comunicación interactiva existente, se utilizan los siguientes elementos de la interfaz de usuario:

interfaz de usuario de creación de comunicaciones interactivas

A. Barra lateral B. Barra de herramientas de página C. Área de contenido

Barra lateral

Haga clic para ampliar

A. Navegador de canales B. Explorador de contenido C. Explorador de propiedades D. Explorador de recursos E. Navegador de componentes F. Explorador de fuentes de datos - Modelo de datos G. Explorador de fuentes de datos - Contenido maestro

La barra lateral incluye lo siguiente:

  • Explorador de canales

    El navegador de canal le ayuda a cambiar entre los canales web e impresos de la comunicación interactiva. Según el canal que haya seleccionado en el navegador de canales, los navegadores, como Contenido y Componentes, muestran las opciones.

  • Navegador de contenido

    En el navegador de contenido, puede ver la jerarquía de objetos del documento para el canal seleccionado. El autor puede desplazarse a un componente específico tocando ese elemento en el árbol de objetos del documento. El autor puede buscar objetos en el canal web y reorganizarlos desde este árbol.

  • Explorador de propiedades

    Permite editar las propiedades de un componente. Las propiedades cambian según el componente. Por ejemplo, para ver las propiedades del contenedor de documentos:

    Seleccione un componente, pulse field-level > Document Container y, a continuación, pulse cmppr.

  • Navegador de recursos

    Segmenta distintos tipos de contenido, como fragmentos de diseño, imágenes, documentos, páginas o vídeos. El autor puede arrastrar y soltar recursos en la comunicación interactiva.

  • Navegador de componentes

    Incluye componentes que se pueden utilizar para crear los canales web e impresos de un documento. Puede arrastrar componentes a la comunicación interactiva para añadir elementos y configurar el elemento añadido según los requisitos. En la tabla siguiente se describen los componentes enumerados en el navegador de componentes para imprimir y canales web:

Componente Canal de impresión Canal web Funcionalidad
Gráfico ✓ ✓ Agrega un gráfico que puede usar en una comunicación interactiva para la representación visual de datos bidimensionales recuperados de un elemento de recopilación del modelo de datos de formulario.
Fragmento de documento ✓ ✓ Permite añadir un componente, texto, lista o condición reutilizables a una comunicación interactiva. El componente reutilizable que agregue a una comunicación interactiva puede estar basado en el modelo de datos de formulario o sin un modelo de datos de formulario.
Imagen ✓ ✓ Permite insertar una imagen.
Panel - ✓ El componente Panel es un marcador de posición para agrupar otros componentes y controla cómo se coloca un grupo de componentes en una comunicación interactiva. Un componente de panel también le permite hacer que un grupo de componentes se repita para el usuario final, como en varias entradas necesarias para rellenar las credenciales educativas. También se recomienda utilizar un panel para cada una de las pestañas de una comunicación interactiva con varias pestañas.
Tabla * ✓ Agrega una tabla que le permite organizar los datos en filas y columnas.
Área de destino ** ✓ Inserta un área de destino en un canal web para organizar los componentes específicos del canal web.
Texto - ✓ Agrega texto al canal web de una comunicación interactiva. El texto puede utilizar objetos del modelo de datos de formulario para hacer que el contenido sea dinámico.

* Utilice Fragmentos de diseño en el canal Imprimir para añadir tablas.

** En el canal Imprimir, las áreas de destino están predefinidas en la plantilla XDP/print. No se pueden agregar nuevas áreas de destino mediante la interfaz de usuario de creación de Interactive Communication.

  • Explorador de fuentes de datos

    El explorador de fuentes de datos muestra los orígenes de datos disponibles en el modelo de datos de formulario que seleccionó al crear la comunicación interactiva.

Puntos clave para trabajar con componentes

Los puntos clave al trabajar con componentes de comunicación interactiva son los siguientes:

  • Cada componente tiene propiedades asociadas que controlan su aspecto y funcionalidad. Para configurar las propiedades de un componente, pulse el componente y pulse cmppr para abrir las propiedades del componente en el navegador Propiedades.

  • Un componente se identifica con su nombre de elemento. Al pulsar cmppr, puede cambiar el nombre del componente cambiando el valor del campo Nombre de elemento en el navegador de propiedades. El campo Nombre de elemento solo acepta letras, números, guiones (-) y guiones bajos (_). No se permiten otros caracteres especiales y el nombre del elemento debe comenzar con una letra.

  • Puede modificar la propiedad Título de un componente Comunicación interactiva en línea en el editor sin abrir el navegador Propiedades siempre que el título esté visible en la Comunicación interactiva. Para ello:

    1. Pulse para seleccionar un componente que tenga una propiedad Título y cuya propiedad Ocultar título esté deshabilitada.
    2. Toque aem_6_3_edit para que el título sea editable.
    3. Modifique el título y pulse la tecla Retorno o pulse cualquier lugar fuera del componente para guardar los cambios. Pulse la tecla Esc para descartar los cambios.

Barra de herramientas de componentes

Al seleccionar un componente, aparece una barra de herramientas que le permite trabajar con él. Puede obtener opciones para cortar, pegar, mover y especificar propiedades de los componentes. Las opciones son:

A. Configurar: Al pulsar Configurar, las propiedades de los componentes se pueden ver en la barra lateral.

B. Editar reglas: Cuando pulse Editar reglas, aparecerá el Editor de reglas en el que podrá editar y crear reglas para el componente seleccionado. En el Editor de reglas, también puede seleccionar otros objetos de formulario (componentes) y editar/crear reglas para dichos objetos de formulario.

C. Copiar: Puede utilizar la opción de copia para copiar un componente y pegarlo en otros lugares de la comunicación interactiva.

D. Cortar: Puede utilizar la opción de corte para mover un componente de un lugar a otro en la comunicación interactiva.

E. Eliminar: Permite eliminar el componente de la comunicación interactiva.

F. Insertar componente: Permite insertar un componente sobre el componente seleccionado.

G. Pegar: Permite pegar el componente cortado o copiado mediante las opciones descritas anteriormente.

H. Grupo: Permite seleccionar varios componentes si desea cortar, copiar o pegar más de un componente juntos.

I. Principal: Permite seleccionar el elemento principal de un componente.

J. Más: Proporciona más opciones para trabajar con el componente seleccionado.

  • Ver expresión SOM (solo para paneles)
  • Agrupar objetos en el panel (solo para paneles)
  • Editar fragmento (solo para fragmentos)
  • Guardar un panel como fragmento (solo para paneles)
  • Agregar panel secundario (solo para paneles)
  • Agregar barra de herramientas del panel (solo para paneles)
  • Reemplazar (no para paneles)

Barra de herramientas de página

La barra de herramientas Página de la parte superior proporciona opciones que le permiten previsualizar la comunicación interactiva y cambiar sus propiedades. Puede obtener una vista previa de la comunicación interactiva cuando la crea y realizar los cambios correspondientes. En la barra de herramientas de la página, verá:

  • Alternar panel lateral alternar panel lateral: Permite mostrar u ocultar la barra lateral.

  • Información de página pageinformationad: Permite ver las propiedades de la página.

  • Emulador regla: Le permite emular el aspecto de su comunicación interactiva para diferentes tamaños de pantalla, como tabletas y teléfonos.

  • Editar: Permite seleccionar otros modos, como: Editar, Estilo, Desarrollador y Diseño.

    • Editar: Permite editar las propiedades de la comunicación interactiva y sus componentes. Por ejemplo, añadir un componente, soltar una imagen y especificar campos obligatorios.

    • Estilo: Permite aplicar estilo al aspecto de los componentes de la comunicación interactiva. Por ejemplo, en el modo de estilo, puede seleccionar un panel y especificar su color de fondo.

    • Desarrollador: Permite a un desarrollador:

      • Descubra de qué se compone la comunicación interactiva.
      • Depurar lo que está sucediendo donde y cuando, lo que a su vez ayuda a resolver problemas.

    • Target: Permite habilitar o deshabilitar componentes personalizados o componentes integrados que no aparecen en la barra lateral.

  • Vista previa: Le permite previsualizar el aspecto de la comunicación interactiva cuando la publica.

En esta página