Tutorial: creare modelli

Questo tutorial è un passaggio del Creare la prima comunicazione interattiva serie. Si consiglia di 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

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

• Creare un modello XDP con Forms Designer
• Carica modello XDP sul server AEM Forms
• Crea modello XDP per frammenti di layout

Creare un modello XDP con Forms Designer

In base al caso d’uso e anatomia, crea i seguenti sottomoduli nel modello XDP:

• Dettagli fattura: 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

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, effettua le seguenti operazioni:

1. Apri Forms Designer, seleziona File > Nuovo > Utilizzare un modulo vuoto, tocco Successivo, quindi tocca Fine per aprire il modulo per la creazione di modelli.

   Assicurati che Libreria di oggetti e Oggetto sono selezionate dall'opzione Finestra menu.

2. Trascina la selezione Sottomodulo componente da Libreria di oggetti al modulo.

3. Selezionare la sottomaschera per visualizzare le opzioni della sottomaschera in Oggetto nel riquadro di destra.

4. Seleziona la Sottomodulo e seleziona Flussi dal Contenuto elenco a discesa. Trascinare il punto finale sinistro della sottomaschera per regolarne la lunghezza.

5. In Associazioni scheda:

   1. Specifica Dettagli fattura nel Nome campo.

   2. Seleziona Nessuna associazione dati dal Associazione dati elenco a discesa.

   

6. Analogamente, selezionare la sottomaschera principale, quindi selezionare Sottomodulo e seleziona Flussi dal Contenuto elenco a discesa. In Associazioni scheda:

   1. Specifica TelecaBill nel Nome campo.

   2. Seleziona Nessuna associazione dati dal Associazione dati elenco a discesa.

   

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

   • Dettagli fattura

   • DettagliCliente

   • Riepilogo fatture

   • Riepilogo: seleziona la Sottomodulo e seleziona Posizionato dal Contenuto elenco a discesa per questa sottomaschera. Inserisci le seguenti sottomaschere in Riepilogo sottomaschera.

     • Spese
     • Grafici

   • Chiamate dettagliate

   • PayNow

   • ValueAddedServices

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

   Per spostare il Grafici sottomaschera a destra della sottomaschera Spese, selezionare la Grafici sottomaschera dal riquadro a sinistra, selezionare Layout e specifica un valore per AnchorX campo. Il valore deve essere maggiore del valore per Larghezza campo per Spese sottomaschera. Seleziona la Spese sottomaschera e seleziona la Layout per visualizzare il valore della proprietà Larghezza campo.

8. Trascina la selezione Testo oggetto da Libreria di oggetti al modulo e immettere Componi XXXX per abbonarti testo nella casella.

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

   

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

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

    2. Seleziona .xdp dal Salva come tipo elenco a discesa.

    3. Tocca Salva.

Carica modello XDP sul server AEM Forms

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

1. Seleziona Forms > Forms e documenti.

2. Tocca Crea > Caricamento file.

   Naviga e seleziona la create_first_ic_print_template modello (XDP) e tocca Apri per importare il modello XDP nel server AEM Forms.

Crea modello XDP per frammenti di layout

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

1. Apri Forms Designer, seleziona File > Nuovo > Utilizzare un modulo vuoto, tocco Successivo, quindi tocca Fine per aprire il modulo per la creazione di modelli.

   Assicurati che Libreria di oggetti e Oggetto sono selezionate dall'opzione Finestra menu.

2. Trascina la selezione Tabella componente da Libreria di oggetti al modulo.

3. Nella finestra di dialogo Inserisci tabella:

   1. Specifica il numero di colonne come 5.
   2. Specifica il numero di righe del corpo come 1.
   3. Seleziona la Includi riga intestazione nella tabella casella di controllo.
   4. Linguetta OK.

4. Tocca + nel riquadro a sinistra accanto a Tabella 1 e clic con il pulsante destro del mouse Cella1 e seleziona Rinomina oggetto a Data.

   Analogamente, rinominare Cella2, Cella3, Cella4, e Cella5 a Ora, Numero, Durata, e Spese rispettivamente.

