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:

• Barra lateral

• Barra de herramientas de página

• Barra de herramientas de componentes

• Área de contenido

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 > Document Container y, a continuación, pulse .

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

* 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 para abrir las propiedades del componente en el navegador Propiedades.

• Un componente se identifica con su nombre de elemento. Al pulsar , 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 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 : Permite mostrar u ocultar la barra lateral.

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

• Emulador : 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.