Tutorial: creare modelli tutorial-create-templates

07-apply-rules-to-adaptive-form_small

Questo tutorial è un passaggio della serie Crea la tua prima comunicazione interattiva. È consigliabile seguire la serie in sequenza cronologica per comprendere, eseguire e dimostrare il caso di utilizzo completo dell’esercitazione.

Per creare una comunicazione interattiva, è necessario che sul server AEM siano disponibili modelli per la stampa e i canali Web.

I modelli per il canale di stampa vengono creati in Adobe Forms Designer e caricati sul server AEM. Questi modelli sono quindi disponibili per l’utilizzo durante la creazione di una comunicazione interattiva.

I modelli per il canale web vengono creati in AEM. Gli autori e gli amministratori dei modelli possono creare, modificare e abilitare i modelli web. Una volta creati e abilitati, questi modelli sono disponibili per l’uso durante la creazione di una comunicazione interattiva.

Questo tutorial illustra i passaggi necessari per creare modelli per i canali di stampa e web, in modo che siano disponibili per l’utilizzo durante la creazione di comunicazioni interattive. Al termine di questa esercitazione, sarai in grado di:

  • Creazione di modelli XDP per il canale di stampa con Adobe Forms Designer
  • Carica i modelli XDP sul server AEM Forms
  • Creare e abilitare modelli per il canale web

Crea modello per canale di stampa create-template-for-print-channel

Crea e gestisci un modello per il canale di stampa della comunicazione interattiva utilizzando le seguenti attività:

Creare un modello XDP utilizzando Forms Designer create-xdp-template-using-forms-designer

In base al caso d'uso e anatomia, crea le seguenti sottomaschere nel modello XDP:

  • Dettagli distinta: include un frammento di documento
  • Dettagli cliente: include un frammento di documento
  • Riepilogo fatture: include un frammento di documento
  • Riepilogo: include un frammento di documento (sottomaschera Addebiti) e un grafico (sottomaschera Grafici)
  • Chiamate dettagliate: include una tabella (frammento di layout)
  • Pay Now (Paga ora): include un’immagine
  • Servizi a valore aggiunto: include un’immagine

create_print_template

Questi sottomoduli vengono visualizzati come aree di destinazione nel modello Stampa dopo il caricamento del file XDP sul server Forms. Tutte le entità, quali frammenti di documenti, grafici, frammenti di layout e immagini, vengono aggiunte alle aree di destinazione durante la creazione della comunicazione interattiva.

Per creare un modello XDP per il canale di stampa, effettuare le seguenti operazioni:

  1. Apri Forms Designer, seleziona File > Nuovo > Utilizza un modulo vuoto, seleziona Avanti, quindi seleziona Fine per aprire il modulo per la creazione di modelli.

    Verificare che le opzioni Libreria oggetti e Oggetto siano selezionate dal menu Finestra.

  2. Trascinare il componente Sottomodulo dalla Libreria oggetti al modulo.

  3. Selezionare la sottomaschera in modo da visualizzare le opzioni per la sottomaschera nella finestra Oggetto nel riquadro di destra.

  4. Selezionare la scheda Sottomodulo e selezionare Flusso dall'elenco a discesa Contenuto. Per regolare la lunghezza, trascinare il punto finale sinistro della sottomaschera.

  5. Nella scheda Associazioni:

    1. Specifica BillDetails nel campo Name.

    2. Selezionare Nessuna associazione dati dall'elenco a discesa Associazione dati.

    Sottomodulo Designer

  6. Analogamente, selezionare il sottomodulo principale, selezionare la scheda Sottomodulo e selezionare Flusso dall'elenco a discesa Contenuto. Nella scheda Associazioni:

    1. Specificare TelecaBill nel campo Name.

    2. Selezionare Nessuna associazione dati dall'elenco a discesa Associazione dati.

    Sottomodulo per modello di stampa

  7. Ripetere i passaggi da 2 a 5 per creare le sottomaschere seguenti:

    • Dettagli fattura

    • DettagliCliente

    • Riepilogo fatture

    • Riepilogo - Selezionare la scheda Sottomodulo e selezionare Posizionato dall'elenco a discesa Contenuto per questo sottomodulo. Inserire le seguenti sottomaschere nella sottomaschera Riepilogo.

      • Spese
      • Grafici
    • Chiamate dettagliate

    • PayNow

    • ValueAddedServices

    Per risparmiare tempo, è inoltre possibile copiare e incollare sottomaschere esistenti per crearne altre.

    Per spostare la sottomaschera Grafici a destra della sottomaschera Spese, selezionare la sottomaschera Grafici dal riquadro di sinistra, selezionare la scheda Layout e specificare un valore per il campo AncoraggioX. Il valore deve essere maggiore del valore per il campo Larghezza della sottomaschera Spese. Selezionare la sottomaschera Spese e la scheda Layout per visualizzare il valore del campo Larghezza.

  8. Trascinare l'oggetto Testo dalla Libreria oggetti nel modulo e immettere Componi XXXX per sottoscrivere testo nella casella.

  9. Fare clic con il pulsante destro del mouse sull'oggetto di testo nel riquadro sinistro, selezionare Rinomina oggetto e immettere il nome dell'oggetto di testo come Sottoscrivi.

    Modello XDP

  10. Selezionare File > Salva con nome per salvare il file nel file system locale:

    1. Passa alla posizione in cui è possibile salvare il file e specifica il nome come create_first_ic_print_template.

    2. Selezionare .xdp dall'elenco a discesa Salva come tipo.

    3. Seleziona Salva.

