Description (2021-09-21):
Présentation
Intérêts
Contributions Wiki - MALTT
Les liens aux contributions seront indiquées par ce style de bouton : Contribution 🖊 Contribution
2021-2022
Pages utiles du cours :
| Période
|
Lien du cours
|
Délai
|
Travail personnel
|
Compétences acquises
|
Contributions EduTechWiki
|
| 1 |
Ex1 |
Dimanche 17 octobre 2021, 21:00 |
Cette page |
- Créer du contenu web et le publier à un endroit précis sur le serveur
- Incorporer des éléments SVG dans HTML et dans EduTechWiki
- Comprendre les bases d'une grammaire DTD et savoir l'associer à un document XML
- Comprendre les bases du langage XSLT et savoir l'associer à un document XML pour créer du HTML5/CSS
|
- FileZilla : Ajout de l'adresse pour l'espace home (volée Baldur) + ajouts mineurs
- Inkscape : Ajout d'un tuto pour créer une flèche dans Inkscape.
|
| Ex2 |
Dimanche 31 octobre 2021, 21:00 |
Flash Card ◧ Flash Card |
- Développer une perspective critique sur la pensée computationnelle et le rôle de l'informatique à l'école
- Exposition "souple" aux grands principes de la programmation (variables, structures de contrôles, boucles, ...) qui seront approfondis pendant le semestre
- Comprendre les grands principes des applications interactives et savoir identifier des liens potentiels avec l'apprentissage
- Utilisation et évaluation de langages de programmation de type bloc en tant qu'outils de développement/création/expression, mais également de transfert de connaissance sur le codage
- Introduction "souple" à JavaScript (en prévision des autres périodes) avec un tutoriel étape par étape (Premiers pas avec JavaScript)
|
| 2 |
Ex3 |
Dimanche 28 novembre 2021, 21:00 |
App quizz ◧ App quizz |
- Consolider les bases de la programmation et ses composantes principales (variables, types de données, structure de contrôle, etc.)
- Avoir des notions de base sur la computation et l'intérêt de l'automatisation
- Connaître les principes fondamentaux de l'interaction d'un point de vue "bottom-up"
- Comprendre l'implémentation de JavaScript dans un navigateur web et sur des pages web dynamiques (i.e. modification programmée du DOM) grâce à l'accès à l'objet
window et window.document en particulier
- Identifier des mécanismes de Input/Output et les rapporter à des actions de l'utilisateur, du système, etc.
- Reconnaître un gestionnaire d'événements et le type d'événement déclencheur
- Créer des interactions simples à travers la combinaison gestionnaire d'événement + manipulation du DOM
|
- Tutoriel JavaScript de base : Ajout de précision au point 7.2.3. avec Math.floor et Math.random et comment les utiliser pour choisir des mots au hasard sans répétition.
|
| Ex4 |
Dimanche 12 décembre 2021, 21:00 |
Vidéo éducative ◧ Vidéo éducative |
- Se questionner de manière critique l'utilisation de la vidéo, surtout en termes pédagogiques
- Savoir ajouter une vidéo à une page HTML5 avec
- Différentes versions de la vidéo et un mécanisme de "fallback" pour maximiser la compatibilité
- Des sous-titres ou autres éléments contextuels
- Comprendre les bases de la vidéographie et de l'édition vidéo
- Savoir intégrer des interactions avancées (e.g. quiz, coordination vidéo/contenu textuel, ...) avec JavaScript/DOM
|
| 3 |
Ex5 |
Mercredi 19 janvier 2022, 21:00 |
Drag and Drop ◧ Drag and Drop |
- Comprendre le fonctionnement de JQuery par rapport au "vanilla" JavaScript
- Savoir consulter et utiliser une API différente/supplémentaire par rapport au langage de base
- Comprendre les enjeux techniques et quelques aspects théoriques du drag&drop
- Savoir identifier et rendre un élément "draggable"
- Savoir identifier et rendre une zone "droppable"
- Savoir relier le drag&drop à la logique d'une application
- Réfléchir aux avantages/désavantages en termes pédagogiques d'une interaction drag&drop par rapport à d'autres interactions possibles |
|
- API : Création de la page API, à partir de définitions et vidéos vue sur le moment. Je souhaitais compléter ma compréhension de l'Ex5 sur la définition d'une API et la partager avant le cours.
- JQuery UI : Ajout de la façon de trier des nombres avec code supplémentaire.
- W3.CSS : Création de la page W3.CSS, à partir du site officiel et comparaisons trouvées sur le net. Comme j'ai utilisée la bibliothèque dans mon exercice 6, j'ai souhaité partager à la communauté le savoir acquis.
|
| Ex6 |
Mercredi 2 février 2022, 12:00 |
Vue.js ◧ Vue.js |
- Comprendre l'utilité et l'intentionnalité du third-party code, mais également les limites
- Savoir incorporer et utiliser du code ré-utilisable à travers des feuilles de styles CSS ou des bibliothèques JavaScript externes
- Identifier les critères pour juger de la qualité/maintenabilité/fiabilité d'éléments externes
- Présence/qualité de la documentation
- Versionnage sémantique et compatibilité entre versions
- Licence/Droits d'utilisation
- Savoir distinguer entre un framework, une bibliothèque et un plugin (et savoir aussi que les différences ne sont souvent pas très nettes)
- Comprendre le concept de dependency, par exemple lorsqu'un plugin nécessite la présence d'une bibliothèque
- Ajouter des petites animations à une page web
|
Méthodo 2021-2022
P4 (Learning Analytics)
2022-2023
- Gérer la demande d'aide des novices - Ecriture d'un article EduTechWiki synthétisant et mettant en lien un concept présent dans un de ces trois articles : (1) Tricot (2017) sur la charge cognitive, (2) Cosnefroy (2010) sur l’apprentissage autorégulé et (3) Dillenbourg et al. (1995) sur l’apprentissage collaboratif.
Conduite de la recherche
- Lausanne 1830 - Rédaction d'une fiche EduTechWiki sur l'analyse d'un jeux vidéo pédagogique. La première partie s'est effectuée de manière individuelle; puis commentaires de la fiche de notre binôme pour enfin rendre une fiche complète et détaillée après les commentaires de l'équipe enseignante. Fiche réalisée avec Simon Cappelle
Kenneth Rioja (discussion) 26 octobre 2022 à 17:56 (CEST)
