Integrazione di Adobe Learning Manager con AEM

Adobe Learning Manager (ALM) viene integrato con Adobe Experience Manager (AEM) Sites. In questo modo, potrai creare il tuo sito Web e interfacce per dispositivi mobili reattive per Adobe Learning Manager con il minimo sforzo di codifica. Grazie a questa integrazione, puoi creare esperienze di apprendimento personalizzate per i tuoi utenti.

Per creare un'esperienza di questo tipo, ALM fornisce un pacchetto per il sito di riferimento di Adobe Learning Manager (pacchetto per il sito di riferimento ALM) per AEM Sites sotto forma di file ZIP, che è possibile installare nell'istanza di AEM Sites.

Il pacchetto include i modelli di pagine Web e i componenti dei siti Web di AEM Sites, oltre a widget incorporabili, ad esempio, catalogo di apprendimento, calendario e così via.

Dopo aver installato il pacchetto per il sito di riferimento ALM, puoi iniziare a creare un sito Web per Adobe Learning Manager che puoi ospitare sulla tua istanza di AEM Sites. Gli utenti possono quindi trascinare e rilasciare i componenti sul sito Web.

Installazione del pacchetto per il sito di riferimento ALM

Prerequisiti

Dopo aver protetto l'ambiente di AEM Sites, è necessario installare il pacchetto per il sito di riferimento ALM. Questo pacchetto include pagine Web e componenti dei siti Web AEM che consentono di creare la piattaforma di apprendimento.

Il pacchetto del sito di riferimento è ospitato nel repository GitHub.

Per ulteriori informazioni, consulta il README.

Download del pacchetto dei contenuti downloadthecontentpackage

Il programma di installazione viene fornito come pacchetto di contenuti AEM. Scarica il pacchetto.

Il pacchetto dei contenuti è disponibile come file zip ed è compatibile con AEM 6.4 e AEM 6.5.

Installazione del pacchetto Learning Manager installcaptivateprimecomponent

Installa il pacchetto dei contenuti Learning Manager utilizzando il gestore pacchetti AEM:

Crea un'applicazione in Adobe Learning Manager

Dopo aver installato il pacchetto per il sito di riferimento AEM, è necessario configurare un’applicazione ALM per connettere il portale di apprendimento con il sito AEM.

Questo scenario è applicabile quando l'AEM viene utilizzato con Adobe Learning Manager.

Effettua le seguenti operazioni:

Annota le credenziali dell'applicazione dalla schermata.

Credenziali dell'applicazione

Per approvare l’applicazione, fai clic su Approva.

Ottenere i token

Configurazione dell’account ALM in AEM

AEM + Adobe Learning Manager (utenti connessi/non connessi)

Adobe Learning Manager ora ti consente di presentare i tuoi prodotti e corsi di formazione ai clienti e ai partner esistenti e potenziali senza dover creare account o effettuare l’accesso. Questa funzionalità ti aiuterà a promuovere l’adozione di prodotti e corsi di formazione fornendo agli Allievi un’anteprima rapida e semplice dei corsi di formazione, che consente di evidenziare e promuovere le funzionalità del prodotto. Potrai quindi presentare i tuoi prodotti e le tue offerte con efficacia, in particolare ai potenziali clienti e partner, aumentando la consapevolezza del prodotto. La facilità di accesso e una migliore raggiungibilità producono un maggiore interesse, che contribuisce a stimolare le iscrizioni ai corsi di formazione e l’adozione della soluzione di apprendimento.

Utilizzando questo flusso di lavoro, un Allievo può visualizzare in anteprima un corso di formazione, accedere alle informazioni del corso o cercare un corso di formazione senza accedere ad Adobe Learning Manager. Questo flusso di lavoro non è applicabile all’interfaccia di Learning Manager nativa (applicabile SOLO per AEM Sites e altre interfacce headless).

Configurare e attivare il connettore della piattaforma di apprendimento

Questa sezione sottolinea i passaggi necessari per configurare e attivare il seguente connettore:

Accesso ai dati di formazione

Questo connettore consente all’interfaccia utente basata su AEM Sites o a un’altra interfaccia utente headless personalizzata di recuperare ed eseguire il rendering delle informazioni sul corso di formazione per gli Allievi e realizzare una ricerca uniforme delle informazioni del corso prima o dopo l’accesso di un Allievo.

Questo connettore è richiesto solo se si utilizzano interfacce basate su AEM Sites o altre interfacce headless.

