Sommario
ADOBE DIGITAL PUBLISHING SUITE
1
Sommario
2
Capitolo 1 Panoramica di DPS
In questo capitolo si parlerĂ del flusso di lavoro della Digital Publishing Suite e della gestione degli ID Adobe.
Adobe Digital Publishing Suite consente di creare contenuti interattivi in formato rivista e visualizzarsi su dispositivi mobili. La creazione dei contenuti avviene attraverso l’uso degli appositi plug-in installati all’interno dell’applicativo Indesign con versione CS5/CS5.5 o CS6. La creazione di contenuti interattivi permette, ai visitatori che usano dispositivi mobili per visionare i contenuti di riviste digitali, di eseguire dei touch sugli schermi per sfogliare una presentazione e gestirne la visualizzazione. FLUSSO DI LAVORO PER PUBBLICAZIONI DIGITALI La gestione di un corretto flusso di lavoro permette di definire gli step essenziali per raggiungere l’obiettivo stabilito dalla realizzazione del progetto. Di seguito si riporta un semplice schema per l’inizio, l’elaborazione e la pubblicazione di una rivista digitale: FLUSSO DI LAVORO DEL TEAM Raccolta del materiale Definizione del layout orizzontale e verticale Aggiunta del contenuto per ogni singolo layout Anteprima desktop in Adobe Content Viewer Pubblicazione di un formato Folio. La fase successiva alla pubblicazione prevede l’analisi delle esigenze dei clienti e l’aggiornamento del folio distribuito. Modalità di creazione Account Per creare un account scegliere tra le soluzioni di seguito elencate: •
•
Per creare un numero illimitato di app per Apple App Store, Google Play Store e Amazon Appstore completare un’iscrizione a DPS (Digital Publishing Suite) con account Professional o Enterprise. Per creare un numero illimitato di app per folio singolo (solo
•
per iPad) si deve essere in possesso di una licenza Single Edition ed iscriversi ad Adobe Creative Cloud. Per creare un singola app visualizzatore singola occorre registrare un account ID Adobe Single Edition.
Nota: Per creare ID Adobe individuali visitare https://digitalpublishing.acrobat.com/ e cliccare su Creazione account. FASI DI CREAZIONE DI UNA RIVISTA Fase 1: installazione degli strumenti Folio Producer
Menù per aggiornamento degli strumenti di Indesign
Prima di iniziare il processo di creazione di una rivista considerare i punti di seguito indicati e installare quanto non è presente nel proprio InDesign: Se ci si avvicina per la prima volta a Digital Publishing Suite procedere all’installazione della versione più recente degli strumenti DPS. • Per InDesign CS5/CS5.5, installare sia gli strumenti Folio Producer che il pannello Folio Builder. Utilizzare il programma di installazione degli strumenti Folio Producer per installare o aggiornare il pannello Folio Overlays. • Per InDesign CS6 cliccare sulla voce di menù Aiuto > Aggiornamenti e istallare DPS Desktop Tools. • Per effettuare l’anteprima del folio, tramite dispositivi mobili, usare
Adobe Content Viewer. In genere questo visualizzatore viene installato automaticamente quando si installano gli strumenti Folio Producer. Note: eseguire un controllo periodico degli aggiornamenti per garantire la corretta funzionalità degli strumenti di produzione. Fase 2: creare documenti con layout sia orizzontali che verticali La creazione dei documenti prevede che si creino documenti con layout orizzontali e verticali per l’inserimento dei contenuti digitali. Fase 3: aggiungere oggetti interattivi Per creare e modificare oggetti interattivi usare il pannello Folio Overlays. Fase 4: uso del pannello Folio Builder L’uso opzionale del pannello Folio Builder, permette di caricare i folio creati nel server adobe.com. Inoltre, è possibile usare il pannello Folio Builder per creare o aprire folio e aggiungere degli articoli. Fase 5: visualizzare in anteprima e condividere gli articoli Per vedere un’anteprima del lavoro svolto usare il pulsante anteprima. Con il pulsante anteprima si esegue l’avvio del visualizzatore Adobe Content Viewer. Note: per visualizzare l’anteprima in dispositivi mobili occorre installare l’app Adobe Content Viewer dallo store associato, eseguire l’accesso con l’ID Adobe associato al pannello Folio Builder, scaricare dalla libreria i folio e visualizzarli. Fase 6 – distribuzione dei folio Per rendere i folio disponibili sul mercato e aggiornarne il contenuto, è necessario utilizzare la soluzione adatta alle proprie esigenze consultando la guida all’acquisto dell’Adobe. QUALE TIPOLOGIA DI ID ADOBE CREARE? Il pannello Folio Builder, il Dashboard di Digital Publishing Suite e
DPS App Builder richiedono tutti un ID Adobe verificato per l’accesso. Ogni tipologia di account attivati permette di eseguire delle specifiche operazioni in relazione alle proprie esigenze. Per procedere all’attivazione di un ID Adobe visitare la guida all’acquisto dell’Adobe editando nel proprio browser l’indirizzo web www.adobe.it.
Capitolo 2 Progettazione documenti
In questo capitolo vedremo la creazione di un documento con layout verticale e orizzontale per dispositivo attraverso l’uso di Indesign CS6.
COS’È UN FOLIO?
Pannello Folio Builder per creare folio e articoli
Un folio è una pubblicazione e può essere intesa come una rivista mensile oppure l’insieme dei contenuti di un’app visualizzatore per edizione singola. Un folio è composto da uno o più articoli detti anche stack. Dalla versione di InDesign CS5 in poi è possibile creare documenti sorgente per gli articoli che definiranno il folio della pubblicazione. Note: Per usare la versione CS5 di indesign per la creazione di folio attenersi alle indicazioni riportate nel capitolo 1 della presente guida.
Pannello Folio Overlays per l’aggiunta di interattività ad un folio
USO DEI PANNELLI PER LA CREAZIONE E GESTIONE DI FOLIO E ARTICOLI • Il pannello Folio Builder deve essere usato per creare folio e articoli. • Il pannello Folio Overlays deve essere usato per aggiungere gli oggetti interattivi ai vostri documenti. PROGETTAZIONE DI PUBBLICAZIONI DIGITALI Layout orizzontale e verticale Attraverso l’uso di Indesign CS6 è possibile creare un nuovo file che preveda layout sia orizzontali che verticali. La creazione di un articolo con orientamento doppio include l’uso dei due layout verticale e orizzontale. La creazione di due layout fa sì che quando l’utente ruota il dispositivo mobile, viene visualizzato il secondo layout creato. Invece, un folio con orientamento singolo viene bloccato in tale orientamento.
Layo ut verticale Layout orizzontale
Layout orizzontale e verticale sull’iPad Articoli per lo scorrimento uniforme Lo scorrimento uniforme è utile quando si lavora alla pubblicazione di un lungo testo da visualizzare all’interno di un’unica pagina. Per attivare lo scorrimento uniforme per i singoli articoli attivare l’omonima opzione. Inoltre, se si attiva l’opzione per lo
scorrimento uniforme non sarà possibile distribuire un articolo su più pagine e nemmeno usare la funzione zoom con le dita quando si usano formati immagine PDF. Per specificare le dimensioni della pagina di Indesign, usare Imposta documento in fase di creazione Nuovo documento. Note: Progettare la dimensione del documento in base al dispositivo di visualizzazione es: iPad, iPhone o dispositivi Android . Creazione di un articolo per scorrimento uniforme Per creare un articolo per lo scorrimento uniforme, effettuare una delle seguenti operazioni: 1. Creare un documento di una pagina con le dimensioni appropriate, ad esempio 1024x2000 per un documento con orientamento orizzontale o 768x2000 per un documento verticale; 2. Aprire il pannello Folio Builder > Aggiungi articolo; Nella finestra di dialogo Nuovo articolo specificare le seguenti opzioni per la sezione Scorrimento uniforme scegliendo tra orientamento orizzontale, verticale o entrambi. 3. Fare clic su OK. Note: Per importare risorse html, raggrupparle in una cartella e importarle come un articolo tramite il pannello Folio Builder. ATTIVAZIONE DI ZOOM CON LE DITA PER GLI ARTICOLI Affinché l’utente possa utilizzare lo zoom per aumentare la dimensione del contenuto, procedere all’attivazione della relativa opzione in fase di creazione nuovo articolo. L’opzione per l’attivazione dello zoom sarà disponibile dopo aver scelto formato immagine PDF. Per la riuscita dell’attivazione considerare quanto segue: • Gli articoli PDF permettono di usare lo zoom con le dita solo per visualizzatori per iPad. • Lo zoom con avvicinamento delle dita, negli articoli con scorrimento uniforme, non è supportato. • In fase di aggiornamento del visualizzatore, in DPS App Builder,
selezionate l’opzione Zoom PDF abilitato. CREAZIONE DI DOCUMENTI SORGENTE Prima di creare un nuovo documento attenersi alle linee guida di seguito riportate: 1. Per la pubblicazione di un folio è sempre opportuno creare un nuovo documento anche quando è già esistente la versione per la stampa; 2. Usare solo pagine singole e non affiancate; 3. Usare lo strumento pagina per modificare la dimensione della pagina solo in presenza di una pagina per scorrimento uniforme; 4. Quando si inseriscono file PDF nel documento è consigliato usare il formato PDF non appiattito 1.4 o versioni successive per evitare linee bianche indesiderate; 5. Includere i suffissi _v, nei nomi dei documenti creati con layout verticale, e _h nei nomi dei file nei nomi dei file creati con layout orizzontale, ad esempio magazine_v.indd e magazine_h.indd. Per creare documenti sorgente Scegliere File > Nuovo > Documento > Intento Web > impostare le proprietà desiderate. Note: Per consentire lo scorrimento uniforme o continuo, specificare una dimensione di pagina personalizzata e scegliere l’orientamento desiderato. CREAZIONE DI DOCUMENTI PER PIÙ DISPOSITIVI Prima di creare folio valutare i requisiti dei visualizzatori Android e iOS per visualizzare i folio. Di seguito alcune caratteristiche importanti da considerare per ogni dispositivo: •
•
In un visualizzatore Android è possibile visualizzare folio di qualsiasi dimensione. Considerare inoltre che gli articoli in un visualizzatore Android vengono ridimensionati e s’è necessario viene applicato l’effetto letterbox. In un visualizzatore per iPad si può avere la visualizzazione dei folio con proporzioni 4:3. Inoltre, il visualizzatore per iPhone v24 può visualizzare solo i folio con proporzioni 3:2. Invece, nei
dipositivi iPhone 5 viene creato l’effetto letterbox. LE RAPPRESENTAZIONI Più versioni dello stesso folio progettate per diversi dispositivi sono chiamate rappresentazioni. Prima di creare le rappresentazioni è opportuno considerare i punti che seguono: • Se create più rappresentazioni folio, il visualizzatore rende disponibile solo la rappresentazione che risponde meglio alle dimensioni del dispositivo. • Se viene visualizzata una rappresentazione con proporzioni diverse da quelle del dispositivo, il folio viene ridimensionato in proporzione. • Creare articoli PDF con più rappresentazioni per visualizzare risorse diverse a seconda del dispositivo usato, SD o HD iPad o iPhone. • Il visualizzatore per iPad visualizza solo i folio con proporzioni 4:3 con dimensione 1024x768. • Il visualizzatore per iPhone visualizza solo i folio con proporzioni 3:2 con dimensione 480x320. • La rappresentazione per iPhone 5 da 1136x640 non è ancora supportata. • Sui dispositivi Android viene applicato l’effetto letterbox (barre aggiunte ai bordi superiore e inferiore) o pillarbox (barre aggiunte ai bordi sinistro e desto) se si visualizza il folio su un dispositivo più grande. • Il testo e le immagini possono apparire poco nitidi se i contenuti devono essere ridotti. • Le proporzioni dell’impostazione Dimensione pagina del documento devono corrispondere all’impostazione Dimensione del folio, quando si aggiungono degli articoli a un folio. Tale impostazione può essere tralasciata nel caso si sia selezionata l’opzione di scorrimento uniforme. • Nel visualizzatore per Android non sono supportate alcune delle funzioni supportate per il visualizzatore per iPad.
Opzioni di rappresentazione È possibile scegliere tra i diversi metodi indicati di seguito per creare folio di dimensioni diverse per tipologia di dispositivo: • Creare un’unica dimensione di folio adatta sia a dispositivi Apple che a dispositivi Android scegliendo ad esempio la dimensione 1024x768. I folio visualizzati sui dispositivi Android avranno i layout ridotti oppure l’applicazione dell’effetto letterbox. • Creare documenti sorgente separati per più dispositivi di destinazione Create una rappresentazione folio per ciascun set di documenti sorgente. CREAZIONE DI CONTENUTI PER DIVERSI DISPOSITIVI Vista la vasta gamma di display di visualizzazione in commercio, si riportano alcune note importanti da tenere in considerazione in fase di definizione delle dimensioni di un folio:
Scelta della gestione vettoriale o bitmap del contenuto attraverso il pannello Folio Overlays
•
Il nuovo display retina HD dell’iPad ha dimensioni in pixel di 2048x1536 a differenza dei 1024x768 pixel dei modelli SD e del
•
• • • •
nuovo iPad mini; Per creare i folio destinati a questo dispositivo scegliere la creazione di rappresentazioni da 1024x768 per i modelli di iPad SD e 2048x1536 per il nuovo iPad HD oppure Creare un solo folio da 1024x768; Per i folio singoli attenersi all’uso di articoli PDF con dimensione testo di almeno 18pt. Per la creazione di contenuti per iPhone considerare che attraverso DPS è possibile gestire folio di dimensioni adatti dalla versione 3GS fino alla 4S Per la creazione di contenuti per iPod Touch è supportata fino alla 4a generazione. Per la visualizzazione negli iPhone 5 sarà applicato l’effetto letterbox.
Note: Prima di pubblicare le rappresentazioni assicurarsi di aver creato tutti i folio necessari per evitare problemi di visualizzazione ai clienti. CREAZIONE DI CONTENUTO VETTORIALE La creazione di contenuto vettoriale nasce per fronteggiare le problematiche dovute ai modelli di iPad e iPhone SD (standard definition) e HD (high definition). Di seguito si ripotano alcuni punti da considerare per visualizzazioni ottimali di un folio sia su modelli iOS SD che HD: • • •
Creare un unico folio che funzioni per tutti i modelli con articoli PDF. Usare l’opzione Vettoriale per contenuto con molto testo e l’opzione Raster per contenuto con molte immagini. Usare il formato vettoriale per le presentazioni e le cornici scorrevoli affinché il contenuto appia più nitido evitando l’effetto pixelato.
Note: I contenuti vettoriali richiedono più tempo rispetto ai contenuti raster. •
Prevedere la creazione di una sottocartella HD all’interno della
•
cartella che contiene le risorse SD. Tale impostazione deve essere specificata anche all’interno del pannello Folio Overlays affinché il visualizzatore per iPad HD visualizzi le risorse HD e il visualizzatore per iPad SD visualizzi le risorse SD. Non creare un video aggiuntivo a bassa risoluzione se un video ad alta risoluzione viene riprodotto sull’iPad SD.
Note: le dimensioni delle risorse HD devono essere pari al doppio delle dimensioni delle risorse SD. Ad esempio, per una sequenza di immagini SD da 250x150 creare file sorgente HD da 500x300. DIFFERENZE TRA VISUALIZZATORI IOS E ANDROID Durante la fase di creazione delle rappresentazioni è opportuno considerare le differenze tra visualizzatori iOS e Android: • • • • •
•
Gli articoli con formato immagine PDF non sono supportati. Le sovrapposizioni per immagini panoramiche e i video in linea non sono supportati. Le sovrapposizioni Contenuti Web e gli articoli HTML non sono completamente supportati. Le iscrizioni sono solamente supportate per iOS e Amazon Appstore. Nei visualizzatori iOS è possibile visualizzare solo i folio con proporzioni 4:3 (iPad) o 3:2 (iPhone). Il contenuto del folio viene ingrandito o ridotto in base allo schermo. Con i visualizzatori Android è invece possibile visualizzare folio di qualsiasi dimensione. Se necessario, il contenuto viene ridotto e viene applicato l’effetto letterbox, ma non viene ingrandito.
Capitolo 3 Creazione e modifica di Oggetti interattivi
In questo capitolo si affronteranno gli argomenti relativi alla creazione dei vari tipi di sovrapposizioni e all’aggiunta di collegamenti verso altri articoli.
CREARE E MODIFICARE OGGETTI INTERATTIVI Per le funzioni di interattività utilizzare l’area di lavoro Publishing digitale attivabile da Finestra > Aree di lavoro. Per creare e modificare oggetti interattivi usare il pannello Folio Overlays attivabile attraverso la procedura Finestra > Folio Overlays. Qual è l’attinenza tra gli oggetti interattivi e le sovrapposizioni?
Oggetto interattivo sopra gli oggetti non interattivi
In un folio tutti gli elementi non interattivi tra cui immagini e testo presenti su una pagina, vengono compressi in un’unica immagine di formato PDF, JPG o PNG. Le sovrapposizioni interattive, invece, compariranno sempre come elementi disposti in primo piano nel layout del folio. Una sovrapposizione sopra un’altra produce l’effetto nascosto. Per creare le sovrapposizioni inserire il contenuto direttamente nei documenti di InDesign e modificarne le impostazioni dal pannello Folio Overlays. In particolare, per le sequenze di immagini, effetti panorama e sovrapposizioni di contenuti Web, disegnare una cornice segnaposto. Dal pannello Folio Overlays specificare la sorgente e le impostazioni personalizzate degli oggetti del folio. QUALI FUNZIONI DI INTERATTIVITÀ SONO SUPPORTATE NEL FLUSSO DI LAVORO DI PUBLISHING DIGITALE? Attraverso InDesign è possibile creare numerose funzioni di interattività per la navigazione dei contenuti all’interno dei formati SWF e PDF. Il flusso di lavoro di DPS supporta molte funzioni ma non tutte. Di seguito le funzioni di interattività supportate:
• • • • •
Oggetti con più stati utile quando si creano presentazioni. Collegamenti ipertestuali di tipo URL, E-mail e Navto. Pulsanti con associazione evento onRealise Audio Vengono riprodotti i file mp3 inseriti escluso la riproduzione a ciclo continuo o in streaming audio. Video Riproduzione di video mp4 con codifica h.264.
ALCUNI SUGGERIMENTI PER LA CORRETTA CREAZIONE DI SOVRAPPOSIZIONI • Tutte le risorse sorgente di presentazioni, cornici scorrevoli e pulsanti vengono ricampionate come immagini PNG a prescindere dal formato immagine d’importazione. • Per ridurre le dimensioni del folio, quando sono previsti effetti panorama, sequenza di immagini, scorrimenti e ingrandimenti d’immagine e skin audio, usare il formato immagine JPEG con compressione media e il formato immagine PNG per le sovrapposizioni che includono le trasparenze. • Per file articolo di pari dimensioni del folio prevedere la creazione dei file sorgente per i panorami, le sequenze immagini, ecc. usando stesse dimensioni con risoluzione immagine web a 72dpi. • Quando si usano dei file PDF in un contenuto di cornice scorrevole, per evitare la comparsa di lenee bianche, utilizzare il formato PDF non appiattito dalla versione 1.4 in poi. • Non eseguire nell’area di pagina al vivo gli oggetti interattivi. • Nel contenuto interattivo sono supportati solamente gli effetti di trasparenza Opacità e Moltiplica. • È possibile creare alcuni collegamenti ipertestuali attraverso il pannello Collegamenti o Pulsanti. Per creare collegamenti scegliere tra i pannelli elencati di seguito: Uso del pannello Pulsante Usare il pannello Pulsante per creare collegamenti alla prima e all’ultima pagina di un documento o di un articolo o per creare un collegamento ipertestuale partendo da una cornice procedendo come di seguito indicato:
•
Creare l’oggetto da usare come pulsante > attivare il pannello scegliendo menù Finestra > Interattivo > Pulsanti > Selezionare l’oggetto > Scegliere Converti oggetto in pulsante > selezionare la voce al rilascio del mouse o tocco nella sezione Evento. Dal segno più presente accanto alla voce azioni selezionare l’azione desiderata.
Uso del pannello Collegamenti ipertestuali Usare il pannello pulsante per creare collegamenti ipertestuali ai testi seguendo la procedura di seguito indicata: Selezionate il testo > Aprire il pannello Collegamenti ipertestuali da Finestra > Interattivo > Collegamenti ipertestuali > dal menù del pannello scegliere Nuovo collegamento > deselezionare Destinazione Condivisa (l’uso di questa funzione è sconsigliato in flusso di lavoro DPS) > scegliere il tipo di collegamento interessato e impostarne le opportune proprietà. Note: Le impostazioni del pannello Folio Overlays non possono essere variate per i collegamenti ipertestuali legati al testo. Creare collegamenti con il formato “navto” Per creare collegamenti ad altri articoli usare il formato “navto” al posto di “http://” nel campo URL Individuare il nome dell’articolo di destinazione e, se lo si vuole inserire, anche il numero di pagina e descriverlo considerando quanto di seguito indicato: •
•
Per creare collegamenti ad altri articoli usare la costruzione navto://[nome_articolo]#n (il valore “#n” è da sostituire con il numero di pagina che si vuole raggiungere. La prima pagina di un documento è indicata con 0, la seconda con 1, ecc. Per creare collegamenti ad ancoraggi in pagine HTML usare la costruzione navto://<nomecartella>#<nome ancoraggio>.
Controllare l’aspetto di collegamenti ipertestuali e presentazioni nel visualizzatore
Pannello Pulsanti e Modulo per collegamenti ipertestuali
Ciascuna pagina orizzontale o verticale pubblicata come folio, ogni singola miniatura, le barre di scorrimento create in InDesign sono sempre visualizzate all’interno dei dispositivi mobile come immagini rasterizzate. Invece, possono essere controllati sia l’aspetto e anche alcune proprietà dei collegamenti ipertestuali delle immagini rasterizzate. Per controllare le proprietà e l’aspetto dei collegamenti ipertestuali creare un file di testo di configurazione denominato NativeOverlays.config e salvaterlo nella cartella dell’applicazione InDesign allo stesso livello in cui si trova il file InDesign.exe. Aprite un editor di testo e aggiungere uno o più indicate di seguito:
• • •
“Asset” per riferimento alle pagine principali SuppressOverlayTypesF rAssets: <slideshow, hyperlink> “Thumbnails” per le immagini dell’icona Sfoglia SuppressOverlayTypesForThumbnails: <slideshow, hyperlink> “Scrubbers” alle immagini che vengono visualizzate quando l’utente trascina la barra di scorrimento. SuppressOverlayTypesForAssets: slideshow SuppressOverlayTypesForThumbnails: hyperlink SuppressOverlayTypesForScrubbers: slideshow, - hyperlink
Note: Se digitate un segno meno prima del tipo di sovrapposizione esso sovrapposizione non viene eliminato. Inoltre, scegliere le righe tra le specifiche di seguito indicate e impostare il file di testo NativeOverlays.config considerando le seguenti definizioni: •
ResetHyperlinksToTopState: <ThumbnailPass, ScrubberPass, AssetPass, All> indica che qualsiasi pulsante con un’azione “Vai a URL” visualizza lo stato[Normale] invece dello stato [Clic].
Creazione diversi stati per pulsante
• •
•
ResetHyperlinksToTopState: All ResetSlideshowsToTopState: < ThumbnailPass, ScrubberPass, AssetPass, All> ripristina lo stato superiore dell’oggetto con più stati nel documento InDesign (Se si eliminano le sovrapposizioni, le impostazioni di ripristino non vengono applicate). ResetSlideshowsToTopState: ThumbnailPass, ScrubberPass
CREAZIONE DI SOVRAPPOSIZIONI È possibile creare sovrapposizioni interattive per presentazioni, per sequenza d’immagini, per panorami, per audio e video, per contenuto web, per scorrimento e zoom e per cornici di scorrimento come di seguito indicato: Sovrapposizioni per presentazioni 1. In InDesign, usate il pannello Stati oggetto (Finestra > Interattivo > Stati oggetto) per creare uno o più stati che definiranno la presentazione. 2. Selezionare le immagini da mostrare come stati al click del mouse 3. Nel pannello Stati oggetto, specificate un nome per l’oggetto. Note: Associare agli oggetti dei documenti orizzontali e verticali lo stesso nome aggiungendo il suffisso _h per orizzontale e _v per verticale. 4. Usare il pannello Pulsanti e moduli oppure usare la libreria di pulsanti di navigazione predefiniti in InDesign. Dopo aver selezionato la miniatura da usare come pulsante, per fare un riferimento a una diapositiva specifica, scegliere l’azione Vai allo stato, Vai allo stato successivo e Vai allo stato precedente. Note: Se desiderate modificare l’aspetto del pulsante quando viene toccato, fate clic su [Clic] in Aspetto e modificatelo. 5. Aprire il pannello Folio Overlays e modificare le impostazioni della presentazione dopo aver selezionato l’oggetto con più stati. Note: Nella sezione formato esportazione, in articoli PDF scegliere tra Raster e Vettoriale. Vettoriale è utile per folio singoli destinati a
sistemi Apple SD e HD e ideale per produrre testo più nitido su dispositivi iOS HD, ma con un tempo di caricamento più lungo. Per le presentazioni basate su immagini scegliere il formato Raster. Sovrapposizioni per sequenze immagini Questo tipo di sovrapposizione è utile quando si ha una serie di immagini da fare scorrere e per creare diversi effetti sul dispositivo di riproduzione mobile. Di seguito alcuni punti utili per la riuscita di questo tipo di sovrapposizione: • •
Usare immagini in formato PNG o JPG. Usare gli stessi nomi con suffisso numeri al nome crescente es Panorama001.jpg, Panorama002.jpg, ecc… • Le dimensioni delle immagini usate devono essere uguali all’area di visualizzazione del dispositivo mobile Le dimensioni dell’immagine devono corrispondere esattamente all’area di visualizzazione sul dispositivo mobile, ad esempio 480x3200 pixel a 72 dpi. • Nel caso di rotazione uniforme a 360°, usare non meno di 30 immagini. L’uso di troppe immagini potrebbe comportare l’aumento di dimensioni. • Usare immagini JPEG con compressione media-alta. Usare immagini PNG in caso di presenza di trasparenze. Per creare una sovrapposizione per sequenze immagini seguire gli step di seguito indicati: •
Creare una cartella in cui inserire tutte le immagini in sequenza > Inserire un’immagine in un segnaposto oppure eseguire l’importazione dal menù file (le immagini della sequenza devono avere tutte le stesse dimensioni) > Selezionare l’oggetto segnaposto immagine > Aprire il pannello Folio Overlays e selezionare Sequenza immagini.
Miniature a sinistra per scorrimento sequenza immagini – Immagine visualizzata al clic sulla parte in basso a destra Anteprima del risultato finale in alto
•
Cliccare sull’icona Carica immagini, nel pannello Folio Overlays > selezionare la cartella che contiene le immagini > Apri e impostare le proprietà desiderate.
Sovrapposizioni per panorami La sovrapposizione Panorama crea l’illusione di visualizzare un’immagine dall’interno. Di seguito alcuni punti utili per la riuscita di questo tipo di sovrapposizione: • •
Utilizzare delle immagini jpeg con 72dpi L’utilizzo di immagini con una risoluzione maggiore comporta l’aumento delle dimensioni di visualizzazione per cui l’utente troverà difficoltà di visualizzazione e sarà costretto ad usare lo zoom per dimensionare l’immagine.
Impostazione delle proprietà per l’audio importata
•
Creare una cartella che contenga le immagini da importare nella sovrapposizione panorami.
Per creare una sovrapposizione per panorami seguire gli step di seguito indicati: • Creare una cornice segnaposto e mantenerlo selezionato > Aprire il pannello Folio Overlays > Sequenza immagini > importare le immagini • Nel pannello Folio Overlays, fate clic sull’icona della cartella delle risorse, individuare la cartella che contiene le sei immagini e fare clic su Apri > Impostare le proprietà desiderate. Nota: È possibile cambiare e verificare l’effetto delle diverse impostazioni panorama attraverso il comando Anteprima.
Sovrapposizioni audio e video I file video e audio vengono riprodotti quando l’utente li tocca nel visualizzatore. Per una migliore riuscita della riproduzione audio e video considerare le note di seguito riportate: • • • •
Per i file video usare formati compatibili con Apple iTunes come il formato MP4 con codifica h.264. In fase di creazione del video usate il profilo baseline per garantire la migliore compatibilità con i dispositivi Android. Al posto dei file .mov usare i file .mp4 perché non supportati nel visualizzatore Web. Per i file audio importare i file MP3.
Impostazione dell’immagine iniziale del pulsante
Note: è possibile specificare come immagine poster uno dei fotogrammi del filmato. Tuttavia, si consiglia di indicare che l’oggetto è interattivo attraverso la creazione di un’immagine poster. Per creare una sovrapposizione audio e video seguire gli step di seguito indicati:
• •
Inserire il file audio o video nel documento attraverso File > Inserisci e Selezionare l’oggetto inserito Aprire il pannello File multimediali da Finestra > Interattivo > File multimediali e specificare un poster.
Note: Per un file video scegliere un’immagine o un fotogramma del video. •
Selezionate la cornice del file multimediale e specificate le seguenti opzioni desiderate nel pannello Folio Overlays.
In particolare alla voce File controller audio specificare la cartella contenente i pulsanti di riproduzione e pausa per i file audio. Per visualizzare un’interfaccia di controllo con i pulsanti Riproduci e Pausa durante la riproduzione della clip audio, create un set di file .png in una cartella per esempio AudioAsset001_play.png AudioAsset002_pause.png. Sovrapposizioni per contenuto Web Con la sovrapposizione Contenuto Web è possibile visualizzare una pagina Web all’interno di un’area di visualizzazione. Il contenuto può essere consultato, senza avviare il browser, all’interno dell’area di visualizzazione. È possibile specificare l’indirizzo di una pagina web oppure un file HTML con percorso locale presente all’intero della stessa cartella in cui è presente il file della sovrapposizione. Note: Per le animazioni HTML per sovrapposizione Contenuto Web, per una corretta riproduzione dell’animazione impostare la riproduzione automatica con leggero ritardo. Per creare una sovrapposizione Contenuto Web seguire gli step di seguito indicati: • Creare un segnaposto e mantenerlo selezionato > Aprire il pannello Folio e selezionare Contenuto Web > specificare il percorso delle risorse html o URL (compreso di http://) e specificare le proprietà desiderate. Note: Il file con estensione .html deve trovarsi in una cartella in cui sono stati incollate tutte le risorse tra cui script e immagini.
Sovrapposizioni per scorrimento e zoom Questo tipo di sovrapposizione è utile per potere ridurre le dimensioni di una immagine grande. Per una migliore riuscita della sovrapposizione per scorrimento e zoom considerare le note di seguito riportate: • • •
Mantenere l’area di visualizzazione rettangolare. Usare immagini JPEG. Creare delle immagine di dimensioni esatte rispetto alla dimensione che desiderate visualizzare. Ad esempio, per fare scorrere un’immagine da 800x600 pixel all’interno di un’area di visualizzazione di 200x200 pixel, create un’immagine da 800x600 a 72 dpi.
Per creare una sovrapposizione per scorrimento e zoom seguire gli step di seguito indicati: •
Inserite un’immagine JPEG o PNG > Con lo strumento selezione ritagliare la cornice senza ridimensionare l’immagine per fare raggiungere alla cornice le stesse dimensioni dell’area di visualizzazione > Posizionate l’immagine all’interno della cornice.
Note: Per evitare che l’oggetto viene tratta come contenuto scorrevole, la cornice contenitore deve essere più piccola dell’immagine. 1.
Aprire il pannello folio Overlays e selezionare la cornice dell’immagine > Fare clic sulla scheda Scorrimento e zoom e selezionare Attiva.
Sovrapposizioni per cornici con scorrimento Questo tipo di sovrapposizione permette di creare una cornice scorrevole affinché gli utenti, passando il dito sullo schermo, possano scorrere le immagini per visualizzare altro contenuto. Per creare una sovrapposizione per cornici con scorrimento seguire
gli step di seguito indicati: 1.
2. 3. 4.
5.
Creare una cornice create una cornice contenuto (può essere una cornice di testo, un’immagine o uno o più oggetti e può includere qualsiasi oggetto interattivo) e una cornice contenitore. Posizionare la cornice contenuto nell’area di visualizzazione iniziale rispetto alla cornice contenitore. Selezionare la cornice contenuto e poi Modifica > Taglia. Selezionare la cornice contenitore e concludere la procedura scegliendo Modifica > Incolla in e riaggiungere le eventuali azioni per pulsante . Selezionare la cornice contenitore > aprire il pannello > scheda Cornice scorrevole e specificare le opzioni desiderate.
Capitolo 4 Folio e articoli
In questo capitolo si affronteranno gli argomenti relativi alla gestione di folio e articoli attraverso il pannello Folio Builder.
COS’È UN FOLIO? Un folio è composto di uno o più articoli digitali. Il folio è visualizzabile attraverso la libreria di Adobe Content Viewer. Il pannello Folio Builder Il pannello Folio Builder, attivabile dal menù Finestra > Folio Builder è utile per creare folio e aggiungere articoli e include diverse visualiazzazioni: Folio, Articolo e Layout; ognuno attivabile con un doppio click sul relativo oggetto. Per ogni singola visualizzazione è possibile determinare, dai rispettivi menù, le relative proprietà. Perché usare il pannello Folio Builder Attraverso il pannello Folio Builder è possibile caricare i folio in acrobat.com e condividerli con altri utenti in possesso dell’App Adobe Content Viewer. Per accedere al pannello Folio Builder cliccare su accedi e inserire gli estremi dell’ID Adobe verificato. Note: È possibile creare folio e mantenerli in locale e quindi in offline se non si vuole caricarli in acrobat.com • •
Cosa fare se non si dispone di un ID Adobe Verificato Se si dispone di un’iscrizione DPS di tipo Enterprise o Professional, attraverso lo strumento Amministrazione account creare un ID Adobe con un ruolo applicazione. Per verificare un ID Adobe da utilizzare con DPS visitare https://digitalpublishing.acrobat.com/it/ e fare clic su Creazione account e Registrarsi altrimenti se si è già in possesso di un ID Adobe utilizzarlo per accedere all’area utente messa a disposizione per contenere i propri folio. Adobe invierà un messaggio di verifica alla casella di posta elettronica inserita e aprire il messaggio seguendone le istruzioni. Aprire il pannello Folio Builder e inserire il proprio ID Adobe per caricare il folio in acrobat.com.
Come creare, modificare e condividere un folio È possibile creare un folio, in cui inserire uno o più articoli, seguendo la procedura di seguito indicata:
Impostazione delle proprietà per un nuovo folio
1.
• • •
Aprire il pannello Folio Builder > Nuovo folio oppure dal menù dei comandi File > Nuovo e specificare le impostazioni desiderate seguendo le note di seguito riportate: Nome folio Specificare il nome del folio (massimo 60 caratteri) che non corrisponderà al nome della pubblicazione che verrà visualizzato nel visualizzatore. Versione visualizzatore Specificare la versione del visualizzatore di destinazione; di solito il numero più alto corrisponde alla versione più aggiornata. Dispositivo destinazione Indicare il dispositivo di destinazione o in alternativa specificare delle dimensioni personalizzate.
Note: Alcuni dispositivi in fase di visualizzazione del folio, creano una barra di navigazione che varia da 48 a 75 px. Per tale motivo si consiglia di aggiungere al folio, durante la fase di progettazione, un margine vuoto in più oppure ridurre le dimensioni del folio.
•
Orientamento Assegnare un orientamento verticale, orizzontale o doppio. Note: Tutti gli articoli devono avere lo stesso orientamento del folio
•
Formato predefinito Assegnare un’opzione predefinita per il folio e impostarne le qualità JPEG predefinita.
Note: Scegliere Automatico per fare stabilire a InDesign di stabilire se esportare le pagine come JPEG o PNG. La scelta dell’opzione PDF consentirà agli utenti di effettuare lo zoom con le dita, di esportare gli oggetti in vettoriale e ridurre le dimensioni del file. •
•
Anteprima copertina Specificare l’immagine di anteprima che verrà usata per rappresentare ciascun folio nella libreria. Ogni immagine dovrà essere di estensione JPG o PNG con 72dpi. La dimensione delle immagini, verticale e orizzontale, dovrà avere la stessa dimensione del dispositivo di destinazione. Crea folio offline Selezionare questa opzione per evitare che il folio venga caricato nel portale acroba.com fino a che non si è conclusa la fase di progettazione. È sempre possibile attiva in qualsiasi momento il trasferimento inserendo il proprio ID Adobe verificato.
Palette Folio Builder per la creazione di un nuovo articolo
Dopo aver creato un folio è possibile, attraverso la finestra di dialogo Proprietà folio, specificare le caratteristiche, quali il nome della pubblicazione, la versione del visualizzatore, ecc... Note: Le proprietà relative all’orientamento, formato immagine e dimensione del folio non possono essere modificate nella finestra di dialogo Proprietà folio, pertanto è opportuno creare un nuovo folio con le impostazioni appropriate. Per condividere i folio e rendere il contenuto visibile ad altri utenti aprire il pannello Folio Builder > click sul menù del pannello > Condividi > impostare i riferimenti di condivisione. Eliminare un folio Per rimuovere il folio dal servizio di distribuzione utilizzare il pulsante Annulla pubblicazione presente nel pannello Folio Producer Organizer. Inoltre, selezionare un folio nel pannello Folio Builder > click sul pulsante Cestino.
CREARE ARTICOLI E LAYOUT I folio sono costituiti da articoli che si basano su documenti con estensione .indd o .html. È importante stabilire quale orientamento il layout dell’articolo deve includere se verticale, orizzontale o entrambi. Considerazioni per la creazione di un articolo Quando si esegue la creazione di un documento considerare che questi possono avere dimensione diverse dalla dimensione del folio in due casi specifici: • •
Quando la dimensione del documento e del folio rientrano nelle proporzioni di visualizzazione pari ai 4:3. Quando il documento è impostato per lo scorrimento uniforme e l’articolo aggiunto viene impostato per aggiunto per lo scorrimento uniforme.
Impostazione delle proprietà d’importazione nuovo articolo.
Per creare un articolo Creare o aprite il folio nel quale l’articolo verrà visualizzato > Aprire il pannello Folio Builder nella sezione articoli > Aggiungi articolo e impostare le opzioni desiderate.
Per aggiungere un layout a un articolo Quando si aggiunge un articolo ai documenti creati in InDesign è possibile specificare layout orizzontali e verticali. •
Aprire il pannello Folio Builder vista articoli > aprire l’articolo al quale si desidera aggiungere il secondo layout > aggiungere il secondo layout di orientamento diverso da quello già esistente.
Per importare articoli dopo aver organizzato le risorse all’interno di un unica cartella, aprire il pannello Folio Builder nella sezione articolo > aprite il folio in cui inserire un articolo > scegliere importa articolo dal menu del pannello e impostare le proprietà desiderate. IMPORTARE ARTICOLI HTML È possibile importare articoli HTML e visualizzarli nel visualizzatore HTML. Il formato HTML crea degli articoli con bas se dimensioni e quindi particolarmente indicati per articoli con molto testo. Note: Non tutte le funzioni degli articoli HTML potrebbero essere disponibili nel pannello Folio Overlays. •
Creare una cartella contenente file HTML > aprire il pannello Folio Builder > importa articolo > impostare le opzioni interessate.
Note: Ogni articolo importato dovrà avere un suffisso _v per verticale e _h per orizzontale. Senza suffisso l’articolo verrà importato come articolo con orientamento doppio. GESTIRE GLI ARTICOLI Usare il menu, presente in alto a destra, del pannello Folio Builder per aggiornare, copiare e rinominare gli articoli. Cambiare le proprietà degli articoli Per determinare la modalità di visualizzazione dell’articolo nel visualizzatore definire le proprietà degli articoli mediante il pannello Folio Builder. Altre proprietà non presenti nel pannello Folio Builder sono presenti nel pannello Folio Producer Editor.
Aprire il pannello Folio Builder > selezionare un articolo > scegliere Proprietà articolo dal menu del pannello Folio Builder > specificare le proprietà desiderate. Di seguito alcune proprietà del menù: • •
Occhiello In questa proprietà indicare il titolo della sezione di una rivista. Scorrimento uniforme Indicare uniforme quando un articolo scorre in modo continuo oppure pagina per pagina; questo tipo scorrimento funziona solo per lo scorrimento verticale. Specificare se ogni articolo scorre in modo continuo o in pagine diverse. Il documento non può contenere più pagine.
Per modificare e aggiornare un articolo Per modificare un documento contenuto in un articolo aprire il pannello Folio Builder e poi il layout che si desidera modificare. Per aggiornare il contenuto sul server selezionare l’articolo e cliccare su aggiorna. Per copiare un articolo in un altro folio Per copiare un articolo da un folio all’altro aprire il pannello Folio Builder > aprire il folio contenente l’articolo e selezionarlo > scegliere Copia in dal menù del pannello Folio Builder > scegliere il folio di destinazione > ok. Per rinominare un articolo Aprire il pannello Folio Builder > selezionate un articolo > scegliere Rinomina dal menu del pannello Folio Builder. Per eliminare un articolo Aprire il pannello Folio Builder > selezionare un articolo > Elimina. Note: Un articolo rimosso in locale richiede l’eliminazione manuale dello stesso anche dall’area di lavoro del server. ANTEPRIMA DEL FOLIO Per effettuare l’anteprima dei folio usare il visualizzatore Adobe Content Viewer a seconda del dispositivo in uso. Scegliere una tra le soluzioni di seguito elencate:
• •
Per visualizzazioni desktop utilizzare l’applicazione Desktop Viewer Per visualizzazioni su dispositivi mobili cercare “Content Viewer” considerando gli store di seguito indicati: o Per Apple nell’App Store o Android Google PlayStore
Dopo aver scelto il tipo di visualizzatore e creato un folio o un articolo, visualizzarlo nel visualizzatore del dispositivo mobile o area desktop. Per un anteprima del folio accertarsi che gli articoli del folio abbiano tutti le stesse proporzioni e lo stesso orientamento di layout.
Capitolo 5 La Pubblicazione
In questo capitolo si affronteranno gli argomenti relativi alla produzione di folio da pubblicare come App e allâ&#x20AC;&#x2122;uso dello strumento Folio Producer Organizer
PRODURRE E PUBBLICARE FOLIO Alla fine della produzione del proprio folio è possibile pubblicarlo considerando gli strumenti di seguito indicati: • • •
Gli utenti con iscrizione Professionale ed Enterprise possono utilizzare il modulo Dashboard di DPS per pubblicare folio e generare le app visualizzatore personalizzate. Attraverso il pannello Folio Producer è possibile apportare le ultime modifiche ai folio e di pubblicarli dopo autenticazione. DPS App Builder consente di creare un’app visualizzatore personalizzata per Apple App Store, Google Play o Amazon Appstore.
Note: Per chi non dispone di un’iscrizione a DPS può usare l’iscrizione a Creative Cloud o una licenza Single Edition per la visualizzazione di singole edizioni. App visualizzatore per un folio o più Per creare un’App per folio singolo o più scegliere Crea app dal menù del pannello Folio Builder > Caricarla nell’Apple Store. Note: Per gli utenti con ID Professional o Enterprise è possibile esportare un file .zip utilizzando Folio Producer Organizer e specificando il file .zip con DPS App Builder. In presenza di pubblicazione di più folio usare ID Adobe diverso per ogni app visualizzatore per più folio creata. È possibile creare due tipi di folio per un’app visualizzatore per più folio: gratuito e per la vendita al dettaglio. Note: I folio che vengono pubblicati e che sono stati impostati su Gratuito e Pubblico vengono pubblicati e visualizzati nel visualizzatore con accanto il pulsante Scarica. I folio creati e pubblicati per la vendita devono essere collegati ad un acquisto in-app e configurati in iTunes Connect, Amazn Appstore o Google Play. I folio per la vendita vendono visualizzati nella libreria del visualizzatore con il pulsante Acquista che il cliente userà per
l’acquisto dell’articolo. Note: Per la configurazione dell’acquisto usare lo stesso ID prodotto utilizzato per l’accesso in-app. App visualizzatore per più folio con iscrizione Un’app visualizzatore con iscrizioni comprende un pulsante Accedi e un’opzione Libreria che consente al cliente di selezionare il tipo di iscrizione desiderata. Ad esempio, può selezionare l’opzione da 3 mesi, 6 mesi o 1 anno. Una volta effettuato l’accesso, il visualizzatore si collega allo store per determinare i folio ai quali l’utente ha aderito per il download. È possibile impostare un’iscrizione che funzioni con Apple App Store o Amazon Appstore (le iscrizioni Google Play non sono ancora supportate). Inoltre, se si è un cliente Enterprise, è possibile configurare un server di adesione personalizzato e offrire ai clienti la possibilità di abbonarsi attraverso lo store o il servizio. App visualizzatore con firma Enterprise Tutti gli utenti con firma Enterprise possono creare delle app per iPad da distruire solo all’interno dell’azienda senza nussuno scopo di vendita. DASHBOARD DI DIGITAL PUBLISHING SUITE Per accedere alla Dashboard di Digital Publishing Suite e modificare i folio creare un ID Adobe; tuttavia il tipo di iscrizione effettuata per creare l’ID Adobe determina le funzioni disponibile e quindi le possibili modifiche che si possono apportare. Di seguito i due tipi di edizione Digital Publishing Suite disponibili: • •
Utenti con account Professional possono creare un numero illimitato di applicazioni visualizzatore personalizzate. Utenti con account Enterprise oltre alla creazione di un numero illimitato di applicazioni visualizzatore personalizzate possono, inoltre, personalizzare l’interfaccia utente del visualizzatore,
creare server di autorizzazione personalizzati, ecc. È possibile anche usare l’opzione Single Edition per creare una singola edizione da inviare all’Apple App Store. ACCOUNT DI DIGITAL PUBLISHING SUITE • Account amministratore colui che nell’area Adobe e si autentica attraverso l’uso dell’ID amministratore può assegnare diversi tipi di account: o Account ID applicazione associa i folio pubblicati a un visualizzatore personalizzato per più folio. Ogni app visualizzatore avrà il nome associato al contenuto. o ID dell’account DPS App Builder consente l’accesso a DPS App Builder e per creare app visualizzatore personalizzate. FOLIO PRODUCER ORGANIZER Folio Producer viene visualizzato cliccando sull’omonima voce presente nel modulo Dashboard raggiungibile editando il seguente URL https://digitalpublishing.acrobat.com. Cambiare le impostazioni dei folio Con il pannello Folio Producer Organizer si possono impostare le informazioni relative al folio e cambiarne le proprietà. Di seguito si riporta la procedura per cambiare le proprietà: •
Accedete al Dashboard di Adobe Digital Publishing Suite con l’ID Adobe corretto > clic su Folio Producer > cambiare le proprietà del folio impostando quelle desiderate.
Folio Producer Editor Usare il pannello Folio Producer Editor per modificare quelle proprietà degli articoli non presenti nel pannello Folio Builder.
Il pannello Folio Producer Editor include due visualizzazioni:
Modalità di pubblicazione di un folio
• •
la visualizzazione Miniatura per l’anteprima degli articoli e la modifica delle proprietà; la visualizzazione Elenco per ordinare, bloccare e cambiare le altre impostazioni dopo aver selezionato e aperto il folio.
Creare le sezioni Le Sezioni consentono di definire gli articoli tematici che ogni utente potrà scegliere di scaricare individualmente. Per le sezioni è possibile: • Assegnare delle sezioni e assegnare le informazioni Sezione per ogni articolo in Folio Producer Editor. • Stabilire il funzionamento delle sezioni e specificare se fare comparire il pulsante Visualizza sezioni al posto del pulsante Scarica o Acquista. Per eseguire il download di tutti gli articoli l’utente dovrà toccare l’immagine di copertina della sezione. • Verificare il funzionamento delle sezioni Usare Adobe Content Viewer per visualizzare un folio pubblicato. Si consiglia di creare un’app di sviluppo v24 per una corretta visualizzazione. Importare HTMLResources
Quando si creano articoli da documenti HTML è sempre richiesto che le risorse che comporranno l’articolo siano raccolte in un file .zip. Per importare risorse HTML Effettuare l’accesso al modulo Dashboard di Adobe DPS > Attivare la vista Folio Producer > Selezionare un folio e scegliere Apri > Importa risorse HTML e selezionare il file .zip da importare. Ripetere l’operazione in caso di modifiche ai file d’origine. Note: Nella cartella delle risorse che verranno incluse nel .zip, includere i font da unire all’articolo, qualora la licenza lo permetta. Pubblicare, Aggiornare ed eliminare folio da server di distribuzione Per pubblicare i folio come vendita al dettaglio o pubblici accedere al Dashboard di DPS con un account di iscrizione > fare clic su Folio Producer. Nella sezione Folio Producer Organizer selezionare un folio > fare clic su Pubblica > impostare lo stato del folio e specificare l’ID prodotto; si consiglia di evitare lettere maiuscole e spazi risultati ottimali. Per aggiornare i folio pubblicati usare il pulsante Aggiorna presente nel pannello Folio Producer Organizer per aggiornare il folio pubblicato controllando che le proprietà siano rimaste invariate alla versione precedente. Per eliminare o annullare folio dal server usare: • •
Il comando Annulla pubblicazione permette di rimuovere il folio pubblicato dal servizio di pubblicazione. Il comando Elimina permette di eliminare il folio dal Folio Producer Organizer o nel pannello Folio Builder.