Damien Gauthier http://tecfaetu.unige.ch/perso/maltt/gauthda0/ damien.gauthier@gmail.com Tetris http://edutechwiki.unige.ch/fr/STIC:STIC_I Daniel K. Schneider avec Stéphane Morand 1

13.10.2013 http://tecfaetu.unige.ch/perso/maltt/gauthda0/ Page personnelle à TECFA en HTML5 et CSS3. Terminé Travail individuel J'ai essayé de faire du HTML5 et CSS3 valide, mais qui fonctionne quand même sur les anciens navigateurs. Pour écrire de manière sensée le CSS, j'ai suivi les recommandations de http://www.web-tutoriel.com/2010/01/03/les-bonnes-pratiques-css-pour-optimiser-votre-code/.

13.10.2013 http://www.netvibes.com/damien-gauthier# Page personnelle publique sur Netvibes.com. Cette page contient deux onglets regroupant des flux RSS sur les thèmes du design centré utilisateur et des nouvelles technologies. Terminé Travail individuel Le but de cette page n'est pas de me présenter (sauf pour la colonne du flux Twitter à droite de l'onglet "News UX"), mais de fournir un point d'accès aux flux de nouvelles que je suis activement.

15.10.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/ Page de présentation des travaux réalisés au MALTT, notamment dans le cadre des cours STIC I et II. Avec liens vers les ressources (livrables). Terminé Travail individuel J'ai tenté ici de rendre cohérente les visuels de la page travaux et de la page personnelle à TECFA. Pour cela, j'ai partagé la feuille de style principale (style-general.css) ainsi que la photo qui se trouve dans le header. J'ai également essayé de rendre la présentation par XSL plus modulaire en introduisant des tests qui n'affichent pas certaines balises vides.

30.10.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex1/Impress/verbes_japonais.html Présentation réalisée sur impress.js. Le sujet est : Les verbes donner et recevoir en japonais. Terminé Travail individuel L'objectif principal de cette présentation à été de faire une présentation 3D fluide, c'est-à-dire qui ne donne pas le tournis à l'utilisateur devant son écran tout en organisant les slides dans l'espace 3D d'une manière qui reflète le propos. L'objectif secondaire était de présenter une slide de vision globale finale (overview) qui soit un résumé de la matière présentée dans une forme à la fois esthétique est compréhensible. Techniquement, les objectifs étaient de découvrir impress.js, d'utiliser du javascript pour gérer les événements de la souris et de créer une classe de bloc qui ne soient pas des slides mais se positionnent de la même manière que les slides (avec l'utilisation des attributs personnalisés).

03.11.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex1/ Rapport concernant l'exercice 1 Terminé Travail individuel

2

31.10.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex2/DG_flash_MOOCS.swf Site Flash avec animations et vidéo réalisée sur le thème des MOOCs. Terminé Travail individuel Les objectifs principaux étaient de créer une application de type site Flash présentant de manière intrigante les MOOCS, puis de fournir quelques réponses dans une vidéo interne ainsi que des liens externes pour en savoir plus. Les objectifs techniques principaux étaient : implémenter une animation d'introduction (qui se fige, reste présente sur toutes les frames principales et y ajouter une navigation depuis la frame parente) ; inclure une vidéo Youtube en construisant des boutons de contrôles personnalisés (et qui fait appel au destructeur lors de la sortie de la frame) et construire un lien de navigation interne en texte (pour obtenir deux niveaux hiérarchiques dans la navigation).

03.11.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex2/ Rapport concernant l'exercice 2 Terminé Travail individuel

3

05.12.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex3/japan_vovels.swf Jeu Flash avec événements personnalisés et annimation par TweenMax sur le thème des voyelles en hiragana en japonais Terminé Travail individuel Les objectifs principaux étaient de créer un jeu en flash présentant une ébauche d'application pour apprendre les caractères japonais traditionnel hiragana. L'accent a été mis sur la sobriété de l'interface, d'où des couleurs blanc, noir, gris et rouge ainsi que beaucoup d'espace vide. Le principe de jeu très simple permet de ne pas nécessiter de phase de tutorial, ni même d'explication, la mécanique de jeu basée sur une élimination progressive des mauvaises réponses rendant de plus en plus aisé de découvrir la bonne. Les objectifs techniques principaux étaient d'intégrer les éléments demandés d'une manière naturelle, dans un environnement de jeu cohérent. En particulier, je voulais définir des événements personnalisés et une classe spécifique pour les caractères, afin de pouvoir disposer d'une « boîte noire » et de renvoyer seulement l'événement « correct » ou « faux ». Je voulais également utiliser les propriétés de transformation de couleur à des fins d'ergonomie (en remplacement du curseur de la souris pour les boutons). Le dernier objectif était de réaliser pour les caractères une trajectoire aléatoire, mais néanmoins fluide,à l'aide de courbes de Béziers. Concernant les améliorations possibles , il faudrait évidemment étendre le principe à l'entier des syllabaires japonais, voire quelques kanjis. Il serait possible également de modifié le nombre de caractères proposés à chaque partie, et de les choisir au hasard parmi l'ensemble en incluant une proportion adéquate de caractères déjà appris. Au niveau technique, on pourrait entres autres ajouter des effets sonores, une certain nombre de « vies » par partie, ou encore une page d'options et paramètres comprenant notamment le choix de différents niveaux de difficultés ainsi qu'une liste à cocher pour choisir les caractères sur lesquelles on désire travailler. Enfin, on pourrait inclure un tableau récapitulatif des caractères avec leur transcription.

05.12.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex3/ Rapport concernant l'exercice 3 Terminé Travail individuel

4

