Les enseignantes présentent¹ leur démarche et offrent leurs conseils d’usage.

Les étudiants créent entièrement deux sites Web (leur site Web personnel et un site Web d’entreprise). Ils doivent respecter le contexte d’écriture Web et maîtriser certaines techniques d’automatisation des tâches graphiques (choix et personnalisation du thème) et techniques (intégration de diaporamas animés, vidéos, photos, portfolio électronique, liens hypertextes et widgets²).

Du Prof. 1.0 au Prof. 2.0

En choisissant Blogger³, nous écartions FrontPage⁴ l’éditeur Web que nous utilisions depuis plusieurs années. Avec FrontPage, nous nous heurtions à certaines limites de mise en page et de publication et nous souhaitions introduire un mode de travail 2.0.

Blogger qui est une application en ligne gratuite et sans publicité de Google favorise le partage d’information, l’écriture d’articles et de commentaires dans des blogues, ainsi que la collaboration entre les élèves. Il est important d’offrir aux élèves les avantages du Web 2.0 et de leur permettre de bâtir un site correspondant à la réalité du travail.

Exemple d’en-tête exécuté avec Pixlr

2. L’environnement Google

Avec leur compte Google, les étudiants peuvent faire usage de l’agenda, de l’album photo (Picasa Web) et même intégrer des vidéos YouTube et des cartes GoogleMaps à leur portail. Ils peuvent aussi, grâce à GoogleDocs, travailler en équipe avec des documents en ligne.

Vidéo de formation expliquant comment insérer une carte GoogleMaps dans le blogue.

À ne pas négliger également, la grande visibilité des sites de nos étudiants! Cela s’explique par les stratégies de référencement et de maillage externe fort efficaces que nous avons adoptées. Un grand merci à notre conseiller pédagogique TIC (CPTIC) d'alors, Khalid Gueddari, qui nous a permis de nous approprier toutes les notions du Web 2.0.

Nos étudiants sont encouragés à publier! Leurs blogues référencés apparaissent dans les résultats des moteurs de recherche, ce qui est bien et stimulant en soi. Ceci nous a amenées à les sensibiliser aux notions de réputation et identité 2.0 (chaque étudiant alimentait son blogue et pouvait partager ses articles sur Facebook et Twitter).

Notre démarche en action

Démarche recommandée pour un projet de site Web personnel

• Énoncer des règles de comportements claires au laboratoire
• Orchestrer le travail au laboratoire, notamment lors de l’enseignement théorique, avec un logiciel de contrôle d’écran ou de navigation tel que SynchronEyes
• Inclure des notes de cours et les procédures des tâches dans le site du cours
• Prévoir certaines formations en ligne à visionner avant le cours
• Proposer des modèles de blogues
• Effectuer les démos pas à pas avec les élèves
• Bâtir un cahier des charges avant de créer le site Web
• Suggérer des articles à lire qui sont préparatoires à la rédaction de leur propre article
• Demander de rédiger des articles sur des sujets divers
• Valoriser la qualité de la rédaction et du design Web
• Impliquer les étudiants dans des projets départementaux

Difficultés rencontrées et solutions

• Nombre insuffisant de commentaires. Solution? Jumeler les élèves afin d’assurer un nombre suffisant pour chacun.
• Qualité variable des commentaires anticipés. Solution? Émettre des directives précises et coercitives sur la nature des commentaires.
• Absences imprévues ou retard dans la publication des articles. Solution? Banque d’articles additionnels à commenter.
• Somme de travail considérable pour les élèves. Solution? Travailler en équipe.
• Absence de manuel d’utilisation de Blogger. Solution? Faire appel à son CPTIC.
  Rédaction de notes de cours.
• Mise à jour imprévue des outils en ligne ou application non fonctionnelle. Solution? Avoir des cours théoriques en banque.
• Évaluation finale basée sur un examen pratique. Solution? Lancer le défi d’une section additionnelle au blogue.
• Écart entre le caractère pratique des ateliers et la théorie. Solution? Développer des tests de révision avec Exam Studio et sur DECclic.
• Plagiat. Solution? Afficher les questions de manière aléatoire avec Exam Studio.

Un blogue « portfolio » en devenir⁵

Les étudiants vont étoffer leur blogue en 6^e session durant le cours Stage en milieu de travail (412-64A-FX) avec l’application Flickr. Le choix de productions intégrées dans la section Portfolio se fera en fonction de leur orientation future ou du milieu de stage choisi.

L’utilisation Web 2.0 nous a tous stimulés en classe. Nombre de concepts et de services Web 2.0 ont été intégrés pédagogiquement et expérimentés avec succès dans ce projet : blogues, balados, vidéos, identité 2.0, flux RSS, YouTube, album photos, etc. Quand on innove, ça paie!

Explorez nos sites respectifs (Caroline et Sylvie), questionnez-nous et surtout commentez notre récit!

________________

^{1 La communication a eu lieu le 13 octobre 2010, au cégep de Sainte-Foy, à l’initiative du CCDMD et du projet Futurs profs qui nous ont accordé l’aimable autorisation de publier sa captation.
2 L’Office québécois de la langue française recommande également l’expression « gadget logiciel » pour ce terme.
3 Blogger est la plateforme de blogue en ligne gratuite de Google.
4 Microsoft ne soutient plus le développement de ce logiciel.
5 On optera probablement pour Flikr en remplacement de Picasa Web en raison de son ergonomie et de son caractère plus complet.}