DocumentaciónAEM 6.4Guía de Forms

Introducción a la IU de creación de una comunicación interactiva introduction-to-interactive-communication-authoring-ui

Last update: Fri May 05 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • User
CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

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 comunicaciones interactivas es intuitiva y proporciona lo siguiente para la creación de los canales impreso y web de las comunicaciones interactivas:

  • 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 Explorador de recursos de la interfaz de creación de las comunicaciones interactivas.

Cuando crea una nueva comunicación interactiva o edita una existente, utiliza 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 la página C. Área de contenido

Barra lateral sidebar

Barra lateral

Haga clic para ampliar

A. Explorador de canales B. Explorador de contenido C. Explorador de propiedades D. Explorador de recursos E. Explorador 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 Explorador de canales le permite alternar entre los canales impreso y web de la comunicación interactiva. Según el canal que haya seleccionado en el Explorador de canales, los exploradores, 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 al pulsar ese elemento en el árbol de objetos del formulario. 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 en función del componente. Por ejemplo, para ver las propiedades del contenedor de documentos:

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

  • Explorador 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.

  • Explorador de componentes

    Incluye componentes que se pueden utilizar para crear los canales web e impresos de un documento. Puede arrastrar componentes hasta la comunicación interactiva para agregar elementos y configurar los elementos agregados según los requisitos. En la siguiente tabla se describen los componentes que se muestran en el Explorador de componentes para los canales impreso y 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 colecció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 carecer de él.
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. El componente Panel también le permite hacer que un grupo de componentes se repita para el usuario final, por ejemplo, en varias entradas obligatorias para rellenar 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 de ese canal.
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 comunicaciones interactivas.

  • 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 key-points-for-working-with-components

Los puntos clave para trabajar con los componentes de las comunicaciones interactivas son los siguientes:

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

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

  • Puede modificar la propiedad Título de los componentes en línea de una comunicación interactiva en el editor sin abrir el Explorador de propiedades siempre que el título esté visible en la comunicación. Para ello:

    1. Pulse para seleccionar un componente que tenga la propiedad Título y cuya propiedad Ocultar título esté deshabilitada.
    2. Pulse aem_6_3_editar para poder editar el título.
    3. Modifique el título y pulse la tecla Retroceso o pulse en cualquier sitio fuera del componente para guardar los cambios. Pulse la tecla Esc para descartar los cambios.

Barra de herramientas de los componentes component-toolbar

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 las siguientes:

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.

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

C.Cortar: puede utilizar la opción Cortar 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 a la vez.

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 panel como fragmento (solo para paneles)
  • Agregar panel secundario (solo para paneles)
  • Agregar barra de herramientas del panel (solo para paneles)
  • Reemplazar (excepto para paneles)

Barra de herramientas de la página page-toolbar

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 al crearla y realizar los cambios correspondientes. En la barra de herramientas Página, verá lo siguiente:

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

  • Información de la página información_de_la_página : permite ver las propiedades de la página.

  • Emulador regla : permite emular el aspecto de la comunicación interactiva en diferentes tamaños de visualización, como tabletas y teléfonos.

  • Edición: permite seleccionar otros modos, como Edición, Estilo, Desarrollador y Diseño.

    • Edición: 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 un estilo a la apariencia de los componentes de la comunicación interactiva. Por ejemplo, en el modo Estilo, puede seleccionar un panel y especificar su color de fondo.

    • Desarrollador: permite a los desarrolladores lo siguiente:

      • Ver los componentes de la comunicación interactiva.
      • Depurar lo que sucede, dónde y cuándo, lo que a su vez ayuda a resolver problemas.

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

  • Vista previa: permite obtener una vista previa del aspecto de la comunicación interactiva al publicarla.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da