Différences entre les versions de « Utilisateur:Kenneth Rioja »

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 41 : Ligne 41 :
 
* [[Inkscape]] : Ajout d'un tuto pour créer une flèche dans Inkscape.
 
* [[Inkscape]] : Ajout d'un tuto pour créer une flèche dans Inkscape.
 
|-
 
|-
|[[STIC:STIC_I_-_exercice_2_(Baldur) | Ex2]] || Dimanche 31 octobre 2021, 21:00 || [http://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex2/brain-fct/ Flash Card] ||  
+
|[[STIC:STIC_I_-_exercice_2_(Baldur) | Ex2]] || Dimanche 31 octobre 2021, 21:00 || {{button|color=blue|style=box|size=large|link=[http://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex2/brain-fct/ Flash Card]}} ||  
 
* Développer une perspective critique sur la [[pensée computationnelle]] et le rôle de l'informatique à l'école
 
* 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 [[Introduction à la programmation|programmation]] (variables, structures de contrôles, boucles, ...) qui seront approfondis pendant le semestre
 
* Exposition "souple" aux grands principes de la [[Introduction à la programmation|programmation]] (variables, structures de contrôles, boucles, ...) qui seront approfondis pendant le semestre
Ligne 48 : Ligne 48 :
 
* Introduction "souple" à [[JavaScript]] (en prévision des autres périodes) avec un tutoriel étape par étape ([[Premiers pas avec JavaScript]])
 
* Introduction "souple" à [[JavaScript]] (en prévision des autres périodes) avec un tutoriel étape par étape ([[Premiers pas avec JavaScript]])
 
|-
 
|-
|rowspan="2" | 2 || [[STIC:STIC_I_-_exercice_3_(Baldur) | Ex3]] || Dimanche 28 novembre 2021, 21:00 || [https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex3/geom8p/ Quizz figures géométriques] ||
+
|rowspan="2" | 2 || [[STIC:STIC_I_-_exercice_3_(Baldur) | Ex3]] || Dimanche 28 novembre 2021, 21:00 || {{button|color=blue|style=box|size=large|link=[https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex3/geom8p/ App quizz]}} ||
 
* Consolider les bases de la programmation et ses composantes principales (variables, types de données, structure de contrôle, etc.)
 
* 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
 
* Avoir des notions de base sur la computation et l'intérêt de l'automatisation
Ligne 59 : Ligne 59 :
 
*[[Tutoriel JavaScript de base#Math|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.
 
*[[Tutoriel JavaScript de base#Math|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.
 
|-
 
|-
|[[STIC:STIC_I_-_exercice_4_(Baldur) | Ex4]] || Dimanche 12 décembre 2021, 21:00 || [https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex4/perim_rect/ Vidéo éducative sur le rectangle] ||
+
|[[STIC:STIC_I_-_exercice_4_(Baldur) | Ex4]] || Dimanche 12 décembre 2021, 21:00 || {{button|color=blue|style=box|size=large|link=[https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex4/perim_rect/ Vidéo éducative]}} ||
 
* Se questionner de manière critique l'utilisation de la vidéo, surtout en termes pédagogiques
 
* 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
 
* Savoir ajouter une vidéo à une page HTML5 avec
Ligne 67 : Ligne 67 :
 
* Savoir intégrer des interactions avancées (e.g. quiz, coordination vidéo/contenu textuel, ...) avec JavaScript/DOM
 
* Savoir intégrer des interactions avancées (e.g. quiz, coordination vidéo/contenu textuel, ...) avec JavaScript/DOM
 
|-
 
|-
|rowspan="2" | 3 || [[STIC:STIC_I_-_exercice_5_(Baldur) | Ex5]] || Mercredi 19 janvier 2022, 21:00 || [https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex5/order_deci/ Drag and Drop de nombres décimaux] ||
+
|rowspan="2" | 3 || [[STIC:STIC_I_-_exercice_5_(Baldur) | Ex5]] || Mercredi 19 janvier 2022, 21:00 || {{button|color=blue|style=box|size=large|link=[https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex5/order_deci/ Drag and Drop]}} ||
 
* Comprendre le fonctionnement de [[JQuery]] par rapport au "vanilla" [[JavaScript]]
 
* 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
 
* Savoir consulter et utiliser une [[API]] différente/supplémentaire par rapport au langage de base
Ligne 81 : Ligne 81 :
 
** Ajout du lien et petit résumé sur les pages : [[Bibliothèques_JavaScript#Interface_Utilisateur_.28User_Interface.29 | Bibliothèques_JavaScript]], [[Tutoriel_CSS#A_partir_d'une_biblioth%C3%A8que_CSS_externe | Tutoriel_CSS]]
 
** Ajout du lien et petit résumé sur les pages : [[Bibliothèques_JavaScript#Interface_Utilisateur_.28User_Interface.29 | Bibliothèques_JavaScript]], [[Tutoriel_CSS#A_partir_d'une_biblioth%C3%A8que_CSS_externe | Tutoriel_CSS]]
 
|-
 
|-
|[[STIC:STIC_I_-_exercice_6_(Baldur) | Ex6]] || Mercredi 2 février 2022, 12:00 || [https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex6/frac/ Utilisation de Vue.js pour comparer des nombres décimaux] ||
+
|[[STIC:STIC_I_-_exercice_6_(Baldur) | Ex6]] || Mercredi 2 février 2022, 12:00 || {{button|color=blue|style=box|size=large|link=[https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex6/frac/ Vue.js]}} ||
 
* Comprendre l'utilité et l'intentionnalité du ''third-party code'', mais également les limites
 
* 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
 
* Savoir incorporer et utiliser du code ré-utilisable à travers des feuilles de styles CSS ou des bibliothèques JavaScript externes

Version du 9 juin 2022 à 16:07

Description (2021-09-21):

1 Présentation

2 Intérêts

3 Contributions Wiki - MALTT

3.1 STIC I

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 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
  • 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
  • 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
  • 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

3.2 STIC II

3.3 BASES

3.4 Méthodo 2021-2022

3.4.1 P4 (Learning Analytics)


Kenneth Rioja (discussion) 28 mars 2022 à 10:11 (CEST)