Tutorial: creare il primo modulo adattivo tutorial-create-your-first-adaptive-form
Introduzione introduction
Sei alla ricerca di un'esperienza di moduli per dispositivi mobili che semplifichi l'iscrizione, aumenti il coinvolgimento e riduca i tempi di risposta, moduli adattivi è la soluzione ideale per te. I moduli adattivi offrono un’esperienza di moduli per dispositivi mobili, automazione e analisi. Puoi creare facilmente moduli reattivi e interattivi, utilizzare processi automatizzati per ridurre le attività amministrative e ripetitive e utilizzare l’analisi dei dati per migliorare e personalizzare l’esperienza dei clienti con i tuoi moduli.
Questa esercitazione fornisce un framework end-to-end per creare un modulo adattivo. Il tutorial è organizzato in un caso d’uso e più guide. Ogni guida ti aiuta ad apprendere e aggiungere nuove funzioni al modulo adattivo creato in questa esercitazione. Puoi utilizzare un modulo adattivo dopo ogni guida. È disponibile la guida per creare un modulo adattivo. Le guide successive saranno presto disponibili. Al termine di questa esercitazione, dovresti essere in grado di effettuare le seguenti operazioni:
- Crea un modulo adattivo e un modello dati per modulo.
- Personalizza lo stile del modulo adattivo.
- Utilizza l’editor di regole per moduli adattivi per creare regole business.
- Testare e pubblicare un modulo adattivo.
Il percorso inizia con l’apprendimento del caso d’uso:
Un sito web offre una gamma di prodotti per diversi clienti. I clienti navigano nel portale, selezionano e ordinano i prodotti. Ogni cliente crea un account e fornisce gli indirizzi di spedizione e fatturazione. Un cliente esistente, Sara Rose, sta cercando di aggiungere il suo indirizzo di spedizione al sito web. Il sito Web fornisce un modulo online per aggiungere e aggiornare gli indirizzi di spedizione.
Il sito Web viene eseguito su Adobe Experience Manager (AEM) e utilizza AEM Forms per l'acquisizione e l'elaborazione dei dati. Il modulo di aggiunta e aggiornamento degli indirizzi è un modulo adattivo. Il sito web memorizza i dettagli dei clienti in un database. Utilizzano il modulo di aggiunta e aggiornamento degli indirizzi per recuperare e visualizzare gli indirizzi disponibili. Inoltre, utilizzano il modulo adattivo per accettare indirizzi nuovi e aggiornati.
Prerequisito prerequisite
-
Configura un'istanza dell'autore AEM
-
Installa il componente aggiuntivo AEM Forms nell'istanza di authoring.
-
Ottenere il driver del database JDBC (file JAR) dal provider del database. Esempi nell'esercitazione sono basati sul database MySQL e utilizzano Oracle’s Driver di database MySQL JDBC.
-
Configura un database contenente i dati dei clienti con i campi visualizzati di seguito. Un database non è essenziale per creare un modulo adattivo. Questa esercitazione utilizza un database per visualizzare il modello di dati modulo e le funzionalità di persistenza dell'AEM Forms.
Passaggio 1: creare un modulo adattivo step-create-an-adaptive-form
I moduli adattivi sono di nuova generazione, coinvolgenti, reattivi, dinamici e di natura adattiva. Utilizzando i moduli adattivi, puoi offrire esperienze personalizzate e mirate. AEM Forms fornisce un editor WYSIWYG per la creazione di moduli adattivi tramite trascinamento. Per ulteriori informazioni sui moduli adattivi, consulta Introduzione alla creazione di moduli adattivi.
Obiettivi:
- Crea un modulo adattivo che consenta a un cliente di aggiungere un indirizzo di spedizione.
- Layout dei campi di un modulo adattivo per visualizzare e accettare informazioni da un cliente.
- Crea un’azione di invio per inviare un’e-mail contenente il contenuto del modulo.
- Visualizzare in anteprima e inviare un modulo adattivo.
Passaggio 2: creare il modello dati del modulo step-create-form-data-model
Un modello dati modulo consente di collegare un modulo adattivo a origini dati diverse. Ad esempio, profilo utente AEM, servizi web RESTful, servizi web basati su SOAP, servizi OData e database relazionali. Un modello dati modulo è uno schema di rappresentazione dati unificato di entità business e servizi disponibili nelle origini dati connesse. È possibile utilizzare il modello dati del modulo con un modulo adattivo per recuperare, aggiornare, eliminare e aggiungere dati alle origini dati connesse.
Obiettivi:
- Configurare l'istanza di database del sito Web (MySQL database) come origine dati.
- Creare il modello dati del modulo utilizzando il database MySQL come origine dati.
- Aggiungi oggetti modello dati in modo da poter formare il modello dati.
- Configurare i servizi di lettura e scrittura per il modello dati del modulo.
- Verificare il modello dati del modulo e i servizi configurati con i dati di test.
Passaggio 3: applicare le regole ai campi del modulo adattivo step-apply-rules-to-adaptive-form-fields
I moduli adattivi forniscono un editor per scrivere regole sugli oggetti modulo adattivi. Queste regole definiscono le azioni da attivare sugli oggetti modulo in base a condizioni preimpostate, input dell'utente e azioni dell'utente sul modulo. Consente di garantire la precisione e velocizza l’esperienza di compilazione dei moduli.
Obiettivi:
- Crea e applica regole ai campi del modulo adattivo.
- Utilizzare le regole per attivare i servizi modello dati modulo per aggiornare i dati nel database.
Passaggio 4: Personalizzare lo stile del modulo adattivo step-style-your-adaptive-form
I moduli adattivi forniscono temi e un editor per creare temi per i moduli adattivi. Un tema contiene dettagli sullo stile di componenti e pannelli ed è possibile riutilizzarlo in diversi formati. Gli stili includono proprietà quali i colori di sfondo, i colori degli stati, la trasparenza, l’allineamento e le dimensioni. Quando si applica il tema al modulo, lo stile specificato viene applicato ai componenti corrispondenti del modulo. I moduli adattivi supportano anche lo stile in linea per gli stili specifici di un modulo.
Obiettivi:
- Applicare un tema preconfigurato a un modulo adattivo.
- Crea un tema per il modulo adattivo utilizzando l’editor del tema.
- Utilizzare i Web Fonts in un tema personalizzato.
Passaggio 5: creare un Publish per il modulo adattivo step-publish-your-adaptive-form
È possibile pubblicare moduli adattivi come modulo autonomo (applicazione a pagina singola), includere nella pagina Sites dell'AEM o inserire un elenco in una pagina AEM Site utilizzando Forms Portal.
Obiettivi:
- Publish il modulo adattivo come pagina AEM.
- Incorpora il modulo adattivo in una pagina AEM Sites.
- Incorpora il modulo adattivo in una pagina web esterna (una pagina web non AEM ospitata al di fuori dell’AEM).