Lesbestand: uw eerste adaptieve formulier maken tutorial-create-your-first-adaptive-form

Versie
Artikelkoppeling
AEM as a Cloud Service
klik hier
AEM 6,5
Dit artikel

01-creeer-eerste-adaptief-vorm-held-beeld

Inleiding introduction

Bent u op zoek naar een mobiel-vriendschappelijke vormervaring die inschrijving vereenvoudigt, overeenkomst verhoogt, en turnaround tijd vermindert, adaptieve vormen is perfect geschikt voor u. Adaptieve formulieren bieden een mobiele, automatiserings- en analysevriendelijke ervaring voor formulieren. U kunt eenvoudig formulieren maken die responsief en interactief van aard zijn, geautomatiseerde processen gebruiken om beheertaken en repetitieve taken te beperken en gegevensanalyses gebruiken om de ervaring die klanten met uw formulieren hebben, te verbeteren en aan te passen.

Deze zelfstudie biedt een end-to-end framework voor het maken van een adaptief formulier. De zelfstudie is ingedeeld in een gebruikscase en meerdere hulplijnen. Met elke handleiding kunt u nieuwe functies toevoegen aan het aangepaste formulier dat in deze zelfstudie wordt gemaakt. U hebt een werkend adaptief formulier na elke hulplijn. De handleiding voor het maken van een adaptief formulier is beschikbaar. Volgende hulplijnen komen binnenkort. Aan het einde van deze zelfstudie moet u het volgende kunnen doen:

  • Maak een adaptief formulier- en formuliergegevensmodel.
  • Stijl uw adaptieve formulier.
  • Gebruik de adaptieve redacteur van de vormregel om bedrijfsregels te bouwen.
  • Test en publiceer een adaptief formulier.

creeer-adaptief-vorm-werkschema

De reis begint met het leren van het gebruiksgeval:

Een website biedt een reeks producten aan voor verschillende klanten. Klanten bladeren door de portal, selecteren en bestellen de producten. Elke klant maakt een account en geeft verzendadres en factuuradres. Een bestaande klant, Sara Rose, probeert haar verzendadres toe te voegen aan de website. De website bevat een onlineformulier voor het toevoegen en bijwerken van verzendadressen.

De website wordt uitgevoerd op Adobe Experience Manager (AEM) en gebruikt AEM Forms voor het vastleggen en verwerken van gegevens. Het formulier voor het toevoegen en bijwerken van adressen is een adaptief formulier. De website slaat klantgegevens in een database op. Zij gebruiken de adrestoevoeging en werken vorm bij om beschikbare adressen terug te winnen en te tonen. Ze gebruiken ook het aangepaste formulier om bijgewerkte en nieuwe adressen te accepteren.

Vereiste prerequisite

  • Opstelling een AEM auteursinstantie

  • Installeer toe:voegen-on van AEM Formsop auteursinstantie.

  • Vraag het JAR-bestand (JDBC-databasestuurprogramma) aan bij de databaseprovider. De voorbeelden in het leerprogramma zijn gebaseerd op MySQL gegevensbestand en gebruiken Oracle’s MySQL JDBC gegevensbestandbestuurder.

  • Stel een database in die klantgegevens bevat met de onderstaande velden. Een database is niet essentieel om een adaptief formulier te maken. Deze zelfstudie gebruikt een database om het gegevensmodel van het formulier en de persistentiemogelijkheden van AEM Forms weer te geven.

adaptiveformdata

Stap 1: Een adaptief formulier maken step-create-an-adaptive-form

03-create-adaptive-form-main-image_small

Adaptieve formulieren zijn nieuwe generatie, boeiend, responsief, dynamisch en adaptief van aard. Met behulp van adaptieve formulieren kunt u persoonlijke en doelgerichte ervaringen bieden. AEM Forms beschikt over een WYSIWYG-editor voor slepen en neerzetten waarmee u adaptieve formulieren kunt maken. Voor meer informatie over adaptieve vormen, zie Inleiding aan auteursadaptieve vormen.

