Adición de componentes a un canal adding-components-to-a-channel

AEM Los componentes son los elementos fundamentales de la experiencia de la (Adobe Experience Manager). Puede utilizar una serie de componentes y agregarlos al canal en un proyecto de AEM Screens.

Componentes en AEM Screens components-in-aem-screens

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

Visualización de componentes de AEM Screens viewing-aem-screens-components

Siempre que cree un proyecto de AEM Screens, verá una lista de componentes predeterminados que se pueden agregar al proyecto.

Para ver los componentes predeterminados del proyecto de Pantallas, siga los pasos a continuación:

  1. Seleccione el canal. Por ejemplo, We.Retail en tienda —> Canales —> Canal inactivo.

  2. Clic Editar AEM en la barra de acciones para abrir el editor de.

  3. Haga clic en + de la barra lateral para abrir los componentes.

  4. Se muestran todos los componentes que se incluyen de forma predeterminada en un proyecto de AEM Screens, como se muestra en la figura siguiente.

screen_shot_2017-12-18at21350pm

Agregar un nuevo componente adding-a-new-component

AEM proporciona una serie de otros componentes. Siempre puede añadir otros componentes (no incluidos de forma predeterminada) al proyecto, ya que son compatibles con AEM Screens.

El siguiente ejemplo muestra la adición de un componente de Livefyre a un proyecto de AEM Screens:

  1. Seleccione el canal en el que desea añadir un componente nuevo. Por ejemplo, We.Retail en tienda —> Canales —> Canal inactivo.

  2. Clic Editar en la barra de acciones para abrir el editor.

  3. Seleccionar Diseño modo.

  4. Seleccione todo el editor de diseño a la derecha y haga clic en el símbolo de configuración para abrir Diseño ParSys Cuadro de diálogo.

  5. Puede seleccionar los componentes que desea importar a su proyecto de AEM Screens. El siguiente ejemplo muestra la adición de Livefyre a un proyecto de AEM Screens.

adding_components

NOTE
Del mismo modo, puede agregar al proyecto cualquier otro número de componentes nuevos que sean compatibles con AEM Screens.

AEM Explicación de los componentes de pantalla understanding-aem-screen-components

En la siguiente sección se explican los componentes de AEM Screens que puede utilizar en el proyecto.

NOTE
Para ver las propiedades de cualquier componente, seleccione el componente y haga clic en el icono de martillo para abrir o ver las propiedades.

Aplicación application

El Aplicación Este componente le permite añadir una aplicación al canal.

El componente de aplicación tiene las siguientes propiedades:

Propiedad
Descripción
Ruta de la aplicación
Seleccione la ruta absoluta en la que existe 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, aplicación de una sola página). Al establecer el valor de duración >0, se muestra el elemento para la duración especificada y, a continuación, se pasa al siguiente.

El siguiente ejemplo muestra cómo incrustar un componente de aplicación junto con la vista previa de sus propiedades:

adding_componentsapplication

NOTE
Consulte el ejemplo anterior para ver las propiedades de cada uno de los componentes siguientes.

Canal channel

El Canal Este componente le permite añadir un canal completo al proyecto.

El componente Canal tiene las siguientes propiedades:

Propiedad
Descripción
Ruta de canal
Seleccione esta ruta absoluta donde existe la aplicación.
Duración (ms)
Seleccione toda la duración del canal. Si establece la duración como -1, indica que el canal incrustado se ejecutará en toda su longitud en un canal concreto.

Página integrada embedded-page

Un Página integrada permite agregar una página incrustada al proyecto. Por ejemplo, puede ser una aplicación web o un catálogo de productos.

La página incrustada tiene las siguientes propiedades:

Propiedad
Descripción
Ruta de página
Seleccione esta ruta absoluta donde existe el canal.
Duración (ms)
Seleccione toda la duración del canal. Si establece la duración como -1, indica que el canal incrustado se ejecutará en toda su longitud en un canal concreto.

Secuencia integrada embedded-sequence

NOTE
Consulte Secuencias incrustadas en la sección Creación de pantallas, para obtener información detallada sobre las secuencias incrustadas.

Una secuencia incrustada le permite agregar un canal de secuencia incrustado dentro del canal existente (con otros recursos).

