Description (2021-09-21):
Présentation
Intérêts
Contributions Wiki - MALTT
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 |
- 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 |
Quizz figures géométriques |
- 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 sur le rectangle |
- 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 de nombres décimaux |
- 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 |
Utilisation de Vue.js pour comparer des nombres décimaux |
- 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)
Kenneth Rioja (discussion) 28 mars 2022 à 10:11 (CEST)