Il connettore esporta i metadati del corso di formazione in una soluzione di archiviazione e recupero dati, oltre a un sistema di ricerca. Di conseguenza, puoi configurare la tua interfaccia utente basata su AEM Sites o un’altra interfaccia headless personalizzata per utilizzare questi due servizi per recuperare i dati del corso di formazione, eseguire il rendering delle pagine Web e fornire agli Allievi funzionalità di ricerca ottimizzate per la formazione. Ad esempio, un’interfaccia basata su AEM Sites non registrata può utilizzare i metadati esportati per consentire agli Allievi di cercare, sfogliare e accedere alle pagine del corso di formazione che mostrano informazioni sul corso di formazione.

Abilita questo connettore per creare ed eseguire il rendering delle pagine Web basate su AEM Sites e distribuire esperienze personalizzate agli Allievi sia prima che dopo l’accesso. Abilita questo connettore per creare ed eseguire il rendering delle pagine Web basate su AEM Sites e distribuire esperienze personalizzate agli Allievi sia prima che dopo l’accesso.

AEM + Adobe Learning Manager + Adobe Commerce (utenti connessi/non connessi)

Adobe Learning Manager ora offre soluzioni che consentono di integrare perfettamente la piattaforma di apprendimento con Adobe Commerce. Questa versione ti consentirà di collegare facilmente ad Adobe Commerce le tue interfacce di Learning Manager native, basate su AEM Sites o altre interfacce headless. Questa integrazione ti consente di sfruttare le funzionalità di e-commerce all'interno della piattaforma di apprendimento. Ora puoi offrire corsi di formazione a pagamento ai tuoi clienti e partner commerciali e agevolare gli acquisti di corsi di formazione su interfacce di Learning Manager native e non. Un Allievo può anche visualizzare in anteprima un corso di formazione, accedere alle informazioni del corso o cercare un corso di formazione senza accedere ad Adobe Learning Manager.

Invece di crearne una, l’utente può utilizzare l’applicazione AEM esistente e approvarla.

Personalizzazione delle pagine Web

Personalizza le tue pagine Web utilizzando il sito di riferimento AEM e i widget disponibili.

Creazione delle pagine Web

Oltre ai modelli che puoi utilizzare forniti dal pacchetto per il sito di riferimento, puoi anche creare pagine Web basate sui modelli in AEM.

Creazione di un sito da Blueprint

Il pacchetto per il sito di riferimento ALM fornisce un "Learning Site Blueprint", che consente di creare un sito Web per la piattaforma di apprendimento. I blueprint di AEM consentono di creare pagine Web direttamente dai componenti di AEM Sites. Non è necessario utilizzare alcun modello.

Codifica del sito Web

Oltre a utilizzare i modelli incorporati e creare il sito Web da zero tramite i componenti WYSIWYG, puoi anche scrivere codice e creare il sito.

Il codice si trova nel Repository GitHub del sito di riferimento.

Le parti principali del modello sono:

Tutto il codice è a tua disposizione nel repository.

Importazione e aggiunta di componenti di Learning Manager in pagine Web o modelli esistenti

L’installazione del pacchetto per il sito di riferimento AEM aggiunge i componenti di Learning Manager all’istanza di AEM Sites. Per impostazione predefinita, puoi aggiungere questi componenti al sito di apprendimento del progetto Web (sito Web) fornito da Adobe. Questi componenti sono disponibili anche nel sito Web che hai creato da Learning Site Blueprint.

Tuttavia, se desideri utilizzare questi componenti di Learning Manager appena aggiunti al tuo progetto Web o sito Web esistente, devi importarli utilizzando la procedura seguente.

La procedura seguente consente al modello di soddisfare le dipendenze della libreria client dei componenti Learning Manager importati.

Le pagine Web che includono questi componenti devono caricare queste librerie per eseguire correttamente il rendering e utilizzare i componenti.

Dopo aver salvato questo modello, puoi aggiungere i componenti di Learning Manager in tutte le pagine Web derivate da questo modello.

Configurazione del widget in AEM configurethewidgetinaem

Per la configurazione del widget, l’autore AEM richiede solo il token di aggiornamento fornito dall’Amministratore dell’integrazione Learning Manager.

Puoi anche impostare più configurazioni di account in più pagine.

Autore AEM aemauthor

L’autore AEM deve prima aggiungere il componente nel modello AEM

L’autore AEM potrà quindi trascinare e rilasciare il componente Adobe Learning Manager e configurarlo di conseguenza.

