présentation #wallcode

69
Opération #Wallcode. Apprendre à coder pour ne pas être programmé ! 21 - 25 novembre 2016 https://www.digitalwallonia.be/wallcode/

Upload: agence-du-numerique-adn

Post on 09-Jan-2017

148 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Présentation #Wallcode

Opération #Wallcode. Apprendre à coder pour ne pas être programmé !21 - 25 novembre 2016https://www.digitalwallonia.be/wallcode/

Page 2: Présentation #Wallcode

Réunion de coordination et formation des animateurs #Wallcode.

Page 3: Présentation #Wallcode

• Pourquoi enseigner la programmation ? • Comment préparer votre animation ? • Les outils

• Connectés/Déconnectés • Maternelle/Primaire/Secondaire/Et + • Débutants/Avancés/Experts

• Et après #WallCode ? • Bonus ! • Pratique

Page 4: Présentation #Wallcode

https://goo.gl/ywohv4 https://drive.google.com/drive/folders/

0B3fXuF15G2V0Q2lBLUFtcVdzZGc

Page 5: Présentation #Wallcode

Pourquoi enseigner la programmation ?

Pourquoi pas (encore) ?https://www.digitalwallonia.be/wallcode/

Page 6: Présentation #Wallcode
Page 7: Présentation #Wallcode

Pour moi (matières)

Nouvelle langue(nouveau langage)

LogiqueFrançais

Mathématiques

Géométrie

…Nouvelles technologies

Page 8: Présentation #Wallcode

http://www.clubcode.org/#!programme/cjn9 http://magicmakers.fr/approche-pedagogique http://lesclesdedemain.lemonde.fr/point-de-vue-influenceur/code-creatif-le-pilier-oublie-de-la-programmation-a-l-ecole_a-94-5289.html

Identification de problème, et formulation de solution Communication Expérimentation

Pensée critique (médias) Qualités personnelles et d’entraide

Responsabilité et Adaptabilité Curiosité intellectuelle

… S’amuser

Créativité (science / entreprise)

Mais aussi

Page 9: Présentation #Wallcode
Page 10: Présentation #Wallcode
Page 11: Présentation #Wallcode
Page 12: Présentation #Wallcode
Page 13: Présentation #Wallcode
Page 14: Présentation #Wallcode
Page 15: Présentation #Wallcode
Page 16: Présentation #Wallcode
Page 17: Présentation #Wallcode

Comment préparer

votre animation ?https://hourofcode.com/us/fr/how-to

Page 18: Présentation #Wallcode
Page 19: Présentation #Wallcode

https://code.org/learn

Page 20: Présentation #Wallcode
Page 21: Présentation #Wallcode

D’autres outils !

Page 22: Présentation #Wallcode

https://csedweek.org/unplugged/thinkersmith

Page 23: Présentation #Wallcode

https://code.org/curriculum/course2/1/Teacher

Page 24: Présentation #Wallcode

http://helloruby.com https://www.kickstarter.com/projects/lindaliukas/hello-ruby/description

Page 25: Présentation #Wallcode

COMpUTER CaSE

COMPoNENTs OPERatING sYSTEM

kEyBOARD

wEBsITE

STIckERS

FILES

RA

MH

AR

D DR

IVE

CPU

GPU

RO

M

http://www.helloruby.com/play

Page 26: Présentation #Wallcode

http://drtechniko.com

Page 27: Présentation #Wallcode
Page 28: Présentation #Wallcode
Page 29: Présentation #Wallcode

http://snap.berkeley.edu

Page 30: Présentation #Wallcode
Page 31: Présentation #Wallcode

Mallette pédagogique d’éveil à la créativité numérique

http://cyberpack.numediart.org

Page 32: Présentation #Wallcode

10

10

20

2030

4050

6070

8090

100110

120130

140150

160170

180190

200210

220230

240250

260270

280290

300310

320330

340350

360370

380390

