#Cycle 1 - Echanges phocéens/SimplonMars Collège Prévet
Projet de médiation numérique entre 4 élèves de SimplonMars et 16 élèves de 4ème du collège Prévert à Marseille.
Pour plus de détails sur le déroulé des séances, RDV sur le Wiki.
Tuteurs :
Cheffe de projet :
##Séance 1 - 01/12/2016 : ###Métiers du web : À partir du métier de “développeur”, parler des possibilités qu’il peut y avoir: webdesigner, programmeur (“vulgariser” un peu le métier pour le simplifier et donner envie sans trop les perdre dans les détails) : Activités prévues : Développer dans un premier temps sur les métiers du web, afin d’introduire un petit jeu pour leur apprendre à programmer Webdesigner → créée des sites Web de manière “graphique” à l’aide de langages compris par le navigateur. Montrer Dev Tools, modifier quelques trucs pendant 5/10min Leur expliquer que nous produirons notre propre site dans la 2nde séance Programmeur : → Faire les 2 groupes de 5 et 1 groupe de 6 Passer la + grande partie de l’heure sur ce tuto studio-code https://studio.code.org/s/starwarsblocks/stage/1/puzzle/1 car + facile en prise en main que Scratch et possibilité de coder son propre mini-jeu à la fin Si certains sont plus rapides ils auront la possibilité de faire d’autres tutos dont ceux-ci : https://studio.code.org/flappy/1 / https://studio.code.org/s/mc/stage/1/puzzle/1 En fin de séance, leur donner des ressources pour aller plus loin → Jonathan Ressources : Rétroprojecteur , connexion à internet, navigateur web. Combien d’ordinateur par personne ?
##Séance 2 - 08/12/2016 : ###Production des élèves : Discussion en début de cours → Fausse page internet vs. Vraie page que nous aurons créé afin de les sensibiliser au fait que l’on peut facilement copier des pages web et dire n’importe quoi. Proposer de faire un site en HTML/CSS sur Thimble → répartition des élèves en groupes : nous pouvons faire un exemple d’une page sur un thème quelconque (une star, nous même, un animal) un peu type “réseau social” avec des infos, un nom, etc. Leur montrer notre produit fini, ensuite donner à chaque groupe un layout de base (où nous positionnons les sections, avec des marges, des bordures, des classes), ainsi qu’une liste de commandes qu’ils pourront utiliser (border, background-image, color, fonts, etc.) puis leur imposer des contraintes tirées au sort (une background image, une police, une couleur, etc.) et les aider pendant le reste de la séance à réaliser leur site.
- Il y aura 1 page par élève, mais les contraintes seront identiques pour chaque groupe.
- Nous pensons que pour avancer rapidement il faudra faire des séquences de 15min, avec un timing du genre : 15 minutes sur la contrainte n°1, et ainsi de suite. Avec ça nous pourrons avancer rapidement et ne pas les perdre en cours de route.
- Nous pouvons les mettre en compétition/groupe
Ressources : Rétroprojecteur , connexion à internet, navigateur web.
##Semaine 3 - 15/12/2016 : ###Présentation des projets : Rendus des projets, élection la meilleure page et distribution de bonbons ! Ressources : Ressources : Rétroprojecteur , connexion à internet, navigateur web., bonbons et cotillons