Programming for the 21st century classroom
17/10/2016 Patrick – Margo
23 studenti, docenti di ICT solo 5/6, gli altri di altre discipline. Nazioni più rappresentate sono Italia e Polonia, poi Repubblica Ceca, Grecia, Isole Reunion, Olanda, Finlandia.
Si comincia con tools per il coding:
Scratch
Scratch si può anche scaricare ma l’uso migliore per poter condividere lavori è la versione online.
Conviene loggarsi anche se non è indispensabile, ma è l’unico modo x salvare.
Snap.berkley.edu per studenti più adulti
In Scratch a sinistra nello schermo ? ci sono tutti i tutorial.
Una immagine può essere visualizzata come Bmap or vector mode (a bitmap image when you increase the size the image is ugly, but when you use vector mode it creates the image starting from the formula and keeps its shape better).
BLOCKY
https://blockly-demo.appspot.com/static/demos/code/index.html
qui puoi vedere la traduzione in linguaggio partendo dai blocchi di programmazione.
MAKEY MAKEY
Programma utilizzabile insieme ad una scheda che si connette al PC via usb (costo scheda poche decine di euro). La scheda riproduce le azioni del mouse e dei tasti freccia. Si può chiudere il circuito con le dita.
http:/makeymakey.com/piano/ per suonare il piano con makeymakey (frecce e barra spaziatrice).
Shrimpkey ti insegna a costruirti la scheda makeymakey (ma la scheda è più brutta).
Nel gioco frogger (fatto in scratch) Si può realizzare una rana in origami e usarla con makeymekey connettendogli il connettore alla scheda e facendo salta realmente la rana anziché usando solo la barra spaziatrice.
Microbit
Codebug
IDEA: proporre un progetto che crea la necessità di apprendere un concetto e non il contrario. Esempio se dobbiamo far ripetere la stessa operazione alla rana, allora dobbiamo introdurre il concetto di iterazione.
Tools per la creazione di siti web.
WIX (wysiwyg= uisiuig)
Per integrare html codice di scratch (andare in scretch e cliccare su INCLUDI) e fare copia (solo se hai pubblicato lo scratch).
Per integrarlo: ADD more HTML code Enter code poi paste the code.opy enbed code (aggiustare la dimensione se necessario)
Per mettere una mappa: Add contact
Per mettere un link: seleziona il testo, right click, click sull’icona del link ipertestuale e poi inserisci l’indirizzo del sito.
Breve descrizione di cosa sia HTML:
HTML (hyper text marker language)
⦁ Css styling
⦁ Html content
⦁ Javascript per costruire pagine interattive
https://dash.generalassemb.ly/projects permette di scegliere dei template e di vedere nello stesso tempo codice ed effetto
https://jsfiddle.net/ permette di inserire in 3 finestre: body css e vedere l’effetto nella terza (moolto interessante)
vediamo il sito della collega finlandese realizzato con WIX ringamari.wixsite.com/aland
Altri links utili:
Coding in Social Studies: http://scratched.gse.harvard.edu/resources/all Scretch teacher accounts
Javascript: https://repl.it/DuUZ/1
http://silentteacher.toxicode.fr/
https://flukeout.github.io/
https://codecombat.com/ qui scrivi il codice e l’eroe segue le istruzioni
https://www.codeavengers.com/
https://www.codecademy.com/ un po’ più per adulti
Htmlhas no logic, css has non logic but javscritp reacts, has logic
European school net presentation:
19th century schools: no talking, no sharing, listen, no collaboration, same for all, memorize!, no moving.
In 2030 simply knowing facts will have little value.
21st century skills: critical thinking, personal and social responsibility, collaboration, digital competences, communication, learning to learn…
Different areas called learning zones:
⦁ Investigates: do researches, collect information,
⦁ Create: create something by themselves
⦁ Exchange: developing cooperative skill (especially for teachers!!!)
⦁ Develop: informal way to rethink on stuffs, is a no teacher controlled area.
⦁ Interact: place where which more represents a regular classroom
⦁ Present: show the outcome of a project
Flexible learning space: a space to promote discussion.
"Any teacher that can be replaced by a computer deserves to be"
//bit.ly/fcl17oct sticky moose
18/10/2016
Meeting alla Microsoft
OECD report: teacher will drive this transformation
Photo Pope GP2 and Francesco (con e senza smartphone)…smth is changing
Your students are learning/studying without us.
Too much focus on devices. That works but only at the beginning.
Innovation does not equal transformation. (ebook used as a book)
Use data to drive decision.
Tools:
Onenote disponibile su tutte le piattaforme.
Google classroom
Minecraft
Microbit
“Our journey is powered by data” Data is not sniffed or anasysed.
Office mix per flipped classroom (con tutta le info sulle visite e tempo speso su ciascuna slide) anche per aggiungere tests. Può essere esportato come video oppure embedded in un sito.
Office 365 free for schools. Deve essere fatto in nome della scuola altrimenti non è gratuito.
Onenote per prendere appunti durante le riunioni. Si possono registrare le riunioni e scrivere appunti e sincronizzarli con la registrazione.
Posso inserire il testo e avere una lettura automatica (tipo Carlo). Si possono sottolineare i verbi, i nomi….
App for smartphone che contiene un OCR e permette di scaricare il testo direttamente in onenote.
Project Murphy
SWay for story telling
https://hourofcode.com/it
Si deve imparare a programmare non solo per diventare programmatori ma come si impara il latino, solo per sviluppare la logica.
https://code.org/mc minecraft programmino.
Multitasking is bullshit: numeri da 1-25 e Windows 10 is amazing!
Kodu
Aggiungi Kodu e un rover e dare istruzioni a kodu e al rover: gli oggetti si muovono solo seguendo le istruzioni.
La salle Saint Charles (la reniuon isleland)
Onenote:
forms per preparare forms
word online
https://www.touchdevelop.com/ x costruire app
bnizet@microsoft.com
#MIExpert education.microsoft.com
minecraft.com (education versio only with W10)
office live file diario bruxelles
19/10/2016
ICT without a PC
http://csunplugged.org/
Sorting, binary numbers, modems functioning.
Ordinamento con i foglietti di carta al posto del tappeto con i quadrati.
Binary numbers to represent each age.
Explaination about binary numbers: In decimal numbers we start from 0 then 1,2 when we've got a 9 we continue by putting a 1 besides.
Game to create binary numbers with people with labels (1 2 4 8 16...) or to translate to decimal ones.
STORY TELLING
https://twinery.org/ To create branching stories
can be used online or offline.We used it online and started to create a story. You can add images and sounds Not so easy to use...it needs HTML coding to add them :-((
http://www.grsites.com/archive/sounds/category/25/?offset=0 site to find free sounds
when you create a twine file we have to publish to File and then drag it to philome.la (too complicated).
It's better to play the story, copy the url during playing, then insert as a "Embed a site" in Wix site.
In this way the html file will be downloaded and you can copy and paste in a Wix page , for example.
http://adarkroom.doublespeakgames.com/ very interesting way to following a story which is going on and on depending on the choices taken before.
Utile per la comprensione della lingua inglese
Pomeriggio
MINDSORM: gara con i robottini, estremamente divertente
Challange1 andare avanti e indietro per 1 metro
Challange2: percorrere un quadrato
Challange3: partire girare intorno ad una sedia e poi tornare al punto di partenza
Challange4 con gara: percorso a zig zag realizzato con lo scotch sul tappeto e con ostacoli (andata e ritorno)
20/10/2016
HACKATHON
Prima di tutto: votazione su mentimeter. Digital Citizenship a quali keyword può essere connessa?
Gli output della votazione, anzichè in diagrammi a barre vengono forniti in Wordle. Digital Citizenship appare grande perchè è stata messa 5 volte dall'autore che ha votato.
https://codekingdoms.com/
http://www.codebug.org.uk/ funziona con una sorta di badge a forma di coccinella dotata di led programmabili
https://www.microbit.co.uk/create-code funziona con una sorta di badge dotata di led (della macrobit) con una semplice interfaccia che può essere programmata led by led. (simile a codebug)
Idea1: City Walking Tour using Scratch and Kinect camera. With the camera we can slide images.
Idea2: Quiz using Scratch (or better a quiz maker)
Idea3: Create a game to teach exadecimal numbers to students es: RGB-----> #123423
A story in Twine
to cut images pixelr.com
to scroll backgrounds https://scratch.mit.edu/projects/574540/#editor
learningapps.com per creare quiz da fare a casa
21/10/2016
Google Schetch up
App Inventor
http://appinventor.mit.edu/explore/
Per loggarsi occorre un Google ID.
Shaker cat:
Aggiungere tra i sensori l'accelerometro: è un componente non visibile.
I metodi relativi all'accelerometro sono nella categoria AccelerometerSensor
Per inserire un suono, vado nella categoria suoni, poi posso cercare un suono che ho già scaricato e farne l'upload e poi inserirlo nelle proprietà del file.
La call al play Miao è nella categoria sounds
Occorre sempre lavorare da sinistra a dx: prima prendo gli oggetti dalla Palette, li sistemo dello schermo, eseguo eventuali uploading, e poi li collego alle proprietàdell'oggetto.
Per salvare la app permanentemente sul telefono:
Può essere necessario sbloccare il telefono per permettere il download di app nuove.
Non è possibile inserire queste app in un sito, ma solo scaricarlo sul proprio PC e poi scaricarlo in modo permanenten sul telefono.
Voice recogniction http://tiny.cc/fclapp or
https://docs.google.com/document/d/1JB0wugR9iO_5qvelaNlTUfw-zt8KguN32EaFOBVKN20/edit for the instructions
Per aggiungere canvas Drawing and Animation e nell proprietà Fill parents per fare in modo che riempia tutta la schermata.
Sketch up ( TinkerCad)
http://www.3dvinci.net/teacherguide/teacherguide.htm
Prendono da Google Earth una immagine vera, la disegnano in 3_D e poi la mettono in GoogleEarth.
TinkerCad
Specialmente usato per le stampanti 3D. è on line.
https://www.tinkercad.com/
usato per oggetti non necessariamente con forme regolari.
https://blog.tinkercad.com/keyboard-shortcuts/
Lesson plan
http://deontdekfabriek.nl/