Show Menu
TEMAS×

Añadir componentes a un canal

Los componentes son elementos fundamentales de la experiencia AEM (Adobe Experience Manager). Puede utilizar varios componentes y añadirlos al canal de un proyecto de AEM Screens.

Componentes en AEM Screens

AEM Screens proporciona distintos componentes de AEM que se pueden utilizar en un proyecto de Screens.

Visualizar componentes de AEM Screens

Cuando cree un proyecto de AEM Screens, verá una lista de componentes predeterminados que se pueden añadir al proyecto.
Para ver los componentes predeterminados del proyecto de Screens, siga los pasos que se describen a continuación:
  1. Seleccione el canal. Por ejemplo, We.Retail In Store --> Canales --> Canal inactivo .
  2. Haga clic en Editar en la barra de acciones para abrir el editor de AEM.
  3. Haga clic en el icono + en la barra lateral para abrir los componentes.
  4. Todos los componentes que se incluyen de forma predeterminada en un proyecto de AEM Screens se visualizan tal y como se muestra en la figura siguiente.

Añadir un nuevo componente

AEM proporciona otros componentes. También puede añadir otros componentes (no incluidos de forma predeterminada) al proyecto, dado que son compatibles con AEM Screens.
En el siguiente ejemplo se muestra la forma de añadir el componente Livefyre a un proyecto de AEM Screens:
  1. Seleccione el canal en el que desee añadir un componente nuevo. Por ejemplo, We.Retail In Store --> Canales --> Canal inactivo .
  2. Haga clic en Editar en la barra de acciones para abrir el editor.
  3. Seleccione el modo Diseño .
  4. Seleccione todo el editor de diseño que está a la derecha y haga clic en el símbolo de configuración para abrir el cuadro de diálogo Diseño de ParSys .
  5. Puede seleccionar los componentes que desee importar al proyecto AEM Screens. The following example shows the addition of Livefyre component to an AEM Screens project.
Del mismo modo, se puede añadir al proyecto cualquier nuevo componente que sea compatible con AEM Screens.

Información acerca de los componentes AEM Screens

En la siguiente sección se explican los componentes de AEM Screens que puede utilizar en el proyecto.
Para ver las propiedades de los componentes, seleccione un componente y haga clic en el icono con forma de martillo para abrir o ver las propiedades.

Aplicación

El componente Aplicación le permite añadir una aplicación al canal.
El componente de la aplicación tiene las siguientes propiedades:
Propiedad
Descripción
Ruta de acceso de la aplicación
Seleccione la ruta de acceso absoluta donde está la aplicación.
Duración (ms)
Seleccione la duración de la aplicación. De forma predeterminada, la duración se establece en -1, lo que significa que el elemento se ejecuta para siempre (es decir, una aplicación de una sola página). Si establece el valor de la duración como >0, se mostrará el elemento de una duración específica y, a continuación, pasará al siguiente.
El siguiente ejemplo muestra cómo incrustar un componente de aplicación junto con la previsualización de sus propiedades:
Consulte el ejemplo anterior para ver las propiedades de cada uno de los componentes que se describen a continuación.

Canal

El componente Canal le permite añadir todo un canal al proyecto.
El componente Canal tiene las siguientes propiedades:
Propiedad Descripción
Ruta de acceso del canal Seleccione esta ruta de acceso absoluta donde existe la aplicación.
Duración (ms) Seleccione toda la duración del canal. Si se define la duración como -1, se indica que el canal incrustado ejecutará toda su longitud en un canal determinado.

Página integrada

La opción Página integrada le permite añadir una página integrada al proyecto. Por ejemplo, puede ser una aplicación web o un catálogo de productos.
La página integrada tiene las siguientes propiedades:
Propiedad Descripción
página Ruta Seleccione esta ruta de acceso absoluta que existe el canal.
Duración (ms) Seleccione toda la duración del canal. Si se define la duración como -1, se indica que el canal incrustado ejecutará toda su longitud en un canal determinado.

Secuencia integrada

Refer to Embedded Sequences under Authoring Screens section, to learn in detail about embedded sequences.
Una secuencia integrada le permite añadir un canal de secuencia integrada en el canal existente (con otros recursos).
La secuencia integrada tiene las propiedades de página siguientes:
Propiedad Descripción
Ruta de acceso del canal Seleccione la ruta de acceso absoluta de la secuencia que desee incluir en el canal.
Duración (ms) Seleccione toda la duración del canal. Si se define la duración como -1, se indica que el canal incrustado ejecutará toda su longitud en un canal determinado.
Estrategia Set it to original or single . Setting the value to original means that the subsequence will run fully on each cycle of the parent sequence. The other possible value is single and that would only show one item of the subsequence on each run (for instance, the 1st item on the first loop, 2nd item on the second loop, and so on.)

