Integrar Adobe Learning Manager con AEM

Adobe Learning Manager (ALM) se integra con los sitios de Adobe Experience Manager (AEM). Esto le permite crear su propio sitio web e interfaces móviles interactivas para Adobe Learning Manager con un esfuerzo de codificación mínimo. Con esta integración, puede crear experiencias de aprendizaje personalizadas para los usuarios.

Para crear esta experiencia, ALM proporciona un paquete de sitios de referencia de Adobe Learning Manager (paquete de sitios de referencia de ALM) para AEM Sites en forma de archivo ZIP que puede instalar en la instancia de AEM Sites.

El paquete incluye plantillas de página web de AEM Sites y componentes de sitio web junto con widgets incrustables. Por ejemplo, Catálogo de aprendizaje, Calendario, Cumplimiento, Categorías, Cursos y Trazados, etc.

Después de instalar el paquete de sitios de referencia de ALM, puede comenzar a crear un sitio web para Adobe Learning Manager que puede alojar en la instancia de AEM Sites. Los usuarios pueden arrastrar y soltar los componentes en el sitio web.

Instalar paquete de sitios de referencia de ALM

Requisitos previos

Después de proteger el entorno de AEM Sites, debe instalar el paquete de sitios de referencia de ALM. Este paquete incluye componentes de sitios web y páginas web de AEM que ayudan a crear la plataforma de aprendizaje.

El paquete del sitio de referencia está alojado en el repositorio GitHub.

Para obtener más información, consulte el archivo README (Léame).

Descargar el paquete de contenido downloadthecontentpackage

El instalador se envía como un paquete de contenido de AEM. Descargar el paquete.

El paquete de contenido está disponible como archivo zip y es compatible con AEM 6.4 y AEM 6.5.

Instalar el componente de Learning Manager installcaptivateprimecomponent

Instale el paquete de contenido de Learning Manager mediante el Administrador de paquetes de AEM:

Crear una aplicación en Adobe Learning Manager

Después de instalar el paquete de sitios de AEM, debe configurar una aplicación de ALM para conectar el portal de aprendizaje con el sitio de AEM.

Este escenario es aplicable cuando se usa AEM con Adobe Learning Manager.

Siga los pasos indicados a continuación:

Anote las credenciales de la aplicación que aparecen en la pantalla.

Credenciales de aplicación

Para aprobar la aplicación, haga clic en Aprobar.

Obtener tokens

Configurar la cuenta de ALM en AEM

AEM + Adobe Learning Manager (usuarios que han iniciado sesión o que no)

Adobe Learning Manager le permite ahora mostrar su producto y cursos de formación a sus clientes y socios actuales y potenciales sin necesidad de crear una cuenta o iniciar sesión. Esta función le ayudará a impulsar la adopción del producto y la formación ofreciendo a los alumnos una vista previa rápida y sencilla de los cursos de formación, lo que ayuda a destacar y promocionar las características del producto. Por lo tanto, puede mostrar sus productos y ofertas, sobre todo, a clientes y socios potenciales, lo que aumentará el conocimiento de los productos. La facilidad de acceso y una mayor disponibilidad aumentan el interés, lo que ayuda a impulsar las inscripciones en cursos de formación y la adopción del aprendizaje.

Con este flujo de trabajo, un alumno puede previsualizar un curso, acceder la información de formación o buscar un curso sin necesidad de iniciar sesión en Adobe Learning Manager. Este flujo de trabajo no es aplicable a la interfaz nativa de Learning Manager (aplicable SOLO para AEM Sites y otras interfaces descentralizadas).

Configurar y habilitar el conector de la plataforma de aprendizaje

En esta sección, se destacan los pasos necesarios para configurar y activar el siguiente conector:

Acceso a datos de formación

Este conector permite que la interfaz de usuario descentralizada basada en AEM Sites u otra personalizada recupere y procese información de formación para los alumnos y realice una búsqueda perfecta de información de formación antes o después de que el alumno inicie sesión.

Este conector solo es necesario si utiliza interfaces basadas en AEM Sites u otras interfaces descentralizadas.

El conector exporta los metadatos de formación a un almacén de datos y una solución de recuperación, así como a un sistema de activación de búsqueda. Por lo tanto, puede configurar la interfaz de usuario descentralizada basada en AEM Sites u otra personalizada para utilizar estos dos servicios con el fin de recuperar datos de formación, procesar páginas web y proporcionar a los alumnos una función de búsqueda de formación optimizada. Por ejemplo, una interfaz basada en AEM Sites que no tenga iniciada una sesión puede utilizar los metadatos exportados para ayudar al alumno a buscar y examinar páginas que muestren información de formación o acceder a ellas.

Active este conector para crear y procesar páginas web basadas en AEM Sites y ofrecer experiencias personalizadas a los alumnos antes y después de iniciar sesión. Active este conector para crear y procesar páginas web basadas en AEM Sites y ofrecer experiencias personalizadas a los alumnos antes y después de iniciar sesión.