5. Fai clic sui campi di testo dell’intestazione nel Visualizzazione Progettazione e rinominale in Ora, Numero, Durata, e Spese.

   

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

   

7. Trascina la selezione Campo di testo componente da Libreria di oggetti al Visualizzazione Progettazione.

   

   Analogamente, trascinare e rilasciare Campo di testo componente per Ora, Numero, Durata, e Spese righe.

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

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

   2. Seleziona .xdp dal Salva come tipo elenco a discesa.

   3. Tocca Salva.

   Dopo aver creato un modello XDP per il frammento di layout utilizzando Progettazione Forms, è necessario caricare sul server AEM Forms, in modo che il modello sia disponibile per l’uso durante la creazione di frammenti di layout.

Crea modello per canale web

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

• Crea cartella per i modelli
• Creare il modello
• Abilita il modello
• Abilitazione dei pulsanti nelle comunicazioni interattive

Crea cartella per i modelli

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, effettua le seguenti operazioni:

1. Tocca Strumenti > Browser configurazioni.

   • Consulta la Browser configurazioni per ulteriori informazioni.

2. Nella pagina Browser configurazioni, tocca Crea.

3. In Crea configurazione finestra di dialogo, specifica Create_First_IC_templates come titolo della cartella, seleziona Modelli modificabili, e tocca Crea.

   

   Il Create_First_IC_templates viene creata ed elencata nella Browser configurazioni pagina.

Creare il modello

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

• Dettagli fattura: 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 (Paga ora): include Paga ora e un'immagine
• Servizi a valore aggiunto: include un'immagine e un Abbonati pulsante.

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 in, esegui la procedura seguente: Create_First_IC_templates cartella:

1. Passare alla cartella dei modelli appropriata selezionando Strumenti > Modelli > Create_First_IC_templates cartella.

2. Tocca Crea.

3. Il giorno Scegli un tipo di modello configurazione guidata, seleziona Comunicazione interattiva - Canale web e tocca Successivo.

4. Il giorno Dettagli Modello configurazione guidata, specificare Crea_Primo_IC_Modello_Web come titolo del modello. Specifica una descrizione facoltativa e tocca Crea.

   Un messaggio di conferma che Crea_Primo_IC_Modello_Web viene visualizzato.

5. Tocca Apri per aprire il modello nell’editor modelli.

6. Seleziona Contenuto iniziale dall’elenco a discesa accanto al Anteprima opzione.

   

7. Tocca Pannello principale e quindi tocca + per visualizzare l’elenco dei componenti che è possibile aggiungere al modello.

8. Seleziona Pannello dall’elenco per aggiungere un pannello sopra il Pannello principale.

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

   

10. Seleziona il pannello e tocca (Configura).

11. Nel riquadro Proprietà:

    1. Specifica billdetails nel campo Nome.

    2. Specifica Dettagli fattura nel campo Titolo.

    3. Seleziona 1 dal Numero di colonne elenco a discesa.

    4. Tocca per salvare le proprietà.

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

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

    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:

    

Abilita il modello

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

Per abilitare il modello Web, eseguire la procedura seguente:

1. Tocca Strumenti > Modelli.

2. Accedi a Crea_Primo_IC_Modello_Web modello, selezionalo e tocca Abilita.

3. Linguetta Abilita di nuovo 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

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

1. Seleziona Struttura dall’elenco a discesa accanto al Anteprima opzione.

2. Seleziona la Contenitore documento pannello principale tramite la struttura del contenuto e tocca Policy per selezionare i componenti consentiti per la comunicazione interattiva.

   

3. In Componenti consentiti scheda di Proprietà sezione, seleziona Pulsante dal Modulo adattivo componenti.

   

4. Tocca per salvare le proprietà.

Risorse Business.Adobe.com

Content Insights Automated Onboarding Personalized Experiences Mobile Forms Headless Cms Digital Asset Management