Caricare un modello XDP sul server AEM Forms upload-xdp-template-to-the-aem-forms-server

Dopo aver creato un modello XDP utilizzando Forms Designer, devi caricarlo sul server AEM Forms in modo che sia disponibile per l’uso durante la creazione della comunicazione interattiva.

  1. Selezionare Forms > Forms e documenti.

  2. Selezionare Crea > Caricamento file.

    Passa a create_first_ic_print_template template (XDP) e seleziona Apri per importare il modello XDP nel server AEM Forms.

Creare un modello XDP per i frammenti di layout create-xdp-template-for-layout-fragments

Per creare un frammento di layout per il canale di stampa della comunicazione interattiva, crea un XDP utilizzando Forms Designer e caricalo sul server AEM Forms.

  1. Apri Forms Designer, seleziona File > Nuovo > Utilizza un modulo vuoto, seleziona Avanti, quindi seleziona Fine per aprire il modulo per la creazione di modelli.

    Verificare che le opzioni Libreria oggetti e Oggetto siano selezionate dal menu Finestra.

  2. Trascinare il componente Tabella dalla Libreria oggetti al modulo.

  3. Nella finestra di dialogo Inserisci tabella:

    1. Specificare il numero di colonne come 5.
    2. Specificare il numero di righe del corpo come 1.
    3. Selezionare la casella di controllo Includi riga di intestazione nella tabella.
    4. Scheda OK.
  4. Selezionare + nel riquadro a sinistra accanto a Tabella 1, fare clic con il pulsante destro del mouse su Cella1 e selezionare Rinomina oggetto in Data.

    Analogamente, rinominare rispettivamente Cell2, Cell3, Cell4 e Cell5 in Time, Number, Duration e Charges.

  5. Fare clic sui campi di testo dell'intestazione nella Visualizzazione Designer e rinominarli in Tempo, Numero, Durata e Spese.

    Frammento layout

  6. Seleziona Riga 1 dal riquadro di sinistra e seleziona Oggetto > Associazione > Ripeti riga per ogni elemento di dati.

    Ripeti proprietà per frammento layout

  7. Trascinare il componente Campo di testo dalla Libreria oggetti alla Visualizzazione Designer.

    Campo di testo per frammento di layout

    Analogamente, trascinare il componente Campo di testo nelle righe Ora, Numero, Durata e Spese.

  8. Selezionare File > Salva con nome per salvare il file nel file system locale:

    1. Passa alla posizione in cui è possibile salvare il file e specifica il nome come table_lf.

    2. Selezionare .xdp dall'elenco a discesa Salva come tipo.

    3. Seleziona Salva.

    Dopo aver creato un modello XDP per il frammento di layout utilizzando Forms Designer, devi caricarlo sul server AEM Forms in modo che il modello sia disponibile per l'uso durante la creazione di frammenti di layout.

Creare un modello per il canale web create-template-for-web-channel

Crea e gestisci un modello per il canale web di comunicazione interattiva utilizzando le seguenti attività:

Creare una cartella per i modelli create-folder-for-templates

Per creare un modello di canale Web, definire una cartella in cui salvare i modelli creati. Dopo aver creato un modello all'interno della cartella, abilitare il modello per consentire agli utenti dei moduli di creare un canale Web di una comunicazione interattiva basata sul modello.

Per creare una cartella per i modelli modificabili, effettuare le seguenti operazioni:

  1. Seleziona Strumenti icona-martello > Browser configurazioni.

  2. Nella pagina Browser configurazioni, selezionare Crea.

  3. Nella finestra di dialogo Crea configurazione, specifica Crea_Primo_IC_template come titolo per la cartella, seleziona Modelli modificabili e seleziona Crea.

    Configura modelli Web

    La cartella Create_First_IC_templates è stata creata ed elencata nella pagina Browser configurazioni.