AEM + Adobe Learning Manager + Adobe Commerce (usuarios que han iniciado sesión o que no)

Adobe Learning Manager ahora proporciona soluciones que le ayudan a integrar perfectamente la plataforma de aprendizaje con Adobe Commerce. Esta versión le permitirá conectar fácilmente las interfaces nativas basadas en sitios de AEM u otras interfaces de Learning Manager descentralizadas a Adobe Commerce. Esta integración le permite desarrollar las funciones de comercio electrónico en la plataforma de aprendizaje. Ahora puede ofrecer formación de pago a sus clientes y socios comerciales, así como permitir compras de formación fácilmente en interfaces de Learning Manager nativas y no nativas. Un alumno también puede previsualizar un curso, acceder la información de formación o buscar un curso sin necesidad de iniciar sesión en Adobe Learning Manager.

Un usuario puede utilizar la aplicación ya AEM y aprobarla, en lugar de crear una.

Personalizar páginas web

Personalice sus páginas web utilizando el sitio de referencias de AEM y los widgets disponibles.

Crear páginas web

Además de las plantillas que puede utilizar que proporciona el paquete de sitios de referencia, también puede crear páginas web basadas en las plantillas de AEM.

Widget de Adobe Learning Manager

El widget de Adobe Learning Manager está disponible en la versión 2.0.0 y en versiones superiores en el grupo de componentes Aprendizaje - Contenido. Un solo componente contiene todos los widgets de la página de inicio de ALM, que se pueden seleccionar en un menú desplegable del cuadro de diálogo de creación.

Con la incorporación del nuevo Widget de Adobe Learning Manager, puedes crear experiencias en AEM Sites que estén en igualdad de condiciones con las páginas nativas de Adobe Learning Manager: Inicio, Catálogo, Información general sobre objetos de aprendizaje y páginas personalizadas creadas con widgets como Categorías y Cursos y Trazados.

Widgets disponibles:

Funciones de creación

Personalización del azulejo del curso

Las personalizaciones de los mosaicos de los cursos realizadas en la aplicación de administración de ALM, en Administrador > Marca > Mosaico del curso, se aplican a todos los widgets que procesan mosaicos para cursos, rutas de aprendizaje, certificaciones y ayudas de trabajo. Utilice esta opción para controlar qué detalles (formato, duración, aptitud, clasificación, nombre del autor, descripción, estado de finalización y más) se muestran a los alumnos en los nuevos widgets con una única configuración que se propaga por todas partes en su academia de aprendizaje basada en AEM Sites.

Para personalizar el widget de Adobe Learning Manager, vea Integrar con AEM.

Crear un sitio a partir de un modelo

El paquete del sitio de referencia de ALM proporciona un “Plan del sitio de aprendizaje”, que le permite crear un sitio web para su plataforma de aprendizaje. Los modelos de AEM le permiten crear páginas web directamente a partir de componentes de AEM Sites. No es necesario utilizar una plantilla.

Codificar el sitio web

Además de utilizar las plantillas integradas y crear el sitio web desde cero mediante los componentes WYSIWYG, también puede escribir el código y crear el sitio.

El código se encuentra en el repositorio de GitHub del sitio de referencia para que pueda empezar.

Las partes principales de la plantilla son las siguientes:

Personalización de widgets de Adobe Learning Manager mediante código

El componente Adobe Learning Manager Widget se representa directamente en el DOM de página mediante los componentes React.

¿Qué significa esto para tu proyecto?

Clases CSS predefinidas para widgets

Las siguientes clases CSS predefinidas están disponibles como destinos para el estilo en el nivel de widget:

Todo el código se encuentra en el repositorio para que pueda empezar a trabajar.

Importar y añadir componentes de Learning Manager a una plantilla o una página web existentes

La instalación del paquete de sitios de referencia de AEM añade los componentes de Learning Manager a la instancia de AEM Sites. De forma predeterminada, puede añadir estos componentes al sitio de aprendizaje del proyecto web (sitio web) que proporcionamos listo para su uso. Estos componentes también están disponibles en el sitio web que cree a partir del modelo del sitio de aprendizaje.

Sin embargo, si desea utilizar estos componentes de Learning Manager recién añadidos a su proyecto o sitio web existentes, debe importarlos mediante el siguiente procedimiento.

El siguiente procedimiento permite que la plantilla cumpla las dependencias de bibliotecas de clientes de los componentes de Learning Manager importados.

Las páginas web que incluyen estos componentes deben cargar estas bibliotecas para procesar y utilizar correctamente los componentes.

Después de guardar esta plantilla, puede añadir los componentes de Learning Manager en todas las páginas web derivadas de esta plantilla.

Configurar el widget en AEM configurethewidgetinaem

Para la configuración de widgets, el autor AEM solo necesita el token de actualización proporcionado por el administrador de integración de Learning Manager.

También puede establecer varias configuraciones de cuenta en varias páginas.

Autor de AEM aemauthor

