Zelfstudie: Interactieve communicatie maken

LET OP

AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

Een interactieve communicatie maken met alle bouwstenen

stijl uw interactieve communicatie

Deze zelfstudie is een stap in de Maak uw eerste interactieve communicatie reeks. U wordt aangeraden de reeks in chronologische volgorde te volgen om het volledige gebruik van de zelfstudie te begrijpen, uit te voeren en aan te tonen.

Nadat u alle bouwstenen voor de webversie hebt gemaakt, zoals het formuliergegevensmodel, documentfragmenten, sjablonen en thema's, kunt u een interactieve communicatie maken.

De interactieve Mededelingen kunnen door twee kanalen worden geleverd: Afdrukken en web. U kunt ook een interactieve communicatie maken met Afdrukkanaal als master kanaal. De druk als master optie voor het kanaal van het Web verzekert de inhoud, de overerving, en de gegevensband van het kanaal van het Web wordt afgeleid uit het kanaal van de Druk. Het zorgt ook dat de veranderingen in het kanaal van de Druk worden aangebracht gesynchroniseerd in het kanaal van het Web. De interactieve auteurs van Communicatie worden, echter, toegestaan om de overerving voor specifieke componenten in het kanaal van het Web te breken.

Dit leerprogramma begeleidt u door de stappen om interactieve mededelingen voor de kanalen van de Druk en van het Web tot stand te brengen. Aan het einde van deze zelfstudie kunt u het volgende doen:

  • Interactieve communicatie maken voor het afdrukkanaal
  • Interactieve communicatie voor het webkanaal maken
  • Creeer Druk en Web Interactieve Mededelingen met Druk als Master

Interactieve communicatie voor afdrukken en web maken zonder synchronisatie

Interactieve communicatie voor afdrukkanaal maken

Hier volgt een lijst met bronnen die al in deze zelfstudie zijn gemaakt en die nodig zijn tijdens het maken van de interactieve communicatie voor het kanaal Afdrukken:

Afdruksjabloon: create_first_ic_print_template

Formuliergegevensmodel: FDM_Create_First_IC

Documentfragmenten: bill_details_first_ic, customer_details_first_ic, bill_summary_first_ic, summary_charges_first_ic

Lay-outfragmenten: table_lf

Afbeeldingen: PayNow en ValueAddedServices

  1. Meld u aan bij de AEM auteur en navigeer naar Adobe Experience Manager > Forms > Forms & Documents.

  2. Tikken Maken en selecteert u Interactieve communicatie. De Interactieve communicatie maken wordt weergegeven.

  3. Opgeven create_first_ic in de Titel en de Naam veld. Selecteren FDM_Create_First_IC als het formuliergegevensmodel en tik op Volgende.

  4. In de Kanalen wizard:

    1. Opgeven create_first_ic_print_template als de afdruksjabloon en tik op Selecteren. Zorg ervoor dat de Afdrukken gebruiken als Master voor webkanaal selectievakje is niet ingeschakeld.
    2. Opgeven Create_First_IC_templates map > Create_First_IC_Web_Template als websjabloon en tik op Selecteren.
    3. Tikken Maken.

    Er wordt een bevestigingsbericht weergegeven dat de interactieve communicatie is gemaakt.

  5. Tikken Bewerken om de Interactieve Communicatie in de juiste ruit te openen.

  6. Ga naar de Activa en pas het filter toe om alleen de documentfragmenten in het linkervenster weer te geven.

  7. Sleep de volgende documentfragmenten naar het doelgebied in de interactieve communicatie.

    Documentfragment Doelgebied
    bill_details_first_ic BillDetails
    customer_details_first_ic CustomerDetails
    bill_summary_first_ic BillSummary
    summary_charges_first_interactive_communication Heffingen

    create_first_ic_doc_fragments

  8. Tikken Grafieken doelgebied en tikken + om een Diagram component.

  9. Tik op de component Chart en selecteer configure_icon (Configureren). De grafiekeigenschappen worden weergegeven in het linkerdeelvenster:

    1. Geef een naam op voor het diagram.
    2. Selecteren Schijf van de Type diagram vervolgkeuzelijst.
    3. Selecteer calltype eigenschap van de oproepen objecttype gegevensmodel in X-as sectie. Tikken done_icon.
    4. Selecteren Frequentie van de Functie vervolgkeuzelijst.
    5. Selecteer calltype eigenschap van de oproepen objecttype gegevensmodel in Y-as sectie. Tikken done_icon.
    6. Tikken done_icon om de eigenschappen van het diagram op te slaan.

  10. Ga naar de Activa en pas het filter toe om alleen de layoutfragmenten in het linkerdeelvenster weer te geven. Sleep de table_lf lay-outfragment naar de Gespecificeerde Vraag doelgebied.

  11. Selecteer het tekstveld in het dialoogvenster Datum kolom en tik configure_icon (Configureren).

  12. Selecteren Gegevensmodelobject van de Type binding vervolgkeuzelijst en selecteer oproepen > calldate. Tikken done_icon twee keer om de eigenschappen op te slaan.

    Op dezelfde manier binding maken met calltime, callnumber, callduration, en opvragingskosten voor tekstvelden in het dialoogvenster Tijd, Getal, Duur, en Heffingen kolommen.

  13. Tikken Nu betalen doelgebied en tikken + om een Afbeelding component.

  14. Tik op de component Image en selecteer configure_icon (Configureren). De eigenschappen van de afbeelding worden weergegeven in het linkervenster:

    1. Opgeven Nu betalen als de naam van de afbeelding in het dialoogvenster Naam veld.
    2. Tikken Uploaden selecteert u de afbeelding die u in het lokale bestandssysteem hebt opgeslagen en tikt u op Openen.
    3. Tikken done_icon om de eigenschappen van de afbeelding op te slaan.

  15. De stappen 13 en 14 herhalen om toe te voegen ValueAddedServices aan de ValueAddedServices doelgebied.