400

3040

5060

7080

90100

110120

130140

150160

170180

190200

210220

230240

250260

270280

290300

310320

330340

350360

370380

3904000,0

400,400

DémarrerLa scènesize(largeur,hauteur);size(400,400);

Les formesLe pointpoint(x,y);

La ligneline(x1,y1,x2,y2);

Le rectanglerect(x,y,largeur,hauteur);

L’ellipseellipse(x,y,largeur,hauteur);

Le triangletriangle(x1,y1,x2,y2,x3,y3);

Le quadrilatèrequad(x1,y1,x2,y2,x3,y3,x4,y4);

CouleurMenu > Tools > Color Selector

Le remplissagefill(rouge,vert,bleu);fill(#000000); (hexadecimal)noFill(); (pas de remplissage)

Le contourstroke(rouge,vert,bleu);stroke(#000000); (hexadecimal)noStroke(); (pas de contour)strokeWeight(x); (épaisseur)

largeur

x,y

hauteur

x,y

x,y

x1,y1

x2,y2

x3,y3x1,y1

x1,y1 x2,y2

x3,y3x4,y4

x2,y2

largeur

largeur

hauteur

hauteur

Mallette pédagogique d’éveil à la créativité numériqueGratuite et en téléchargement librehttp://cyberpack.numediart.org

Page 33: Présentation #Wallcode
Page 34: Présentation #Wallcode
Page 35: Présentation #Wallcode

3ème exercice Animation de poissonssuivant la souris

Page 36: Présentation #Wallcode

CYBERPACK, c’est aussi ?

Des exercices

Page 37: Présentation #Wallcode

http://blockly-games.appspot.com

Page 38: Présentation #Wallcode
Page 39: Présentation #Wallcode

http://kodugamelab.com

Page 40: Présentation #Wallcode
Page 41: Présentation #Wallcode

https://www.allcancode.com/web

Page 42: Présentation #Wallcode
Page 43: Présentation #Wallcode

http://thefoos.com

Page 44: Présentation #Wallcode
Page 45: Présentation #Wallcode

http://kodable.com

Page 46: Présentation #Wallcode
Page 47: Présentation #Wallcode

http://codecombat.com

Page 48: Présentation #Wallcode
Page 49: Présentation #Wallcode
Page 50: Présentation #Wallcode

http://tynker.com

Page 51: Présentation #Wallcode

http://appinventor.mit.edu

Page 52: Présentation #Wallcode

http://lightbot.com/hour-of-code-2015-flash.html

Page 53: Présentation #Wallcode
Page 54: Présentation #Wallcode

Et après ?

Page 55: Présentation #Wallcode
Page 56: Présentation #Wallcode

http://mindstorms.lego.com

Page 57: Présentation #Wallcode

http://mindstorms.lego.com

Page 58: Présentation #Wallcode

http://bee-bot.us

Page 59: Présentation #Wallcode

http://thymio.org

Page 60: Présentation #Wallcode

http://mirobot.io

Page 61: Présentation #Wallcode

http://makeblock.com

Page 62: Présentation #Wallcode

http://ozobot.com

Page 63: Présentation #Wallcode

http://littlebits.cc

Page 64: Présentation #Wallcode

https://www.microbit.co.uk

Page 65: Présentation #Wallcode

https://www.arduino.cc

Page 66: Présentation #Wallcode

http://eu.kano.me

Page 67: Présentation #Wallcode

http://eu.kano.me

Page 68: Présentation #Wallcode

Des outils, app, tutoriaux,…. pour apprendre le code !

APPRENDRE À PROGRAMMER AUX ENFANTS, COMMENT FAIRE ? http://edupronet.com/preparer-les-eleves-a-produire-des-contenus-numeriques/

https://github.com/elefevre/programmation-pour-les-enfants/ http://www.geekjunior.fr/apprendre-a-coder-programmer-50-ressources-enfant-ados-4376/