territoires21.org > Nos activités > Multimédia jeunesse > Atelier création de site web

Atelier création de site web


Pendant plus de 4 mois, Territoires 21 a accompagné un groupe d'élèves d'une classe de Segpa de Noisy-le-Sec dans leur réalisation d'un site web de A à Z, dans le cadre d'un projet mené avec la médiathèque Roger Gouhier de la ville. Quatre mois pour imaginer, créer, fabriquer, développer et mettre en ligne leur réalisation : Le fil d'Aline, un site web sur l'univers de l'auteur jeunesse Aline Ahond. Petit récit de cette aventure.

Les jeunes

Ils s'appellent Adam, Alphonso, Bourama, Djibril, D-Yka, Fatma, Jessica, Johanne, Lagui, Nali, Sébastien et Thamrati, ils ont 12, 13 ou 14 ans mais sont en 6ème Segpa dans un collège de Noisy-le-Sec, une classe à petit effectif où ils reçoivent une éducation adaptée à leurs difficultés scolaires. Chaque jeudi, avec leur professeur de français, ils sont venus à la médiathèque pour "faire un site Internet" pendant 2 heures. Entourée de Cyril, Sonia et Stéphane, animateurs multimédia de la médiathèque, il a d'abord fallu apprivoiser ce groupe, protéger par le cocon de la classe où chaque enfant a une histoire, un passé où l'on sent bien que les difficultés ne sont pas seulement scolaires. Mais nous avions une volonté et un objectif : leur faire créer un site

Aline Ahond
Pourquoi un site autour d'un auteur ? Pour réaliser une création multimédia en complémentarité avec l'univers du livre, qui pourrait être le support d'ateliers menés conjointement avec les services multimédia et jeunesse de la médiathèque
Pourquoi le choix de cet artiste ? Aline Ahond est une auteur et illustratrice jeunesse qui a publié essentiellement aux éditions Memo. Pour ses illustrations, elles utilisent la technique du collage et la superposition de plaques de verre qu'elle photographie de haut, jouant sur la mise au point et la perspective pour donner de la profondeur aux images.
Les calques, utilisés dans les logiciels de retouche d'images comme Gimp (logiciel libre utilisé pour l'atelier) ou le logiciel d'animation Flash, permettaient aux jeunes de d'appréhender cette technique tout en s'initiant à de nouveaux outils de création numérique.

Les ateliers

Au départ, nous avions la volonté que les jeunes réalisent la majorité du site, de sa conception à sa réalisation mais nous avons dû rapidement nous adapter aux capacités du groupe, très hétérogène dans sa motivation et ses compétences. Il nous a fallu plusieurs séances pour comprendre qu'il fallait mieux partager le travail en petits groupes et que certaines fortes personnalités empêchaient des créativités de se révéler.
Nous pensions pouvoir rapidement entrer en phase de conception, mais nous avons passé plusieurs séances à découvrir avec eux des sites, expliquer les notions de liens, d'arborescence, repérer les éléments de navigation.
Nous pensions que leur imagination serait débordante, mais ces jeunes au quotidien difficile ont eu beaucoup de mal à aller sur le chemin de l'imaginaire, du ludique, de l'abstraction. Il a fallu prendre son temps, les guider, lever des freins, progressivement.
Nous pensions les initier à  la retouche d'image, l'animation web, mais chaque semaine, nous avons répété les étapes d'ouverture d'un fichier dans le logiciel Gimp.
Nous pensions leur donner de l'envie, de l'enthousiasme, de la valorisation, mais il y avait beaucoup de pudeur, beaucoup de difficultés aussi à exprimer leurs émotions. Et c'est dans leur page de crédit, la dernière réalisée, que nous avons découvert que cette activité leur avait plu, que certains avaient téléchargé le logiciel Gimp chez eux et pousuivaient leur initiation à la retouche d'image, qu'on a pu lire un "merci".
"Tu sais, m'as dit Jessica, j'ai mis le logiciel sur mon ordinateur, mais c'est dommage, il n'y a pas les images d'Aline dedans".
Ces ateliers nous ont beaucoup fait réfléchir sur la notion de médiation,  sur nos modèles d'animations et nos idées préconçues.

Le site

Au final, ils sont fiers de ce site car ils en ont imaginé les rubriques, le titre, les jeux, ils ont appris à découper des images sur un logiciel, à les coller sur un décor, à placer des liens sur du texte ou des images. Ils n'ont pas réaliser le développement technique des jeux mais ils ont appris la construction et l'organisation d'un site et le travail des images en vue d'une publication. Ils ont aussi appris le travail collaboratif, la répartition des tâches et la notion de rôle et de responsabilité dans un travail d'équipe.

Les jeux


Le jeu des triplés leur a été inspiré par deux images du livre l'Hippopodame d'Aline Ahond qui représentent des petites filles costumées avec la technique du collage. Il était tentant de les interchanger. C'est eux qui ont découpé têtes, troncs et jambes pour les combiner, chacun ayant un rôle bien défini et essentiel dans la bonne réalisation du jeu.

Le jeu des expressions leur a pris beaucoup de temps. Dans le livre Fil à la patte, Aline Ahond utilise plusieurs expressions autour du fil. Ayant consulté un site où figurait un jeu associant des images et des expressions, ils ont pensé que le même type d'exercice pourrait être proposé. Quand nous avons discuté avec eux de ces expressions, nous nous sommes rendus compte que très peu connaissaient leur sens, et qu'ils en donnaient des définitions très concrètes et souvent amusantes. Avec leur accord, nous avons décidé dans le jeu de confronter les définitions du dictionnaire avec la fraîcheur de leurs propres définitions. Et ce sont eux qui ont choisi les expressions à garder et les images à y associer.

Succès avec le jeu Où est Fil à la patte : il a été entièrement réalisé par les élèves. Ayant appris à détourer un objet d'une image sur Gimp, chaque jeune à découpé le chien Fil à la patte pour le cacher dans le décor de son choix. Chacun a ensuite été placé le lien sur le bon emplacement du chien, permettant ainsi de passer à la page suivante, grâce au logiciel libre Komposer.

Pour la réalisation des puzzles, ils ont redimensionné, découpé les images et ont souhaité qu'il y ait trois niveaux de difficultés.

Le jeu Mon image est une surprise que nous leur avons réservé. Un jeu qu'ils souhaitaient voir sur le site mais que nous n'avons pu développer avec eux par manque de temps.

Un site et une exposition

Les élèves, sur leur 31, ont fièrement présentés leur site au maire, à leur chef d'établissement, à leurs parents lors de l'inauguration officielle le 27 mai à la médiathèque Roger Gouhier. Certains avaient offerts l'invitation (créée par eux également) à leurs voisins, d'autres l'avaient affichée dans le hall de leur immeuble.
Le site s'accompagne d'une exposition des ouvrages d'Aline Ahond et des créations qu'elle a réalisées à partir des portraits des élèves. Une exposition à découvrir jusqu'au 5 juillet et un site à consulter en ligne à cette adresse : http://www.mediatheque-noisylesec.org/lefildaline/