Introduzione all’interfaccia utente per l’authoring delle comunicazioni interattive

Interfaccia utente per l’authoring Comunicazione interattiva è intuitivo e fornisce quanto segue per l’authoring di canali web e di stampa della comunicazione interattiva:

• Editor di documenti con trascinamento WYSIWYG
• Archivio integrato per le risorse: le risorse caricate e create sul server sono disponibili nel browser Risorse dell’interfaccia di authoring delle comunicazioni interattive

Quando creare una nuova comunicazione interattiva o modificarne una esistente, utilizza i seguenti elementi dell’interfaccia utente:

• Barra laterale
• Barra degli strumenti della pagina
• Barra degli strumenti del componente
• Area contenuto

A. Barra laterale B. Barra degli strumenti della pagina C. Area contenuto

Barra laterale

A. Browser del canale B. Browser dei contenuti C. Browser proprietà D. Browser risorse E. Browser Componenti F. Browser Origini dati - Modello dati G. Browser Origini dati - Contenuto principale

La barra laterale include i seguenti elementi:

• Browser del canale

Il browser Canale consente di passare dai canali di stampa a quelli web della comunicazione interattiva. In base al canale selezionato nel browser del canale, i browser, ad esempio Contenuto e Componenti , visualizzano le opzioni .

• Browser dei contenuti
  Nel browser del contenuto è possibile visualizzare la gerarchia degli oggetti del documento per il canale selezionato. Per passare a un componente specifico, l’autore può toccarlo nella struttura ad albero degli oggetti documento. L’autore può cercare gli oggetti nel canale web e riorganizzarli da questo albero.

• Browser proprietà

  Consente di modificare le proprietà di un componente. Le proprietà cambiano in base al componente. Ad esempio, per visualizzare le proprietà del contenitore documento: Seleziona un componente, quindi tocca > Contenitore documento, quindi tocca .

• Browser risorse
  Segrega diversi tipi di contenuto, ad esempio frammenti di layout, immagini, documenti, pagine, video. L’autore può trascinare le risorse nella comunicazione interattiva.

• Browser Componenti
  Include i componenti che è possibile utilizzare per creare i canali web e di stampa di un documento. Puoi trascinare i componenti nella comunicazione interattiva per aggiungere elementi e configurare gli elementi aggiunti in base ai requisiti. Nella tabella seguente sono descritti i componenti elencati nel browser Componenti per la stampa e i canali web:

* Utilizzare i frammenti di layout nel canale Stampa per aggiungere tabelle.

** Nel canale di stampa, le aree di destinazione sono predefinite nel modello XDP/print. Non è possibile aggiungere nuove aree di destinazione utilizzando l’interfaccia utente per la creazione di comunicazioni interattive.

• Browser Origini dati
  Origini dati Browser visualizza le origini dati disponibili nel modello dati del modulo selezionato durante la creazione della comunicazione interattiva.

Punti chiave per l’utilizzo dei componenti

I punti chiave per l’utilizzo dei componenti di comunicazione interattivi sono i seguenti:

• A ciascun componente sono associate proprietà che ne controllano l’aspetto e la funzionalità. Per configurare le proprietà di un componente, tocca il componente e tocca per aprire le proprietà del componente nel browser Proprietà.

• Un componente viene identificato con il suo nome elemento. Quando tocchi , puoi modificare il nome del componente modificando il valore del campo Nome elemento nel browser delle proprietà. Il campo Nome elemento accetta solo lettere, numeri, trattini (-) e caratteri di sottolineatura (_). Altri caratteri speciali non sono consentiti e il nome dell’elemento deve iniziare con una lettera.

• È possibile modificare la proprietà Titolo di un componente Comunicazione interattiva in linea nell’editor senza aprire il browser Proprietà, purché il titolo sia visibile nella comunicazione interattiva. Per eseguire questa operazione:

  1. Tocca per selezionare un componente con una proprietà Titolo e la cui proprietà Nascondi titolo è disabilitata.

  2. Tocca per rendere modificabile il titolo.

  3. Modifica il titolo e tocca il tasto Invio oppure tocca un punto qualsiasi all’esterno del componente per salvare le modifiche. Tocca il tasto Esc per eliminare le modifiche.

