Skapa ditt första anpassningsbara formulär do-not-publish-create-your-first-adaptive-form

CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

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

Introduktion introduction

Söker du en mobilvänlig formulärupplevelse som förenklar registrering, ökar engagemanget och minskar handläggningstiden, anpassningsbara formulär passar dig perfekt. Adaptiva formulär ger en mobil, automatiserad och analysvänlig formulärupplevelse. Ni kan enkelt skapa formulär som är responsiva och interaktiva till sin natur, använda automatiserade processer för att minska administrativa och repetitiva uppgifter och använda dataanalys för att förbättra och personalisera den upplevelse kunderna har med era formulär.

Den här självstudiekursen ger ett komplett ramverk för att skapa ett anpassningsbart formulär. Självstudiekursen är indelad i ett användningsfall och flera guider. Varje guide hjälper dig att lära dig mer och lägga till nya funktioner i det adaptiva formulär som skapas i kursen. Du har ett fungerande anpassningsbart formulär efter varje guide. Guiden för att skapa ett anpassat formulär är tillgänglig. Efterföljande guider kommer snart att vara tillgängliga. I slutet av den här självstudiekursen kan du:

  • Skapa ett anpassningsbart formulär och en formulärdatamodell.
  • Formatera den anpassningsbara formen.
  • Använd redigerare för anpassade formulärregler för att skapa affärsregler.
  • Testa och publicera ett adaptivt formulär.

create-daptive-form-workflow

Resan börjar med att man lär sig hur det fungerar:

En webbplats erbjuder en rad produkter för olika kunder. Kunderna går igenom portalen, väljer ut och beställer produkterna. Alla kunder skapar ett konto och tillhandahåller frakt- och faktureringsadresser. En befintlig kund, Sara Rose, vill lägga till sin leveransadress på webbplatsen. På webbplatsen finns ett onlineformulär där du kan lägga till och uppdatera leveransadresser.

Webbplatsen körs på Adobe Experience Manager (AEM) och använder AEM Forms för datainhämtning och -bearbetning. Formuläret för adresstillägg och uppdatering är ett anpassat formulär. Webbplatsen lagrar kundinformation i en databas. De använder formuläret för att lägga till och uppdatera adresser för att hämta och visa tillgängliga adresser. De använder också det adaptiva formuläret för att godkänna uppdaterade och nya adresser.

Förutsättning prerequisite

  • Konfigurera en AEM författarinstans.

  • Installera AEM Forms-tillägg on author instance.

  • Hämta JDBC-databasdrivrutin (JAR-fil) från databasprovidern. Exemplen i självstudien är baserade på MySQL-databasen och använder Oraclets MySQL JDBC-databasdrivrutin.

  • Konfigurera en databas som innehåller kunddata med fälten som visas nedan. En databas behövs inte för att skapa ett anpassningsbart formulär. I den här självstudien används en databas för att visa formulärdatamodell och beständighetsfunktioner i AEM Forms.

adaptiveformdata

Steg 1: Skapa ett anpassat formulär step-create-an-adaptive-form

03-create-adaptive-form-main-image_small_new

Adaptiva former är ny generation, engagerande, responsiva, dynamiska och anpassningsbara till sin natur. Med hjälp av anpassningsbara formulär kan ni leverera personaliserade och målinriktade upplevelser. AEM Forms har en WYSIWYG-redigerare som du kan dra och släppa för att skapa anpassningsbara formulär. Mer information om adaptiva formulär finns i Introduktion till utveckling av anpassningsbara formulär.

Mål:

  • Skapa ett anpassningsbart formulär där kunden kan lägga till en leveransadress
  • Layoutfält i ett anpassat formulär som visar och accepterar information från en kund
  • Skapa en Skicka-åtgärd för att skicka ett e-postmeddelande med formulärinnehåll
  • Förhandsgranska och skicka ett anpassat formulär

🔗

Steg 2: Skapa formulärdatamodell step-create-form-data-model

05-create-form-data-model-main_small

En formulärdatamodell gör det möjligt att koppla ett anpassningsbart formulär till olika datakällor. Till exempel AEM användarprofil, RESTful-webbtjänster, SOAP-baserade webbtjänster, OData-tjänster och relationsdatabaser. En formulärdatamodell är ett enhetligt datarepresentationsschema för affärsenheter och tjänster som är tillgängliga i anslutna datakällor. Du kan använda formulärdatamodellen med ett adaptivt formulär för att hämta, uppdatera, ta bort och lägga till data i anslutna datakällor.

Mål:

  • Konfigurera webbplatsens databasinstans (MySQL-databas) som en datakälla
  • Skapa formulärdatamodellen med MySQL-databasen som en datakälla
  • Lägga till datamodellobjekt i formulärdatamodellen
  • Konfigurera läs- och skrivtjänster för formulärdatamodellen
  • Testa formulärdatamodell och konfigurerade tjänster med testdata

🔗

Steg 3: Tillämpa regler på anpassningsbara formulärfält step-apply-rules-to-adaptive-form-fields

07-apply-rules-to-adaptive-form_small

Anpassade formulär ger en redigerare som kan skriva regler för adaptiva formulärobjekt. Dessa regler definierar åtgärder som ska utlösas av formulärobjekt baserat på förinställda villkor, användarindata och användaråtgärder i formuläret. Det gör att man kan säkerställa att blanketterna blir korrekta och snabbare.

Mål:

  • Skapa och tillämpa regler för anpassade formulärfält
  • Använd regler för att aktivera datamodelltjänster för formulär för att uppdatera data till databasen

Steg 4: Formatera ditt anpassningsbara formulär step-style-your-adaptive-form

09-Style-your-adaptive-form_small

Adaptiva formulär ger teman och en redigerare för att skapa teman för de adaptiva formulären. Ett tema innehåller formatinformation för komponenter och paneler, och du kan återanvända ett tema i olika former. Format innehåller egenskaper som bakgrundsfärger, lägesfärger, genomskinlighet, justering och storlek. När du använder temat i formuläret återspeglas det angivna formatet i motsvarande komponenter i formuläret. Anpassningsbara formulär har även stöd för infogad formatering för format som är specifika för ett formulär.

Mål:

  • Använda ett tema i ett anpassat formulär
  • Skapa ett tema för anpassningsbara formulär med temaredigeraren
  • Använda webbteckensnitt i ett anpassat tema

🔗

Steg 5: Testa ditt adaptiva formulär step-test-your-adaptive-form

11-test-your-adaptive-form

Anpassningsbara formulär är en väsentlig del av kundinteraktionen. Det är viktigt att testa de adaptiva formulären med alla ändringar du gör i dem. Det är omständligt att testa alla fält i ett formulär. AEM Forms tillhandahåller en SDK (Calvin SDK) för att automatisera testning av adaptiva formulär. Med Calvin kan du automatisera testningen av dina anpassade formulär i webbläsaren.

Mål:

  • Installera Calvin SDK
  • Skapa testsviten och testa ärenden för adressändringsformulär

Mer information om SDK finns i Använda automatiska tester med AEM adaptiv form.

Steg 6: Publicera ditt adaptiva formulär step-publish-your-adaptive-form

12-publish-your-adaptive-form-_small

Du kan publicera anpassningsbara formulär som ett fristående formulär (single page application), som kan inkluderas i AEM webbplatssida, eller lista på en AEM webbplats med Forms Portal.

Mål:

  • Publicera det adaptiva formuläret som ett program med en enda sida
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da