Självstudiekurs: Skapa interaktiv kommunikation tutorial-create-interactive-communication

09-style-your-adaptive-form-small

Den här självstudiekursen är ett steg i Skapa din första interaktiva kommunikationsserie. Vi rekommenderar att du följer serien i kronologisk ordning för att förstå, utföra och demonstrera det fullständiga självstudiekurserna.

När du har skapat alla byggstenar, t.ex. formulärdatamodell, dokumentfragment, mallar och teman för webbversionen, kan du börja skapa en interaktiv kommunikation.

Interaktiv kommunikation kan distribueras via två kanaler: tryck och webb. Du kan också skapa en interaktiv kommunikationskanal med utskriftskanalen som master. Skriv ut som huvudalternativ för webbkanal säkerställer att innehållet, arvet och databindningen för webbkanalen hämtas från utskriftskanalen. Det ser också till att ändringarna som görs i utskriftskanalen synkroniseras i webbkanalen. De som skapar interaktiv kommunikation får dock bryta arvet för vissa komponenter i webbkanalen.

I den här självstudiekursen får du hjälp med att skapa interaktiv kommunikation för tryck- och webbkanaler. I slutet av den här självstudiekursen kan du:

  • Skapa interaktiv kommunikation för tryckkanalen
  • Skapa interaktiv kommunikation för webbkanalen
  • Skapa trycksaker och webbinteraktiv kommunikation med Skriv ut som mall

Skapa interaktiv kommunikation för tryck och webb utan synkronisering create-interactive-communications-for-print-and-web-with-no-synchronization

Skapa interaktiv kommunikation för tryckkanaler create-interactive-communication-for-print-channel

Nedan följer en lista över resurser som redan har skapats i den här självstudiekursen och som behövs när du skapar den interaktiva kommunikationen för utskriftskanalen:

Utskriftsmall: create_first_ic_print_template

Formulärdatamodell: FDM_Create_First_IC

Dokumentfragment: Bill_details_first_ic, customer_details_first_ic, Bill_summary_first_ic, summary_Charts_first_ic

Layoutfragment: table_lf

Bilder: PayNow och ValueAddedServices

  1. Logga in på AEM författarinstans och navigera till Adobe Experience Manager > Forms > Forms & Documents.

  2. Välj Skapa och välj Interaktiv kommunikation. Guiden Skapa interaktiv kommunikation visas.

  3. Ange create_first_ic i fälten Title och Name. Välj FDM_Create_First_IC som formulärdatamodell och välj Nästa.

  4. I guiden Kanaler:

    1. Ange create_first_ic_print_template som utskriftsmall och välj Välj. Kontrollera att kryssrutan Använd Skriv ut som mallsida för webbkanal inte är markerad.

    2. Ange mappen Create_First_IC_templates > Create_First_IC_Web_Template som webbmall och välj Välj.

    3. Välj Skapa.

    Ett bekräftelsemeddelande visas om att den interaktiva kommunikationen har skapats.

  5. Välj Redigera för att öppna den interaktiva kommunikationen i den högra rutan.

  6. Gå till fliken Assets och använd filtret för att endast visa dokumentfragmenten i den vänstra rutan.

  7. Dra och släpp följande dokumentfragment till målområdena i interaktiv kommunikation:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    Dokumentfragment Målområde
    Bill_details_first_ic BillDetails
    customer_details_first_ic CustomerDetails
    Bill_summary_first_ic BillSummary
    summary_addas_first_interactive_communication Avgifter

    Dokumentfragment för interaktiv kommunikation

  8. Välj målområdet Diagram och välj + för att lägga till en Diagram-komponent.

  9. Markera diagramkomponenten och välj configure_icon (Konfigurera). Diagramegenskaperna visas i den vänstra rutan:

    1. Ange ett namn för diagrammet.
    2. Välj Cirkel i listrutan Diagramtyp.
    3. Välj egenskapen calltype från datamodellobjektstypen call i avsnittet X-axis. Välj made_icon .
    4. Välj Frekvens i listrutan Funktion.
    5. Välj egenskapen calltype från datamodellobjektstypen call i avsnittet Y-axel. Välj made_icon .
    6. Välj made_icon om du vill spara diagramegenskaperna.
  10. Gå till fliken Assets och använd filtret för att endast visa layoutfragmenten i den vänstra rutan. Dra och släpp layoutfragmentet table_lf till målområdet Specificerade anrop .

  11. Markera textfältet i kolumnen Datum och välj configure_icon (Configure).

  12. Välj Datamodellobjekt i listrutan Bindningstyp och välj anrop > calldate. Välj made_icon två gånger för att spara egenskaperna.

    Skapa på samma sätt bindning med calltime, callnumber, callduration och callCharts för textfält i kolumnerna Time, Number, Duration och Charges .

  13. Välj målområdet PayNow och välj + för att lägga till en Image-komponent.

  14. Markera bildkomponenten och välj configure_icon (Konfigurera). Bildegenskaperna visas i den vänstra rutan:

    1. Ange PayNow som namn på bilden i fältet Namn.
    2. Välj Överför, markera bilden som har sparats i det lokala filsystemet och välj Öppna.
    3. Välj done_icon om du vill spara bildegenskaperna.
  15. Upprepa steg 13 och 14 för att lägga till bilden ValueAddedServices i målområdet ValueAddedServices .

