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