-

Cette vidéo présente les extensions Firefox que je considère incontournables dans mon utilisation quotidienne du Web pour travailler mes contenus. Elle fait partie d’une playlist en construction qui aidera mes étudiants dans leur travail de rédacteur pour le site et les réseaux sociaux de l’établissement en EIL.
Elle servira sans doute un peu aussi en M5 pour la création de contenus marketing, mais je maîtrise moins le sujet pour l’instant !
Très vite, vont venir s’ajouter des vidéos sur la recherche d’images libres, la recherche de sons libres, l’utilisation d’un OCR et d’un convertisseur de PDF et l’utilisation d’un générateur de QR-codes.
Points à retenir :
- Enlever les pub avec Adblock Plus
- Vérifier avec BonPatron
- Traduire avec Deepl
- Télécharger avec Download Helper
- Capturer la page avec FireShot
Pour en profiter pleinement, passer en mode plein écran et en HD !
Télécharger les vidéos :
Kenavo.

-
À la rentrée, le MIL Infographie que je faisais depuis septembre 2010 disparaît. Il sera remplacé par un EIL Infographie Multimédia (Enseignement à l’Initiative de l’Établissement) qui intégrera la démarche « Portfolio » et une partie technique (jardinerie et animalerie).
Si cela vous intéresse, vous trouverez plus d’informations ici.

Je ne suis pas débutant sur la question des portfolios mais c’est la première fois que cela devient une des capacités directement visée par un de mes enseignements. Comme nous utiliserons un blog WordPress par étudiant, j’ai préparé deux tutoriels vidéos pour aider mes apprenants à créer une page de profil ou de CV (comme dans Mahara).
Pour ce faire, j’ai utilisé l’extension Resume Builder et les Badges numériques avec Badgr.
1- Créer un CV avec Resume Buider
Points à retenir :
- Installer Resume Builder
- Saisir les infos personnelles
- Saisir le parcours, les compétences
- Paramétrer le style et coller le code court
2- Intégrer ses badges numériques et ses réseaux sociaux
Points à retenir :
- Utiliser le bloc HTML personnalisé
- Récupérer le code d’intégration sur Badgr
- Coller le code dans le bloc
- Récupérer et préparer une icône de réseau social
- Intégrer et mettre un lien sur une image
Pour en profiter pleinement, passer en mode plein écran et en HD !
Télécharger les vidéos :
Kenavo.

-
Avec la réforme du BTS TC à la rentrée 2022, le module M42 disparaît au profit du module M5. Au passage, les technologies de l’Informatique et du Multimédia passent du côté des enseignements professionnels.
M5 : Optimisation de la gestion de l’information des processus technico-commerciaux

Les capacités visées sont au nombre de trois :
- C51- Exploiter des systèmes d’information
- C52- Organiser la relation digitale
- C53- Gérer les stocks et les flux à l’aide d’outils informatiques
Le référentiel du module et les documents d’accompagnement, trouvés sur chlorofil :

