downloading - Corsi @ Mameli

Relazione finale Corso #DIGIT-ISCOL@CODEACCADEMY
Diario di bordo del laboratorio di Antonio Rossi e Nicola Secci
Dati del docente
Candidato dalla scuola: I.I.S. Michele GIUA (CA)
Ordine, grado e tipo della scuola: Scuola secondaria di secondo grado - I.I.S.
Materie insegnate: Informatica, Sistemi e Reti, Tecnologie e Progettazione di
Sistemi Informatici e di Telecomunicazioni. Tecnologie Informatiche.
Email: [email protected]
Competenze su strumenti per il web: avanzato
Tecnologie web conosciute: HTML, CSS, PHP, ASP, CMS.
Competenze sulla programmazione: avanzato
Linguaggi di programmazione conosciuti: C, C++, Java, Scratch.
Dati del laboratorio
Scuola in cui si svolge il laboratorio: I.I.S. Michele GIUA (Sede di Assemini)
Ordine, grado e tipo della scuola: Scuola secondaria di secondo grado - Istituto
Tecnico Industriale + Liceo scientifico tecnologico.
Tutor: Nicola Secci
Numero studenti: 15
Fascia d'età degli studenti : 14-16
Data di avvio del laboratorio: 03/05/2016
Data di fine laboratorio: 07/06/2016
Breve descrizione del Lab: Il progetto è rivolto agli alunni del biennio del Liceo
Scientifico Tecnologico e dell’Istituto Tecnico industriale, gli obiettivi da
raggiungere sono stati molteplici, rendere le lezioni più interessanti possibili uscendo
dallo schema della lezione frontale, dividere il tempo lezione in più parti:
1] presentazione argomenti da parte del docente, 2] approfondimento personale del
problema, 3] tramite la costituzione di gruppi (confronto ed eventuale modifica della
propria proposta), 4] presentazione verbale (Uno degli obiettivi è stato anche quello
far presentare ad ognuno di fronte ai propri compagni di studio il proprio lavoro
1
Relazione finale Corso #DIGIT-ISCOL@CODEACCADEMY
[molti hanno proprio un idiosincrasia con il parlato ….] e 5] scritta (tramite post-it,
fogli, tutti da raccogliere nel sacchetto/raccoglitore “Nuove Conoscenze” consegnato
nella prima lezione), 6] realizzazione in laboratorio di quanto discusso. Ogni lezione
si è aperta consentendo agli alunni di porre domande sulle attività da svolgere e su
quelle già svolte in precedenza in modo di avere il termometro della situazione
sempre attivo. Si è cercato di far capire ai partecipanti al corso cosa ci sia dietro il
pensiero computazionale e l'Informatica, che cosa sia un algoritmo e quale sia il
modo migliore per scriverlo, cercando di rendere il tutto meno astratto possibile. Il
progetto si è modificato in itinere dietro la richiesta plebiscitaria dei partecipanti di
voler pubblicare una propria pagina web.
Osservazioni: L’interesse è risultato elevato: il progetto è stato presentato nel nostro
istituto, classe per classe, nel dettaglio e nelle finalità ai primi di Marzo raccogliendo
oltre 60 adesioni (tanto è che si stava elaborando un algoritmo di selezione degli
alunni); i ragazzi che hanno aderito alla fine sono stati 15 (molti hanno addotto come
giustificazione il periodo pieno di verifiche e interrogazioni). Per l’anno prossimo
sarebbe auspicabile utilizzare un altro periodo dell’anno (anche per i poveri
professori sommersi da compiti da correggere, classi da seguire nell’alternanza
scuola/lavoro, verifiche orali, scrutini da preparare e quest’anno anche il concorso
docenti da supportare …..)
Fasi del Lab (com'è strutturato il lab): 10 lezioni da tre ore ognuno.
Argomenti dei Lab: (Glossario Informatico, Concetto di Algoritmo, Applicazione
Scratch, WikiPasta, PixelMania, Crittografia, Sito web statico, Cenni Sito web
dinamico e CMS.)
Prodotto finale: (Un proprio sito web (da terminare in modo autonomo))
Descrizione del prodotto finale: (Un proprio sito web statico in HTML + CSS)
Strumenti proposti: (Scratch, Codecademy, Code.org, … etc.)
Linguaggi proposti: (Linguaggi visuali/HTML/CSS/CMS)
Valutazione: competenze (comprendere il significato di algoritmo, usare
appropriatamente un linguaggio visuale, riconoscere alcuni metodi di crittografia,
conoscere la struttura base di una pagina HTML, saper formattare la struttura di una
pagina e il testo, conoscere la finalità dei CSS ...).
Obiettivi finali: considerando la giovane età dei partecipanti e il livello di partenza,
gli obiettivi finali sono stati raggiunti nella loro totalità.
2
Relazione finale Corso #DIGIT-ISCOL@CODEACCADEMY
Diario di bordo del Laboratorio
Laboratorio n. 01
Data: 03 Maggio 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: (Presentazione del corso , comunicazione del calendario, dei riferimenti
dove trovare le principali informazioni necessarie, Per la parte informatica sono state
pubblicate delle informazioni sul sito web www.antoniorossi.info/materiali.htm
mentre per far fronte ad alcune difficoltà con la lingua inglese è stato consigliato il
sito www.wordreference.com . E’ stata consegnata una busta trasparente vuota dove
raccogliere tutti i PostIT prodotti durante la lezione (…. e le successive), come
raccoglitore del nuovo sapere. Riflessioni sui termini: informatica, automatico,
coding (lavoro individuale e di gruppo).
L’algomotricità dal movimento alla concettualizzazione delle attività informatiche. I
labirinti, definizione dei ruoli di un Robot, scrittura dell’algoritmo, riflessione sui
termini usati, sua portabilità, prove ed correzioni. Introduzione dei super poteri e loro
applicazione. Uso di SCRATCH.
Osservazioni: (Tutti gli studenti si mostrati interessati e motivati evidenziando
particolare coinvolgimento nel nuovo metodo di insegnamento, anche il lavoro in
gruppo è servito a socializzare e a confrontare i propri punti di forza e di debolezza
del proprio operato.)
Laboratorio n. 02
Data: 05 Maggio 2016
Ora: 15.00  18.00
Studenti presenti: 10
Attività: (Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Seconda esperienza di algomotricità, presentazione dell’attività
WikiPASTA. Analisi del testo (si è evidenziato cosa c’è dietro l’interpretazione del
testo che porta alla base della realizzazione dei compilatori per i linguaggi di
programmazione. Suddivisione degli studenti in gruppi, spiegazione del lavoro da
svolgere, consegna materiali. Rilievo dei lavori effettuati, modifica e indicazioni per
l’ottimizzazione dei risultati da raggiungere. Accesso al software di laboratorio per
WikiPASTA, svolgimento dei 5 testi campione proposti, riflessioni finali
sull’esperienza.)
Osservazioni: (E’ stato come aprire nuovi orizzonti a una conoscenza frammentaria e
non approfondita.)
3
Relazione finale Corso #DIGIT-ISCOL@CODEACCADEMY
Laboratorio n. 03
Data: 10 Maggio 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: (Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Terza esperienza di algomotricità, presentazione dell’attività
PixelMania. Presentazione del filmato dello stadio coreano. Discussione della
coreografia. Le immagini come insieme di Pixel, riflessione sull’occupazione di
memoria di una foto in B/N e a colori. Il sistema di colorazione RGB (Utile per la
definizione dei colori in HTML). Esercitazione, riproduzione in griglia dei disegni
assegnati. Uso di Pixel Manipulator,
Osservazioni: (interesse e motivazione degli studenti, clima relazionale all'interno del
gruppo/i, situazioni particolari da rilevare, punti di forza e di debolezza
dell'esperienza, opportunità di miglioramento, ...)
Laboratorio n. 04
Data: 12 Maggio 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: (Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Quarta esperienza di algomotricità, presentazione dell’attività
Crittografia. L’umanità durante gli anni ha dovuto inventarsi molti modi per
mantenere i segreti [Cosa proponete in merito, lavoro prima individuale, poi di
gruppo], La cifratura nella sicurezza informatica, il codice di Atbash e il codice di
Cesare [descrivete con vostre parole i termini di sicurezza e di crittografia, lavoro
prima individuale e poi di gruppo – IMPORTANTE è conoscere l’ambito in cui si
usano le parole, la matematica dietro la crittografia. (MALCHIODI.di.unimi.it/
teaching) Laboratorio Esempi proposti dal sito http://aladdin.unimi.it/
Osservazioni: (Altra lezione che ha suscitato interesse e partecipazione, ha richiesto
più di una pausa, forse il caldo o le sei ore di lezione appena svolte al mattino , hanno
tagliato le gambe agli alunni che sono però sempre ripartiti, dopo la pausa, a spron
battuto.)
4
Relazione finale Corso #DIGIT-ISCOL@CODEACCADEMY
Laboratorio n. 05
Data: 17 Maggio 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: (Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Presentazione del nuovo argomento uscito dalle richieste degli
alunni , quasi all’unanimità, i siti web. Si è discusso su cosa serva per la creazione di
un sito web. Quali siano le migliori caratteristiche per un sito di successo. [Il lavoro è
stato affrontato prima a livello individuale e poi a gruppi]
E’ emersa l’importanza di una buona progettazione e sono stati presentati 13 consigli
per un buon sito che coinvolgono prima l’aspetto e poi i contenuti. I consigli sono
stati tutti condivisi.
Laboratorio: Uso del sito https://www.codecademy.com/ per il linguaggio HTML.
Osservazioni: (Grande interesse per l’argomento (tra l’altro richiesto), molte sono
state le domande su come poter realizzare una cosa piuttosto che un’altra...)
Laboratorio n. 06
Data: 19 Maggio 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: (Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Presentazione delle nuove cose da affrontare. Di che cosa
pensate di aver bisogno per rendere visibile un vostro lavoro? [Il lavoro è stato
affrontato prima a livello individuale e poi a gruppi] Presentazione della “Cassetta
degli attrezzi web” (Editor HTML, validator.w3c.org, Image Resizer, gif animator,
Applicativo per sfumare le immagini e scontornarle, programma FTP, siti dove
trovare spazio web disponibile). Importanza di strutturare i documenti HTML
(indirizzi relativi e assoluti), l’importanza della portabilità del sito.
Laboratorio: Uso del sito https://www.codecademy.com/ per il linguaggio HTML.
Osservazioni: (Il punto di forza della lezione è stata quella di presentare la “Cassetta
degli attrezzi web”, tutti strumenti reperibili su internet ma dove è facile perdersi e
trovare difficoltà a causa di malware vari, la sola presentazione dei software ha
aiutato a capire le finalità e i vantaggi del loro uso.)
5
Relazione finale Corso #DIGIT-ISCOL@CODEACCADEMY
Laboratorio n. 07
Data: 24 Maggio 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Ripasso argomenti della lezione precedente e presentazione
delle nuove cose da affrontare. Riflessioni: sull’importanza dei tempi di caricamento
delle pagine (trucchi per farle il più leggere possibili), segnalazione dei contenuti ai
motori di ricerca (Introduzione al SEO), uso corretto dei meta tag, motori di ricerca
Google, Dmoz, Yahoo, Altavista, Alltheweb, Lycos etc., “Visualizza sorgente”
funzione del Broswer (per capire come sono state realizzate alcune pagine di nostro
interesse).
Laboratorio: Utilizzo di PsPad (presentazione anche di “WYSIWYG editor”) per la
creazione di proprie pagine web, dalla propria “home page” al resto del progetto.
Osservazioni: (Il via alla costruzione del proprio sito ha entusiasmato tutti e se non
fosse stato per la chiusura della scuola e l’allarme già programmato, tutti gli alunni
non avrebbero avuto difficoltà a prolungare la loro permanenza a scuola.)
Laboratorio n. 08
Data: 26 Maggio 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Ripasso argomenti della lezione precedente e presentazione
delle nuove cose da affrontare. Introduzione ai CSS, che cosa sono, perché è
intelligente usarli per il layout e per la progettazione del sito. La sintassi di base dei
CSS, come applicare colori e colori di sfondo, come usare le immagini di sfondo,
come scegliere la formattazione di pagina e di testo, font, identificatori e gruppi di
elementi (class e id), uno sguardo ravvicinato all’uso di “span” e “div”, il box model,
bordi, height e width, etc.
Laboratorio: continuazione del lavoro sul proprio sito personale.
Osservazioni: (interesse e motivazione degli studenti al massimo dei livelli,
tantissime domande su come raggiungere i propri obiettivi, attenzione massima alle
risposte del docente, anche questa volta non volevano più uscire dal laboratorio.)
6
Relazione finale Corso #DIGIT-ISCOL@CODEACCADEMY
Laboratorio n. 09
Data: 06 Giugno 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Ripasso argomenti della lezione precedente e approfondimenti.
La lezione precedente è risultata a detta di molti un po’ ostica per cui si è cercato di
capire tramite la valutazione dei feedback come chiarire gli argomenti che avevano
generato più dubbi. Si sono visualizzati alcuni video in merito come base di
riflessione. Al termine, insieme si è proposto un elenco completo delle caratteristiche
affrontate nei CSS. Si è ritenuto opportuno aumentare il tempo dedicato al laboratorio
di almeno mezz’ora.
Laboratorio: continuazione del lavoro sul proprio sito personale.
Osservazioni: (interesse e motivazione degli studenti sempre al massimo livello,
tantissime domande su come raggiungere i propri obiettivi, attenzione massima alle
risposte del docente, anche questa volta non volevano più uscire dal laboratorio.)
Laboratorio n. 10
Data: 07 Giugno 2016
Ora: 15.00  18.00
Studenti presenti: 09
Attività: Domande/Risposte allievi sulla precedente lezione, punti di forza o di
debolezza riscontarti. Ripasso argomenti della lezione precedente e presentazione del
nuovo tema da affrontare, i “CMS” (Content Management System). Breve descrizione sul
funzionamento di un sito statico e di un sito dinamico, presentazione dell’ambiente
integrato Server Apache, PHP e MySQL e del software EasyPHP che lo integra. Le
potenzialità di Joomla e dei suoi Template già pronti da cui partire a seconda dei
propri gusti. (breve ricerca individuale e di gruppo sul template più accattivante con
relativo confronto tra i gruppi.).
Test finale di gradimento a cui tutti hanno risposto in modo positivo, alla domanda
se avrebbero gradito continuare l’esperienza l’anno prossimo tutti (9/9) hanno
risposto “Molto volentieri”.
Saluti e cotillons di fine corso e un arrivederci a presto.
Osservazioni: (Le performances degli allievi sono state positive, il loro interesse a
prolungare le lezioni anche [nelle ore curriculari difficilmente accade], Un’esperienza
di corso sicuramente da replicare.)
Cagliari, 16 Giugno 2016
Prof. Antonio Rossi
_____________________________
7