Tutorial reader2d
description
Transcript of Tutorial reader2d
sssTutorial
Reader 2D
Tutorial
sssTutorial
Con Reader 2D è possibile creare un percorso di lettura di un’immagine personalizzato.
Vediamo come….
sss
Se si è scaricato il file dalla rete, avremo sul proprio computer una cartella compressa che si chiama
viewer.zipSi deve decomprimere la cartella (tasto destro del mouse > estrai)
Tutorial
sss
Adesso possiamo aprire la cartella …
Tutorial
sss
Cartella contenente i dati (testi, immagini)
CONTENUTO DELLA CARTELLA “VIEWER”
Tutorial
sss
Pagina di lancio della risorsa una volta pubblicata
CONTENUTO DELLA CARTELLA “VIEWER”
Tutorial
sss
Pagina da pubblicare
CONTENUTO DELLA CARTELLA “VIEWER”
Tutorial
sss
Sistema autore: QUESTO CI INTERESSA
Facendo doppio click…
CONTENUTO DELLA CARTELLA “VIEWER”
Tutorial
sss
…si apre una finestra pop-up VUOTA.
Per lavorare devo inserire un’immagine
Tutorial
sss
Devo salvare l’immagine che mi interessa nella
cartella sys, nominandola
“img.jpg”Questo nome è obbligatorio
Tutorial
sss
Se apro nuovamente il file
makeIt.swf si visualizza la finestra pop-up con l’immagine sulla quale voglio lavorare
Tutorial
sssTutorialPer aggiungere un “punto caldo” (hotspot) nella mappa, fare click sul pulsante arancione
sssTutorialSi apre una finestra di editing. Devo scegliere dal menù “Tipo” > “Coordinate”
sssTutorialContinuo il lavoro trascrivendo le notizie che mi interessano
Posso anche inserire una piccola immagine
sssTutorialPer quanto riguarda l’immagine, devo aver avuto cura di salvarla in
precedenza nella cartella sys. Trascrivo il nome nello spazio apposito
sssTutorial
Per salvare il contenuto del
“punto caldo”, fare click sul bottone salva
sssTutorialCliccando sul “punto caldo” posso
visualizzarne il titolo
sssTutorialCliccando apro lo spazio dei contenuti che ho creato e posso
visionarne l’effetto
sssTutorialPer modificare il contenuto
Per chiudere
sssTutorialPer aggiungere un “etichetta” (label) nella mappa, fare di nuovo click sul pulsante arancione
sssTutorialScegliere dal menù “Tipo” > “Menù”. Proseguo poi come ho fatto in precedenza.
sssTutorial
L’effetto (1) …
sssTutorial
L’effetto (2) …
sssTutorial
Per salvare
tutto il lavoro fatto, fare click sul pulsante BLU
sssTutorial
Si apre una finestra con del
codice. Occorre selezionare con attenzione
tutto il codice
(ctrl+a) e copiarlo
(ctrl+c)
sssTutorial
Quindi premere
OK
sssTutorial
All’interno della
cartella sys, apro il file
item.txt
sssTutorial
Seleziono il codice e lo sostituisco con quello che ho copiato
(ctrl+v)
sssTutorial
salvo (MAIUSC+F12)
Questa operazione è molto delicata e occorre effettuarla con molta
attenzione!
sss
A questo punto occorre tornare nella cartella
“viewer” e cliccare
sulla index.html, pagina di lancio della risorsa
CONTENUTO DELLA CARTELLA “VIEWER”
Tutorial
sssTutorial
Nel mio browser si visualizza la risorsa,
senza i bottoni di modifica (NUOVO e SALVA), pronta per essere pubblicata (se si vuole)
?
sssTutorial
Questi tre sono i file
necessari se si vuol pubblicare o dare il file in lettura
sssTutorial
uno:cartella dati
nelle quale va a leggere il file
index6
sssTutorial
due:cartella
pagina .html che lancia il
file index6
sssTutorial
tre:vero e proprio
“viewer”: lanciato da
index.html, va a leggere i
dati contenuti in sys.
Questo file NON E’ MODIFICABILE.
sssTutorial
quattro :“buon lavoro!”
sssTutorial