Educintel : Plateforme BTSA TC
Pour mettre en œuvre ce nouveau module, il faut avoir à disposition des outils web (comme WordPress, Odoo ou Mautic). Comme nous espérons avoir entre 25 et 35 étudiants par promotion, à terme, se seront 50 à 70 étudiants qui devront accéder à ces applications web. Il faut donc prévoir une architecture assez robuste pour permettre la connexion de tous ces utilisateurs. À cela s’ajoute les accès des enseignants…
Ça fait plus d’un an que je réfléchis à la question. J’étais parti pour prendre un hébergement chez OVH pour monter un serveur e-comBox. La solution permet de déployer les applications que je souhaite utiliser. Par contre, cela représente un travail de maintenance important (le serveur et les applications).
En échangeant avec mon collègue Maxime D, j’ai découvert la solution pour le BTS MCO de la société Educintel. Maxime m’a appris qu’ils étaient en cours de développement d’une plateforme pour notre BTSA TC.
Après avoir eu accès à la plateforme de test et avoir pas mal échangé avec le support d’Educintel, j’ai décidé d’opter pour cette solution. Il y a une partie « standard » avec l’accès à Mautic, Odoo, LimeSurvey, HumHub et Planogramme en ligne et une partie « adaptée » à votre demande en fonction de ce que vous voulez déployer individuellement pour vos étudiants (WordPress et/ou Prestashop).
Pour ma part, j’ai opté pour le déploiement d’un site WordPress par étudiant. Ce site me permettra de mettre en œuvre la pluri « Création et animation d’un site de e-commerce » et deviendra ensuite le Portfolio numérique des étudiants. Il sera aussi utilisé en documentation pour faire de la veille/curation.
J’ai également demandé un site WordPress supplémentaire pour y préparer une boutique tournant avec Woocommerce.
Quelle progression pédagogique ?
J’ai pas mal planché sur une progression qui me permettrait de faire tenir en 43,5 h l’intégralité du contenu du module M5. Comme à chaque réforme, cela va sans doute se révéler très loin de ce qu’on peut faire, mais c’est une base de travail qui me guidera pendant cette première année d’enseignement !
Comme d’habitude, je partage ici le fruit de ce travail !
Le ruban (très provisoire) du module M5 l’année prochaine :
Quelles ressources ?
Rarement une réforme n’aura autant apporté de changements ! Une bonne partie de mes cours de M42 sont bons à mettre au rencard. Je ne vais garder que le cours sur le tableur, que je vais amender avec mon collègue de gestion et mon cours sur le traitement de l’image numérique qui va intégrer l’EIL infographie/Portfolio à la rentrée.
L’atelier web du MIL va lui faire le chemin inverse et intégrer en partie le module M5 (le référencement naturel, la rédaction web, l’utilisation de WordPress).
J’ai déjà produit un certain nombre de nouvelles ressources ou procédé à des mises à jour :
- sur Canva
- sur le codage HTML
- sur le codage CSS
- sur WordPress
Il me reste encore pas mal de travail sur Odoo, sur Mautic… Et je dois encore finaliser la boutique en ligne que je prépare sur Woocommerce !
Je pense également à des ressources vidéos sur la recherche d’images, de sons libres sur le web et sur l’utilisation d’extensions sur Firefox qui facilitent l’écriture web…
Bref, ce ne sont pas encore les vacances !
Kenavo.

-
Après avoir découvert le codage HTML, je vous propose un TP pour vous familiariser avec le langage CSS.
Encore une fois, il ne s’agit pas de devenir développeur, mais bien d’acquérir une compréhension globale de ce que c’est et de l’importance que cela peut avoir sur le web.

Voici donc une playlist de trois vidéos pour vous accompagner dans cette découverte.
1- Découvrir le codage CSS
Points à retenir :
- Balises Style CSS
- Body
- H1, H2 et H3
- P et Li
- A
2- Utiliser des classes CSS
Points à retenir :
- Principe des classes CSS
- Font-size, color
- Width, border
- Appliquer à un texte avec span
- Appliquer à une image
3- Créer une feuille de style en cascade
Points à retenir :
- Feuille de style en cascade : CSS
- Contient tous les attributs de style
- Appliquer à toute la page
- Balise : Link
- Attributs : rel, type et href
Pour en profiter pleinement, passer en mode plein écran et en HD !
Télécharger les vidéos :
Kenavo.

-
J’utilise ce TP d’initiation au codage en HTML depuis de nombreuses années. Au départ, c’était en Enseignement Facultatif Webmarketing avec des Bac Pro, puis en Module d’Initiative Local avec des étudiants.

À la rentrée, il va intégrer ma progression dans le nouveau module M5 en BTS Technico-Commercial. L’occasion de l’upgrader un peu avec la production d’une série de quatre tutoriels vidéos.
L’objectif n’est pas de faire des étudiants des développeurs web, mais bien de leur faire découvrir la face cachée des pages web en leur faisant acquérir quelques notions de langage HTML !
1- Comprendre le principe du codage HTML
Points à retenir :
- Fichier > Enregistrer sous (Ctrl + S)
- Bouton droit > Code source de la page
- Balises HTML : HTML, HEAD, BODY
- Édition > Rechercher dans la page (Ctrl + F)
- Settings > Preferences (Notepad++)
2- Découvrir le codage en langage HTML
Points à retenir :
- Fichier > Ouvrir (Ctrl + O)
- Actualiser la page (F5)
- b : gras
- i : italique
- u : souligné
3- Utiliser des balises HTML standards
Points à retenir :
- Balises : Font, H1, H2, H3, H4, H5 et H6
- Attribut d’une balise : color
- Codes hexadécimaux : #FF0000, #00FF00 et #0000FF
4- Utiliser les hyperliens et les défilements
Points à retenir :
- Balise Hyperlien : a
- Attribut href : destination du lien
- Attribut target : cible du lien
- Balise de défilement : marquee
- Attributs : slide et alternate
Pour en profiter pleinement, passer en mode plein écran et en HD !
Télécharger les vidéos :
Kenavo.