Skapa interaktiv kommunikation för webbkanal create-interactive-communication-for-web-channel

Nedan följer en lista över resurser som redan har skapats i den här självstudiekursen och som behövs när du skapar interaktiv kommunikation för webbkanalen:

Webbmall: Create_First_IC_Web_Template

Formulärdatamodell: FDM_Create_First_IC

Dokumentfragment: Bill_details_first_ic, customer_details_first_ic, Bill_summary_first_ic, summary_Charts_first_ic

Bilder: PayNowWeb och ValueAddedServicesWeb

  1. Logga in på AEM författarinstans och navigera till Adobe Experience Manager > Forms > Forms & Documents.

  2. Välj Skapa och välj Interaktiv kommunikation. Guiden Skapa interaktiv kommunikation visas.

  3. Ange create_first_ic i fälten Title och Name. Välj FDM_Create_First_IC som formulärdatamodell och välj Nästa.

  4. I guiden Kanaler:

    1. Ange create_first_ic_print_template som utskriftsmall och välj Välj. Kontrollera att kryssrutan Använd Skriv ut som mallsida för webbkanal inte är markerad.

    2. Ange mappen Create_First_IC_templates > Create_First_IC_Web_Template som webbmall och välj Välj.

    3. Välj Skapa.

    Ett bekräftelsemeddelande visas om att den interaktiva kommunikationen har skapats.

  5. Välj Redigera för att öppna den interaktiva kommunikationen i den högra rutan.

  6. Välj fliken Kanaler i den vänstra rutan och välj Webb.

  7. Gå till fliken Assets och använd filtret för att endast visa dokumentfragmenten i den vänstra rutan.

  8. Dra och släpp följande dokumentfragment till målområdena i interaktiv kommunikation:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    Dokumentfragment Målområde
    Bill_details_first_ic BillDetails
    customer_details_first_ic CustomerDetails
    Bill_summary_first_ic BillSummary
    summary_addas_first_interactive_communication Avgifter
  9. Välj målområdet Sammanfattning av avgifter och välj + för att lägga till en Diagram-komponent.

  10. Markera diagramkomponenten och välj configure_icon (Konfigurera). Diagramegenskaperna visas i den vänstra rutan:

    1. Ange ett namn för diagrammet.

    2. Välj Cirkel i listrutan Diagramtyp.

    3. Välj egenskapen calltype från datamodellobjektstypen call i avsnittet X-axis. Välj made_icon .

    4. Välj Frekvens i listrutan Funktion.

    5. Välj egenskapen calltype från datamodellobjektstypen call i avsnittet Y-axel. Välj made_icon .

    6. Välj made_icon om du vill spara diagramegenskaperna.

  11. Välj fliken Datakällor i den vänstra rutan och dra och släpp datamodellobjektet call till målområdet Specificerade samtal. Alla egenskaper i datamodellobjektet call visas som tabellkolumner i målområdet Specificerade anrop i den högra rutan.

    Baserat på användningsfallet behöver du kolumnerna Samtalsdatum, Samtalstid, Samtalsnummer, Samtalsvaraktighet och Samtalsavgifter i tabellen.

    Tabell för interaktiv kommunikation

  12. Välj tabellkolumnrubriken Mobilenum och välj Fler alternativ > Ta bort kolumn. Ta på liknande sätt bort kolumnen Calltype.

  13. Markera tabellkolumnrubriken Calldate och välj edit (Edit) om du vill byta namn på texten till Call Date. Du kan också byta namn på andra kolumnrubriker i tabellen.

  14. Baserat på användningsfallet infogar du en Pay Now -knapp i Interactive Communication som ger användaren möjlighet att göra betalningen genom att klicka på knappen. Gör så här för att infoga knappen:

    1. Välj målområdet Betala nu och välj + för att lägga till en Text -komponent.

    2. Markera textkomponenten och välj redigera (redigera).

    3. Byt namn på texten till Betala nu.

    4. Markera texten och välj ikonen Hyperlänk.

    5. Ange betalnings-URL i fältet Sökväg.

    6. Välj Ny flik i listrutan Mål.

    7. Välj done_icon om du vill spara hyperlänksegenskaperna.

  15. Välj Format i listrutan bredvid alternativet Förhandsgranska .

    Välj stilläge för interaktiv kommunikation

  16. Gör så här för att formatera hyperlänktexten så att den visas som en knapp i det interaktiva meddelandet:

    1. Markera textkomponenten och välj redigera (redigera).

    2. I avsnittet Kantlinje anger du 1.5px som Kantbredd, väljer Heldragen som Kantstil och anger 46px som Kantradie.

    3. Välj Röd som bakgrundsfärg för knappen i avsnittet Bakgrund.

    4. I fältet Marginal för avsnittet Dimensioner och position markerar du ikonen Redigera samtidigt och anger marginalen Höger som 450px. Fälten Överkant, Underkant och Vänster är tomma.

    Infoga hyperlänk i interaktiv kommunikation

  17. Välj målområdet Betala nu och välj + för att lägga till en Bild-komponent.

  18. Markera bildkomponenten och välj configure_icon (Konfigurera). Bildegenskaperna visas i den vänstra rutan:

    1. Ange PayNow som namn på bilden i fältet Namn.

    2. Välj Överför, markera bilden PayNowWeb som är sparad i det lokala filsystemet och välj Öppna.

    3. Välj done_icon om du vill spara bildegenskaperna.

  19. Baserat på användningsexemplet infogar du en prenumerationsknapp i det interaktiva meddelandet som ger användaren ett alternativ att prenumerera på de mervärdesskapande tjänsterna genom att klicka på knappen.

    Upprepa steg 13-17 om du vill lägga till en prenumerationsknapp i målområdet för Värdetillagda tjänster och lägga till ValueAddedServicesWeb -bilden.