Barra degli strumenti del componente

Quando selezioni un componente, viene visualizzata una barra degli strumenti che consente di utilizzarlo. Sono disponibili opzioni per tagliare, incollare, spostare e specificare le proprietà dei componenti. Le opzioni disponibili sono:

A.Configura: quando tocchi Configura, le proprietà dei componenti sono visibili nella barra laterale.

B.Modifica regole: Quando tocchi Modifica regole, viene visualizzato Editor regole in cui puoi modificare e creare regole per il componente selezionato. Nell’Editor regole è inoltre possibile selezionare altri oggetti modulo (componenti) e modificare/creare regole per tali oggetti modulo.

C.Copia: È possibile utilizzare l’opzione Copia per copiare un componente e incollarlo in altre posizioni nella comunicazione interattiva.

D.Taglia: È possibile utilizzare l’opzione Taglia per spostare un componente da una posizione all’altra nella comunicazione interattiva.

E. Elimina: Consente di eliminare il componente dalla comunicazione interattiva.

F. Inserisci componente: Consente di inserire un componente sopra il componente selezionato.

G. Incolla: Consente di incollare il componente tagliato o copiato utilizzando le opzioni descritte in precedenza.

H. Gruppo: consente di selezionare più componenti se si desidera tagliare, copiare o incollare più componenti contemporaneamente.

I. Elemento principale: consente di selezionare l’elemento principale di un componente.

J. Visualizza espressione SOM: Consente di visualizzare il Espressione SOM per il componente.

K: Raggruppa gli oggetti nel pannello: Consente di raggruppare i componenti in un pannello per eseguire le operazioni su tali componenti simultaneamente. Per maggiori dettagli, vedi Raggruppare gli oggetti nel pannello.

L. Aggiungi pannello figlio (solo per i pannelli): Consente di aggiungere un pannello figlio al pannello.

M: Aggiungi barra degli strumenti del pannello (solo per i pannelli):consente di aggiungere il componente Barra degli strumenti per il pannello. È quindi possibile eseguire ulteriori azioni sulla barra degli strumenti.

Inoltre, il Sostituisci nella barra degli strumenti puoi sostituire il componente esistente con un componente alternativo. L’opzione non è disponibile per il componente Pannello.

Barra degli strumenti della pagina

La barra degli strumenti Pagina nella parte superiore fornisce opzioni che consentono di visualizzare in anteprima la comunicazione interattiva e di modificarne le proprietà. Puoi visualizzare in anteprima la comunicazione interattiva quando la crei e apportare le modifiche necessarie. Nella barra degli strumenti della pagina sono disponibili le seguenti opzioni:

• Attiva/Disattiva pannello laterale: consente di mostrare o nascondere la barra laterale.

• Informazioni sulla pagina : Consente di visualizzare le proprietà della pagina.

• Emulatore : Consente di emulare l’aspetto della comunicazione interattiva per diverse dimensioni di visualizzazione, come tablet e telefoni.

• Modifica: consente di selezionare altre modalità, ad esempio: Modifica, Stile, Sviluppatore e Progettazione.

  • Modifica: Consente di modificare le proprietà della comunicazione interattiva e dei relativi componenti. Ad esempio, aggiungere un componente, rilasciare un’immagine e specificare campi obbligatori.

  • Stile: Consente di definire lo stile dei componenti della comunicazione interattiva. Ad esempio, in modalità stile è possibile selezionare un pannello e specificarne il colore di sfondo.

  • Sviluppatore: consente a uno sviluppatore di:

    • Scopri la composizione della comunicazione interattiva.
    • Eseguire il debug di ciò che sta accadendo dove e quando, che a sua volta aiuta a risolvere i problemi.

  • Target: Consente di abilitare o disabilitare i componenti personalizzati o i componenti predefiniti non elencati nella barra laterale.

• Anteprima: Ti consente di visualizzare un’anteprima dell’aspetto della comunicazione interattiva quando la pubblichi.

Risorse Business.Adobe.com

Ecommerce Integrations Auto Text Summarization Customer Communications Responsive Forms Content As A Service Web Content Management