Tutorial reader2d

5,483 views
5,419 views

Published on

Il software Reader 2D è un’applicazione per creare attività di lettura guidata delle immagini. È particolarmente adatto per sviluppare attività CLIL volte allo studio di opere d’arte in inglese, ma permette anche di strutturare percorsi linguistici che hanno come input immagini significative e come scopo la pratica della lingua straniera in contesti non prettamente linguistici.

Per scaricare il software http://www.exelearning.it

Published in: Education, Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,483
On SlideShare
0
From Embeds
0
Number of Embeds
4,594
Actions
Shares
0
Downloads
47
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Tutorial reader2d

  1. 1. sss Tutorial Reader 2D Tutorial
  2. 2. sss Tutorial Con Reader 2D è possibile creare un percorso di lettura di un’immagine personalizzato . Vediamo come….
  3. 3. sss 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) Tutorial
  4. 4. sss Adesso possiamo aprire la cartella … Tutorial
  5. 5. sss Cartella contenente i dati (testi, immagini) CONTENUTO DELLA CARTELLA “VIEWER” Tutorial
  6. 6. sss Pagina di lancio della risorsa una volta pubblicata CONTENUTO DELLA CARTELLA “VIEWER” Tutorial
  7. 7. sss Pagina da pubblicare CONTENUTO DELLA CARTELLA “VIEWER” Tutorial
  8. 8. sss Sistema autore: QUESTO CI INTERESSA Facendo doppio click… CONTENUTO DELLA CARTELLA “VIEWER” Tutorial
  9. 9. sss … si apre una finestra pop-up VUOTA. Per lavorare devo inserire un’immagine Tutorial
  10. 10. sss Devo salvare l’immagine che mi interessa nella cartella sys , nominandola “img.jpg” Questo nome è obbligatorio Tutorial
  11. 11. sss Se apro nuovamente il file makeIt.swf si visualizza la finestra pop-up con l’immagine sulla quale voglio lavorare Tutorial
  12. 12. sss Tutorial Per aggiungere un “ punto caldo” (hotspot) nella mappa, fare click sul pulsante arancione
  13. 13. sss Tutorial Si apre una finestra di editing. Devo scegliere dal menù “Tipo” > “Coordinate”
  14. 14. sss Tutorial Continuo il lavoro trascrivendo le notizie che mi interessano Posso anche inserire una piccola immagine
  15. 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. 16. sss Tutorial Per salvare il contenuto del “ punto caldo ”, fare click sul bottone salva
  17. 17. sss Tutorial Cliccando sul “punto caldo” posso visualizzarne il titolo
  18. 18. sss Tutorial Cliccando apro lo spazio dei contenuti che ho creato e posso visionarne l’effetto
  19. 19. sss Tutorial Per modificare il contenuto Per chiudere
  20. 20. sss Tutorial Per aggiungere un “ etichetta” (label) nella mappa, fare di nuovo click sul pulsante arancione
  21. 21. sss Tutorial Scegliere dal menù “Tipo” > “Menù”. Proseguo poi come ho fatto in precedenza.
  22. 22. sss Tutorial L’effetto (1) …
  23. 23. sss Tutorial L’effetto (2) …
  24. 24. sss Tutorial Per salvare tutto il lavoro fatto, fare click sul pulsante BLU
  25. 25. sss Tutorial Si apre una finestra con del codice . Occorre selezionare con attenzione tutto il codice (ctrl+a) e copiarlo ( ctrl+c )
  26. 26. sss Tutorial Quindi premere OK
  27. 27. sss Tutorial All’interno della cartella sys, apro il file item.txt
  28. 28. sss Tutorial Seleziono il codice e lo sostituisco con quello che ho copiato (ctrl+v)
  29. 29. sss Tutorial salvo (MAIUSC+F12) Questa operazione è molto delicata e occorre effettuarla con molta attenzione!
  30. 30. sss A questo punto occorre tornare nella cartella “ viewer ” e cliccare sulla index.html, pagina di lancio della risorsa CONTENUTO DELLA CARTELLA “VIEWER” Tutorial
  31. 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. 32. sss Tutorial Questi tre sono i file necessari se si vuol pubblicare o dare il file in lettura
  33. 33. sss Tutorial uno: cartella dati nelle quale va a leggere il file index6
  34. 34. sss Tutorial due: cartella pagina . html che lancia il file index6
  35. 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. 36. sss Tutorial quattro  : “ buon lavoro!”
  37. 37. sss Tutorial

×