Componenti core dei moduli adattivi

Disponibilità su GitHub: i componenti core dei moduli adattivi in AEM sono open-source e disponibili su GitHub, insieme a una documentazione completa. In questo modo gli sviluppatori possono comprendere più facilmente i componenti e il loro funzionamento e contribuire al loro sviluppo. Anche il sito web aemcomponents.dev è una risorsa preziosa, in cui gli sviluppatori possono vedere i componenti in azione e accedere alla documentazione dettagliata.

Modello BEM per attribuzione di stile: i componenti core seguono il modello BEM (Block Element Modifier) per lo stile, una metodologia consolidata e ampiamente utilizzata per l’organizzazione dei CSS. In questo modo gli sviluppatori possono comprendere più facilmente come sono organizzati gli stili e come modificarli in base alle proprie esigenze specifiche.

Nessuna dipendenza dalle librerie di terze parti: uno dei vantaggi dei componenti core è che non hanno dipendenza da librerie JavaScript di terze parti, inclusi JQuery e Underscore. Questo rende i componenti più veloci e leggeri, nonché più facili da integrare in un’implementazione AEM esistente.

Focus su prestazioni e accessibilità: i componenti core sono progettati tenendo presente le prestazioni e l’accessibilità, che si riflettono nei loro punteggi Google Lighthouse e web vitals elevati. Questo rende più facile per gli sviluppatori creare pagine web accessibili e dalle prestazioni elevate, che è sempre più importante nell’attuale panorama digitale.

Componenti modulo nel modello e nei temi di Sites 30: i componenti core supportano i componenti del modulo nel modello e nei temi di Sites 30, facilitando agli sviluppatori la creazione e la personalizzazione dei moduli all’interno di AEM.

Stile più semplice: lo stile dei componenti core è più semplice rispetto a quello delle controparti componenti di base. Il processo di creazione del tema è simile a Sites, con la possibilità di ereditare lo stesso tema/CSS dalla pagina Sites principale. Inoltre, il modello BEM per lo stile facilita la comprensione e la modifica degli stili.

Accessibilità: i componenti core dei moduli adattivi supportano gli standard e le linee guida di accessibilità per garantire che i moduli possano essere utilizzati da persone con disabilità, incluse quelle che utilizzano tecnologie per l’accessibilità, come le utilità per la lettura dello schermo.

Controllo delle versioni: puoi creare e gestire più versioni di moduli adattivi basati su componenti core, partecipare a discussioni collaborative tramite commenti e allegare annotazioni a componenti modulo specifici, in modo da migliorare l’esperienza complessiva di creazione del modulo.

Elementi e impostazioni familiari dell’interfaccia utente: quando configuri le proprietà per i componenti modulo, la finestra di dialogo delle proprietà ha l’aspetto di quella utilizzata per i componenti core WCM. Questo consente di trovare più rapidamente le opzioni necessarie. Come i componenti core WCM, per i componenti modulo la finestra di dialogo delle proprietà viene visualizzata al centro dell’editor con schede chiare che separano le opzioni di base e avanzate, il testo guida e le informazioni di accessibilità, il tutto in un formato a schede di facile navigazione.

Editor regole: è possibile aggiungere funzionalità logiche e dinamiche ai moduli senza la scrittura di codice. Puoi utilizzare l’editor di regole incorporato per:

• Mostrare o nascondere i campi in base alle scelte dell’utente
• Attivare o disattivare un oggetto
• Impostare un valore per un oggetto
• Eseguire calcoli
• Impostare la proprietà di un oggetto
• Convalidare l’immissione di dati
• Richiamare un servizio (richiamare funzionalità esterna)
• Utilizzare funzioni incorporate (funzioni predefinite per le attività comuni)
• Utilizzare funzioni personalizzate (codice personalizzato per esigenze specifiche)
• Convalidare campi e pannelli (verificare che i dati soddisfino i requisiti)
• Convalidare il valore di un oggetto
• Eseguire funzioni per calcolare il valore di un oggetto
• Richiamare un modello dati del modulo (FDM) ed eseguire un’operazione
• Aggiungere in modo dinamico stili (modificare l’aspetto in base alle condizioni)
• Creare altre regole (azioni a catena e logica)
• e altro ancora!

L’editor di regole non dispone dell’editor di codice. Puoi utilizzare funzioni personalizzate per aggiungere un codice personale all’editor di regole per esigenze specifiche.

Moduli precompilati: puoi compilare automaticamente alcuni campi in un modulo con i dati esistenti quando un utente lo apre. In questo modo gli utenti possono risparmiare tempo e fatica in quanto non è necessario immettere manualmente informazioni che potrebbero essere già disponibili. L’editor dei Componenti core fornisce un servizio di precompilazione OOTB per compilare i campi del modulo con l’aiuto di un modello dati del modulo. Puoi anche creare servizi di precompilazione personalizzati per scenari più complessi.

Documento di record (DoR): un documento di record (DoR) fa riferimento a una rappresentazione formale e stampabile dei dati inviati tramite il modulo. Funge da record permanente delle informazioni immesse da un utente, fornendo un’istantanea dei dati inviati in un formato semplice, in genere un documento PDF. Puoi utilizzare l’editor per configurare facilmente un modello personalizzato o utilizzare un modello OOTB per generare un documento di record.

Modello dati modulo: un modello dati di moduli adattivi (FDM) funge da ponte tra i moduli adattivi e le origini dati. In sostanza, definisce la struttura e l’organizzazione dei dati che i moduli raccolgono e con cui interagiscono. Puoi utilizzare l’editor per collegare facilmente il modulo a un modello dati modulo (FDM).

Invio dei moduli: l’invio di un modulo si riferisce al processo con cui gli utenti completano e inviano i moduli compilati. Questo attiva una serie di azioni definite nella configurazione del modulo, che determinano l’archiviazione o l’elaborazione dei dati inviati. L’editor dei moduli adattivi offre diverse opzioni per la configurazione dell’invio dei moduli. Alcune delle azioni di invio più comuni sono:

• Inviare e-mail
• Richiamare un flusso Power Automate
• Inviare a SharePoint
• Richiamare uno scenario Workfront Fusion
• Inviare mediante il modello di dati modulo (FDM)
• Inviare ad archiviazione BLOB di Azure
• Inviare a un endpoint REST
• Inviare a OneDrive
• Richiamare un flusso di lavoro AEM

Componenti core per moduli adattivi nell’Editor pagina di Sites: puoi abilitare e utilizzare i componenti core per moduli adattivi nell’Editor pagina di AEM e nei frammenti di esperienza di AEM per creare direttamente un’esperienza di acquisizione dati e una pagina Sites.