-

Dorénavant, pour s’inscrire à une formation il faut se connecter à l’application « Mon Self Mobile » . Je n’ai personnellement pas encore eu besoin de le faire, mais Matthieu, un de mes anciens stagiaires, a réalisé un tutoriel vidéo pour nous aider dans cette démarche !
N’hésitez pas à solliciter votre RLF pour qu’elle suive votre demande (c’est Nathalie au lycée) !
Kenavo.

-
Pour le dernier CCF de MIL sous sa forme actuelle, les étudiant.e.s étaient amené.e.s à produire des outils de communication pour une entreprise appelée « Les Serres UJAC ». Sur la base d’un cahier des charges, ils/elles devaient choisir un des trois sujets proposés.
Sujet 1 : un logo pour l’entreprise


Sujet n°2 : une affiche pour l’évènement organisé pour le lancement du site Internet


Sujet n°3 : une bannière pour le site Internet

L’année prochaine, le MIL se transforme en EIL (Enseignement à l’Initiative Locale). L’atelier Publication Web passe en bonne partie dans le nouveau module M5 et sera remplacé par un atelier sur la rédaction Web et la préparation d’images pour la communication professionnelle (autour de Gimp, du site de l’EPL et des comptes de réseaux sociaux de l’établissement).
Kenavo.

-

Pour ce dernier TP de l’année en MAP Plans de jardin, les premières professionnelles Aménagements Paysagers devait adapter trois photos de notre hangar « Machinisme ». Ils ont ensuite modélisé les abords du bâtiment.
Bravo à Louarn, Mathéo, Jason et Kevin pour leurs plans et bravo à tous pour la belle implication dans le module cette année. À l’année prochaine !
Kenavo.

-
Les débuts

Depuis 2013, je produis des tutoriels vidéos pour aider mes élèves et étudiants à appréhender les différentes notions dans mes cours. Au début, j’ai commencé avec un peu de tableur.
Je dois avouer qu’au départ, je ne savais pas très bien comment utiliser ces ressources en cours…. et mes apprenants non plus ! Je me souviens d’un étudiant qui avait découvert en fin d’année ma chaîne Youtube (oui, il ne devait pas être très attentif en cours) et qui s’était exclamé « mais c’est génial pour préparer le CCF ! » .
Je m’en servais surtout pour permettre aux apprenants en retard de profiter d’une explication déjà donnée aux autres ou pour permettre à la tête de classe d’avancer plus vite.
Vers l’autonomie

Ensuite, j’ai produit toute une série de tutoriels sur Sketchup pour mon EIE Plan de Jardins (maintenant devenu MAP).
C’est mon premier cours à avoir fonctionné avec un groupe classe en autonomie. Je passais la première vidéo à l’ensemble des élèves pour lancer le TP, puis chacun retournait à son poste de travail pour commencer à modéliser en retournant voir la vidéo si besoin. C’était possible parce que la salle de cours est équipée de casques.
Au fil des cours, j’ai assez vite compris que le prof qui explique en vidéo, ça retient nettement plus l’attention des jeunes que le prof qui met le cadenas de Veyon sur les postes de travail et fait la démonstration au tableau. C’est un peu bizarre de s’entendre expliquer une notion alors qu’on pourrait le faire en direct, mais ça marche !
Depuis maintenant plusieurs années, je ne fais plus une seule démonstration au tableau (ou presque). À l’aide du support de TP au format PDF et des vidéos, la grande majorité des élèves sont capables d’aller au bout des manipulations proposées.
Et quand il manque une vidéo à leur goût, il me la réclame ! Je dois avouer que je m’en rends de toute façon compte assez vite, parce que la concentration de la classe par en vrille et qu’ils se remettent à bavarder… 😉
Mon rôle est devenu celui d’un facilitateur qui lève les freins et les difficultés en intervenant individuellement auprès de chaque jeune.
Reproduire le modèle

