Utilisateur:Damien Gauthier

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

• page personnelle à TECFA
• page de mes travaux personnels réalisés à TECFA

Rapport de progrès

Concepts

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

La même dans un inline query

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)

• en:HTML and XHTML elements and attributes
• Tutoriel CSS
• HTML5
• HTML5 et CSS3 par le site du zero (fr.openclassrooms.com)
• HTML5 et CSS3 W3C Validator

HTML Validators

• W3C XHTML Validator pour Chrome

Flash

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

• Flash
• Univers Flash CS5
• Flash CS3 keyboard shortcuts

Le dessin

• Flash CS4 - Créer des dessins avec les outils de dessin - (Flash drawing tutorial)
  • Modes de dessin (object vs. merge). Sans raisons contraires, dessinez toujours en mode objet
  • Palette des outils de dessin
  • Couleurs et textures
• Flash CS3 - Créer et modifier les calques et les images - (Flash layers tutorial)
  • Savoir s'organiser: layers, layer folders, la librairie, les scènes
• Flash CS4 - Arranger des dessins - (Flash arranging objects tutorial)
  • Différence entre shapes, simple graphics, composite graphics, symbols, etc.
  • Transformations vers différents types de "display elements"
  • Alignement et snapping
• Flash CS4 - Transformer des dessins - (Flash object transform tutorial)
  • Select tool
  • Free Transform Tool (y compris ses différents modes)
• Flash CS4 - Couleurs et gradients - (Flash colors tutorial)
  • Types de couleurs
  • Color Gradient Transform Tool
• Resource: Clipart and texture
  • 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 - (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 - (Flash shape tweening tutorial)

• Résumés animation

  • Flash CS4 - Principes de l'animation - Flash animation summary

Le composant vidéo

• Utilisation simple du composant vidéo avec un format standard (mp4)

• Previews:
  • flash-cs3-video-simple-server.html

• Tutoriel: Flash CS4 - Composants videos (fr) (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 - (Flash sound tutorial)

Boutons et premier contact avec ActionScript (à option)

• Previews
  • flash-cs3-image-map.html (image maps)
  • flash-cs3-rocket-launcher-as3.html
  • flash-cs3-simple-menu-site.html
  • flash-cs3-simple-slide-show-as3.html
• Tutoriel: Flash CS4 - Boutons - (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: flash-cs4-components-overview.swf

Le composant bouton, ActionScript et menus

• Previews
  • flash-cs4-simple-slide-show-menu.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 :

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

Widgetizer	test
MediaBox

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

Pages en cours

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

    sources :

    MikTex:

    http://scenari-platform.org/trac/modelet/wiki/miktex

    http://scenari-platform.org/trac/modelet/wiki/math/latex

    http://scenari-platform.org/projects/opale/doc/opale/userGuide/co/0565-ressources-maths-latex.html?product=opale&ver=3.4

    Video Youtube:

    https://www.youtube.com/watch?v=zhhzN778mg4

• Exercice 13 :
  • 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)
• Exercice 11 :
  • Tutoriel_SVG_avec_HTML5 (traduction de la page wiki en)

• Exercice 10 :
  • Tutoriel_XSLT_débutant#Extraction_d.E2.80.99une_valeur_avec_XSLT (modification et ajout de xsl:attribute avec exemple)
  • Tutoriel_XSLT_débutant#XPATH et Tutoriel_XSLT_débutant#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ébutant#Gestion_d.27une_node_selon_le_contexte_:_l.27attribut_.22mode.22 (Création du paragraphe général sur "mode")
  • Tutoriel_XSLT_débutant#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