Usare Conveyor v.2

Una presentazione Conveyor consiste di uno sfondo principale - background – su cui è possibile posizione hotspots, aree che possono essere cliccate e che funzionano da link verso altri files, quali;

• una pagina
  
• un'immagine
• un suono
  
• un filmato
  
• una pagina web
  

Nella pagina sottostante è riportato un tour introduttivo (e una Guida Utente), scritto da uno del nostro team di sviluppo, che ti accompagna nel processo di realizzazione di una presentazione Conveyor v.2.

Dopo aver fatto il 'tour', ma prima di utilizzare il sistema, per favore leggi i consigli aggiuntivi presenti in: “Che cosa è una presentazione Conveyor v.2”, “Progettare una presentazione”, “Software utili” e “Requisiti di Sistema”.

Le informazioni presenti nel tour (Guida Utente) sottostate e nei quattro links forniti in questa sezione, ti permetteranno di avere un'esperienza di utilizzo piacevole e senza grosse difficoltà.


Ulteriori informazioni si trovano in Una presentazione in Conveyor v.2,  Preparare una presentazione, Software utile e Requisiti di Sistema.

“Ciao, mi chiamo John, e sto per realizzare una guida di una casa storica da inserire in una presentazione interattiva. Per fortuna, possiedo gran parte delle illustrazioni, immagini e testi che sono stati utilizzati per realizzare il libro della guida cartacea. La base della mia presentazione consiste in un dipinto d'artista che raffigura la casa storica senza un lato delle sue pareti e che mostra così le stanze e gli altri spazi interni.

 

 

Voglio utilizzare questa immagine come “Immagine Principale” della mia presentazione e poi aggiungerci sopra alcuni hotspots delle stanze che collegano a pagine contenenti ulteriori informazioni su di esse. Prima di tutto, ho bisogno di creare il mio account Conveyor.

Prima di tutto, devo pero' entrare nel sistema.

Login/Registrazione

Per accedere a un account o registrarne uno nuovo, vai alla home page del sito web Conveyor a : http://www.getConveyor.org. Se non possiedi già un account completa la form di registrazione e clicca su 'Registrati' per crearne uno. Se hai già un account allora clicca su 'Entra' (Login).


Iniziare un nuovo progetto

Una volta entrati, possiamo vedere la pagina dei Progetti. In alto c'è una lista dei “miei precedenti progetti”, mentre sotto c'è un box di dialogo dove posso iniziare il mio nuovo progetto.

Per iniziare il mio nuovo progetto scrivo il nome del progetto, 'Town House'.

Poi, ho bisogno di scegliere l'Immagine Principale per il mio progetto, che sarà il dipinto che ho descritto prima. Per fare questo clicco sul pulsante 'Sfoglia' a poi cerco la mia immagine del dipinto sul mio disco rigido. Dopodiché l'immagine appare.

Alla fine, clicco sul pulsante 'Costruisci questo progetto'.

 

C'è una breve attesa mentre il sistema carica la mia immagine nel mio progetto.

Appena fatto, appare la Pagina di Editing del Progetto che contiene la mia Immagine Principale e un insieme di controlli posizionati in alto:

• Progetti
• Files
• Nuovi hotspot
• Cambia Immagine principale
  
• Anteprima
  

 

Vediamo con usare questi controlli quando realizziamo la presentazione.

Prima di tutto, sono un po' sorpreso perché la mia Immagine Principale appare troppo grande per la mia presentazione. Per controllare questo, clicco su 'Anteprima' che mi fa vedere la mia presentazione come apparirà quando sarà finita. Questa si carica in una nuova scheda nel mio browser.

 

 

Appena l'anteprima è stata caricata posso vedere che l'Immagine Principale della casa è molto grande e non entra nella finestra del browser. Di conseguenza, il sistema ha aggiunto uno Strumento di navigazione in basso alla pagina.

Strumento di navigazione

 

Lo strumento di navigazione consiste in una miniatura della mia Immagine Principale su cui c'è un rettangolo rosso che rappresenta la finestra del browser. Prendendo il rettangolo e trascinandolo da un lato all'altro, o su e giù, posso muovere l'Immagine Principale dentro la finestra del browser. Questo è molto utile se si sceglie di usare una immagine grande, o una che è molto grande, tipo una immagine panorama, o una che include parecchi dettagli.

Cambiare l'immagine principale

Per questa presentazione, tuttavia, voglio fissare l'Immagine Principale nella finestra del browser senza aver bisogno di muovermi dentro di essa, perciò devo cambiare dimensione dell'immagine con una versione più piccola. Ne ho una che è 1100x750 pixel, che potrebbe andare bene.

Chiudo la scheda con l'Anteprima e ritorno alla pagina di Editing di Progetto, dove clicco su 'Cambia immagine principale'.

Appare la finestra di dialogo per la Selezione dell'Immagine. Come prima, cliccando sul bottone 'Anteprima' cerco l'immagine sul mio disco rigido. Appena fatto, il percorso dell'immagine appare nel campo del Box 1. Successivamente aggiungo un titolo nel Box 2, una descrizione nel Box 3 clicco 'Usa questo file'.

 