Pour faire une utilisation plus intensive de ce dispositif, j’ai dû mieux intégrer mes fiches et mes tutoriels vidéos à mes supports de TP/TD.
Cela permet aux apprenants de savoir quand les visionner et où elles se trouvent (liens + QR-Codes) sans avoir besoin de moi.
J’ai d’abord reproduit la même démarche dans le MIL Infographie (qui deviendra EIL à la rentrée).
L’organisation en atelier s’y prêtait bien car je dois mener cinq cours différents de front (Images – WEB, PAO, Image vectorielle, Vidéo et Son). C’est bien sûr presque impossible avec une organisation classique.
Du coup, j’ai imaginé cinq parcours sur Moodle pour donner à chaque étudiant le maximum d’autonomie. Ils sont assez agiles pour suivre des leçons, faire des TP, répondre à des Quiz sur la plateforme. Ils reçoivent des consignes via un forum et planchent sur des projets (les plus réels possibles). À la fin, ils obtiennent un badge numérique.
Évidemment, tout cela s’est fait à tâtons au fil des années et n’a pas forcément été très réfléchit a priori. Ce qui m’a guidé, ce sont les réactions des étudiants.
Généralisation

Je ne sais pas pourquoi (enfin si, c’est énormément de temps et d’énergie), mais j’ai tardé à reproduire tout ça dans mes cours « classiques » (MG4, futur MG1, en première professionnelle et M42, futur M5, en BTS).
Je me suis lancé cette année. Il faut aussi dire que les divers confinements m’ont obligé à produire des ressources très « autonomes » pour mes cours depuis mars 2020. Tout ce travail a rendu plusieurs de mes TP ou DM faisables entièrement sans moi (ou presque) !
Cela m’a donné le petit coup de pouce pour y aller !
Et bien ce qui marche en MAP ou en MIL, fonctionne aussi dans ces enseignements ! En tout cas, je n’ai pas repéré de baisse de niveau chez les apprenants depuis que toutes les explications sont données sur le support PDF et en vidéo ! Je dois de temps en temps reprendre des notions au tableau (lorsqu’il y a besoin d’une reformulation par exemple) mais c’est relativement rare : peut-être 10 ou 15 fois sur l’année.
Kesako ?
Jusqu’à il a peu, j’appelais ça de la classe inversée, mais en classe… 😉 Et puis je suis tombé sur un article qui parlait de Juline Anquetin-Rault et de sa classe autonome. Mes outils sont plus numériques que les siens (PDF remplissables, tutoriels vidéos, plateforme Moodle), on ne se refait pas, mais les mécanismes sont presque les mêmes !
Son site : https://raultreaubourg.wixsite.com/reussitebac
En fouillant un peu plus, j’ai trouvé sur le web le concept de classe accompagnée. Le terme « accompagnée » me va mieux que « autonome » . Quiconque donne des cours en bac pro et en BTS, sait pourquoi ! Cependant, avec quelques apprenants, on va jusqu’à l’autonomie.
L’idée c’est que tout puisse se faire en classe.
Alan Coughlin, http://letlearn.eu/La classe accompagnée peut être utilisée en synergie avec la classe inversée, mais ce n’est pas mon cas. Tout doit pouvoir être fait pendant le cours. C’est essentiel en bac pro où il est difficile d’obtenir du travail en dehors de la classe.
Classe prolongée
Ce que j’observe dans mes enseignements, c’est plus une classe prolongée après le cours. Les premières sont nombreux à poursuivre leur modélisation dans Sketchup chez eux (ou en salle multimédia et à l’internat). Étrangement ça marche moins avec une séquence sur le tableur… Cela reste à leur initiative, car je ne leur donne jamais de devoir à faire.
Pour les étudiants, il y a également beaucoup de temps hors du cours (souvent imposés pour le coup) :
- finaliser un dossier, une présentation
- réaliser un devoir maison (construit sur le même modèle que les cours)
- consulter une correction
- produire des pages de portfolio
- finaliser un projet
- etc…
Conclusion
Même si ça ne change pas grand-chose à ce que je propose à mes élèves et étudiants, je suis content d’avoir mis des noms sur les outils pédagogiques que j’utilise. La première vertu de cet article est d’ailleurs de m’aider à penser mes futurs cours.
Si, en plus, cela peut donner des idées ou des envies aux enseignants de passage sur le blog, tant mieux ! 😉
Kenavo.

-
Les terminales Aménagements Paysagers ont réalisé des posters présentant leurs chantiers en MAP !









Kenavo.