Creare il modello create-the-template

In base al caso d'uso e anatomia, crea i seguenti pannelli nel modello Web:

  • Dettagli distinta: include un frammento di documento
  • Dettagli cliente: include un frammento di documento
  • Riepilogo fatture: include un frammento di documento
  • Riepilogo addebiti: include un frammento di documento e un grafico (layout a due colonne)
  • Chiamate dettagliate: include una tabella
  • Pay Now: include un pulsante Pay Now e un'immagine
  • Servizi a valore aggiunto: include un'immagine e un pulsante Abbonati.

create_web_template

Durante la creazione della comunicazione interattiva vengono aggiunte tutte le entità, ad esempio frammenti di documento, grafici, tabelle, immagini e pulsanti.

Per creare un modello per il canale Web nella cartella Create_First_IC_templates, effettuare le seguenti operazioni:

  1. Passa alla cartella dei modelli appropriata selezionando la cartella Strumenti > Modelli > Crea_Primi_IC_modelli.

  2. Seleziona Crea.

  3. Nella configurazione guidata Scegli un tipo di modello, seleziona Comunicazione interattiva - Canale Web e seleziona Avanti.

  4. Nella configurazione guidata Dettagli modello, specifica Crea_Primo_IC_Modello_Web come titolo del modello. Specificare una descrizione facoltativa e selezionare Crea.

    Messaggio di conferma della visualizzazione del Crea_Primo_IC_Modello_Web.

  5. Seleziona Apri per aprire il modello nell'editor modelli.

  6. Selezionare Contenuto iniziale dall'elenco a discesa accanto all'opzione Anteprima.

    Editor modelli

  7. Seleziona Pannello principale, quindi seleziona + per visualizzare l'elenco dei componenti che puoi aggiungere al modello.

  8. Per aggiungere un pannello sopra il pannello principale, seleziona pannello dall'elenco.

  9. Seleziona la scheda Contenuto nel riquadro a sinistra. Il nuovo pannello aggiunto al passaggio 8 viene visualizzato nel pannello principale nella struttura del contenuto.

    Struttura contenuto

  10. Seleziona il pannello e seleziona configure_icon (Configura).

  11. Nel riquadro Proprietà:

    1. Specifica billdetails nel campo Nome.

    2. Specificare Dettagli fattura nel campo Titolo.

    3. Selezionare 1 dall'elenco a discesa Numero di colonne.

    4. Per salvare le proprietà, selezionare Salva .

    Il nome del pannello è stato aggiornato a Dettagli fattura nella struttura contenuto.

  12. Ripeti i passaggi da 7 a 11 per aggiungere al modello i pannelli con le seguenti proprietà:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3
    Nome Titolo Numero di colonne
    customerdetails Dettagli cliente 1
    billsummary Riepilogo fatture 1
    spese di riepilogo Riepilogo addebiti 2
    itemisedcalls Chiamate dettagliate 1
    paynow Paga ora 2
    area di lavoro Servizi a valore aggiunto 1

    L’immagine seguente illustra la struttura del contenuto dopo l’aggiunta di tutti i pannelli al modello:

    Struttura contenuto per tutti i pannelli

Abilita il modello enable-the-template

Dopo aver creato il modello Web, è necessario abilitarlo per utilizzarlo durante la creazione della comunicazione interattiva.

Per attivare il modello Web, eseguire le operazioni seguenti:

  1. Seleziona Strumenti icona-martello > Modelli.

  2. Passa al modello Crea_Primo_IC_Modello_Web, selezionalo e seleziona Abilita.

  3. Seleziona di nuovo Abilita per confermare.

    Il modello è abilitato e il suo stato viene visualizzato come Abilitato. Puoi utilizzare questo modello durante la creazione di comunicazioni interattive per il canale web.

Abilitazione dei pulsanti nelle comunicazioni interattive enabling-buttons-in-interactive-communications

In base al caso d'uso, devi includere i pulsanti Paga ora e Abbonati (componenti per moduli adattivi) nella comunicazione interattiva. Per abilitare l'uso di questi pulsanti nella comunicazione interattiva, eseguire le operazioni seguenti:

  1. Selezionare Struttura dall'elenco a discesa accanto all'opzione Anteprima.

  2. Selezionare il pannello principale Contenitore documento utilizzando la struttura del contenuto e selezionare Criteri per selezionare i componenti consentiti per la comunicazione interattiva.

    Configura criterio

  3. Nella scheda Componenti consentiti della sezione Proprietà, seleziona Pulsante dai componenti Modulo adattivo.

    Componenti consentiti

  4. Per salvare le proprietà, selezionare salva .

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