Una volta che la nuova Immagine Principale è stata caricata appare con le giuste dimensioni. Per avere una conferma, posso cliccare su 'Anteprima'. L'anteprima appare in una nuova scheda e ora posso visualizzare l'Immagine Principale  fissa dentro la finestra del browser e il sistema non ha aggiunto lo Strumento di navigazione, perché in questo caso non ce n'è bisogno.

 

 

Nota: se adesso prendo l'angolo della finestra del browser e lo trascino fino a una immagine che è più piccola dell'Immagine Principale, viene aggiunto lo Strumento di navigazione alla base della finestra, mentre se trascino la finestra a una immagine più grande, lo strumento di navigazione scompare.

 

Soddisfatto dall'immagine Principale fissa dentro la finestra del browser, è il momento di aggiungere un po' di contenuto alla presentazione, perciò chiudo la scheda dell'Anteprima e ritorno alla pagina di Editing del Progetto.

Aggiungere hotspots

Voglio aggiungere un link, da una delle stanze dell'Immagine Principale, alla pagina con alcune informazioni sulla stanza.

Per fare questo clicco su 'Nuovo hostspot' e un hotspot con delle dimensioni di default appare nel mezzo dello schermo. L'hotspot può esser mosso cliccandoci dentro e trascinandolo verso una diversa posizione sull'Immagine Principale. La dimensione e la forma dell'hotspot possono essere modificate cliccando e trascinando gli angoli. Lo screenshot sotto mostra l'hotspot approssimativamente posizionato sopra la 'Stanza da Disegno' al primo piano della casa.

 

Collegare a una pagina

Voglio che l'hotspot colleghi a una nuova pagina, pertanto clicco sull'opzione 'Voglio mostrare qualcosa di scritto' e, appena la pagina di dialogo si apre, scrivo il titolo 'Drawing Room' e clicco su 'Crea una pagina'.

 

Il sistema impiega qualche attimo per fare il link e aprire la mia nuova pagina vuota 'Drawing Room'. Adesso posso vedere la mia pagina vuota.

 

Aggiungere testo e immagini

Sto cercando di usare del contenuto testuale dalla Guida originale, pertanto seleziono le parole da usare, le copio e le incollo nella pagina bianca.

 

Per aggiungere un'immagine, posiziono il cursore dove deve apparire l'immagine e clicco sul bottone 'Inserisci immagine' nella barra di editing, cerchiato nella immagine sotto.

 

Si apre la finestra di dialogo 'File Caricati' e cerco nel mio disco rigido l'immagine giusta. Una volta selezionata, aggiungo un titolo e una descrizione dell'immagine a clicco su 'Usa questo file'.

 

Adesso la pagina ha il testo e una immagine.

 

Con il testo e l'immagine in questa posizione, è il momento giusto per editare il testo, se necessario. Qui un po' del testo è stato rimosso, in modo che tutta la pagina sarà visibile senza utilizzare su e giù la barra di scorrimento laterale.

Anteprima della pagina

Dopo aver realizzato ed editato la pagina, potrebbe essere utile vedere come appare nella presentazione finale. Per fare questo, clicco il link 'Anteprima', aspetto che la presentazione sia caricata, e clicco sull'hotspot della mia Immagine Principale. La pagina della Drawing Room viene carica e appare così.

 

Aspettiamo un momento per visionare il nostro progresso...

Finora, ho fatto un nuovo progetto, ho cambiato una Immagine Principale con un'altra, ho aggiunto un hotspot, collegandolo a una pagina, ho aggiunto un testo e una immagine e testato questo lavoro in modalità di anteprima.

Il browser Firefox e l'utilizzo delle schede.

Raccomandiamo l'utilizzo del browser Firefox per realizzare una presentazione Conveyor. Se stai usando Firefox, la pagina di Anteprima sarà aperta in una nuova finestra o in una nuova scheda, a seconda del settaggio del tuo browser. Questo può essere modificato andando sulla voce Strumenti - Opzioni nel menù a tendina di Firefox e scegliendo Schede. Io utilizzo l'opzione 'Le nuove pagine si dovranno aprire in una nuova scheda' , in modo che è più facile gestire più pagine, piuttosto che avere finestre che si aprono dappertutto.

Per tornare indietro a editare il progetto, possiamo sia cliccare sulla specifica scheda oppure, se è scomparsa, posso ritornare alla home page www.getconveyor.org e cliccare sul link 'La mia cartella', mostrata sotto.

 

Questa caricherà la pagina Progetti. Poi posso selezionare 'Edita' che caricherà l'immagine principale, e cliccare sull'hotspot come ho fatto precedentemente e poi cliccare sul link la Drawing Room che appare nel box accanto.

Collegamento a una nuova pagina

Dopo aver gestito il ritorno alla pagina Drawing Room, adesso vado a creare un collegamento a una nuova pagina.

