Opération #WallCode. Apprendre à coder pour ne pas être programmé ! Présentation le 16 novembre 2016 au Parlement de Wallonie

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

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

3. • 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

4. https://goo.gl/ywohv4
https://drive.google.com/drive/folders/
0B3fXuF15G2V0Q2lBLUFtcVdzZGc

5. Pourquoi
enseigner la programmation ?
Pourquoi pas (encore) ?
https://www.digitalwallonia.be/wallcode/

7. Pour moi
(matières)
Nouvelle langue
(nouveau langage)
Logique
Français
Mathématiques
Géométrie
…
Nouvelles technologies

8. 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
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

17. Comment préparer
votre animation ?
https://hourofcode.com/us/fr/how-to

19. https://code.org/learn

21. D’autres outils !

22. https://csedweek.org/unplugged/thinkersmith

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

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

25. COMpUTER CaSE
COMPoNENTs OPERatING sYSTEM
kEyBOARD
wEBsITE
STIckERS
FILES
RAM
HARD
DRIVECPUGPUROM
http://www.helloruby.com/play

26. http://drtechniko.com

29. http://snap.berkeley.edu

31. Mallette pédagogique d’éveil
à la créativité numérique
http://cyberpack.numediart.org

32. 10
10
20
20
30
40
50
60
70
80
90
100
110
120
130
140
150
160
170
180
190
200
210
220
230
240
250
260
270
280
290
300
310
320
330
340
350
360
370
380
390
400
30
40
50
60
70
80
90
100
110
120
130
140
150
160
170
180
190
200
210
220
230
240
250
260
270
280
290
300
310
320
330
340
350
360
370
380
390
400
0,0
400,400
Démarrer
La scène
size(largeur,hauteur);
size(400,400);
Les formes
Le point
point(x,y);
La ligne
line(x1,y1,x2,y2);
Le rectangle
rect(x,y,largeur,hauteur);
L’ellipse
ellipse(x,y,largeur,hauteur);
Le triangle
triangle(x1,y1,x2,y2,x3,y3);
Le quadrilatère
quad(x1,y1,x2,y2,x3,y3,x4,y4);
Couleur
Menu > Tools > Color Selector
Le remplissage
fill(rouge,vert,bleu);
fill(#000000); (hexadecimal)
noFill(); (pas de remplissage)
Le contour
stroke(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,y3
x1,y1
x1,y1 x2,y2
x3,y3x4,y4
x2,y2
largeur
largeur
hauteur
hauteur
Mallette pédagogique d’éveil à la créativité numérique
Gratuite et en téléchargement libre
http://cyberpack.numediart.org

35. 3ème exercice
Animation de poissons
suivant la souris

36. CYBERPACK, c’est aussi ?
Des exercices

37. http://blockly-games.appspot.com

39. http://kodugamelab.com

41. https://www.allcancode.com/web

43. http://thefoos.com

45. http://kodable.com

47. http://codecombat.com

50. http://tynker.com

51. http://appinventor.mit.edu

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

54. Et après
?

56. http://mindstorms.lego.com

57. http://mindstorms.lego.com

58. http://bee-bot.us

59. http://thymio.org

60. http://mirobot.io

61. http://makeblock.com

62. http://ozobot.com

63. http://littlebits.cc

64. https://www.microbit.co.uk

65. https://www.arduino.cc

66. http://eu.kano.me

67. http://eu.kano.me

68. 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/

69. http://heureducode.be
@hourofcodebe
facebook.com/hourofcode.be
facebook.com/groups/733548296733193/
celine@heureducode.be
contact@heureducode.be
wallcode@digitalwallonia.be