04.12.2013 http://edutechwiki.unige.ch/fr/STIC:STIC_I_-_exercice_4#.C3.89nonc.C3.A9_de_l.27exercice_4_.28alternative_pour_deux_.C3.A9tudiant.28e.29s Rédaction de deux petits tutoriels en screencast pour les logiciels de vidéographie Jing et BB Flashback. Terminé Travail individuel L'objectif de cet exercice alternatif était de fournir de vidéos d'utilisation pour deux logiciels différents de vidéographie : Jing par Techsmith et BB Flashback par Blueberry Software. Le but principal de ces tutoriels étant de fournir une base commune à tous les étudiants pour réaliser les vidéographies demandées dans le cours de Bases psychopédagogiques, les fonctionnalités présentées ont été volontairement réduite afin d'être les plus claires et les plus utilisables possibles. Le choix de ces de ce logiciel répondent aux critères suivants : tous deux sont stables et ne plantes pas, Jing est très simple d'utilisation et BB Flashback très polyvalent et de grande qualité. L'objectif secondaire, qui était également un objectif technique, était d’adjoindre au court tutoriel à base de capture d'écran rédigé dans le wiki, des vidéographies montrant par la pratique l'utilisation de ces logiciels. De plus, cela fournissait une occasion de glisser quelques conseils sur la préparation et la réalisation d'une vidéographie (affichage des notes dans une zone non capturée pour une vision tête haute, et utilisation de la fonction pause).

05.12.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex4/ Rapport concernant l'exercice 4 Terminé Travail individuel

5

31.01.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex5/drag_the_kana.swf JEu en Flash avec Drag and Drop, classes et bubbling d'événements personalisés sur le thème des kana en japonais. Terminé Travail individuel L'objectif principal cette application était de créer un jeu en flash avec drag and drop pour apprendre les caractères japonais de base, c'est-à-dire les kanas. Pour cela, j'ai voulu tirer parti du fait que l'ordre des voyelles en japonais et différent de celui des voyelles en français ou dans les langages européens. De plus, l'ordre des voyelles en japonais est extrêmement important car il est souvent utilisé pour classer les choses. Il est donc important pour l'apprenant de bien maîtriser l'ordre des caractères japonais. L'accent a été mis sur la sobriété de l'interface ainsi que le côté ludique (accéder à l'aide coûte cinq points) et la compréhension du feedback par un code couleur vert jaune rouge pour déterminer si les caractères sont correctement placés. De plus, la jouabilité a été facilitée en faisant que les caractères se place de même à l'intérieur de la case au-dessus de laquelle ils ont été lâchés.

05.12.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex5/ Rapport concernant l'exercice 5 Terminé Travail individuel

6

31.01.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex6/japan_vovels_v2.swf Rédaction de deux petits tutoriels en screencast pour les logiciels de vidéographie Jing et BB Flashback. Terminé Travail individuel

05.12.2013 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-1/ex6/ Rapport concernant l'exercice 6 Terminé Travail individuel

http://edutechwiki.unige.ch/fr/STIC:STIC_II Daniel K. Schneider avec Stéphane Morand 10

29.03.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex10/dialogue-japonais-mouseover.xml Création d'une DTD pour un dialogue en japonais avec traduction et présentation des protagonistes. Création de la documentation de la DTD. Création d'un fichier XML exemple ainsi que de deux fichiers XSLT pour montrer différentes possibilités d'affichage. Terminé Travail individuel

30.03.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex10/ Rapport concernant l'exercice 10 Terminé Travail individuel

11

29.03.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex11/grade-rainbow.html Création d'une image SVG pour représenter graphiquement les notes obtenues au semestre 1 du MALTT. L'image comprenant une animation en SMIL et réagit en fonction des entrées de l'utilisateur dans un formulaire HTML. Terminé Travail individuel

30.03.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex11/ Rapport concernant l'exercice 11 Terminé Travail individuel

12

11.05.2014 http://tecfalms.unige.ch/moodle/mod/scorm/view.php?id=12321 Création d'un module SCORM 1.2 autour du modèle standard, des quarks et des baryons. Terminé Travail individuel

11.05.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex12/Le%20Modele%20standard,%20les%20quarks%20%20-%20Damien%20Gauthier.epub Création d'un livre format e-pub avec le même contenu. Terminé Travail individuel

11.05.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex12/ Rapport concernant l'exercice 12 Terminé Travail individuel

13

11.05.2014 http://tecfalms.unige.ch/moodle/mod/lamslesson/view.php?id=12237 Création d'un module de formation LAMS autour du modèle standard, des quarks et des baryons. Design pédagogique effectué avec Compendium LD et réalisation du module avec LAMS. Travail individuel

11.05.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex13/ Rapport concernant l'exercice 13 Terminé Travail individuel

14

08.05.2014 http://tecfaetu.unige.ch/projets/tetris/gauthda0/stic-2/portail/ Portail pour apprendre les bases du japonais en autodidacte, réalisé sur la plateforme Wordpress avec l'extension DSM2. Terminé Travail individuel

10.06.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/portail Rapport concernant le projet Webmaster Terminé Travail individuel

15

10.06.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex15/Tour_des_monuments_parisiens_a_Tokyo.kmz Visite et comparaison virtuelle des monuments parisiens et de leur réplique tokyoïte dans Google Earth (fichier KMZ). Terminé Travail individuel

10.06.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex15/ Rapport concernant l'exercice 15 Terminé Travail individuel

16

10.06.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex16/kanji-composition.html Petite activité récréative autour de la composition des Kanjis japonais. Terminé Travail individuel

10.06.2014 http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/stic-2/ex16/ Rapport concernant l'exercice 16 Terminé Travail individuel