Prima di tutto, aggiungo il link di testo al bottone alla pagina della Drawing Room – in questo caso la parola 'More' – poi seleziono la parola con il mio cursore e clicco su 'Int link' (link interno) nella barra degli strumenti. Quando il box di dialogo appare seleziono la scheda 'Crea una nuova pagina', scrivo un titolo per la nuova pagina e clicco su 'Crea una pagina'.

 

Quando la pagina è rilanciata la parola 'More' è ora un link.

 

Usare il Files menu

Per trovare la mia nuova pagina clicco su “File” nella barra di menù in alto dello schermo e carico il File Menu. Prima di aprire la nuova pagina, devo fare alcune cose mentre sono a questo punto.

 

Il File Menu è dove puoi organizzare i file, aggiungendoli, aprendoli o eliminandoli. Prima di tutto, voglio eliminare la grande Immagine Principale 'Town House' che ho deciso di non usare perché era troppo grande per la presentazione. La seleziono tramite il check box e clicco su 'Elimina questo
file'.

 

Il file viene rimosso dalla lista. Poi, voglio caricare due file che userò dopo. Uno è un file sonoro e l'altro è un file video. Clicco su 'Nuovo suono' e si apre il selezionatore 'Carica un nuovo file'. Come precedentemente, sfoglio per cercare il file sul mio disco rigido, aggiungo un titolo e unadescrizione e clicco 'Usa questo file'.

 

Poi clicco su 'Nuovo video' e faccio lo stesso.

 

Adesso entrambi i miei nuovi file appaino nella lista del File Menu.

 

 

Completare la mia nuova pagina

Con i file ben organizzati, è il momento di aprire la nuova pagina e clicco su ' Drawing Room - more ' e si apre la pagina.

 

Dopo, aggiungo del testo e una immagine con lo stesso metodo usato per la prima pagina. E' stato aggiunto anche del testo in basso della pagina, con l'istruzione per l'utente 'Clicca sulla immagine per ascoltare la musica'.

 

Collegare una immagine a un file sonoro

Adesso voglio collegare l'immagine a un suono precedentemente caricato. Clicco sull'immagine e poi su 'Int link' (Link Interno) e si apre il selezionatore del link interno.

Clicco su 'Drawing Room tune' e il selezionatore scompare e l'immagine ha adesso un bordo che indica la presenza di un link.

 

 

Collegare un hotspot a un file video

C'è un'altra cosa da fare, quella di aggiungere una file video tramite un link dall'Immagine Principale. Chiudo la finestra cliccando sulla X nell'angolo in alto a destra e ritorno all'Immagine Principale, e poi clicco su 'Nuovo Hotspot' e ridimensiono e posiziono l'hotspot sull'area Wine Cellar.

 

Adesso clicco su 'Si azionerà un filmato' e si apre la finestra del selezionatore filmato. Seleziono l'etichetta 'File caricati' e clicco sul link a 'Wine cellar movie' e la finestra del selezionatore si chiude.

 

I controlli dell'hospot mostrano che 'Questo hotspot è adesso collegato a: Wine cellar movie'.

 

Anteprima della presentazione

Ricapitolando: ho realizzato una breve presentazione basata su una Immagine Principale, collegato questa a una pagina, aggiunto contenuti alla pagina, collegato a un'ulteriore pagina, aggiunto altri contenuti, collegato un'immagine a un suono e collegato direttamente a un video dall'Immagine Principale. Adesso andiamo a vedere come si presenta il tutto.

Clicco su 'Anteprima' e si carica l'Immagine Principale.

 

Poi clicco sull' hotspot Drawing Room e si carica la pagina.

 

Clicco sul link 'More' e si carica la seconda pagina.

 

Clicco sull'immagine e si avvia un file sonoro.

 

Chiudo la finestra clicco sull'area Wine Cellar e si aziona un video.

 

 

Scaricare la presentazione

La presentazione, insieme con le proprie immagini, suoni e file video, è stata montata, conservata e mostrata come anteprima sul sito web Getconveyor. Dopo aver realizzato la presentazione, la posso scaricare sul mio computer e usarla off-line.

Per fare questo, ritorno sulla pagina Progetti, cerco il progetto The Town House e clicco su Scarica .

 

A seconda del tipo di computer che stai usando, si apre una finestra di dialogo che ti chiede dove vuoi salvare il file. Appena scelto il posto che preferisci sul tuo disco rigido clicca su OK.

Il File scaricato ti apparirà come un file zip. Clicca sul file zip per estrarlo e ti appare una cartella.

Apri la cartella e ti appariranno i suoi contenuti.

 

Per avviare la presentazione sul tuo computer, semplicemente trascina il file 'index.html' in una finestra aperta del browser. La presentazione si avvia, completa degli hotspots che collegano a pagine e immagini, suoni e video.

Questo è tutto ciò che c'è da fare. Adesso che hai visto come è facile realizzare una presentazione
usando Converyor v.2, perché non provi anche tu da solo?