際際滷

際際滷Share a Scribd company logo
UM-3
Proposte didattiche con leTIC (per le materie umanistiche)
Nadia Ambrosetti
14 maggio 2014
Quali competenze?
Comunicare
 rappresentare eventi, fenomeni, principi, concetti, norme, procedure,
atteggiamenti, stati danimo, 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
Stili di apprendimento
Visivo
 Immagini
 Mappe
 Grafico
Uditivo
 Ascolto
 Parlato
 Lezione frontale
 Discussione
Verbale
 Note
 Appunti
 Parola
 Saggio
Cinestesico
 Rappresentazione
tattile
dellinformazione
 Tangibilit
 Esperimento
Pinterest a scuola Ebook free Medita
Che cos竪 uninfografica?
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)
Esempi di infografiche 束storiche損: tabelle
Esempi di infografiche 束storiche損:
diagrammi di flusso
Esempi di infografiche 束storiche損:
mappe concettuali
Esempi di infografiche 束storiche損: grafici
Esempi di infografiche 束storiche損: schemi
Esempi di infografiche 束storiche損:
segnaletica
Smart Art
Information + graphic
 rappresentazioni visive sintetiche e accattivanti, strumento ottimale di divulgazione in rete
http://infografiche.com/
musica/infografiche-
gangam-style/
Infografica: lavoro di sintesi
Analisi GraficaInterpretazione Sintesi
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
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
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
Piattaforme online
 Wordle
 Piktochart
 Easel.ly
 Tutorial suVimeo
 Infoactive
 Infogr.am
 Vizify:
 acquisito daYahoo!, in fase di 束ristrutturazione損
 Statplanet
 Hohli
 Ionz
Infografiche Timeline
 Tiki-Toki
 Dipity
Archivi di icone: flat vs realism
 Icon Archive
 Iconspedia
 Iconpot
 Webappers
 Iconstick
 Freepik
 Findicons
Goto website
Prezi
 Un esempio
 Sito web
 Tutorial
 Altro tutorial avanzato
Un esempio - Calameo
 Realizzare infografiche semplici su un aspetto o un fenomeno del
Trecento
 Calameo (per iPad e iPhone)
Fare unapp
Progettare per il mobile: problemi
 Variet di
 Schermi
 Risoluzioni
 Velocit di connessione
 Sistema operativo
 Conoscere un linguaggio di
programmazione
?
Google edicola
Come trasformare un nostro lavoro in unapp
 Servono:
 Account Gmail
 Google Chrome
 Un dispositivoAndroid oApple su cui sia installata lapp 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
1- Accedere a Google Play Newsstand Producer
 Andare allindirizzo google.com/producer
 Accedere con le credenziale dellaccount Google
 Nota: Al momento Google Play Newsstand Producer 竪
supportato solo dal browser Chrome
2- Creare unedizione
 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 delledizione
Indirizzo feed del blog
Indirizzo canaleYouTube
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
nellordine desiderato.
Lezioni sull'uso delle TIC nelle materie umanistiche - 3
4  inserire testo, materiale etc.
Lezioni sull'uso delle TIC nelle materie umanistiche - 3
4  Testare lapp
 Effettuare la sottoscrizione alledizione
 Controllarla sul proprio dispositivo in Google edicola
 Se non si vedesse, forzare la sincronizzazione
6  condividere il link
 Dal dispositivo di testing
 Scegliere 束condividi損 e copia/incollare il link
Lezioni sull'uso delle TIC nelle materie umanistiche - 3
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

More Related Content

Lezioni sull'uso delle TIC nelle materie umanistiche - 3

  • 1. UM-3 Proposte didattiche con leTIC (per le materie umanistiche) Nadia Ambrosetti 14 maggio 2014
  • 3. Comunicare rappresentare eventi, fenomeni, principi, concetti, norme, procedure, atteggiamenti, stati danimo, 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 dellinformazione Tangibilit Esperimento Pinterest a scuola Ebook free Medita
  • 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
  • 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
  • 21. Archivi di icone: flat vs realism Icon Archive Iconspedia Iconpot Webappers Iconstick Freepik Findicons
  • 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)
  • 26. Progettare per il mobile: problemi Variet di Schermi Risoluzioni Velocit di connessione Sistema operativo Conoscere un linguaggio di programmazione ?
  • 28. Come trasformare un nostro lavoro in unapp Servono: Account Gmail Google Chrome Un dispositivoAndroid oApple su cui sia installata lapp 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 allindirizzo google.com/producer Accedere con le credenziale dellaccount Google Nota: Al momento Google Play Newsstand Producer 竪 supportato solo dal browser Chrome
  • 30. 2- Creare unedizione 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 delledizione 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 nellordine desiderato.
  • 33. 4 inserire testo, materiale etc.
  • 35. 4 Testare lapp Effettuare la sottoscrizione alledizione 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