Tutorial: creare il primo modulo adattivo tutorial-create-your-first-adaptive-form

Versione
Collegamento articolo
AEM as a Cloud Service
Fai clic qui
AEM 6.5
Questo articolo

01-create-first-adaptive-form-hero-image

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.

create-adaptive-form-workflow

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.

adaptiveformdata

Passaggio 1: creare un modulo adattivo step-create-an-adaptive-form

03-create-adaptive-form-main-image_small

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.

Consulta la Guida

Passaggio 2: creare il modello dati del modulo step-create-form-data-model

05-create-form-data-model-main_small

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.

Consulta la Guida

Passaggio 3: applicare le regole ai campi del modulo adattivo step-apply-rules-to-adaptive-form-fields

07-apply-rules-to-adaptive-form_small

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.

Consulta la Guida

Passaggio 4: Personalizzare lo stile del modulo adattivo step-style-your-adaptive-form

adapative-form-styling

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.

Consulta la Guida

Passaggio 5: creare un Publish per il modulo adattivo step-publish-your-adaptive-form

12-publish-your-adaptive-form-_small

È 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).

Consulta la Guida

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2