ATELIERS WEB : création d'un site web enfants de CM2

Transcription

1 ATELIERS WEB : création d'un site web enfants de CM2 ateliers de 2h en ½ groupe de 12 #0 Travail préalable avec la classe et la maîtresse : navigation sur internet, analyse de sites, dessin de maquettes de site #1 - paramétrage JOOMLA : rubriques, sous rubrique - écriture d'article dans OpenOffice - début carnet de bord de «passation» : une partie de joomla des enfants pour les futurs enfants #2 - paramétrage JOOMla : IMAGE BANDEAU SUP - écriture d'article dans OpenOffice article dans JOOMLA - début carnet de bord de «passation» : une partie de joomla des enfants pour les futurs enfants #3 - Charte graphique et rédaction d'articles #4 rédaction d'articles #5 Finalisation : intégration charte graphique et modules finalisation des articles

2 #1 2X 12 enfants (G1 = groupe première heure, G2 = groupe deuxième heure, g...= sous-groupes) (G1) atelier 1 : 9h30-10h30 (G2) atelier2 : 10h45-11h45 ou 11h-12h CONTENU : Prise en main de l'interface de gestion du site : début du «carnet du rédacteur» Création des profils rédacteurs travail sur l'image bandeau du site mise en place du menu de navigation. 6 portables 1 scan tablette graphique WINDOWS / LINUX GIMP, OPenOFFICE DEROULE : G1,g1 : création des profils des rédacteurs : tableau mise en place des rubriques : définition des SECTIONS / CATEGORIES Quel premier article? : la travail déjà effectué en classe lors de la phase d'observation (scan de dessins...) G1, g2 : travail sur le graphisme : le bandeau supérieur (300x97) les couleurs du site Photographier l'école, et les gens qui y travaillent G2,g1 : création des profils des rédacteurs mise en place des rubriques premier article G2, g2: travail sur le graphisme : le bandeau supérieur (500x97) les couleurs du site Photographier l'école, et les gens qui y travaillent apprendre à utiliser le clavier, la souris

3 #2 2X 12 enfants (G1 = groupe première heure, G2 = groupe deuxième heure, g...= sous-groupes) PLANNING MATINEE : TEMPS COMMUN : 9h30-10h00 (la classe) (G1) atelier A-B : 10h00-11h00 (6+6 enfants) (G2) atelier A-B: 11h00-12h00 (6+6 enfants) CONTENU MATINEE : TEMPS COMMUN : validation des rubriques du site ATELIER A (6 enfants): Prise en main de l'interface de gestion du site : - suite du «carnet du rédacteur» : article à réaliser comment enregistrer un nouveau rédacteur? - Structure du site : Discussion autour du classement des informations du site, création est Sections et catégories du site, d'après la proposition initiale des élèves. Création du menu principal des rubriques : organisation et formatage des noms de rubriques. Rédaction d'un article - article : Suite et fin de l'article Préambule (textes et images) : article à plusieurs mains commencé par Flavie ATELIER B (6 enfants) : recherches autour du bandeau supérieur du site (600x97 px) : nature, couleurs, typographie... (logiciel : GIMP) Préparation des images pour le site (Largeur max : 500 px, résolution 72...) (logiciel GIMP) Travail sur l'habillage du site : papier crayon + ordinateur : quelles couleurs, quelles images (logiciel SUMO) 6 portables 1 scan tablette graphique WINDOWS / LINUX GIMP, OpenOFFICE, SUMO hiérarchiser l'information

4 #3 18 enfants concernés * PLANNING MATINEE : G1 : 9h30-12h00 : traitement des images et charte graphique G2 : 9h30 10h30 : Rédaction d'articles G3 : 11h00 12h : Rédaction d'articles CONTENU ET ORGANISATION MATINEE : G1 : travail sur la totalité de la matinée / effectif : 6 enfants / définition de la charte graphique du site : couleurs et bandeau supérieur production et classification de l'iconographie du site recherches autour du bandeau supérieur du site (600x97 px) : nature, couleurs, typographie... (logiciel : GIMP) Préparation des images pour le site (Largeur max : 500 px, résolution 72...) (logiciel GIMP) Groupe de 6 volontaires à constitué à l'avance. G2 : travail sur une partie de la matinée (1h) / effectif : 6 enfants / G3 : travail sur une partie de la matinée (1h) / effectif : 6 enfants / 6 portables 1 scan tablette graphique WINDOWS / LINUX GIMP, OpenOFFICE, SUMO hiérarchiser l'information maîtrise du clavier * Les enfants qui ne passeront pas cette matinée dans un des ateliers seront prioritaires pour les suivants.

5 #4 18 enfants concernés * PLANNING MATINEE : G1 : 9h30-12h00 : traitement des images classification par SECTIONS et CATEGORIES DU SITE G2 : 9h30 10h30 : Rédaction d'articles : fin d'articles en cours G3 : 11h00 12h : Rédaction d'articles : fin d'articles en cours CONTENU ET ORGANISATION MATINEE : La charte graphique du site a été définie lors de la précédente séance, elle a été intégrée au site en modifiant le layout.css du modèle par défaut du site joomla (modèle BEEZ). G1 : travail sur la totalité de la matinée / effectif : 6 enfants / production et classification de l'iconographie du site recherches autour du bandeau supérieur du site (600x97 px) : nature, couleurs, typographie... (logiciel : GIMP) Préparation des images pour le site (Largeur max : 500 px, résolution 72...) (logiciel GIMP) Groupe de 6 volontaires à constitué à l'avance. G2 : travail sur une partie de la matinée (1h) / effectif : 6 enfants / G3 : travail sur une partie de la matinée (1h) / effectif : 6 enfants / 6 portables WINDOWS / LINUX GIMP, OpenOFFICE hiérarchiser l'information maîtrise du clavier rédaction d'articles : plan et développement * Les enfants qui ne passeront pas cette matinée dans un des ateliers seront prioritaires pour les suivants.

6 #5 intégration charte graphique : image bandeau... menu déroulant vertical mentions légales : bas de page avec mention des autorisations de photos téléchargement des photos en demande : - double dutch, tracteurs, Arthur... utilisation du plug'ing GOOGLE MAP préparation de l'importation des photo dans joomla (création des dossiers...) finalisation du carnet du rédacteur la séance #5 est consacrée à la finalisation des articles en cours, au classement et téléchargement des photos répertoriées.