La secuencia incrustada tiene las siguientes propiedades de página:

Propiedad
Descripción
Ruta de canal
Seleccione la ruta absoluta de la secuencia que desea incluir en el canal.
Duración (ms)
Seleccione toda la duración del canal. Si establece la duración como -1, indica que el canal incrustado se ejecutará en toda su longitud en un canal concreto.
Estrategia
Configúrelo en. original o soltero. Estableciendo el valor en original significa que la subsiguiente se ejecutará completamente en cada ciclo de la secuencia principal. El otro valor posible es soltero y que solo mostraría un elemento de la subsiguiente en cada ejecución (por ejemplo, el primer elemento del primer bucle, el segundo elemento del segundo bucle, etc.).

Secuencia integrada dinámica dynamic-embedded-sequence

Una secuencia incrustada dinámica permite agregar una secuencia similar a la mencionada anteriormente, excepto por función de canal.

Consulte Secuencias incrustadas en la sección Creación de pantallas, para obtener información detallada sobre las secuencias incrustadas.

La secuencia incrustada dinámica tiene las siguientes propiedades:

Propiedad
Descripción
Rol de asignación de canal
Introduzca la función de canal.
Duración (ms)
Seleccione toda la duración del canal. Si establece la duración como -1, indica que el canal incrustado se ejecutará en toda su longitud en un canal concreto.
Estrategia
Configúrelo en. original o soltero. Estableciendo el valor en original significa que la subsiguiente se ejecutará completamente en cada ciclo de la secuencia principal. El otro valor posible es soltero y que solo mostraría un elemento de la subsiguiente en cada ejecución (por ejemplo, el primer elemento del primer bucle, el segundo elemento del segundo bucle, etc.).

Fragmento de experiencias experience-fragment

Un fragmento de experiencia le permite añadir un fragmento de experiencia (grupo de uno o más componentes, incluidos contenido y diseño, a los que se puede hacer referencia dentro de las páginas) al canal de AEM Screens. AEM Arrastre y suelte el componente en el editor de 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.

exp

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.
NOTE
El Bibliotecas del lado del cliente y el Archivos estáticos que agregue desde este componente se sumará a los ya configurados Bibliotecas del lado del cliente y los archivos estáticos que se añaden desde el fragmento de experiencia Propiedades.

Imagen image

Una imagen le permite añadir una imagen a su canal.

El recurso de imagen tiene tres pestañas: Imagen, Accesibilidad, y Secuencia:

Propiedad
Descripción
Imagen
Recurso de imagen
Seleccione el recurso de imagen.
Título
Título de la imagen.
Vincular a
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 Duración field.

Transición transition

El componente Transición le permite añadir una transición al proyecto de Pantallas.

La siguiente imagen muestra el componente de transición (añadido mediante arrastrar y soltar) en el editor.

screen_shot_2019-07-25at104237am

Seleccione el icono de transición y haga clic en Configurar (icono de la llave inglesa) para abrir Transición Cuadro de diálogo. Este cuadro de diálogo incluye tres fichas:

  • Transición
  • Secuencia
  • Activación
NOTE
De forma predeterminada, la secuencia se establece en 600 ms. Puede actualizar la secuencia de transición a otro valor mediante el Secuencia pestaña.

transición

El componente de transición tiene las siguientes propiedades:

Propiedad
Descripción
Transición
Tipo

Tipo de transición entre el elemento anterior y el elemento posterior. La transición Tipo 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 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.
Programación
Añada una programación predefinida.

Vídeo video

El componente Vídeo le permite agregar un vídeo al proyecto de Pantallas.

El componente de 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. Al establecer el valor de duración >0, se muestra el elemento para la duración especificada y, a continuación, se pasa al siguiente.
Procesamiento

Si la proporción de aspecto del vídeo no se ajusta a la pantalla, puede ajustar el procesamiento a contain o cubierta.

Contiene significa que se muestra el vídeo completo y que las áreas que faltan se rellenan con un borde negro.

Cubierta significa que el vídeo cubre toda la ventanilla móvil, pero algunas partes que se desbordan en los lados están ocultas.

Tamaño
Tamaño del vídeo.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053