Doelstellingen:

  • Maak een adaptief formulier waarmee een klant een verzendadres kan toevoegen.
  • Indelingsvelden van een adaptief formulier voor het weergeven en accepteren van informatie van een klant.
  • Verzendactie maken om een e-mail met formulierinhoud te verzenden.
  • Een voorbeeld bekijken en een adaptief formulier verzenden.

zie de Gids

Stap 2: Formuliergegevensmodel maken step-create-form-data-model

05-create-form-data-model-main_small

Met een formuliergegevensmodel kunt u een adaptief formulier aansluiten op verschillende gegevensbronnen. Bijvoorbeeld AEM gebruikersprofiel, RESTful-webservices, SOAP-gebaseerde webservices, OData-services en relationele databases. Een gegevensmodel van de Vorm is een verenigd schema van de gegevensvertegenwoordiging van bedrijfsentiteiten en de diensten beschikbaar in verbonden gegevensbronnen. U kunt het formuliergegevensmodel met een adaptief formulier gebruiken om gegevens op te halen, bij te werken, te verwijderen en aan verbonden gegevensbronnen toe te voegen.

Doelstellingen:

  • Configureer de database-instantie van de website (MySQL database) als gegevensbron.
  • Maak het formuliergegevensmodel met behulp van MySQL -database als gegevensbron.
  • Voeg gegevensmodelvoorwerpen toe zodat kunt u het gegevensmodel vormen.
  • Configureer lees- en schrijfservices voor het model met formuliergegevens.
  • Het model van vormgegevens en de gevormde diensten van de test met testgegevens.

zie de Gids

Stap 3: Regels toepassen op adaptieve formuliervelden step-apply-rules-to-adaptive-form-fields

07-apply-rules-to-adaptive-form_small

Met adaptieve formulieren kunt u in een editor regels schrijven voor adaptieve formulierobjecten. Met deze regels worden acties gedefinieerd die op formulierobjecten worden geactiveerd op basis van vooraf ingestelde voorwaarden, gebruikersinvoer en gebruikersacties op het formulier. Hierdoor wordt de nauwkeurigheid en snelheid van het invullen van formulieren gegarandeerd.

Doelstellingen:

  • Maak regels en pas deze toe op adaptieve formuliervelden.
  • Gebruik regels om services van het formuliergegevensmodel te activeren om de gegevens bij te werken naar de database.

zie de Gids

Stap 4: Stijl uw adaptieve formulier step-style-your-adaptive-form

adapative-form-styling

De adaptieve vormen verstrekken thema's en een redacteurom thema's voor de adaptieve vormen tot stand te brengen. Een thema bevat opmaakgegevens voor componenten en deelvensters en u kunt een thema in verschillende formulieren opnieuw gebruiken. Stijlen omvatten eigenschappen zoals achtergrondkleuren, statuskleuren, transparantie, uitlijning en grootte. Wanneer u het thema toepast op het formulier, weerspiegelt de opgegeven stijl de overeenkomstige componenten van het formulier. Adaptieve formulieren ondersteunen ook inline opmaak voor stijlen die specifiek zijn voor een formulier.

Doelstellingen:

  • Pas een uitwendig thema toe op een adaptief formulier.
  • Maak een thema voor een adaptief formulier met de themaeditor.
  • Gebruik Webben Fonts in een aangepast thema.

zie de Gids

Stap 5: Publish uw adaptieve formulier step-publish-your-adaptive-form

12-publish-your-adaptive-form-_small

U kunt adaptieve vormen als stand-alone vorm (enige paginatoepassing) publiceren, in AEM pagina van Plaatsenomvatten, of lijst op een AEM Site gebruikend Portaal van Forms.

Doelstellingen:

  • Publish het adaptieve formulier als een AEM pagina.
  • Sluit het adaptieve formulier in een AEM Sites pagina in.
  • Sluit het adaptieve formulier in een externe webpagina in (een niet-AEM webpagina die buiten AEM wordt gehost).

zie de Gids

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