Secuencia integrada dinámica

Una secuencia integrada de forma dinámica permite añadir una secuencia similar al que se mencionó anteriormente, excepto en el rol del canal.
Refer to Embedded Sequences under Authoring Screens section, to learn in detail about embedded sequences.
La secuencia integrada dinámica tiene las siguientes propiedades:
Propiedad Descripción
Rol de asignación de canales Especifique el rol del canal.
Duración (ms) Seleccione toda la duración del canal. Si se define la duración como -1, se indica que el canal incrustado ejecutará toda su longitud en un canal determinado.
Estrategia Set it to original or single . Setting the value to original means that the subsequence will run fully on each cycle of the parent sequence. The other possible value is single and that would only show one item of the subsequence on each run (for instance, the 1st item on the first loop, 2nd item on the second loop, and so on.)

Fragmento de experiencias

Un fragmento de experiencia le permite agregar un fragmento de experiencia (grupo de uno o varios componentes, incluido el contenido y el diseño al que se puede hacer referencia dentro de las páginas) a su canal de AEM Screens. Arrastre y suelte el componente en AEM editor y seleccione el fragmento de experiencia.
Para obtener más información sobre cómo crear un fragmento de experiencia y utilizarlo en un proyecto de AEM Screens, consulte Uso de fragmentos de experiencia.
Propiedad
Descripción
Fragmento de experiencias
Fragmento de experiencias
Seleccione el fragmento de experiencia.
Duración
Seleccione la duración completa del fragmento de experiencia que se reproduce en el canal.
Configuración sin conexión
Bibliotecas del lado cliente
Archivos Javascript y CSS.
Archivos estáticos
Archivos estáticos que se pueden agregar como configuraciones sin conexión al fragmento de experiencia.
Las bibliotecas del lado del cliente y los archivos ​estáticos que agregue de este componente se sumarán a las bibliotecas del lado del cliente ya configuradas y a los archivos estáticos que se agregan desde las propiedades del fragmento de experiencia.

Imagen

Una imagen permite añadir una imagen al canal.
El recurso de imagen tiene tres fichas denominadas Imagen , Accesibilidad y Secuencia :
Propiedad
Descripción
Imagen
Recurso de imagen
Seleccione el recurso de imagen.
Título
Título de la imagen.
Vínculos
Añada un vínculo a la imagen.
Descripción
Descripción breve de la imagen.
Tamaño
Tamaño de la imagen.
Accesibilidad
Texto alternativo
Texto alternativo a la imagen.
Secuencia
Duración
De forma predeterminada, la duración se establece en 8000 ms . Si desea cambiar la duración de reproducción de la imagen, actualice el campo Duración .

Transición

El componente Transición permite añadir una transición al proyecto de Screens.
La siguiente imagen muestra el componente de transición (agregado mediante arrastrar y soltar) en el editor.
Seleccione el icono de transición y haga clic en el icono Configurar (llave inglesa) para abrir el cuadro de diálogo Transición . Este cuadro de diálogo incluye tres fichas:
  • Transición
  • Secuencia
  • Activación
De forma predeterminada, la secuencia se establece en 600 ms. Puede actualizar la secuencia de transiciones a otro valor mediante la ficha Secuencia .
El componente Transición tiene las siguientes propiedades:
Propiedad Descripción
Transición
Tipo
El tipo de transición entre el elemento anterior y el siguiente. El tipo de transición incluye las siguientes opciones:
  • Normal
  • Atenuación
  • Aparecer por la derecha
  • Aparecer por la izquierda
  • Aparecer por la parte superior
  • Aparecer por la parte inferior
Secuencia
Duración Seleccione toda la duración de la transición. De forma predeterminada, se establece en 600 ms.
Activación
Activo desde Marca de hora que describe desde cuándo puede estar activa la transición.
Activo hasta Marca de hora que describe hasta cuándo la transición puede estar activa.
Programa Añada una programación predefinida.

Vídeo

El componente Vídeo le permite añadir un vídeo al proyecto de Screens.
El componente Vídeo tiene las siguientes propiedades:
Propiedad Descripción
Recurso de vídeo Seleccione el vínculo al vídeo.
Duración Seleccione la duración del vídeo. De forma predeterminada, la duración se establece en -1, lo que significa que el elemento se ejecuta para siempre. Si establece el valor de la duración como >0, se mostrará el elemento de una duración específica y, a continuación, pasará al siguiente.
Procesamiento
Si la proporción de aspecto del vídeo no se adapta a la pantalla, puede ajustar el procesamiento a contiene o cubierta .
Contiene significa que el vídeo completo se muestra y las áreas que faltan indicadas con un borde negro.
Cubierta significa que el vídeo cubre la ventana completa, pero si alguna parte superan el espacio permitido en los lados estará oculta.
Tamaño Tamaño del vídeo.