Il componente Learning Manager richiede che la configurazione creata nel passaggio precedente venga mappata alla pagina. L'autore può mappare la configurazione modificando le proprietà della pagina in Avanzate > Configurazione > Configurazione cloud e fornire il percorso di configurazione. In questo modo, l’Autore può creare configurazioni per più account Learning Manager e collegare ciascuna di esse a pagine diverse. Se una configurazione non è collegata alla pagina, il componente leggerà ricorrentemente la configurazione dalla pagina padre fino a quando non ne trova una.

Allievo learner

L’Allievo può seguire i corsi direttamente dalla pagina.

Per poter accedere al widget Learning Manager, l’Allievo deve effettuare il login come utente AEM. Inoltre, la proprietà email deve essere presente nel nodo "/profile" del nodo rep:User dell’Allievo. Questa e-mail deve essere esattamente uguale a quella presente nell’account Learning Manager.

L’Allievo può seguire i corsi direttamente dalla pagina.

Anche l’avanzamento del corso viene salvato.

Vengono forniti i seguenti widget:

In caso di mancanza di consigli, il widget sarà vuoto.

Supporto per Skyline

Skyline è la versione cloud dell'AEM. Devi prima installare Skyline dal gestore dei pacchetti. Per utilizzare il componente Skyline nell’AEM, un utente deve essere presente nell’account Learning Manager. In altre parole, l’indirizzo e-mail dell’utente deve esistere nell’account.

Implementa Skyline

La procedura per configurare Skyline è indicata nel repository GitHub.

Il mio widget di apprendimento

Il widget Il mio apprendimento consente di visualizzare i corsi di formazione da un catalogo specifico o da un set di cataloghi a un utente.

Nella sezione Proprietà delle proprietà della pagina, seleziona Catalogo dalle opzioni elencate.

Le opzioni del catalogo contengono le seguenti opzioni:

Di seguito sono riportati alcuni componenti aggiuntivi che è possibile personalizzare:

Tipi di oggetti di apprendimento: Filtrare in base al tipo di oggetto di apprendimento. I tipi supportati sono: corso, certificazione, risorsa formativa e programma di apprendimento.

Nell'AEM, il titolo di una carta in una striscia sarà inizialmente vuoto. Nelle proprietà, digita il nome del titolo in widgets.html.

Personalizzazione

È possibile personalizzare l'aspetto del layout utilizzando widgets.html. È possibile modificare l'aspetto delle schede visualizzate e personalizzare il tema.

Nella sezione Impostazioni generali è possibile scegliere i colori primari e secondari delle schede e specificare le proprietà per personalizzare il 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"
 }
}

Configurare i widget Corsi salvati nei siti AEM

Il widget Corsi salvati consente agli Allievi di visualizzare i corsi contrassegnati o salvati direttamente sulle pagine di apprendimento, fornendo un facile accesso ai corsi che desiderano rivisitare o completare in un secondo momento.

Per configurare il widget Corsi salvati in siti AEM:

Gli Allievi possono visualizzare i corsi salvati nella striscia Salvato da me nella pagina principale dell’Allievo.Selezionando la striscia Salvato da me, gli Allievi visualizzano la pagina del catalogo e il numero esatto di corsi con segnalibro.

Quando applichi un altro filtro nel catalogo, vengono visualizzati solo i risultati corrispondenti a tale filtro. Gli oggetti con segnalibro non vengono inclusi automaticamente.

Ignora l’iscrizione agli oggetti di apprendimento di ordine superiore

Se la casella di controllo Ignora l’iscrizione agli oggetti di apprendimento di ordine superiore è abilitata e un utente è iscritto direttamente al programma di apprendimento o alla certificazione, nei widget verranno visualizzati i corsi per tale certificazione o programma di apprendimento.

Se la casella di controllo è disattivata, i corsi presenti nel programma di apprendimento o nella certificazione a cui l’utente non si è iscritto direttamente non verranno visualizzati.

*Selezionare la casella di controllo Ignora l'iscrizione agli oggetti di apprendimento di ordine superiore.

L’impostazione viene quindi applicata al widget.

Protezione

I campi ID client e Segreto del client vengono aggiunti. Inoltre, il token di aggiornamento viene nascosto. Dopo che un utente ha creato l'intera configurazione, se l'utente apre nuovamente la configurazione per modificarla o se un altro utente apre questa configurazione, il token di aggiornamento verrà mascherato.