Esercitazione: Creazione di comunicazioni interattive tutorial-create-interactive-communication

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:

1. 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.
2. Specifica Crea_First_IC_templates cartella > Crea_Primo_IC_Modello_Web come modello web e tocca Seleziona.
3. 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:

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:

1. Specifica un nome per il grafico.
2. Seleziona Torta dal Tipo di grafico elenco a discesa.
3. Seleziona la calltype della proprietà chiama tipo di oggetto modello dati nel Asse X sezione . Tocca .
4. Seleziona Frequenza dal Funzione elenco a discesa.
5. Seleziona la calltype della proprietà chiama tipo di oggetto modello dati nel Asse Y sezione . Tocca .
6. 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:

1. Specifica PayNow come nome dell’immagine nel Nome campo .
2. Tocca Carica, seleziona l’immagine salvata nel file system locale e tocca Apri.
3. Tocca per salvare le proprietà dell’immagine.

Ripetere i passaggi 13 e 14 per aggiungere ValueAddedServices all'immagine ValueAddedServices area target.

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:

1. 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.
2. Specifica Crea_First_IC_templates cartella > Crea_Primo_IC_Modello_Web come modello web e tocca Seleziona.
3. 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:

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:

1. Specifica un nome per il grafico.
2. Seleziona Torta dal Tipo di grafico elenco a discesa.
3. Seleziona la calltype della proprietà chiama tipo di oggetto modello dati nel Asse X sezione . Tocca .
4. Seleziona Frequenza dal Funzione elenco a discesa.
5. Seleziona la calltype della proprietà chiama tipo di oggetto modello dati nel Asse Y sezione . Tocca .
6. 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:

1. Tocca Paga ora area di destinazione e tocca + per aggiungere un Testo componente.
2. Tocca il componente testo e tocca (Modifica).
3. Rinomina il testo in Paga ora.
4. Selezionare il testo e toccare l’icona Collegamento ipertestuale.
5. Specifica l’URL di pagamento nel Percorso campo .
6. Seleziona Nuova scheda da Target elenco a discesa.
7. 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:

1. Tocca il componente testo e seleziona (Modifica).
2. In Bordo sezione , specifica 1,5 px come Larghezza bordo, seleziona Uniforme come Stile bordo e specifica 46 px come Raggio bordo.
3. Seleziona Rosso come colore di sfondo per il pulsante dal Sfondo sezione .
4. 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:

1. Specifica PayNow come nome dell’immagine nel Nome campo .
2. Tocca Carica, seleziona PayNowWeb immagine salvata nel file system locale e toccare Apri.
3. 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.

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:

1. Specifica create_first_ic_print_template come modello di stampa e tocca Seleziona.
2. Seleziona la Usa Stampa come master per il canale web casella di controllo.
3. Specifica Crea_First_IC_templates cartella > Crea_Primo_IC_Modello_Web come modello web e tocca Seleziona.
4. 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.