1 Une expérience ISN en Première au lycée Jacques Monod de Clamart Véronique Royer INRIA Rocquencourt 4 avril 2012

Présentation au sujet: "1 Une expérience ISN en Première au lycée Jacques Monod de Clamart Véronique Royer INRIA Rocquencourt 4 avril 2012"— Transcription de la présentation:

1 1 Une expérience ISN en Première au lycée Jacques Monod de Clamart Véronique Royer INRIA Rocquencourt 4 avril 2012 royer.veronique@orange.fr http://www.lyc-monod-clamart.ac-versailles.fr royer.veronique@orange.fr

2 2 Combien, quand? 18 élèves volontaires à la rentrée issus de plusieurs classes de Première 14 élèves en moyenne à chaque séance tous les mercredis de 12h à 14h des filles aussi ; pas de „geek“

3 3 Comment ? 30 mn de „lancement“ puis travail en salle informatique. Un parti-pris en 1ère : privilégier les TP langage unique de programmation PHP. éléments de L.P. introduits au fur et à mesure dans les TP Pas de devoir à la maison... Du „macro“ (web) au „micro“(numérisation)

4 4 Pourquoi l'expé. ISN ? Un vécu professionnel Une population cible à Monod Une conviction personnelle De la „pédagogie par projets“ „Dualité“ : Réfléchir et Réaliser Maths & Technologie

5 5 MODULE 1: Pages WEB statiques Langage HTML Feuilles de styles CSS Travail par binômes Thème : la recette d'un gâteau au chocolat 2 séances (2 x 2h) http://www.siteduzero.com : comment-fait-on- pour-creer-des-sites-web

6 6 TP1- HTML: Recette du gâteau au chocolat ● Au video : analyse d'une page HTML courte ● On explique et on décode les „balises“ ● A l'ordinateur, par groupes de deux : ● à partir d'un fichier recette.txt donné ● mise en page et en forme HTML ● Apprentissage : hyperliens / insertion d'images / ● couleurs et polices / background

7 7 TP2-CSS: le gâteau encore ● Au video : rendu attendu = structure en 3 blocs ● Analyse d'un code CSS ● A l'ordinateur : une première feuille de style est proposée ; à étendre et modifier... ● Bilan : ● des choix des couleurs + ou – flashy en fonction des personnalités ; ● des binômes plus rapides que d'autres ; ● Personne n'aurait pensé à tester la recette ?!

8 8 Module 2 : Pages WEB dynamiques Les formulaires en HTML Notion de client – serveur EasyPHP installé en salle info. (≈1h) Premiers pas en PHP (www.siteduzero.com) TP3 (2x2h): un exercice de maths interactif TP4 (3x2h): un jeu interactif avec des dés

9 9 TP3 – un peu de PHP et de formulaire ● Un entier aléatoire n est généré (fonction „random“ ) ● Un champ de réponse demandant le carré de n ● (, ….) ● Récupération de la réponse et feedback adapté ● (envois de variable entre pages, $_GET[...] ) ● L.P. : déclaration ; if-then-else

10 10 TP4 – Un jeu (trop) ambitieux qui jette un certain froid... ● Où la prof. a pensé que les élèves étaient „mûrs“ ● Où la prof. constate qu'il n'en est rien ! ● L.P. Introduction de deux concepts nouveaux : – la notion de fonction : déclaration ; appel – la notion de boucle FOR ● Grosse Panique chez les élèves … ● On ralentit le rythme, on prend une séance de plus, et on va corriger tous les élèves un à un...

11 11 TP4 - Bilan ● Militer auprès des collègues pour qu'ils „fassent“ des boucles, dès la Seconde. ● La notion de fonction n'est pas naturelle : – Confusion entre déclaration et exécution... – Passage d'arguments ; Nommage des variables ● Liste – Tableaux (array) : difficile en 1ère pour ceux qui nont pas encore appris les suites ● Besoin de „cours“ et TD pour poser les notions

12 12 Module 3 : Algorithmes TP5 : Test de primalité : à la calculette d'abord TP6 : Trier une liste (tri par sélection) TP7 : Rechercher dans une liste (recherche par dichotomie) L.P. Instructions de boucle WHILE / FOR On glisse un mot sur la complexité

13 13 TP6 &7: Listes, tri et recherche ● On débranche, on manipule pour comprendre : ✔ http://csunplugged.org/sorting-algorithms (+english) http://csunplugged.org/sorting-algorithms ✔ Knight School 2009 : Algorithmic Thinkink (no english) Knight School 2009 : Algorithmic Thinkink ✔ Lego Bubble sort (youtube est une mine!)Lego Bubble sort ● Recherche „sur table“ avec des gobelets ! ● Des animations: http://www.sorting-algorithms.com/

14 14 Module 4 : Représentation de l'information Représentation binaire de l'information Représentation des images TP8 les images PGM (niveaux de gris) TP9 les images couleurs (JPEG) TP10 le dessin vectoriel (Flocon de Koch) L.P. Introduction aux fonctions récursives TP11 : dessin 3D (blender par les élèves)

15 15 Representation binaire ● Opération pub pour la Spé ISN en Terminale : ● le codage binaire et la table ASCII en 1h, dans toutes les classes de Première (en AP maths) ● Succès assuré : les bits incarnés par des élèves ! Computer Science Unplugged Computer Science Unplugged ● Une séquence facile à préparer... et ludique ● Notepad++ : convertisseur ASCII– hex ● 68656C6C6F20E020746F75732021 = hello à tous

16 16 Codage sur 5 bits … au tableau

17 17 TP10: Image et Récursivité ● Un thème classique : le flocon de Von Koch ● On trouve tout sur le net ! ● „Mais“ appropriation / reformulation : – récursivité : introduction sur des exemples (n!, x^n) – test / réécriture d'un programme dessinant le flocon, – mise en séquence de l'activité élève, ● ≈ 4h de travail professeur ● pour deux séances de 2h élève

18 18 TP10: koch(segment) Algorithme koch(A,B) si condition_arrêt alors tracer le segment [AB] sinon déterminer C point au tiers de [AB] déterminer E sommet du triangle généré sur le tiers central de [AB] déterminer D point au deux tiers de [AB] koch (A,C) koch (C,E) koch (C,D) koch (D,B) fin_si

19 19 TP10: flocon ou autre... Faire tester par les élèves

20 20 Il reste à faire... beaucoup (trop ?) Bases de données ( TP12 ) Structuration de l'information : Codage / compression (TP13) Architecture : Circuits logiques (TP14) Réseau : (cours / exposés et TD )