Introduzione all’interfaccia utente per l’authoring delle comunicazioni interattive introduction-to-interactive-communication-authoring-ui

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Argomenti:
Interactive Communication

Creato per:

User

CAUTION

AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

Introduzione ai vari elementi dell’interfaccia utente utilizzabili per la creazione di 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

interfaccia utente per l’authoring delle comunicazioni interattive

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

Barra laterale sidebar

Barra laterale

Fare clic per ingrandire

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:

Component

Canale di stampa

Canale web

Funzionalità

Grafico

✓

Aggiunge un grafico che è possibile utilizzare in una comunicazione interattiva per la rappresentazione visiva dei dati bidimensionali recuperati da un elemento di raccolta dati del modulo.

Frammento di documento

✓

Consente di aggiungere un componente, un testo, un elenco o una condizione riutilizzabili a una comunicazione interattiva. Il componente riutilizzabile aggiunto a una comunicazione interattiva può essere basato su un modello di dati del modulo o senza un modello di dati del modulo.

Immagine

✓

Consente di inserire un’immagine.

Pannello

✓

Il componente Pannello è un segnaposto per raggruppare altri componenti e controlla come un gruppo di componenti viene disposto in una comunicazione interattiva. Un componente pannello consente inoltre di rendere ripetibile un gruppo di componenti per l’utente finale, ad esempio in più voci richieste per il riempimento delle credenziali educative. È inoltre buona prassi utilizzare un pannello ciascuno per una scheda di una comunicazione interattiva con più schede.

Tabella

✓

Aggiunge una tabella che consente di organizzare i dati in righe e colonne.

Area di destinazione

✓

Inserisce un’area di destinazione in un canale web per organizzare i componenti specifici del canale web.

Testo

✓

Aggiunge testo al canale web di una comunicazione interattiva. Il testo può utilizzare gli oggetti del modello dati del modulo per rendere dinamico il contenuto.

* 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 key-points-for-working-with-components

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.

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. Altro: Fornisce ulteriori opzioni per lavorare con il componente selezionato.

Visualizza espressione SOM (solo per pannelli)
Raggruppa oggetti nel pannello (solo per i pannelli)
Modifica frammento (solo per frammenti)
Salva un pannello come frammento (solo per i pannelli)
Aggiungi pannello figlio (solo per pannelli)
Aggiungi barra degli strumenti del pannello (solo per i pannelli)
Sostituisci (non per pannelli)

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.