Esercitazione: Creazione di comunicazioni interattive tutorial-create-interactive-communication
Creare una comunicazione interattiva utilizzando tutti i blocchi predefiniti
Questa esercitazione è un passaggio nel Creare la prima comunicazione interattiva serie. Si consiglia di seguire la serie in sequenza cronologica per comprendere, eseguire e illustrare il caso d’uso completo dell’esercitazione.
Dopo aver creato tutti i blocchi predefiniti, ad esempio il modello dati del modulo, i frammenti di documento, i modelli e i temi per la versione web, puoi iniziare a creare una comunicazione interattiva.
Le comunicazioni interattive possono essere trasmesse attraverso due canali: Stampa e Web. È inoltre possibile creare una comunicazione interattiva con il canale Stampa come principale. L'opzione Stampa come master per il canale Web assicura che il contenuto, l'ereditarietà e il binding dei dati del canale Web siano derivati dal canale Stampa. Inoltre, assicura che le modifiche apportate nel canale Stampa siano sincronizzate nel canale Web. Gli autori delle comunicazioni interattive possono tuttavia interrompere l’ereditarietà di componenti specifici nel canale Web.
Questa esercitazione illustra i passaggi necessari per creare comunicazioni interattive per i canali Stampa e Web. Al termine di questa esercitazione, potrai:
- Creazione di comunicazioni interattive per il canale di stampa
- Creare comunicazioni interattive per il canale web
- Creazione di comunicazioni interattive per la stampa e il web con Stampa come principale
Creazione di comunicazioni interattive per la stampa e il Web senza sincronizzazione create-interactive-communications-for-print-and-web-with-no-synchronization
Creare comunicazioni interattive per il canale di stampa create-interactive-communication-for-print-channel
Di seguito è riportato l’elenco delle risorse già create in questa esercitazione e necessarie durante la creazione della comunicazione interattiva per il canale Stampa:
Modello di stampa: create_first_ic_print_template
Modello dati modulo: FDM_Create_First_IC
Frammenti documento: bill_details_first_ic, customer_details_first_ic, bill_summary_first_ic, summary_charge_first_ic
Frammenti di layout: table_lf
Immagini: PayNow e ValueAddedServices
-
Accedi all'istanza di authoring AEM e passa a Adobe Experience Manager > Forms > Forms e documenti.
-
Tocca Crea e seleziona Comunicazione interattiva. La Creazione di comunicazioni interattive viene visualizzata la procedura guidata.
-
Specifica create_first_ic in Titolo e Nome campo . Seleziona FDM_Create_First_IC come modello dati modulo e tocca Successivo.
-
In Canali procedura guidata:
- Specifica create_first_ic_print_template come modello di stampa e tocca Seleziona. Assicurati che Usa Stampa come master per il canale web casella di controllo non selezionata.
- Specifica Crea_First_IC_templates cartella > Crea_Primo_IC_Modello_Web come modello web e tocca Seleziona.
- Tocca Crea.
Viene visualizzato un messaggio di conferma della corretta creazione della comunicazione interattiva.
-
Tocca Modifica per aprire la comunicazione interattiva nel riquadro a destra.
-
Vai a Risorse e applicare il filtro per visualizzare solo i frammenti di documento nel riquadro a sinistra.
-
Trascina e rilascia i seguenti frammenti di documento nelle aree di destinazione nella comunicazione interattiva:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Frammento di documento Area di destinazione bill_details_first_ic DettagliFattura customer_details_first_ic DettagliCliente bill_summary_first_ic RiepilogoFatturazione summary_charge_first_interinterattivo_communication Oneri -
Tocca Grafici area di destinazione e tocca + per aggiungere un Grafico componente.
-
Tocca il componente Grafico e seleziona (Configura). Le proprietà del grafico vengono visualizzate nel riquadro a sinistra:
- Specifica un nome per il grafico.
- Seleziona Torta dal Tipo di grafico elenco a discesa.
- Seleziona la calltype della proprietà chiama tipo di oggetto modello dati nel Asse X sezione . Tocca .
- Seleziona Frequenza dal Funzione elenco a discesa.
- Seleziona la calltype della proprietà chiama tipo di oggetto modello dati nel Asse Y sezione . Tocca .
- Tocca per salvare le proprietà del grafico.
-
Vai a Risorse e applica il filtro per visualizzare solo i frammenti di layout nel riquadro a sinistra. Trascina e rilascia la table_lf frammento di layout nel Chiamate dettagliate area target.
-
Seleziona il Campo di testo nella sezione Data tocca e colonna (Configura).
-
Seleziona Oggetto Data Model dal Tipo di binding elenco a discesa e seleziona chiama > calldate. Tocca due volte per salvare le proprietà.
Allo stesso modo, crea un binding con calltime, numero di telefono, callduration e chiamate per i campi di testo nella Time, Numero, Durata e Oneri rispettivamente.
-
Tocca PayNow area di destinazione e tocca + per aggiungere un Immagine componente.
-
Tocca il componente Immagine e seleziona (Configura). Le proprietà dell’immagine vengono visualizzate nel riquadro a sinistra:
- Specifica PayNow come nome dell’immagine nel Nome campo .
- Tocca Carica, seleziona l’immagine salvata nel file system locale e tocca Apri.
- Tocca per salvare le proprietà dell’immagine.
-
Ripetere i passaggi 13 e 14 per aggiungere ValueAddedServices all'immagine ValueAddedServices area target.
Creare comunicazioni interattive per il canale web create-interactive-communication-for-web-channel
Di seguito è riportato l’elenco delle risorse già create in questa esercitazione e necessarie durante la creazione della comunicazione interattiva per il canale Web:
Modello Web: Crea_Primo_IC_Modello_Web
Modello dati modulo: FDM_Create_First_IC
Frammenti documento: bill_details_first_ic, customer_details_first_ic, bill_summary_first_ic, summary_charge_first_ic
Immagini: PayNowWeb e ValueAddedServicesWeb
-
Accedi all'istanza di authoring AEM e passa a Adobe Experience Manager > Forms > Forms e documenti.
-
Tocca Crea e seleziona Comunicazione interattiva. La Creazione di comunicazioni interattive viene visualizzata la procedura guidata.
-
Specifica create_first_ic in Titolo e Nome campo . Seleziona FDM_Create_First_IC come modello dati modulo e tocca Successivo.
-
In Canali procedura guidata:
- Specifica create_first_ic_print_template come modello di stampa e tocca Seleziona. Assicurati che Usa Stampa come master per il canale web casella di controllo non selezionata.
- Specifica Crea_First_IC_templates cartella > Crea_Primo_IC_Modello_Web come modello web e tocca Seleziona.
- Tocca Crea.
Viene visualizzato un messaggio di conferma della corretta creazione della comunicazione interattiva.
-
Tocca Modifica per aprire la comunicazione interattiva nel riquadro a destra.
-
Tocca Canali dal riquadro a sinistra e tocca Web.
-
Vai a Risorse e applicare il filtro per visualizzare solo i frammenti di documento nel riquadro a sinistra.
-
Trascina e rilascia i seguenti frammenti di documento nelle aree di destinazione nella comunicazione interattiva:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Frammento di documento Area di destinazione bill_details_first_ic DettagliFattura customer_details_first_ic DettagliCliente bill_summary_first_ic RiepilogoFatturazione summary_charge_first_interinterattivo_communication Oneri -
Tocca Sintesi dei costi area di destinazione e tocca + per aggiungere un Grafico componente.
-
Tocca il componente Grafico e seleziona (Configura). Le proprietà del grafico vengono visualizzate nel riquadro a sinistra:
- Specifica un nome per il grafico.
- Seleziona Torta dal Tipo di grafico elenco a discesa.
- Seleziona la calltype della proprietà chiama tipo di oggetto modello dati nel Asse X sezione . Tocca .
- Seleziona Frequenza dal Funzione elenco a discesa.
- Seleziona la calltype della proprietà chiama tipo di oggetto modello dati nel Asse Y sezione . Tocca .
- Tocca per salvare le proprietà del grafico.
-
Seleziona la Origini dati dal riquadro a sinistra e trascina chiama oggetto del modello dati Chiamate dettagliate area target. Tutte le proprietà nel chiama l'oggetto modello dati viene visualizzato come colonne di tabella nel Chiamate dettagliate area di destinazione nel riquadro a destra.
In base al caso d’uso, nella tabella sono necessarie le colonne Data chiamata, Ora chiamata, Numero chiamata, Durata chiamata e Addebiti chiamata .
-
Seleziona Mobilenum intestazione di colonna della tabella e seleziona Altre opzioni > Elimina colonna. Allo stesso modo, elimina Calltype colonna.
-
Seleziona la Calldate intestazione della colonna della tabella e tocca (Modifica) per rinominare il testo in Data chiamata. Allo stesso modo, rinominare le altre intestazioni di colonna nella tabella.
-
In base al caso d’uso, inserisci un Paga ora nella comunicazione interattiva che offre all’utente un’opzione per effettuare il pagamento facendo clic sul pulsante . Esegui i seguenti passaggi per inserire il pulsante:
- Tocca Paga ora area di destinazione e tocca + per aggiungere un Testo componente.
- Tocca il componente testo e tocca (Modifica).
- Rinomina il testo in Paga ora.
- Selezionare il testo e toccare l’icona Collegamento ipertestuale.
- Specifica l’URL di pagamento nel Percorso campo .
- Seleziona Nuova scheda da Target elenco a discesa.
- Tocca per salvare le proprietà del collegamento ipertestuale.
-
Seleziona Stile dall’elenco a discesa accanto a Anteprima opzione .
-
Definire lo stile del testo del collegamento ipertestuale per visualizzarlo come pulsante nella comunicazione interattiva, eseguendo le operazioni seguenti:
- Tocca il componente testo e seleziona (Modifica).
- In Bordo sezione , specifica 1,5 px come Larghezza bordo, seleziona Uniforme come Stile bordo e specifica 46 px come Raggio bordo.
- Seleziona Rosso come colore di sfondo per il pulsante dal Sfondo sezione .
- In Margine campo per Dimension e posizione , tocca Modifica simultaneamente e imposta la Destra margine 450 px. I campi In alto, In basso e A sinistra sono impostati come vuoti.
-
Tocca Paga ora area di destinazione e tocca + per aggiungere un Immagine componente.
-
Tocca il componente Immagine e seleziona (Configura). Le proprietà dell’immagine vengono visualizzate nel riquadro a sinistra:
- Specifica PayNow come nome dell’immagine nel Nome campo .
- Tocca Carica, seleziona PayNowWeb immagine salvata nel file system locale e toccare Apri.
- Tocca per salvare le proprietà dell’immagine.
-
In base al caso d’uso, inserisci un Abbonati nella comunicazione interattiva che offre all’utente un’opzione per abbonarsi ai servizi a valore aggiunto facendo clic sul pulsante .
Ripeti i passaggi 13-17 per aggiungere un Abbonati al pulsante Servizi a valore aggiunto area di destinazione e aggiungi la ValueAddedServicesWeb immagine.
Creazione di comunicazioni interattive per la stampa e il Web con sincronizzazione automatica create-interactive-communications-for-print-and-web-with-auto-synchronization
È inoltre possibile creare una comunicazione interattiva abilitando la sincronizzazione automatica tra i canali Stampa e Web. Per abilitare la sincronizzazione automatica, selezionare l’opzione Stampa come master durante la creazione della comunicazione interattiva. Selezionando l'opzione Stampa come master, il contenuto, l'ereditarietà e il binding dei dati del canale Web vengono derivati dal canale Stampa. Inoltre, assicura che le modifiche apportate nel canale Stampa si riflettano nel canale Web.
Esegui i seguenti passaggi per derivare il contenuto del canale Web utilizzando il canale Stampa:
-
Accedi all'istanza di authoring AEM e passa a Adobe Experience Manager > Forms > Forms e documenti.
-
Tocca Crea e seleziona Comunicazione interattiva. La Creazione di comunicazioni interattive viene visualizzata la procedura guidata.
-
Specifica create_first_ic in Titolo e Nome campo . Seleziona FDM_Create_First_IC come modello dati modulo e tocca Successivo.
-
In Canali procedura guidata:
- Specifica create_first_ic_print_template come modello di stampa e tocca Seleziona.
- Seleziona la Usa Stampa come master per il canale web casella di controllo.
- Specifica Crea_First_IC_templates cartella > Crea_Primo_IC_Modello_Web come modello web e tocca Seleziona.
- Tocca Crea.
Viene visualizzato un messaggio di conferma della corretta creazione della comunicazione interattiva.
-
Tocca Modifica per aprire la comunicazione interattiva nel riquadro a destra.
-
Esegui i passaggi 6 - 15 di Creare comunicazioni interattive per il canale di stampa sezione .
-
Tocca Canali dal riquadro a sinistra e tocca Web per generare automaticamente il contenuto per il canale Web dal canale Stampa.
-
Come Usa Stampa come master per il canale web la casella di controllo è selezionata al passaggio 4, il contenuto e i binding vengono generati automaticamente per il canale Web dal canale Stampa.
Il contenuto del canale di stampa viene inserito sotto il contenuto del modello del canale Web. Per modificare il contenuto del canale Web generato automaticamente dal canale Stampa, è possibile annullare l'ereditarietà per qualsiasi area di destinazione.
Passa il puntatore del mouse sull'area di destinazione desiderata nel canale web e seleziona (Annulla ereditarietà) e quindi nel Annulla ereditarietà finestra di dialogo, tocca Sì.
Se hai annullato l’ereditarietà di un componente, puoi riabilitarlo. Per riabilitare l’ereditarietà, passa il cursore del mouse sul bordo dell’area di destinazione rilevante, che include il componente, e tocca .
-
Seleziona la Contenuto nel riquadro a sinistra.
-
Trascina e rilascia il contenuto del canale Web generato automaticamente nei pannelli esistenti nel modello Web utilizzando la struttura del contenuto. Di seguito è riportato l’elenco dei componenti che devono essere ridisposti:
- Componente Dettagli fatturazione nel pannello Dettagli fatturazione
- Componente Dettagli cliente al pannello Dettagli cliente
- Componente Sintetico fatturazione nel pannello Sintetico fatturazione
- Riepilogo del componente Addebiti al pannello Riepilogo delle spese
- Frammento di layout (tabella) nel pannello Chiamate dettagliate
-
Ripeti i passaggi 13 - 18 di Creare comunicazioni interattive per il canale web per inserire Paga ora e Abbonati collegamenti ipertestuali nel canale Web della comunicazione interattiva.