Slides del corso TIC- 2014 c/o Liceo Marconi Lezione del 14 maggio 2014

1. UM-3
Proposte didattiche con leTIC (per le materie umanistiche)
Nadia Ambrosetti
14 maggio 2014

2. Quali competenze?

3. Comunicare
 rappresentare eventi, fenomeni, principi, concetti, norme, procedure,
atteggiamenti, stati d’animo, emozioni, ecc. utilizzando linguaggi
diversi (verbale, matematico, scientifico, simbolico, ecc.) e diverse
conoscenze disciplinari, mediante diversi supporti (cartacei, informatici
e multimediali).
 Realizzare mappe
– Concettuali
– Mentali
– Infografiche

4. Stili di apprendimento
Visivo
• Immagini
• Mappe
• Grafico
Uditivo
• Ascolto
• Parlato
• Lezione frontale
• Discussione
Verbale
• Note
• Appunti
• Parola
• Saggio
Cinestesico
• Rappresentazione
tattile
dell’informazione
• Tangibilità
• Esperimento
Pinterest a scuola Ebook free Medita

5. Che cos’è un’infografica?

6. Information + graphic
 è l'informazione proiettata in forma più grafica e visuale che testuale.
Come tecnica è nata dall'incrocio dell'arte arti grafiche con il
giornalismo e l'informatica. Le immagini utilizzate, elaborate tramite
computer su palette grafiche elettroniche, possono essere
– 2D o 3D
– animate o fisse.
 (da wikipedia)

7. Esempi di infografiche «storiche»: tabelle

8. Esempi di infografiche «storiche»:
diagrammi di flusso

9. Esempi di infografiche «storiche»:
mappe concettuali

10. Esempi di infografiche «storiche»: grafici

11. Esempi di infografiche «storiche»: schemi

12. Esempi di infografiche «storiche»:
segnaletica

13. Smart Art

14. Information + graphic
 rappresentazioni visive sintetiche e accattivanti, strumento ottimale di divulgazione in rete
http://infografiche.com/
musica/infografiche-
gangam-style/

15. Infografica: lavoro di sintesi
Analisi GraficaInterpretazione Sintesi

16. Infografica in classe: fare una checklist
Scegliere
• Contenuto
• Dati
• Informazioni
Raccontare
• Trovare
• Selezionare
• Costruire uno storyboard
Documentare
• Citare
• Citare
• Mostrare
Design
• Grafica adeguata al tema
• Testo sintetico
• Palette di colori
Comunicare
• Forme semplici ed
efficaci
• Mix convincente

17. Infografica in classe: strumenti per noobs
1. Usare uno sw di grafica conosciuto
– Elementi/set grafici
– Icone
– Template
2. Utilizzare piattaforme on-line
– Creazione guidata
– Elementi grafici già presenti

18. Software noti
 Editor di testi (suite MS Office, Open Office)
 Editor grafici
– Adobe © Illustrator
– Inkscape (gratuito)
 Data storytelling application
– Tableau public (professionale - gratuito)
 Tutorial suYouTube

19. Piattaforme online
 Wordle
 Piktochart
 Easel.ly
– Tutorial suVimeo
 Infoactive
 Infogr.am
 Vizify:
– acquisito daYahoo!, in fase di «ristrutturazione»
 Statplanet
 Hohli
 Ionz

20. Infografiche Timeline
 Tiki-Toki
 Dipity

21. Archivi di icone: flat vs realism
 Icon Archive
 Iconspedia
 Iconpot
 Webappers
 Iconstick
 Freepik
 Findicons

22. Goto website

23. Prezi
 Un esempio
 Sito web
– Tutorial
– Altro tutorial avanzato

24. Un esempio - Calameo
 Realizzare infografiche semplici su un aspetto o un fenomeno del
Trecento
 Calameo (per iPad e iPhone)

25. Fare un’app

26. Progettare per il mobile: problemi
 Varietà di
– Schermi
– Risoluzioni
– Velocità di connessione
– Sistema operativo
 Conoscere un linguaggio di
programmazione
?

27. Google edicola

28. Come trasformare un nostro lavoro in un’app
 Servono:
– Account Gmail
– Google Chrome
– Un dispositivoAndroid oApple su cui sia installata l’app gratuitaGoogle Edicola
– Testo (in alternativa=
 predisposto in un file doc/odt oppure
 In un file di testo
 Un feed rss
– File delle immagini, grafici
– Link di eventuali video, audio online o indirizzo del canaleYouTube

29. 1- Accedere a Google Play Newsstand Producer
– Andare all’indirizzo google.com/producer
– Accedere con le credenziale dell’account Google
– Nota: Al momento Google Play Newsstand Producer è
supportato solo dal browser Chrome

30. 2- Creare un’edizione
 In alto a destra, fare clic sul
triangolo blu, quindi fare clic su
Create new edition.
 Questo passaggio è automatico la prima
volta che si accede)
 Inserire
– Titolo
– Feed (opzionale)
– CanaleYouTube (opzionale)
– Fare clic su Create
Nome dell’edizione
Indirizzo feed del blog
Indirizzo canaleYouTube

31. 3- Aggiungere contenuti
 Guardare l'anteprima dell'edizione sulla destra.
 Aggiungere ulteriori contenuti, cliccando su Sections
nel menu a sinistra e selezionando un tipo di
contenuto.
 È possibile anche riordinare le sezioni, una volta
inserite.
 Fare clic su Sections e, in fondo alla pagina,
espandere Section reorder per spostare le sezioni
nell’ordine desiderato.

33. 4 – inserire testo, materiale etc.

35. 4 – Testare l’app
 Effettuare la sottoscrizione all’edizione
 Controllarla sul proprio dispositivo in Google edicola
– Se non si vedesse, forzare la sincronizzazione

36. 6 – condividere il link
 Dal dispositivo di testing
– Scegliere «condividi» e copia/incollare il link

38. Bibliografia
 Higgins, S. andWall, K. and Smith, H. (2005) ''The visual helps me
understand the complicated things' : pupil views of teaching and
learning with interactive whiteboards.', British journal of educational
technology., 36 (5). pp. 851-867