Interactieve communicatie voor webkanaal maken

Hier volgt een lijst met bronnen die al in deze zelfstudie zijn gemaakt en die nodig zijn tijdens het maken van de interactieve communicatie voor het webkanaal:

Websjabloon: Create_First_IC_Web_Template

Formuliergegevensmodel: FDM_Create_First_IC

Documentfragmenten: bill_details_first_ic, customer_details_first_ic, bill_summary_first_ic, summary_charges_first_ic

Afbeeldingen: PayNowWeb en ValueAddedServicesWeb

  1. Meld u aan bij de AEM auteur en navigeer naar Adobe Experience Manager > Forms > Forms & Documents.

  2. Tikken Maken en selecteert u Interactieve communicatie. De Interactieve communicatie maken wordt weergegeven.

  3. Opgeven create_first_ic in de Titel en de Naam veld. Selecteren FDM_Create_First_IC als het formuliergegevensmodel en tik op Volgende.

  4. In de Kanalen wizard:

    1. Opgeven create_first_ic_print_template als de afdruksjabloon en tik op Selecteren. Zorg ervoor dat de Afdrukken gebruiken als Master voor webkanaal selectievakje is niet ingeschakeld.
    2. Opgeven Create_First_IC_templates map > Create_First_IC_Web_Template als websjabloon en tik op Selecteren.
    3. Tikken Maken.

    Er wordt een bevestigingsbericht weergegeven dat de interactieve communicatie is gemaakt.

  5. Tikken Bewerken om de Interactieve Communicatie in de juiste ruit te openen.

  6. Tik op de knop Kanalen van het linkervenster en tik Web.

  7. Ga naar de Activa en pas het filter toe om alleen de documentfragmenten in het linkervenster weer te geven.

  8. Sleep de volgende documentfragmenten naar het doelgebied in de interactieve communicatie.

    Documentfragment Doelgebied
    bill_details_first_ic BillDetails
    customer_details_first_ic CustomerDetails
    bill_summary_first_ic BillSummary
    summary_charges_first_interactive_communication Heffingen

  9. Tikken Overzicht van heffingen doelgebied en tikken + om een Diagram component.

  10. Tik op de component Chart en selecteer configure_icon (Configureren). De grafiekeigenschappen worden weergegeven in het linkerdeelvenster:

    1. Geef een naam op voor het diagram.
    2. Selecteren Schijf van de Type diagram vervolgkeuzelijst.
    3. Selecteer calltype eigenschap van de oproepen objecttype gegevensmodel in X-as sectie. Tikken done_icon.
    4. Selecteren Frequentie van de Functie vervolgkeuzelijst.
    5. Selecteer calltype eigenschap van de oproepen objecttype gegevensmodel in Y-as sectie. Tikken done_icon.
    6. Tikken done_icon om de eigenschappen van het diagram op te slaan.

  11. Selecteer Gegevensbronnen van het linkervenster en sleep-en-dalings oproepen gegevensmodelobject naar het Gespecificeerde Vraag doelgebied. Alle eigenschappen in het dialoogvenster oproepen gegevensmodelobject wordt weergegeven als tabelkolommen in het dialoogvenster Gespecificeerde Vraag doelgebied in het rechterdeelvenster.

    Gebaseerd op het gebruiksgeval, vereist u de Datum van de Vraag, de Tijd van de Vraag, het Aantal van de Vraag, de Duur van de Vraag, en de kolommen van de Heffingen van de Vraag in de lijst.

    table_ic_web

  12. Selecteren Mobilenum tabelkolomkop en selecteer Meer opties > Kolom verwijderen. Verwijder op dezelfde manier de Calltype kolom.

  13. Selecteer Bijschrift tabelkolomkop en tik bewerken (Bewerken) om de naam van de tekst te wijzigen in Aanroepingsdatum. Wijzig de naam van de andere kolomkoppen in de tabel.

  14. Voeg op basis van het geval van gebruik een Nu betalen in de interactieve communicatie die de gebruiker een optie biedt om de betaling uit te voeren door op de knop te klikken. Voer de volgende stappen uit om de knop in te voegen:

    1. Tikken Nu betalen doelgebied en tikken + om een Tekst component.
    2. Tik op de tekstcomponent en tik op bewerken (Bewerken).
    3. De naam van de tekst wijzigen in Nu betalen.
    4. Selecteer de tekst en tik op het hyperlinkpictogram.
    5. Geef de betalings-URL op in het dialoogvenster Pad veld.
    6. Selecteren Nieuw tabblad van Doel vervolgkeuzelijst.
    7. Tikken done_icon om de eigenschappen van de hyperlink op te slaan.

  15. Selecteren Stijl in de vervolgkeuzelijst naast de Voorvertoning optie.

    select_style_ic_web

  16. Maak de hyperlinktekst zodanig op dat deze als een knop in de interactieve communicatie wordt weergegeven. Ga hierbij als volgt te werk:

    1. Tik op de tekstcomponent en selecteer bewerken (Bewerken).
    2. In de Rand sectie, specificeren 1,5 px als Randbreedte, selecteert u Effen als Randstijl en 46 px als Straal rand.
    3. Selecteer Rood als achtergrondkleur voor de knop in het menu Achtergrond sectie.
    4. In de Marge veld voor Dimension en positie tikken op de Tegelijkertijd bewerken en stelt de Rechts marge als 450 px. De velden Boven, Onder en Links worden ingesteld als leeg.

    ic_web_hyperlink

  17. Tikken Nu betalen doelgebied en tikken + om een Afbeelding component.

  18. Tik op de component Image en selecteer configure_icon (Configureren). De eigenschappen van de afbeelding worden weergegeven in het linkervenster:

    1. Opgeven Nu betalen als de naam van de afbeelding in het dialoogvenster Naam veld.
    2. Tikken Uploaden, selecteert u de PayNowWeb opgeslagen afbeelding op het lokale bestandssysteem en tikt u op Openen.
    3. Tikken done_icon om de eigenschappen van de afbeelding op te slaan.

  19. Voeg op basis van het geval van gebruik een Abonneren in de Interactieve Mededeling die de gebruiker een optie verstrekt om aan de diensten van de toegevoegde waarde in te schrijven door de knoop te klikken.

    Herhaal stap 13 - 17 om een Abonneren aan de Services voor toegevoegde waarde doelgebied en voeg de ValueAddedServicesWeb afbeelding.