Skapa interaktiv kommunikation för tryck och webb med automatisk synkronisering create-interactive-communications-for-print-and-web-with-auto-synchronization

Du kan också skapa en interaktiv kommunikation genom att aktivera automatisk synkronisering mellan utskrifts- och webbkanaler. Om du vill aktivera automatisk synkronisering väljer du Skriv ut som mall när du skapar den interaktiva kommunikationen. Om du väljer alternativet Skriv ut som mallsida kommer innehållet, arvet och databindningen för webbkanalen att härledas från utskriftskanalen. Det ser också till att de ändringar som görs i utskriftskanalen återspeglas i webbkanalen.

Utför följande steg för att härleda webbkanalsinnehållet med hjälp av Print channel:

  1. Logga in på AEM författarinstans och navigera till Adobe Experience Manager > Forms > Forms & Documents.

  2. Välj Skapa och välj Interaktiv kommunikation. Guiden Skapa interaktiv kommunikation visas.

  3. Ange create_first_ic i fälten Title och Name. Välj FDM_Create_First_IC som formulärdatamodell och välj Nästa.

  4. I guiden Kanaler:

    1. Ange create_first_ic_print_template som utskriftsmall och välj Välj.

    2. Markera kryssrutan Använd Skriv ut som mallsida för webbkanal.

    3. Ange mappen Create_First_IC_templates > Create_First_IC_Web_Template som webbmall och välj Välj.

    4. Välj Skapa.

    Ett bekräftelsemeddelande visas om att den interaktiva kommunikationen har skapats.

  5. Välj Redigera för att öppna den interaktiva kommunikationen i den högra rutan.

  6. Utför steg 6 - 15 i avsnittet Skapa interaktiv kommunikation för utskriftskanalen.

  7. Välj fliken Kanaler i den vänstra rutan och välj Webb för att automatiskt generera innehåll för webbkanalen från utskriftskanalen.

  8. När kryssrutan Använd Skriv ut som mallsida för webbkanal är markerad i steg 4 genereras innehållet och bindningarna automatiskt för webbkanalen från utskriftskanalen.

    Utskriftskanalinnehållet infogas under webbkanalens mallinnehåll. Om du vill ändra webbkanalsinnehållet som har genererats automatiskt från utskriftskanalen kan du avbryta arvet för alla målområden.

    Hovra över det relevanta målområdet i webbkanalen och välj cancelarvance (Cancel Inheritance) och välj sedan Yes i dialogrutan Cancel Inheritance .

    Avbryt arv

    Om du har avbrutit arvet av en komponent kan du återaktivera den. Om du vill återaktivera arv håller du pekaren över gränsen för det relevanta målområdet, som innehåller komponenten, och väljer återaktivera arv .

  9. Markera fliken Innehåll i den vänstra rutan.

  10. Dra och släpp det automatiskt genererade webbkanalsinnehållet till de befintliga panelerna i webbmallen med hjälp av innehållsträdet. Nedan följer en lista över komponenter som behöver ordnas om:

    • Fakturainformation-komponent till panelen Faktureringsinformation
    • Kundinformationskomponent till panelen Kundinformation
    • Faktureringssammanfattningskomponent till faktureringssammanfattningspanelen
    • Sammanfattning av avgiftskomponenten till panelen Sammanfattning av avgifter
    • Layoutfragment (tabell) till panelen Specificerade samtal

    Webbinnehållsträd

  11. Upprepa steg 13-18 i Skapa interaktiv kommunikation för webbkanal om du vill infoga hyperlänkarna Betala nu och Prenumerera i webbkanalen i den interaktiva kommunikationen.

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