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.
AEM Screens proporciona distintos componentes de AEM que se pueden utilizar en un proyecto de 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:
Seleccione el canal. Por ejemplo,We.Retail In Store --> Canales --> Canal inactivo.
Haga clic en Editar en la barra de acciones para abrir el editor de AEM.
Haga clic en el icono + en la barra lateral para abrir los componentes.
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.
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:
Seleccione el canal en el que desee añadir un componente nuevo. Por ejemplo,We.Retail In Store --> Canales --> Canal inactivo.
Haga clic en Editar en la barra de acciones para abrir el editor.
Seleccione el modo Diseño.
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.
Puede seleccionar los componentes que desee importar al proyecto AEM Screens. El siguiente ejemplo muestra la adición del componente Livefyre a un proyecto de AEM Screens.
Del mismo modo, se puede añadir al proyecto cualquier nuevo componente que sea compatible con 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.
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 está configurada 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 vista previa de sus propiedades:
Consulte el ejemplo anterior para ver las propiedades de cada uno de los componentes que se describen a continuación.
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 establece la duración como -1, indicará que el canal integrado ejecutará toda su longitud en un canal determinado. |
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 establece la duración como -1, indicará que el canal integrado ejecutará toda su longitud en un canal determinado. |
Consulte Secuencias integradas en la sección Creación de Screens , para obtener información detallada sobre las secuencias integradas.
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 establece la duración como -1, indicará que el canal integrado ejecutará toda su longitud en un canal determinado. |
Estrategia | Configúrelo en original o simple. Si establece el valor en original significa que la secuencia secundaria se ejecutará completamente en cada ciclo de la secuencia principal. El otro valor posible es single y que solo mostrará un elemento de la secuencia secundaria en cada ejecución (por ejemplo, el primer elemento del primer bucle, el segundo elemento del segundo bucle, etc.) |
Una secuencia integrada de forma dinámica permite añadir una secuencia similar al que se mencionó anteriormente, excepto en el rol del canal.
Consulte Secuencias integradas en la sección Creación de Screens , para obtener información detallada sobre las secuencias integradas.
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 establece la duración como -1, indicará que el canal integrado ejecutará toda su longitud en un canal determinado. |
Estrategia | Configúrelo en original o simple. Si establece el valor en original significa que la secuencia secundaria se ejecutará completamente en cada ciclo de la secuencia principal. El otro valor posible es single y que solo mostrará un elemento de la secuencia secundaria en cada ejecución (por ejemplo, el primer elemento del primer bucle, el segundo elemento del segundo bucle, etc.) |
Un fragmento de experiencia le permite añadir 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) al 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 aprovecharlo en un proyecto de AEM Screens, consulte Uso de fragmentos de experiencias.
Propiedad | Descripción |
---|---|
Fragmento de experiencias | |
Fragmento de experiencias | Seleccione el fragmento de experiencia. |
Duración | Seleccione toda la duración 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 de las Propiedades del fragmento de experiencia.
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 está configurada en 8000 ms. Si desea cambiar la duración de reproducción de la imagen, actualice el campo Duration. |
El componente Transición permite añadir una transición al proyecto de Screens.
La siguiente imagen muestra el componente de transición (añadido mediante arrastrar y soltar) al editor.
Seleccione el icono de transición y haga clic en Configure (icono de llave inglesa) para abrir el cuadro de diálogo Transición. Este cuadro de diálogo incluye tres fichas:
De forma predeterminada, la secuencia se establece en 600 ms. Puede actualizar la secuencia de transición a otro valor utilizando la pestaña Sequence.
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. La transición Type incluye las siguientes opciones:
|
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 tiempo que describe desde cuándo puede estar activa la transición. |
Activo hasta | Marca de tiempo que describe hasta cuándo puede estar activa la transición. |
Programa | Añada una programación predefinida. |
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 está configurada 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. |