Sss Tutorial Reader 2D Tutorial.

Presentazione sul tema: "Sss Tutorial Reader 2D Tutorial."— Transcript della presentazione:

1 sss Tutorial Reader 2D Tutorial

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

3 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)

4 sss Tutorial Adesso possiamo aprire la cartella …

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

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

7 sss Tutorial Pagina da pubblicare CONTENUTO DELLA CARTELLA “VIEWER”

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

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

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

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

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

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

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

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

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

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

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

19 sss Tutorial Per modificare il contenuto Per chiudere

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

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

22 sss Tutorial L’effetto (1) …

23 sss Tutorial L’effetto (2) …

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

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

26 sss Tutorial Quindi premere OK

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

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

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

30 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”

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

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

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

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

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

36 sss Tutorial quattro  : “buon lavoro!”

37 sss Tutorial