sss Tutorial Reader 2D Tutorial

sss Tutorial Con Reader 2D è possibile creare un percorso di lettura di un’immagine personalizzato. Vediamo come….

sss Tutorial Se si è scaricato il file dalla rete, avremo sul proprio computer una cartella compressa che si chiama viewer.zip Si deve decomprimere la cartella (tasto destro del mouse > estrai)

sss Tutorial Adesso possiamo aprire la cartella …

sss Tutorial CONTENUTO DELLA CARTELLA “VIEWER” Cartella contenente i dati (testi, immagini) CONTENUTO DELLA CARTELLA “VIEWER”

sss Tutorial CONTENUTO DELLA CARTELLA “VIEWER” Pagina di lancio della risorsa una volta pubblicata CONTENUTO DELLA CARTELLA “VIEWER”

sss Tutorial Pagina da pubblicare CONTENUTO DELLA CARTELLA “VIEWER”

sss Tutorial Sistema autore: QUESTO CI INTERESSA Facendo doppio click… CONTENUTO DELLA CARTELLA “VIEWER”

sss Tutorial …si apre una finestra pop-up VUOTA. Per lavorare devo inserire un’immagine

sss Tutorial Devo salvare l’immagine che mi interessa nella cartella sys, nominandola “img.jpg” Questo nome è obbligatorio

sss Tutorial Se apro nuovamente il file makeIt.swf si visualizza la finestra pop-up con l’immagine sulla quale voglio lavorare

sss Tutorial Per aggiungere un “punto caldo” (hotspot) nella mappa, fare click sul pulsante arancione

sss Tutorial Si apre una finestra di editing. Devo scegliere dal menù “Tipo” > “Coordinate”

sss Tutorial Continuo il lavoro trascrivendo le notizie che mi interessano Posso anche inserire una piccola immagine

sss Tutorial Per quanto riguarda l’immagine, devo aver avuto cura di salvarla in precedenza nella cartella sys. Trascrivo il nome nello spazio apposito

sss Tutorial Per salvare il contenuto del “punto caldo”, fare click sul bottone salva

sss Tutorial Cliccando sul “punto caldo” posso visualizzarne il titolo

sss Tutorial Cliccando apro lo spazio dei contenuti che ho creato e posso visionarne l’effetto

sss Tutorial Per modificare il contenuto Per chiudere

sss Tutorial Per aggiungere un “etichetta” (label) nella mappa, fare di nuovo click sul pulsante arancione

sss Tutorial Scegliere dal menù “Tipo” > “Menù”. Proseguo poi come ho fatto in precedenza.

sss Tutorial L’effetto (1) …

sss Tutorial L’effetto (2) …

sss Tutorial Per salvare tutto il lavoro fatto, fare click sul pulsante BLU

sss Tutorial Si apre una finestra con del codice. Occorre selezionare con attenzione tutto il codice (ctrl+a) e copiarlo (ctrl+c)

sss Tutorial Quindi premere OK

sss Tutorial All’interno della cartella sys, apro il file item.txt

sss Tutorial Seleziono il codice e lo sostituisco con quello che ho copiato (ctrl+v)

salvo (MAIUSC+F12) sss Tutorial Questa operazione è molto delicata e occorre effettuarla con molta attenzione!

sss Tutorial CONTENUTO DELLA CARTELLA “VIEWER” A questo punto occorre tornare nella cartella “viewer” e cliccare sulla index.html, pagina di lancio della risorsa CONTENUTO DELLA CARTELLA “VIEWER”

sss Tutorial Nel mio browser si visualizza la risorsa, senza i bottoni di modifica (NUOVO e SALVA), pronta per essere pubblicata (se si vuole) ?

sss Tutorial Questi tre sono i file necessari se si vuol pubblicare o dare il file in lettura

sss Tutorial uno:cartella dati nelle quale va a leggere il file index6

sss Tutorial due:cartella pagina .html che lancia il file index6

sss Tutorial tre:vero e proprio “viewer”: lanciato da index.html, va a leggere i dati contenuti in sys. Questo file NON E’ MODIFICABILE.

sss Tutorial quattro  : “buon lavoro!”

sss Tutorial