Interactieve communicatie voor afdrukken en web maken met automatische synchronisatie

U kunt ook een interactieve communicatie maken door automatische synchronisatie tussen Afdrukken en Webkanalen in te schakelen. Als u automatische synchronisatie wilt inschakelen, selecteert u de optie Afdrukken als master tijdens het maken van de interactieve communicatie. Als u de optie Afdrukken als master selecteert, worden de inhoud, overerving en gegevensbinding van het webkanaal afgeleid van het kanaal Afdrukken. Het zorgt ook dat de veranderingen in het kanaal van de Druk worden aangebracht weerspiegeld in het kanaal van het Web.

Voer de volgende stappen uit om de inhoud van het Kanaal van het Web af te leiden gebruikend het kanaal van de Druk:

  1. Meld u aan bij de AEM auteur en navigeer naar Adobe Experience Manager > Forms > Forms & Documents.

  2. Tikken Maken en selecteert u Interactieve communicatie. De Interactieve communicatie maken wordt weergegeven.

  3. Opgeven create_first_ic in de Titel en de Naam veld. Selecteren FDM_Create_First_IC als het formuliergegevensmodel en tik op Volgende.

  4. In de Kanalen wizard:

    1. Opgeven create_first_ic_print_template als de afdruksjabloon en tik op Selecteren.
    2. Selecteer Afdrukken gebruiken als Master voor webkanaal selectievakje.
    3. Opgeven Create_First_IC_templates map > Create_First_IC_Web_Template als websjabloon en tik op Selecteren.
    4. Tikken Maken.

    Er wordt een bevestigingsbericht weergegeven dat de interactieve communicatie is gemaakt.

  5. Tikken Bewerken om de Interactieve Communicatie in de juiste ruit te openen.

  6. Voer stap 6 - 15 uit van Interactieve communicatie voor afdrukkanaal maken sectie.

  7. Tik op de knop Kanalen van het linkervenster en tik Web om automatisch inhoud voor het webkanaal te genereren via het kanaal Afdrukken.

  8. Als de Afdrukken gebruiken als Master voor webkanaal Schakel het selectievakje in in stap 4. De inhoud en bindingen worden automatisch gegenereerd voor het webkanaal via het kanaal Afdrukken.

    De inhoud van het afdrukkanaal wordt ingevoegd onder de inhoud van de webkanaalsjabloon. Als u de inhoud van het webkanaal wilt wijzigen die automatisch is gegenereerd via het kanaal Afdrukken, kunt u de overerving voor elk doelgebied annuleren.

    Houd de muisaanwijzer boven het desbetreffende doelgebied in het webkanaal en selecteer cancelovererving (Overerving annuleren) en vervolgens in het dialoogvenster Overerving annuleren dialoogvenster, tikken Ja.

    cancel_inheritance_web_channel

    Als u de overerving van een component hebt geannuleerd, kunt u deze opnieuw inschakelen. Als u overerving weer wilt inschakelen, plaatst u de muisaanwijzer boven de grens van het desbetreffende doelgebied, inclusief de component, en tikt u op reenableerbaarheid.

  9. Selecteer Inhoud in het linkerdeelvenster.

  10. Sleep de automatisch gegenereerde webkanaalinhoud naar de bestaande deelvensters in de websjabloon met de inhoudsstructuur. Hieronder volgt een lijst met onderdelen die opnieuw moeten worden gerangschikt:

    • De component van Details van de rekening aan het paneel van Details van de Rekening
    • Customer Details component naar het deelvenster Customer Details
    • De Samenvattingscomponent van de Rekening aan het paneel van de Samenvatting van de Rekening
    • Samenvatting van de component van Heffingen aan Samenvatting van het paneel van Heffingen
    • Het fragment van de lay-out (lijst) aan het Gespecialiseerde paneel van Vraag

    ic_web_content_tree

  11. Herhaal stap 13 - 18 van Interactieve communicatie voor webkanaal maken om de Nu betalen en Abonneren hyperlinks in het kanaal van het Web van de Interactieve Mededeling.

Op deze pagina