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 comunicación interactiva es intuitiva y proporciona lo siguiente para la creación de impresión y canal web de la comunicación interactiva:

  • Editor de documentos de arrastrar y soltar WYSIWYG
  • 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 comunicacióninteractiva nueva o editar una existente, se utilizan los siguientes elementos de la interfaz de usuario:

interfaz de usuario de creación de comunicación interactiva

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

Barra lateral

Haga clic para ampliar

A. Explorador B de Canal. Navegador de contenido C. Navegador de propiedades D. Navegador de recursos E. Navegador de componentes F. Explorador de fuentes de datos: Modelo de datos G. Explorador de fuentes de datos: contenido principal

La barra lateral incluye lo siguiente:

  • Navegador de Canal

    El navegador de Canal le ayuda a cambiar entre los canales de impresión y web de la Comunicación interactiva. En función del canal seleccionado en el navegador de canal, 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 de Documento. El autor puede buscar objetos en el canal web y reorganizarlos desde este árbol.

  • Navegador 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 documento:

    Seleccione un componente, toque campo > Contenedor de Documento y, a continuación, toque cmppr.

  • Navegador de recursos

    Segmenta distintos tipos de contenido, como fragmentos de diseño, imágenes, documentos, páginas y 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 de impresión y web de un documento. Puede arrastrar componentes a la comunicación interactiva para agregar elementos y configurar el elemento agregado según los requisitos. En la tabla siguiente se describen los componentes enumerados en el navegador de componentes para impresión y canales web:

Componente Canal de impresión Canal web Funcionalidad
Gráfico Añade un gráfico que puede utilizar 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 agregar un componente, texto, lista o condición reutilizables a una comunicación interactiva. El componente reutilizable que se agrega a una comunicación interactiva puede estar basado en modelos de datos de formulario o sin 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 distribuye un grupo de componentes en una comunicación interactiva. Un componente de panel también permite hacer que un grupo de componentes se pueda repetir para el usuario final, como en varias entradas necesarias para rellenar las credenciales educativas. También es recomendable utilizar un panel para cada ficha de una comunicación interactiva con varias fichas.
Tabla * Agrega una tabla que le permite organizar los datos en filas y columnas.
Área de destino ** Inserta un área de destinatario en un canal web para organizar los componentes específicos del canal web.
Texto - Añade 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 agregar tablas.

** En el canal de impresión, las áreas de destinatario están predefinidas en la plantilla XDP/print. No se pueden agregar nuevas áreas de destinatario 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 seleccionado al crear la comunicación interactiva.

Puntos clave para trabajar con componentes

Los puntos clave para trabajar con componentes de comunicación interactivos son los siguientes:

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

  • Un componente se identifica con su nombre de elemento. Al tocar cmppr, puede cambiar el nombre del componente cambiando el valor del campo Nombre del elemento en el navegador de propiedades. El campo Nombre del elemento solo acepta letras, números, guiones (-) y subrayados (_). 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 de 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. Toque para seleccionar un componente que tenga una propiedad Title y cuya propiedad Hide title esté desactivada.
    2. Toque aem_6_3_edit para que el título se pueda editar.
    3. Modifique el título y toque la tecla de retorno o toque cualquier lugar fuera del componente para guardar los cambios. Toque la tecla Esc para descartar los cambios.

Component toolbar

Al seleccionar un componente, verá una barra de herramientas que le permite trabajar con él. Se obtienen opciones para cortar, pegar, mover y especificar propiedades de los componentes. Sus opciones son:

A. Configurar: Al tocar Configurar, las propiedades de los componentes están visibles en la barra lateral.

B. Editar reglas: Al tocar Editar reglas, aparece el Editor de reglas, donde puede 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. Copia: 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 que se corta o copia mediante las opciones descritas anteriormente.

H. Grupo: Permite seleccionar varios componentes si desea cortar, copiar o pegar varios componentes juntos.

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

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

  • Expresión SOM de Vista (solo para paneles)
  • Agrupar objetos en el panel (solo para paneles)
  • Editar fragmento (solo para fragmentos)
  • Guardar un panel como fragmento (solo para paneles)
  • Añadir panel secundario (solo para paneles)
  • Añadir 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 ofrece opciones que le permiten realizar previsualizaciones de la comunicación interactiva y cambiar sus propiedades. Puede realizar la previsualización de la comunicación interactiva al crearla y realizar los cambios correspondientes. En la barra de herramientas de la página, verá:

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

  • Información de la página pageInformationad: Permite la vista de propiedades de página.

  • Regla del emulador: Permite emular el aspecto de la comunicación interactiva para diferentes tamaños de pantalla, como tablets 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, agregar 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 Interactive Communication.
      • Depurar lo que está sucediendo donde y cuando, lo que a su vez ayuda a resolver problemas.
    • Destinatario: Permite habilitar o deshabilitar componentes personalizados o componentes predeterminados que no aparecen en la barra lateral.

  • Previsualización: Le permite realizar previsualizaciones del aspecto de la comunicación interactiva al publicarla.

En esta página