====== 🎯 Compétence B3 : Utiliser les médias basés sur la technologie ======
> "Le format distanciel permet une meilleure visibilité des pratiques individuelles, favorise les échanges et réduit le stress lié à la proximité physique." -- Rogers, C. (1980)
----
**Liens rapides :**
* [[fsea:b_mener|📖 Compétence B Mener]]
* [[mael:start|📎 Module MA-EL]]
----
=== B3 Utiliser les médias basés sur la technologie ===
* Vue d'ensemble des applications et des tendances
* Droits d'auteur, d'utilisation et de valorisation (Creative Commons)
* Sélectionne et/ou crée du matériel d'enseignement analogue ou numérique.
* Utilise des médias variés de manière axée sur les objectifs.
* Se sert correctement des applications, auxiliaires et appareils.
Cette fiche vise à aider le/la formateur·rice à dépasser l'aspect purement technique pour se concentrer sur la **plus-value pédagogique**. Il s'agit de savoir **pourquoi** et **comment** utiliser un outil pour faciliter l'appropriation des savoirs.
* Quel critère guide votre choix pour un nouveau média ?
* Avez-vous vécu une situation où la technologie a freiné l'apprentissage ?
* Comment assurez-vous l'inclusivité avec des outils numériques ?
* Comment évaluez-vous l'efficacité réelle d'un média ?
* Comment gérez-vous les imprévus techniques (panne, connexion) ?
* Quelles stratégies pour passer de l'usage passif à l'usage acteur ?
----
==== 📋 Plan de développement et preuves ====
Sélectionner des outils numériques pertinents (modèle SAMR)
Concevoir un environnement numérique de travail pour la pratique à distance
Analyser l'impact du distanciel sur la visibilité des pratiques
Mettre en place des stratégies anti-distraction en synchrone
Intégrer des principes de sobriété numérique
Documenter une séquence hybride dans le portfolio
----
===== 🎯 Définition et Enjeux =====
La compétence **B3** consiste à intégrer judicieusement les médias et technologies numériques (outils collaboratifs, LMS, IA) dans le processus d'apprentissage. Au-delà de la maîtrise technique, il s'agit d'opérer des choix didactiques éclairés pour enrichir l'expérience, favoriser l'accessibilité et adapter les modalités (présentiel, distanciel, hybride).
**🔍 Objectifs :**
* Choisir des médias adaptés (SAMR).
* Maîtriser les environnements à distance.
* Favoriser l'engagement numérique.
* Garantir une approche éthique et sobre.
**💡 Contexte :**
* Visioconférence synchrone.
* Blended Learning.
* Simulateurs et labos virtuels.
* Outils collaboratifs temps réel.
----
==== 🧩 Dimensions de la compétence ====
^ Dimension ^ Lien vers carnet ^ Lien vers portfolio ^
| **📊 Modèles ASPID** | 📖 [[carnet:b3_medias_tech:b3_modeles_aspid|Détail]] | 📎 [[ressources:realisation:b3_modeles_aspid|Preuve]] |
| **📊 Modèles d'intégration (SAMR, TPACK)** | 📖 [[carnet:b3_medias_tech:b3_modeles_integration|Détail]] | 📎 [[ressources:realisation:b3_modeles_integration|Preuve]] |
| **💻 Environnements distanciels** | 📖 [[carnet:b3_medias_tech:b3_env_distanciel|Détail]] | 📎 [[ressources:realisation:b3_env_distanciel|Preuve]] |
| **👁️ Visibilité des pratiques** | 📖 [[carnet:b3_medias_tech:b3_visibilite_pratiques|Détail]] | 📎 [[ressources:realisation:b3_visibilite_pratiques|Preuve]] |
| **🧠 Gestion de l'attention** | 📖 [[carnet:b3_medias_tech:b3_gestion_attention|Détail]] | 📎 [[ressources:realisation:b3_gestion_attention|Preuve]] |
| **🤝 Interactions en ligne** | 📖 [[carnet:b3_medias_tech:b3_interactions_ligne|Détail]] | 📎 [[ressources:realisation:b3_interactions_ligne|Preuve]] |
| **🌱 Sobriété numérique** | 📖 [[carnet:b3_medias_tech:b3_sobriete_numerique|Détail]] | 📎 [[ressources:realisation:b3_sobriete_numerique|Preuve]] |
| **🛠️ Panorama des outils** | 📖 [[carnet:b3_medias_tech:b3_panorama_outils|Détail]] | 📎 [[ressources:realisation:b3_panorama_outils|Preuve]] |
💡 **Navigation :** "Détail" pour la théorie, "Preuve" pour la pratique.
----
===== 🛠️ Panorama des Outils Numériques (Référentiel Souverain) =====
Ce tableau de référence pour la compétence **B3** privilégie les outils **souverains** (Suisse, Europe, Open Source). La colonne "Statut" indique clairement les alternatives éthiques aux géants du numérique (GAFAM).
^ Nom de l'outil ^ Description ^ Utilisé pour / Plus-value ^ Alternative GAFAM / Statut ^ Lien ^
| **=== 🇨🇭 Écosystème Infomaniak (Suisse)=== ** |||||
| **kMeet** | Visioconférence sécurisée, illimitée et intégrée. | Classes virtuelles, webinaires, sous-groupes. Respect strict RGPD/LOPD. | 🟢 **Suisse** / Alt. à **Zoom, Teams, Meet** | [[https://www.infomaniak.com/kmeet|infomaniak.com/kmeet]] |
| **FormSurvey** | Créateur de formulaires et sondages avancés. | Enquêtes, quiz, inscriptions, recueil de besoins. Données en Suisse. | 🟢 **Suisse** / Alt. à **Google Forms, Typeform** | [[https://www.infomaniak.com/formsurvey|infomaniak.com/formsurvey]] |
| **Euria** | Assistant IA Éthique, Responsable et Autonome. | Scénarisation, synthèse, analyse de besoins. Données traitées en Suisse. | 🟢 **Suisse** / Alt. à **ChatGPT, Copilot** | [[https://www.infomaniak.com/euria|infomaniak.com/euria]] |
| **kChat** | Messagerie instantanée et collaborative sécurisée. | Communication d'équipe, support apprenant, fils de discussion thématiques. | 🟢 **Suisse** / Alt. à **Slack, Teams Chat** | [[https://www.infomaniak.com/kchat|infomaniak.com/kchat]] |
| **SwissTransfer** | Transfert de fichiers volumineux (50 Go). | Partage de productions lourdes (vidéos, dossiers) sans inscription. | 🟢 **Suisse** / Alt. à **WeTransfer** | [[https://swisstransfer.com|swisstransfer.com]] |
| **=== 🇪🇺 Outils Européens & Souverains** |||||
| **WiseMapping** | Mind Mapping | Logiciel de mind mapping open source web | 🟢 **Open Source** / Alt. à | https://www.wisemapping.com/fr |
| **Diagrams** | Diagramme | Idem Visio permet de créer des schémas et processus | 🟢 **Open Source** / Alt. à | [[https://app.diagrams.net/]] |
| **Excalidraw** | Whiteboard | Le Whiteboard maxi | 🟢 **Open Source** / Alt. à | [[https://plus.excalidraw.com/]] |
| | | | | |
| **Discourse** | Plateforme de forum moderne et base de connaissances. | Discussions asynchrones structurées, FAQ collaborative, archivage des savoirs. | 🟢 **Open Source** / Alt. à **Google Groups, Facebook Groups** | [[https://www.discourse.org|discourse.org]] |
| **Moodle** | LMS Open Source (Installable sur Cloud Privé/Infomaniak). | Centralisation ressources, devoirs, forums, suivi, qcm... **Souveraineté totale si hébergé sur VPS/Cloud CH.** | 🟢 **Open Source + Hébergement CH** / Alt. à **Google Classroom, Canvas** | [[https://moodle.org|moodle.org]] |
| **Digipad** (La Digitale) | Pad collaboratif éthique et sécurisé. | Murs virtuels, brainstorming, galeries de productions. | 🟢 **EU (Open Source)** / Alt. à **Padlet, Google Docs** | [[https://digipad.app|digipad.app]] |
| **Digiquiz** (La Digitale) | Créateur de quiz éthique et simple. | Quiz rapides, évaluation formative sans tracking. | 🟢 **EU (Open Source)** / Alt. à **Kahoot, Google Forms** | [[https://digiquiz.app|digiquiz.app]] |
| **Wooclap** | Plateforme d'interaction (Belgique). | Sondages, nuages de mots, questions ouvertes en temps réel. | 🟢 **Europe (BE)** / Alt. à **Mentimeter, Slido** | [[https://www.wooclap.com|wooclap.com]] |
| **OpenBoard** | Tableau blanc interactif (Logiciel local). | Cours magistraux, annotation PDF, enregistrement de leçons. | 🟢 **Open Source** / Alt. à **Jamboard, Miro (Local)** | [[https://openboard.ch|openboard.ch]] |
| **Framindmap** | Cartes mentales (Framasoft, FR). | Structuration d'idées, brainstorming visuel. | 🟢 **EU (Open Source)** / Alt. à **MindMeister** | [[https://framindmap.org|framindmap.org]] |
| **BigBlueButton** | Visioconférence Open Source (Souvent intégré à Moodle). | Classes virtuelles, tableaux blancs, salles de sous-groupes. | 🟢 **Open Source** / Alt. à **Zoom, Teams** | [[https://bigbluebutton.org|bigbluebutton.org]] |
| **H5P** | Plugin de contenus interactifs. | Vidéos interactives, jeux de mémoire, présentations dans Moodle. | 🟢 **Open Source** / Alt. à **Articulate Storyline** | [[https://h5p.org|h5p.org]] |
| **OBS Studio** | Capture d'écran et streaming (Logiciel local). | Création de capsules vidéo, tutoriels, directs. | 🟢 **Open Source** / Alt. à **Loom, Camtasia** | [[https://obsproject.com|obsproject.com]] |
| **=== 🌍 Outils Spécialisés (Privés mais pertinents)** |||||
| **Wayground** (ex-Quizizz) | Quiz ludifiés et vidéos interactives. | Gaming quiz, évaluation formative engageante. | 🟡 **Privé** / Alt. à **Kahoot!** | [[https://wayground.com|wayground.com]] |
| **Miro** | Tableau blanc collaboratif infini. | Design thinking, cartographie complexe, travail d'équipe. | 🟡 **Privé (Serveurs EU)** / Alt. à **Microsoft Whiteboard** | [[https://miro.com|miro.com]] |
| **Napkin.ai** | IA générative pour la visualisation. | Transformation texte vers schémas/diagrammes automatiques. | 🟡 **Privé (US)** / Alt. à **SmartArt Microsoft** | [[https://app.napkin.ai|app.napkin.ai]] |
| **WeDesign** | Outil de conception visuelle. | Maquettes, storyboards, structuration visuelle de projets. | 🟢 **Suisse/EU** / Alt. à **Canva** | [[https://wedesign.ch|wedesign.ch]] |
| **Socratice** | Outil de questionnement et réflexion critique. | Débat mouvant numérique, stimulation de la pensée critique. | 🟢 **Souverain** / Outil spécifique | [[https://socratice.com|socratice.com]] |
| **ClassroomScreen** | Tableau de bord de classe visuel. | Gestion du temps, bruit, consignes, tirage au sort. | 🟢 **Indépendant** / Pas d'équivalent GAFAM direct | [[https://classroomscreen.com|classroomscreen.com]] |
| **Nextcloud Deck** | Gestion de projet visuelle type Kanban (intégré à Nextcloud). | Organisation de tâches, suivi de projet, travail collaboratif. Remplace Planner. | 🟢 **Open Source** / Alt. à **Microsoft Planner** & **Trello** | [[https://nextcloud.com/deck|nextcloud.com/deck]] |
| **=== ⚠️ Outils GAFAM (À utiliser avec discernement)** |||||
| **NotebookLM** | Assistant de synthèse documentaire (IA). | Analyse de longs textes, création de FAQ, "audio overview". | 🔴 **Google** - Anonymiser les données impérativement | [[https://notebooklm.google.com|notebooklm.google.com]] |
| **ChatGPT** | Assistant conversationnel polyvalent. | Idéation, scénarisation, aide au code, traduction. | 🔴 **OpenAI (Microsoft)** - Anonymiser les données | [[https://chatgpt.com|chatgpt.com]] |
**Légende des statuts :**
* 🟢 **Souverain / Open Source** : **Recommandé en priorité**. Hébergement CH/EU, données protégées, éthique. *Note : Moodle devient 100% souverain s'il est installé sur un VPS/Cloud Infomaniak.*
* 🟡 **Privé / Spécialisé** : Utile pour des fonctions uniques (gamification, IA visuelle). Vérifier les CGU.
* 🔴 **GAFAM / Big Tech** : Puissant mais **vigilance maximale**. À éviter pour les données sensibles. Utiliser en mode "anonyme".
**Conseil B3 :** Pour une formation souveraine, privilégiez la suite **Infomaniak (kMeet, FormSurvey, Euria)** couplée aux outils de **La Digitale**. Réservez les outils 🔴 rouges aux usages où aucune alternative n'existe, en veillant à ne jamais y importer de données personnelles d'apprenants.
**Légende des statuts :**
* 🟢 **Souverain / Open Source** : Recommandé en priorité (Hébergement EU/CH, données protégées).
* 🟡 **Privé / Spécialisé** : Utile pour des fonctions spécifiques, vérifier les CGU (Serveurs souvent en Europe).
* 🔴 **GAFAM / Big Tech** : Puissant mais vigilant sur les données. À éviter pour les données sensibles ou à utiliser en mode "anonyme".
----
===== 🧠 Réflexion Stratégique =====
L'intégration des médias technologiques transforme la dynamique pédagogique. Comme le souligne **Carl Rogers (1980)**, le distanciel peut favoriser un climat de sécurité psychologique : meilleure visibilité des pratiques individuelles sans le stress de la proximité physique ("regard par-dessus l'épaule").
Cependant, ce format impose une vigilance accrue sur les **risques de distraction** et exige une écoute active renforcée. L'enjeu n'est pas d'accumuler les outils, mais de choisir ceux qui servent la pédagogie active.
**Le principe clé :** "La technologie doit être invisible au service de la relation et de l'apprentissage, jamais une barrière."
==== Diagramme de décision (Modèle SAMR) ====
graph TD
A[Objectif Pédagogique] --> B{Quel apport de la technologie ?}
B -->|Substitution| C[Remplacement simple]
B -->|Augmentation| D[Amélioration fonctionnelle]
B -->|Modification| E[Redesign significatif]
B -->|Rédéfinition| F[Création de nouvelles tâches]
C --> G[Ex: PDF au lieu de papier]
D --> H[Ex: Quiz avec feedback immédiat]
E --> I[Ex: Collaboration synchrone à distance]
F --> J[Ex: Connexion experts mondiaux]
G --> K{Impact sur l'apprentissage ?}
H --> K
I --> K
J --> K
K -->|Faible| L[Revoir le choix]
K -->|Fort| M[Valider et Intégrer]
style A fill:#f9f,stroke:#333,stroke-width:2px
style M fill:#9f9,stroke:#333,stroke-width:2px
----
===== 📂 Preuves et Réalisations (Portfolio) =====
**Contexte :** Formation technique avec manipulation de logiciels serveurs.
**Action :** Serveur de labo accessible à distance + Animation via Teams.
**Résultat :** Meilleure visibilité des écrans, feedback précis sans intrusion physique, réduction du stress.
**Lien :** [[ressources:realisation:b3_scenario_teams_labo|Voir le scénario]]
**Contexte :** Atelier de conception pédagogique.
**Action :** Sélection d'outils **La Digitale** et **CRFBA**. Application des principes de sobriété (Stéphanie Courgey).
**Résultat :** Dispositif léger, accessible, respectueux des données et de l'environnement.
**Lien :** [[ressources:realisation:b3_selection_outils_sobriete|Voir la grille de sélection]]
**Contexte :** Comparaison présentiel vs distanciel.
**Action :** Recueil de feedbacks sur la sécurité psychologique (Rogers). Rituels de recentrage.
**Résultat :** Validation que le distanciel bien animé favorise une pédagogie active inclusive.
**Lien :** [[ressources:realisation:b3_analyse_climat_distanciel|Voir le rapport]]
----
===== 📚 Bibliographie & Ressources =====
* **Ouvrages :**
* Rogers, C. (1980). *Le développement de la personnalité*.
* Bates, A.W. (2023). *Enseigner à l'ère numérique*.
* *Traité de la e-formation des adultes*.
* **Ressources en ligne :**
* [[https://ladigitale.dev|La Digitale]] : Outils libres.
* [[https://latelierduformateur.net|L'atelier du formateur]].
* [[https://www.crfba.ch|CRFBA]] : Ressources formation de base.
* [[https://ludomag.com|Ludomag]] : Numérique éducatif.
* **Articles :**
* Courgey, S. *Allier pédagogie E-learning et sobriété numérique*.
* Cristol, D. *Quelles innovations numériques privilégier ?* [[4cristol.over-blog.com|Blog]]
----
===== 🧭 Navigation de retour =====
**Liens rapides :**
* [[fsea:b_mener|📖 Compétence B Mener]]
* [[mael:start|📎 Module MA-EL]]
----
{{tag>competence B3 médias-numériques distanciel SAMR sobriété-numérique Rogers pédagogie-active Teams}}
{{footer>Page mise à jour le {{date}} | Auteur : Eugénie Decré | Version : 1.0 - Compétence B3}}