El autor de AEM debe añadir primero el componente de AEM.

A continuación, el autor de AEM podrá arrastrar y soltar el componente Adobe Learning Manager y configurarlo según corresponda.

El componente Learning Manager requiere que la configuración creada en el paso anterior se asigne a Page. El autor puede asignar la configuración editando las propiedades de la página en Configuración avanzada > Configuración > Configuración de la nube y proporcionar la ruta de la configuración. De este modo, el autor puede crear configuraciones para varias cuentas de Learning Manager y asignar cada una a una página de sitios diferente. Si una configuración no está asignada a la página, el componente leerá la configuración de Página principal de forma recursiva hasta que encuentre una.

El alumno learner

El alumno puede realizar los cursos desde la página.

Para poder acceder al widget de Learning Manager, el alumno debe haber iniciado sesión AEM usuario. Además, la propiedad email debe estar presente en el nodo “/profile” del nodo rep:User del alumno. Este correo electrónico debe ser exactamente igual al que aparece en la cuenta de Learning Manager.

El alumno puede realizar los cursos desde la página.

También se guarda el progreso del curso.

Se proporcionan los siguientes widgets:

Si no hay recomendaciones, el widget aparecerá en blanco.

Compatibilidad con Skyline

Skyline es la versión en la nube de AEM. Debe instalar primero Skyline desde el administrador de paquetes. Para utilizar el componente Skyline en AEM, debe haber un usuario en la cuenta de Learning Manager. En otras palabras, la dirección de correo electrónico del usuario debe existir en la cuenta.

Implementar Skyline

Los pasos para configurar Skyline se indican en el repositorio de GitHub.

Widget Mi aprendizaje

El widget Mi aprendizaje te permite mostrar formación de un catálogo específico o de un conjunto de catálogos a un usuario.

En la sección Propiedades de las propiedades de la página, seleccione Catálogo entre las opciones que aparecen en la lista.

Las opciones de catálogo contienen las siguientes opciones:

A continuación, se enumeran algunos componentes adicionales que puede personalizar:

Tipos de objetos de aprendizaje: Filtra según el tipo del objeto de aprendizaje. Los tipos admitidos son: curso, certificación, ayuda de trabajo y programa de aprendizaje.

En AEM, el título de una tarjeta de una tira estará vacío inicialmente. En propiedades, escriba el nombre del título en widgets.html.

Personalización

Puede personalizar el aspecto y la funcionalidad del diseño mediante widgets.html. Puedes cambiar el aspecto de las tarjetas que aparecen y personalizar el tema.

En la sección Configuración general, puede elegir los colores principales y secundarios de las tarjetas y especificar las propiedades para personalizar el tema.

{
 "globalCssText":"@import url('https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');",
 "fontNames":"Grandstander",
 "cardLayout":{
 "cardLayoutName":"compact",
 "cardPrimaryColor":"#376BA4",
 "cardSecondaryColor":"#F98EB0",
 "startedStateTextColor":"#ffffff",
 "continueStateTextColor":"#ffffff",
 "revisitStateTextColor":"#ffffff",
 "startedStateColor":"#a0a0a0",
 "continueStateColor":"#f9a122",
 "revisitedStateColor":"#7fbc64",
 "textPrimaryColor":"#ffffff",
 "textSecondaryColor":"#d93f3f",
 "navIconColor":"#a0a0a0"
 }
}

Configurar widgets de cursos guardados en AEM sitios

El widget Mis cursos guardados permite a los alumnos ver sus cursos marcados o guardados directamente en las páginas de aprendizaje, lo que proporciona un acceso sencillo a los cursos que desean volver a visitar o completar más tarde.

Para configurar el widget Mis cursos guardados en AEM Sites:

Los alumnos pueden ver sus cursos guardados en la tira Guardados por mí en la página de inicio del alumno. Al seleccionar la tira Guardados por mí, los alumnos se dirigen a la página del catálogo y se muestra el número exacto de cursos marcados.

Cuando se aplica otro filtro en Catalog, solo se muestran los resultados que coinciden con ese filtro. Los elementos marcados no se incluyen automáticamente.

Omitir la inscripción en el objeto de aprendizaje de orden superior

Si la casilla de verificación Ignorar inscripción en objeto de aprendizaje de orden superior está activada y un usuario está inscrito directamente en un programa de aprendizaje o certificación, los cursos de esa certificación o programa de aprendizaje se mostrarán para el usuario en los widgets.

Si la casilla de verificación está desactivada, no aparecerán los cursos del programa de aprendizaje o la certificación en los que el usuario no se haya inscrito directamente.

*Seleccione la casilla Ignorar Inscripción de Objeto de Pedido Superior.

A continuación, la configuración se aplica al widget.

Seguridad

Se han agregado los campos Id. de cliente y Secreto de cliente. Además, se oculta el token de actualización. Después de que un usuario cree toda la configuración, si este abre de nuevo la configuración para modificarla u otro usuario la abre, se ocultará el token de actualización.