« Utilisateur:Damien Gauthier » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
 
(85 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
Docteur en mathématiques spécialisé en probabilité et statistiques, j'ai bifurqué de la carrière académique pour m'engager dans la pratique artistique du théâtre en devant comédien et metteur en scène professionnel.
Docteur en mathématiques spécialisé en probabilité et statistiques, j'ai bifurqué de la carrière académique pour m'engager dans la pratique artistique du théâtre en devant comédien et metteur en scène professionnel.
Aujourd'hui je cherches à combiner ces deux pratiques dans l'univers du design centré utilisateur au sens large.
Aujourd'hui je cherches à combiner ces deux pratiques dans l'univers du design centré utilisateur au sens large.
==Pages Personnelles==


* [http://tecfaetu.unige.ch/perso/maltt/gauthda0/ page personnelle à TECFA]
* [http://tecfaetu.unige.ch/perso/maltt/gauthda0/ page personnelle à TECFA]
* [http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/ page de mes travaux personnels réalisés à TECFA]
* [http://tecfaetu.unige.ch/etu-maltt/tetris/gauthda0/ page de mes travaux personnels réalisés à TECFA]


===Ressources===
==Rapport de progrès==
====Syntaxe wiki====
 
=== Progress reporting ===
 
{{progress reporting user page}}
 
=== Concepts ===
 
Voici la définition d'un concept:
[[Concept: User reporting]]
 
La même dans un inline query
 
{{#ask: [[Concept: User reporting]] [[agent::user:{{PAGENAME}}]]
|? page wiki
}}
 
==Ressources==
 
 
===Syntaxe wiki===
Faire des listes a puce imbriquées :
# liste numérotée
#: conserve la numérotation et fait un espace
# à bien conservé la numérotation
#* conserve toujours les numéros mais ajoute un bullet
#:* conserve toujours les numéros mais ajoute un bullet et un espace
# et voilà !
permet de faire
# liste numérotée
#: conserve la numérotation et fait un espace
# à bien conservé la numérotation
#* conserve toujours les numéros mais ajoute un bullet
#:* consreve toujours les numéros mais ajoute un bullet et un espace
# et voilà !
[[Guidelines:Edition_de_base]]
[[Guidelines:Edition_de_base]]


[[Guidelines:Règles_d%27édition]]
[[Guidelines:Règles_d%27édition]]


====HTML et CSS====
[http://edutechwiki.unige.ch/fr/Sp%C3%A9cial:T%C3%A9l%C3%A9verser Télécharger un fichier]
 
====Transclusion====
Inclusion de contenu distant ajouter le code
 
<source lang="bibtex">  {{:adresse de la page}}</source>
 
====page des version speciales====
http://edutechwiki.unige.ch/fr/Sp%C3%A9cial:Version
 
===HTML et CSS===
<small>(Cette section est inspirée de [[STIC:STIC_I_-_exercice_1]])</small>


====Flash====
* [[:en:HTML and XHTML elements and attributes]]
* [[Tutoriel_CSS | Tutoriel CSS]]
* [[HTML5]]
* [http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3 HTML5 et CSS3 par le site du zero] ([http://fr.openclassrooms.com fr.openclassrooms.com])
* [https://chrome.google.com/webstore/detail/w3c-html5-css3-validator/kobpbiokkobnmnaefmpcodeeficgbfkg HTML5 et CSS3 W3C Validator]
 
====HTML Validators====
* [https://chrome.google.com/webstore/detail/w3c-xhtml-validator/fdicklfajomdgpciofajkedchajbnhkk W3C XHTML Validator pour Chrome]
 
 
===Flash===
<small>(cette section est largement inspirée de [[STIC:STIC_I_-_exercice_2|STIC I - Exercice 2]])</small>
* [[Flash]]
* [[Flash]]
*[[Univers_Flash_CS5]]
*[[Univers_Flash_CS5|Univers Flash CS5]]
* [[:en:Flash CS3 keyboard shortcuts|Flash CS3 keyboard shortcuts]]
* '''[[:en:Flash CS3 keyboard shortcuts|Flash CS3 keyboard shortcuts]]'''


===== Le dessin =====
===== Le dessin =====
Ligne 37 : Ligne 95 :
* Resource: [[:en:Clipart|Clipart]] and [[:en:texture|texture]]
* Resource: [[:en:Clipart|Clipart]] and [[:en:texture|texture]]
** Importation de graphismes vectoriels (Note: SVG via Illustrator or WMF).
** Importation de graphismes vectoriels (Note: SVG via Illustrator or WMF).
=====Animations=====
*; Introduction
** '''Tutoriel''': [[Flash CS4 - Principes de l'animation]]
** '''Tutoriel''': [[Flash CS4 - Symboles et clips]] - ([[:en:Flash embedded movie clip tutorial]] / [[:en:Flash using embedded movie clips tutorial]]).
*; Image par image
** [[Flash CS4 - Animation image par image]]  - ([[:en:Flash frame-by-frame animation tutorial|Flash frame-by-frame animation tutorial]])
*; Interpolation du mouvement
** [[Flash CS4 - Interpolation de mouvement]] - ([[:en:Flash CS6 motion tweening tutorial]])
*; Animations "classiques" Tween
** [[Flash CS4 - Interpolation de mouvement classique]]  - ([[:en:Flash classic motion tweening tutorial]])
*; Morphing Shape Tween
** [[Flash CS4 - Morphing]]  - ([[:en:Flash shape tweening tutorial|Flash shape tweening tutorial]])
*; Résumés animation
** [[Flash CS4 - Principes de l'animation]] - [[:en:Flash animation summary|Flash animation summary]]
===== Le composant vidéo =====
* Utilisation simple du composant vidéo avec un format standard (mp4)
* Previews:
** [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-simple-server.html flash-cs3-video-simple-server.html]
* '''Tutoriel''': [[Flash CS4 - Composants videos]] (fr) ([[:en:Flash video component tutorial|Flash video component tutorial]] (en)
* Répertoire avec exemples et qqs. vidéos pour jouer: http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/ (utilisez une vidéo de type *mp4, ce sera plus facile).
===== Son =====
* '''Tutoriel''': [[Flash CS4 - Son]] - ([[:en:Flash sound tutorial|Flash sound tutorial]])
===== Boutons et premier contact avec ActionScript (à option) =====
* Previews
** [http://tecfa.unige.ch/guides/flash/ex/buttons-intro/flash-cs3-image-map.html flash-cs3-image-map.html] (image maps)
** [http://tecfa.unige.ch/guides/flash/ex/buttons-intro/flash-cs3-rocket-launcher-as3.html flash-cs3-rocket-launcher-as3.html]
**  [http://tecfa.unige.ch/guides/flash/ex/buttons-intro/flash-cs3-simple-menu-site.html flash-cs3-simple-menu-site.html]
** [http://tecfa.unige.ch/guides/flash/ex/buttons-intro/flash-cs3-simple-slide-show-as3.html flash-cs3-simple-slide-show-as3.html]
* '''Tutoriel''': [[Flash CS4 - Boutons]] - ([[:en:Flash button tutorial|Flash button tutorial]])
** Boutons de la librairie
** Faire soi-même des boutons (y compris à partir de bitmaps)
** Définir un event-handler simple et enregistrer avec le bouton
* [[Flash CS4 - Symboles et clips]] (pour la définition de "symbol" et "clip").
===== Les composants =====
* '''Tutoriel''': [http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-components-overview.swf flash-cs4-components-overview.swf]
===== Le composant bouton, ActionScript et menus =====
* Previews
** [http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-simple-slide-show-menu.swf flash-cs4-simple-slide-show-menu.swf]
** [http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-simple-slide-show-menu-fewcode.swf flash-cs4-simple-slide-show-menu-fewcode.swf]
* '''Tutoriel''': [[Flash CS5 - Composant bouton]] ([[:en:Flash component button tutorial]])
* Exemples pour commencer (à vous de décider si vous voulez travailler en modifiant le code):
: http://tecfa.unige.ch/guides/flash/ex6/components-intro/flash-cs6-simple-slide-show-menu.fla (CS6, joli code)
: http://tecfa.unige.ch/guides/flash/ex5/components-intro/flash-cs5-simple-slide-show-menu.fla  (CS5, joli code)
: http://tecfa.unige.ch/guides/flash/ex6/components-intro/flash-cs6-simple-slide-show-menu-fewcode.fla (CS6, code simple)
: http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-simple-slide-show-menu-fewcode.fla (CS4, code simple)
===== Les fragments de code =====
* '''Tutoriel''': [[Flash CS5 - Editeur ActionScript et fragments de code]]
=== Ressources diverses===
====Impress.js====
* [[Tutoriel impress.js]]
* exemple disponible sur http://tecfa.unige.ch/guides/impress.js/impress-demo-1/
==== GreenSock GSAP ====
* [[Tutoriel GreenSock GSAP]]
==Edition Spéciale ==
Pour faire des tableaux jolis :
<pre>
{| class="wikitable" style="background: white;"
| Widgetizer
| test
|-
| MediaBox
|-
|}
</pre>
{| class="wikitable" style="background: white;"
| Widgetizer
| test
|-
| MediaBox
|-
|}
cf. http://meta.wikimedia.org/wiki/Help:Table#Examples
== Pages en cours ==
*STIC III - période 3
** Voyeur tool entretiens : http://voyeurtools.org/?corpus=1417799859887.8995&stopList=1417800402675lh
** Réf livre : http://books.google.ch/books?id=-B6amxqygTMC&lpg=PA20&ots=FOah8x0W2C&dq=text%20mining%20k%20nearest%20neighbor&hl=fr&pg=PA30#v=onepage&q=text%20mining%20k%20nearest%20neighbor&f=false
** Page et sujets en cours :
*** [[Méthodes de classification en text mining]]
*** clustering --> tutoriel sous R
*** catégorisation --> [[Text mining]] --> tutoriel sous R
*** LDA --> en général [[Topic modelling en text mining]] --> référence vers le package R
*** [[Analyse de sentiments en text mining]]
*** page sur R par DKS [[Analyse de sentiments avec R]]
*** Général : [http://edutechwiki.unige.ch/fr/Cat%C3%A9gorie:Analytique_et_exploration_de_donn%C3%A9es Catégorie:Analytique et exploration de données]
* Logiciels
** IRamuTeQ
** Lexo [http://lexos.wheatoncollege.edu/upload]
* STIC III - période 2
** [[Clustering et classification hiérarchique en text mining]]
* Exercice 16 :
** http://edutechwiki.unige.ch/en/D3.js#Introduction (ajout d'une référence vers une introduction en quelques slides sur D3.
** [[JQuery]] création de la plage
* Exercice 15 :
** [http://edutechwiki.unige.ch/fr/Google_Earth#Cr.C3.A9er_une_visite_guid.C3.A9e Google Earth#Créer une visite guidée] (création de la section et du tutoriel)
* Projet Webmaster : [[STIC:STIC_II_-_projet_webmaster]]
** [[Word_press#Résumé de la procédure d'installation]] réécriture du tutoriel d'installation
** [[Word_press#Thème DMS2 : modifier les pages avec Drag and drop]] (création de la section sur DMS2)
** [[Word_press#Ninja pages : ajouter des catégories et de tags aux pages]] (création du paragraphe)
*Exercice 12 :
**[[Guidelines:Edition de base]] (liste complexes et gallerie d'images)
**[[Opale#Utilisations_spécifiques]] (création de la section sur les vidéos Youtube et sur les équations LaTeX)
*Exercice 13 :
**[[Guidelines:Edition de base]] (liste complexes et gallerie d'images)
**[[LAMS#Share_Resources_Tool]] (précisions dans les options)
**[[LAMS#Activities Toolkit]] (diverses modification et traduction et ajout des images manquantes)
**[[LAMS#Comment exporter son module en .zip]] (création de la section)
**[[Tutoriel_CompendiumLD#Exportation.2Fimportation]] (modification des import et export)
*Exercice 11 :
** [[Tutoriel_SVG_avec_HTML5]] (traduction de la page wiki en)
* Exercice 10 :
** [[Tutoriel_XSLT_d%C3%A9butant#Extraction_d.E2.80.99une_valeur_avec_XSLT]] (modification et ajout de xsl:attribute avec exemple)
** [[Tutoriel_XSLT_d%C3%A9butant#XPATH]] et [[Tutoriel_XSLT_d%C3%A9butant#Extraction_d.E2.80.99une_valeur_avec_XSLT]] (modification du paragraphe : création de XPath et Extraction d'une valeur avec XSLT, ajout d'exemple d'utilisation de XPath)
** [[Tutoriel_XSLT_d%C3%A9butant#Gestion_d.27une_node_selon_le_contexte_:_l.27attribut_.22mode.22]] (Création du paragraphe général sur "mode")
** [[Tutoriel_XSLT_d%C3%A9butant#Variables_et_templates_avec_param.C3.A8tres]] (création de la section)
* Exercice 6 :
** [[Flash AS3 - Programmer avec une classe#Les constantes]]
** [[Flash AS3 - Programmer avec une classe#Référencement d'une propriété ou méthode statique]]
** [[Flash AS3 - Événements personnalisés#Exemples]]
* Exercice 5 :
**[[Flash_AS3 - Programmer avec une classe#Héritage de classe]]
**[[Flash_AS3 - Programmer avec une classe#Classe DocumentClass et le passage de variables entre frames]]
*Exercice 4 :
**[[Vidéographie tutoriel - Jing]]
**[[Vidéographie tutoriel - BB Flashback]]
* Exercice 3 :
**[[Flash AS3 - Programmer avec une classe#Création d'une classe]]
**[[Flash AS3 - Événements personnalisés]]
**[[Tutoriel GreenSock GSAP pour AS3#Utilisation dans Action Script 3]]

Dernière version du 18 janvier 2015 à 15:23

Docteur en mathématiques spécialisé en probabilité et statistiques, j'ai bifurqué de la carrière académique pour m'engager dans la pratique artistique du théâtre en devant comédien et metteur en scène professionnel. Aujourd'hui je cherches à combiner ces deux pratiques dans l'univers du design centré utilisateur au sens large.


Pages Personnelles

Rapport de progrès

Progress reporting

Concepts

Voici la définition d'un concept: Concept: User reporting

La même dans un inline query

 Page wiki
Progress reporting/Damien Gauthier/Apprentissage par découverteApprentissage par découverte
Progress reporting/Damien Gauthier/Apprentissage par investigationApprentissage par investigation
Progress reporting/Damien Gauthier/Apprentissage par projetApprentissage par projet
Progress reporting/Damien Gauthier/BéhaviorismeBéhaviorisme
Progress reporting/Damien Gauthier/Enseignement programméEnseignement programmé
Progress reporting/Damien Gauthier/FlowFlow
Progress reporting/Damien Gauthier/Jugement et prise de décisionJugement et prise de décision
Progress reporting/Damien Gauthier/Mémoire et émotionMémoire et émotion
Progress reporting/Damien Gauthier/PsycholinguistiquePsycholinguistique
Progress reporting/Damien Gauthier/Psychologie différentiellePsychologie différentielle
Progress reporting/Damien Gauthier/Psychologie socialePsychologie sociale
Progress reporting/Damien Gauthier/RaisonnementRaisonnement
Progress reporting/Damien Gauthier/Socio-constructivismeSocio-constructivisme
Progress reporting/Damien Gauthier/Théorie de Novak sur les cartes conceptuellesThéorie de Novak sur les cartes conceptuelles
Progress reporting/Damien Gauthier/Théorie des conditions d’apprentissageThéorie des conditions d’apprentissage

Ressources

Syntaxe wiki

Faire des listes a puce imbriquées :

# liste numérotée
#: conserve la numérotation et fait un espace
# à bien conservé la numérotation
#* conserve toujours les numéros mais ajoute un bullet
#:* conserve toujours les numéros mais ajoute un bullet et un espace
# et voilà !

permet de faire

  1. liste numérotée
    conserve la numérotation et fait un espace
  2. à bien conservé la numérotation
    • conserve toujours les numéros mais ajoute un bullet
    • consreve toujours les numéros mais ajoute un bullet et un espace
  3. et voilà !

Guidelines:Edition_de_base

Guidelines:Règles_d'édition

Télécharger un fichier

Transclusion

Inclusion de contenu distant ajouter le code

  {{:adresse de la page}}

page des version speciales

http://edutechwiki.unige.ch/fr/Sp%C3%A9cial:Version

HTML et CSS

(Cette section est inspirée de STIC:STIC_I_-_exercice_1)

HTML Validators


Flash

(cette section est largement inspirée de STIC I - Exercice 2)

Le dessin
Animations
Le composant vidéo
  • Utilisation simple du composant vidéo avec un format standard (mp4)
Son
Boutons et premier contact avec ActionScript (à option)
Les composants
Le composant bouton, ActionScript et menus
  • Exemples pour commencer (à vous de décider si vous voulez travailler en modifiant le code):
http://tecfa.unige.ch/guides/flash/ex6/components-intro/flash-cs6-simple-slide-show-menu.fla (CS6, joli code)
http://tecfa.unige.ch/guides/flash/ex5/components-intro/flash-cs5-simple-slide-show-menu.fla (CS5, joli code)
http://tecfa.unige.ch/guides/flash/ex6/components-intro/flash-cs6-simple-slide-show-menu-fewcode.fla (CS6, code simple)
http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-simple-slide-show-menu-fewcode.fla (CS4, code simple)
Les fragments de code


Ressources diverses

Impress.js

GreenSock GSAP

Edition Spéciale

Pour faire des tableaux jolis :

{| class="wikitable" style="background: white;"
| Widgetizer 
| test
|-
| MediaBox
|-
|}
Widgetizer test
MediaBox

cf. http://meta.wikimedia.org/wiki/Help:Table#Examples

Pages en cours