« Utilisateur:Kenneth Rioja » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(added objectifs)
Ligne 28 : Ligne 28 :
!Délai
!Délai
!Travail personnel
!Travail personnel
!Compétences acquises
!Contributions EduTechWiki
!Contributions EduTechWiki
|-
|-
|rowspan="2" | 1 || [[STIC:STIC_I_-_exercice_1_(Baldur) | Ex1]] || Dimanche 17 octobre 2021, 21:00 || Cette page || rowspan="2" |  
|rowspan="2" | 1 || [[STIC:STIC_I_-_exercice_1_(Baldur) | 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
* Utilisation de base du langage [[XML]] et savoir décrire les similarités/différences avec HTML5
* Comprendre les bases d'une grammaire [[Tutoriel DTD|DTD]] et savoir l'associer à un document XML
* Comprendre les bases du langage [[Tutoriel XSLT débutant | XSLT]] et savoir l'associer à un document XML pour créer du HTML5/CSS
* Réfléchir sur l'identité digitale en général, et plus spécifiquement dans le domaine de la technologie éducative |
| rowspan="2" |  
* [[FileZilla]] : Ajout de l'adresse pour l'espace home (volée Baldur) + ajouts mineurs
* [[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.
* [[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 || [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
* Exposition "souple" aux grands principes de la [[Introduction à la programmation|programmation]] (variables, structures de contrôles, boucles, ...) qui seront approfondis pendant le semestre
* Comprendre les grands principes des [[Interactivité avec JavaScript|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]])
|-
|-
|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" |  
|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] ||
* 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 <code>window</code> et <code>window.document</code> 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|
| rowspan="2" |
*[[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 || [https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex4/perim_rect/ Vidéo éducative sur le rectangle] ||
* Se questionner de manière critique l'utilisation de la vidéo, surtout en termes pédagogiques
* Comprendre qu'est-ce qu'un fichier vidéo et de quels éléments il se compose, ainsi que les différentes extensions et codecs associés
* 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
|-
|-
|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" |  
|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] ||
* 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 |
| rowspan="2" |  
*[[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'[[STIC:STIC_I_-_exercice_5_(Baldur)|Ex5]] sur la définition d'une API et la partager avant le cours.
*[[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'[[STIC:STIC_I_-_exercice_5_(Baldur)|Ex5]] sur la définition d'une API et la partager avant le cours.
*[[JQuery_UI#Trier_avec_code_suppl.C3.A9mentaire|JQuery UI]] : Ajout de la façon de trier des nombres avec code supplémentaire.
*[[JQuery_UI#Trier_avec_code_suppl.C3.A9mentaire|JQuery UI]] : Ajout de la façon de trier des nombres avec code supplémentaire.
Ligne 47 : Ligne 83 :
** 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 || [https://tecfaetu.unige.ch/etu-maltt/baldur/rioja0/stic-1/ex6/frac/ 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
|}
|}


=== [[STIC:STIC II (Baldur)|STIC II]]===
=== [[STIC:STIC II (Baldur)|STIC II]]===


==== P5 ====
* Développement d'un dispositif d'apprentissage destiné aux adolescents de 14-18 ans sur la protection des données personnelles sur le web. Travail en groupe réalisé avec [[Utilisateur:Celina Marques Teixeira|Celina Marques Teixeira]], [[Utilisateur:Sara cousin|Sara Cousin]] et [[Utilisateur:Victoria Gilles|Victoria Gilles]]
* ...
** Implémentation d'un [https://moodle.org/ Moodle] sur le serveur du MALTT
 
** Outil de scénarisation utilisé : [https://articulate.com/360/storyline Articulate Storyline]
==== P6 ====
** Outils d'interaction utilisés : [https://genial.ly/fr/creer/presentations/ Genial.ly], [https://www.techsmith.fr/camtasia.html Camtasia], [https://coggle.it/ Coggle]
* ...


=== [[BASES:Cours_BASES_2021-22|BASES]] ===
=== [[BASES:Cours_BASES_2021-22|BASES]] ===

Version du 9 juin 2022 à 14:59

Description (2021-09-21):

Présentation

Ceci n'est pas une étoile

Intérêts

Contributions Wiki - MALTT

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
  • Utilisation de base du langage XML et savoir décrire les similarités/différences avec HTML5
  • 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
  • Réfléchir sur l'identité digitale en général, et plus spécifiquement dans le domaine de la technologie éducative |
  • 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
  • Comprendre qu'est-ce qu'un fichier vidéo et de quels éléments il se compose, ainsi que les différentes extensions et codecs associés
  • 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

STIC II

BASES

Méthodo 2021-2022

P4 (Learning Analytics)

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

Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=Utilisateur:Kenneth_Rioja&oldid=162596 »