SlideShare une entreprise Scribd logo
Présentation
du groupe de travail
2è techniques infographiques
web & multimédia

Rétrospective 2009-2010
                               1
La grille des cours
decoding the grid                3


Workshop, sorties & séminaires
discovering the love             6


Les travaux d’étudiants
freaking magic                   8


Les débouchés
odyssey 2010                     10




                                      2
VENIT ACING ERO
La grille des cours
COURS                       H    CONTENU                                                                                                        PROFESSEURS
DESSIN                      60   Techniques d’encrage digital et conception d’illustrations vectorielles (tablette graphique, Flash vs Illus-   Valérie Gérard
                                 trator). Pictos et interfaces web 2.0, réalité augmentée pour Iphone avec Fireworks. Sorties culturelles.
ANGLAIS                     45   Compréhension à l’audition et la lecture ‘designing the best portfolio’, présentation orale, rédaction         Gretchen Brandt
                                 d’un curriculum vitae, ...
COMMUNICATION VISUELLE      45   Conception et réalisation d’une identité visuelle. Conception et réalisation d’un logo. Présentation de        Marc Wathieu
1+2                              projets. Enjeux et stratégie de communication. Identité visuelle de la Médiathèque.
COMMUNICATION VISUELLE ET   45   Comprendre le médium interactif en ligne et conception d’un projet web de la demande au déliverable            Alexandre Plennevaux
CONCEPTION DE PROJET             final. Notions de communication, information design, interaction design. Conception d’un mini-site.
PHYSIQUE APPLIQUÉE          30   Nature et propriétés de la lumière, vision et perception, les couleurs, notions de photométrie.                Jacques Houard

GESTION DES COULEURS ET     15   Connaissance de la couleur et des matériels (profil d’un moniteur, d’une imprimante etc…)                      Thierry Dambermont
COLORIMÉTRIE

COMPRESSION NUMÉRIQUE ET    15   Théorie de numérisation des données. Etude des enjeux et techniques de compression appliquées aux              Louis Volont
TRANSFERT                        fichiers en vue d’un usage en ligne ou hors ligne. Découverte des normes et des bonnes pratiques.
TECHNIQUES INFORMATIQUES    45   HTML (création de site web) - Apprentissage des bases de l’html : utilisation des balises, découpe html,       Philippe Thronte
SPÉCIALISÉES 1                   sémantique du code, écriture valide et conforme selon les normes du W3C, écriture xhtml 1.0 strict.
                                 Construction pratique d’un site. Introduction à l’HTML5.
TECHNIQUES INFORMATIQUES    45   CSS (habillage graphique de site web) - Apprentissage des bases des CSS : utilisation des propriétés,          Philippe Thronte
SPÉCIALISÉES 2                   écriture du code, écriture valide et conforme selon les normes du W3C. Introduction et utilisation des
                                 CSS3.
TECHNIQUES INFORMATIQUES    15   Culture numérique - Découvertes du champ des arts numériques par des exemples.                                 Christophe Veys
SPÉCIALISÉES 3




Apprenez avec des professionnels de l’industrie graphique et interactive.
En savoir + sur vos professeurs >




                                                                                                                                                                       3
VENIT ACING ERO
La grille des cours (suite)
COURS                       H    CONTENU                                                                                                          PROFESSEURS
TECHNIQUES INFOGRAPHIQUES   60   Graphisme et Interface - Interfaces, interfaces : le tout et ses parties, les parties et leur Tout à travers 3   François Bourgaux
APPROFONDIES 1                   thématiques (Dziga Vertov - L’homme a la camera/Peter Watkins - La monoforme/Les Momap) ou com-
                                 ment mettre en scène un contenu donné et proposer les interactions propices à la consultation.
TECHNIQUES INFOGRAPHIQUES   30   Flash design & animation - Méthodologie de l’animation : modelsheet, storyboard, animatique, anima-              Valérie Gérard
APPROFONDIES 2                   tion pour le web. Histoire et culture contemporaine du monde de l’animation.
TECHNIQUES NUMÉRIQUES       60   Analyse et conception graphique - Typographie et mise en page. Interface web d’un groupe de mu-                  Chantal Boel
AVANCÉES 1                       sique. Logotype, identité visuelle et charte graphique.
TECHNIQUES NUMÉRIQUES       60   Interactivité et animation avec Javascript et les frameworks YUI, Prototype et jQuery. Lire, comprendre          Christian Delfosse
AVANCÉES 2                       et modifier (pour les adapter) des scripts existants.
TECHNIQUES NUMÉRIQUES       60   Narration interactive à l’aide d’éléments multimédias. Réalisation d’un web documentaire à l’aide                Louis Volont
AVANCÉES 3                       d’images fixes, d’images animées, de sons, de textes et autres éléments interactifs. Le projet final, déve-
                                 loppé seul ou en couple, doit pouvoir être consulté en ligne de façon linéaire et interactive.
TECHNIQUES SPÉCIALES 1      30   Images animées avec After Effects - Le cours d’After Effect est organisé en 7 modules qui couvrent l’es-         François Bourgaux
                                 sentiel des fonctionnalités du logiciel non pas dans l’optique de réalisation de sabre laser mais en vue
                                 de l’élaboration d’un message animé diffusé online.
TECHNIQUES SPÉCIALES 2      30   Sound Design - Habillage sonore d’animation et d’applications interactives.                                      Michel Grigorakis

TECHNIQUES SPÉCIALES 3      30   Interactivité avec Flash (action script 3) - Apprentissage des concepts liés à l’interactivité multimédia :      Emeric Florence
                                 manipulations de données (textes, images, sons, vidéos, ... ), analyse des actions de l’utilisateur (clavier,
                                 souris, micro, camera), développement d’interfaces et dynamisation des ressources graphiques.




Apprenez avec des professionnels de l’industrie graphique et interactive.
En savoir + sur vos professeurs >




                                                                                                                                                                       4
VENIT ACING ERO
La grille des cours (suite)
COURS                    H    CONTENU                                                                                                      PROFESSEURS
TECHNIQUES SPÉCIALES 4   45   Ergonomie web - Acte de conversion, expérience utilisateur. Conventions vs expérimentation. Systèmes         Alexandre Plennevaux
                              de navigation. Typographie. Formulaires. Conception centrée utilisateurs: rédaction de personas et
                              capture d’expérience utilisateurs. Optimisation pour les moteurs de recherche.
TRAVAUX PRATIQUES        60   Workshop Datavizualisation (5 jours)                                                                         L’équipe WM
                              Atelier pluridisciplinaire et collectif avec un invité de renom: David McCandless.

                              TP TFA - Suivi du projet de TFA avec le jury de professeurs - Réalisation d’un portfolio Web.


                              TP Authoring DVD - Réalisation d’un portfolio sous la forme d’un DVD-Vidéo (création des menus, mise         Louis Volont
                              en place de la navigation, intégrations des contenus, gestion de l’interactivité, encodage vidéo/audio).

                              TP Prépresse - Réalisation d’une identité visuelle propre à chaque étudiant (logo, carte de visite et cur-   Céline Kerpelt
                              riculum vitae). Notions de mise en page à l’aide d’InDesign.

                              TP Créativité - Techniques de conception créative.                                                           Didier Moens


                              TP Web - Méthode de l’amélioration progressive: création d’un formulaire ergonomique en HTML, CSS,           Alexandre Plennevaux
                              Javascript (Jquery).




Apprenez avec des professionnels de l’industrie graphique et interactive.
En savoir + sur vos professeurs >




                                                                                                                                                                  5
Data vizualisation
                                          workshop
                                          Avec David Mc Candless (infor-
                                          mationisbeautiful.net) - un invi-
                                          té de choix pour un atelier de 5
                                          jours à la découverte d’un trai-
                                          tement graphique à la croisée
                                          entre art, médias et sciences.

                                          < Découvrez en ligne le mini-site et la vidéo
                                          présentant les travaux réalisés par les étu-
                                          diants de 2ème Web&Multimédia

                                          www.infographie-sup.be/data-visualisation-workshop




En savoir + sur le workshop 2010-2011 >




                                                                                               6
Sorties & Séminaires
                                                                                           Alcatel-Lucent :
                                                                                           Mobile digital dialogue
                                                                                           par Benoît Quyrinen,
                                                                                           Directeur New media,
                                                                                           @ HEAJ.


                                                     Musées Rops + Arts
                                                     anciens : visite de
                                                     musée pour un projet
                                                     de réalité augmentée
                                                     avec Iphone, à Namur.
                                                                             Studio Breafast:
                                                                             Retour d’expérience
                                                                             par Thomas Lesire (an-
                                                                             cien étudiant), respon-
                                                                             sable de projets web
                                                                             design, @HEAJ.
                           WIF 2010 : Web design     Médiathèque :
                           International Festival,   Rencontre avec
                           webjam + rencontre        le client pour un
                           avec Web designers et     projet d’identité
DMF 2009 : Digital Mar-    geeks, à Namur.           visuelle, à Bxl.
keting Fair, rencontre
avec les agences mar-
keting, Drupal et les
perspectives internet et
outernet, à Bxl.



                                                                                                                 7
Exercices et réalisations



Web, DVD, Mobile design       Logos, pictos, typos.                   Graphisme d’information




Reportages photos et vidéos   Animation, motion design, fx            Illustration et dessin numérique




                               Pour voir + de travaux d’étudiants >




                                                                                                         8
Travaux de fin d’année
Cours, ateliers, travaux pratiques, conduite de pro-
jet et rencontres avec les professeurs.

Autant de moyens pour amener les étudiants à
réaliser cette année, leur portfolio graphique et
interactif en accord avec leurs afinités graphiques
et aspirations professionnelles.

En plus d’un site web, une démarche de commu-
nication globale leur est demandée afin d’établir
le contact avec les entreprises. L’objectif est de
décrocher un stage de qualité en début de 3ème
année.

La réalisation est évaluée en Juin par un jury de
professeurs.




               Retrouvez bientôt les TFA des étudiants sur le site web >




                                                                           9
Odyssée 2010, l’infographie web +ACING ERO
                         VENIT multimédia



débouchés : Concepteur graphique (ou illustrateur                       Un secteur toujours
graphique, graphiste, dessinateur, designer gra-                        en expansion
phique) • Infographiste (computer graphic artist)
                                                                        2010, 2011, ... web 3.0, mobile
• Web graphic designer • Web designer • Illustra-
                                                                        design, réalité augmentée,
teur - Animateur 2d/3d (motion designer)
                                                                        digital dialogue, human inte-
évolutions possibles > Concepteur et réalisateur                        raction, etc.
multimédia • Développeur d’animation interactive
• Intégrateur et monteur web et multimédia • Er-
gonome • Directeur artistique • Directeur de créa-
tion • Innovation leader • Coordinateur de projet ...


             Pour en (sa)voir + sur les métiers du Web & Multimédia >




                                                                                                      10
Rendez-nous visite > wm infographie-sup be




                                                                                                                                               11
                           Crédits > Brochure & logo wm : Valérie Gérard / Photos : Marc Wathieu / Illustrations graphiques : les étudiants @infographie-sup.be

Contenu connexe

En vedette

infographie-sup.be : retrospective wm 2009-2010
infographie-sup.be : retrospective wm 2009-2010infographie-sup.be : retrospective wm 2009-2010
infographie-sup.be : retrospective wm 2009-2010
moove
 
IUT-22oct2010-ecriture-multimedia
IUT-22oct2010-ecriture-multimediaIUT-22oct2010-ecriture-multimedia
IUT-22oct2010-ecriture-multimedia
Claire prof
 
M02 dessin assisté par ordinateur ac tsgo btp-tsgo
M02 dessin assisté par ordinateur ac tsgo btp-tsgoM02 dessin assisté par ordinateur ac tsgo btp-tsgo
M02 dessin assisté par ordinateur ac tsgo btp-tsgo
imad-sektaoui
 
73036170 lecture-de-dessin
73036170 lecture-de-dessin73036170 lecture-de-dessin
73036170 lecture-de-dessin
isma3il5000
 
Diaporama coupes
Diaporama coupesDiaporama coupes
Diaporama coupes
Raouf Abou Eya
 
TD gestion de projet
TD gestion de projetTD gestion de projet
TD gestion de projet
sophiebocquet
 
La théorie du multimédia
La théorie du multimédiaLa théorie du multimédia
La théorie du multimédia
Rabia AZIZA
 
Gantt
GanttGantt
Gantt
Musatge
 
La planification du projet
La planification du projetLa planification du projet
La planification du projet
ABDERRAHMAN ID -SAID
 
Planification
PlanificationPlanification
Planification
Rabia AZIZA
 
Les différentes phases d’un projet - La phase de planification
Les différentes phases d’un projet - La phase de planificationLes différentes phases d’un projet - La phase de planification
Les différentes phases d’un projet - La phase de planification
Communauté d'agglomération du Pays de Grasse
 
Comprendre la planification de projets
Comprendre la planification de projetsComprendre la planification de projets
Comprendre la planification de projets
Michel Estève
 
Initiation à la gestion de projet
Initiation à la gestion de projetInitiation à la gestion de projet
Initiation à la gestion de projet
mahassine_med_amine
 
Cycles de vie d'un logiciel
Cycles de vie d'un logicielCycles de vie d'un logiciel
Cycles de vie d'un logiciel
Rabia AZIZA
 

En vedette (17)

infographie-sup.be : retrospective wm 2009-2010
infographie-sup.be : retrospective wm 2009-2010infographie-sup.be : retrospective wm 2009-2010
infographie-sup.be : retrospective wm 2009-2010
 
IUT-22oct2010-ecriture-multimedia
IUT-22oct2010-ecriture-multimediaIUT-22oct2010-ecriture-multimedia
IUT-22oct2010-ecriture-multimedia
 
M02 dessin assisté par ordinateur ac tsgo btp-tsgo
M02 dessin assisté par ordinateur ac tsgo btp-tsgoM02 dessin assisté par ordinateur ac tsgo btp-tsgo
M02 dessin assisté par ordinateur ac tsgo btp-tsgo
 
Miniprojet 1
Miniprojet 1Miniprojet 1
Miniprojet 1
 
Cours4 gdm
Cours4 gdmCours4 gdm
Cours4 gdm
 
73036170 lecture-de-dessin
73036170 lecture-de-dessin73036170 lecture-de-dessin
73036170 lecture-de-dessin
 
71 corrige-gantt
71 corrige-gantt71 corrige-gantt
71 corrige-gantt
 
Diaporama coupes
Diaporama coupesDiaporama coupes
Diaporama coupes
 
TD gestion de projet
TD gestion de projetTD gestion de projet
TD gestion de projet
 
La théorie du multimédia
La théorie du multimédiaLa théorie du multimédia
La théorie du multimédia
 
Gantt
GanttGantt
Gantt
 
La planification du projet
La planification du projetLa planification du projet
La planification du projet
 
Planification
PlanificationPlanification
Planification
 
Les différentes phases d’un projet - La phase de planification
Les différentes phases d’un projet - La phase de planificationLes différentes phases d’un projet - La phase de planification
Les différentes phases d’un projet - La phase de planification
 
Comprendre la planification de projets
Comprendre la planification de projetsComprendre la planification de projets
Comprendre la planification de projets
 
Initiation à la gestion de projet
Initiation à la gestion de projetInitiation à la gestion de projet
Initiation à la gestion de projet
 
Cycles de vie d'un logiciel
Cycles de vie d'un logicielCycles de vie d'un logiciel
Cycles de vie d'un logiciel
 

Similaire à Brochure wm-2010

Conception ingenierie-multimedia
Conception ingenierie-multimediaConception ingenierie-multimedia
Conception ingenierie-multimedia
pascal cargouet
 
Art fx programme_20h_blender
Art fx programme_20h_blenderArt fx programme_20h_blender
Art fx programme_20h_blender
docteuratelier
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
Microsoft
 
Websiteburo Corporate
Websiteburo CorporateWebsiteburo Corporate
Websiteburo Corporate
websiteburo
 
Yannick DUPUIS
Yannick DUPUISYannick DUPUIS
Yannick DUPUIS
Yannick D.
 
Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2
bduverneuil
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
NovUp
 
Ou et comment recruter un.e UX designer pour ma startup ? @GEN
Ou et comment recruter un.e UX designer pour ma startup ? @GENOu et comment recruter un.e UX designer pour ma startup ? @GEN
Ou et comment recruter un.e UX designer pour ma startup ? @GEN
FrenchTechCentral
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1
bduverneuil
 
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Thomas Le Mouellic
 
designers interactifs
designers interactifsdesigners interactifs
designers interactifs
designers interactifs
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
juliendumail
 
2UNL - PARISWEB 2010
2UNL - PARISWEB 20102UNL - PARISWEB 2010
2UNL - PARISWEB 2010
Christophe Cotin Valois
 
Stratégies et animation de réseaux sociaux
Stratégies et animation de réseaux sociauxStratégies et animation de réseaux sociaux
Stratégies et animation de réseaux sociaux
Mastera
 
Cv kouadio kouame_olivier
Cv kouadio kouame_olivier Cv kouadio kouame_olivier
Cv kouadio kouame_olivier
Christ Olivier Kouadio
 
MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)
Cégep à distance
 
OnMap Visual Sharing
OnMap Visual Sharing OnMap Visual Sharing
OnMap Visual Sharing
Nomia
 
2016 09 s2 foad &amp;_tutorat_c2_r_ itg_j_vds
2016 09 s2 foad &amp;_tutorat_c2_r_ itg_j_vds2016 09 s2 foad &amp;_tutorat_c2_r_ itg_j_vds
2016 09 s2 foad &amp;_tutorat_c2_r_ itg_j_vds
Jean Vanderspelden
 
Cv kouadio kouame_olivier
Cv kouadio kouame_olivierCv kouadio kouame_olivier
Cv kouadio kouame_olivier
Christ Olivier Kouadio
 

Similaire à Brochure wm-2010 (20)

Conception ingenierie-multimedia
Conception ingenierie-multimediaConception ingenierie-multimedia
Conception ingenierie-multimedia
 
Résumé (FR)
Résumé (FR)Résumé (FR)
Résumé (FR)
 
Art fx programme_20h_blender
Art fx programme_20h_blenderArt fx programme_20h_blender
Art fx programme_20h_blender
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
 
Websiteburo Corporate
Websiteburo CorporateWebsiteburo Corporate
Websiteburo Corporate
 
Yannick DUPUIS
Yannick DUPUISYannick DUPUIS
Yannick DUPUIS
 
Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
 
Ou et comment recruter un.e UX designer pour ma startup ? @GEN
Ou et comment recruter un.e UX designer pour ma startup ? @GENOu et comment recruter un.e UX designer pour ma startup ? @GEN
Ou et comment recruter un.e UX designer pour ma startup ? @GEN
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1
 
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
 
designers interactifs
designers interactifsdesigners interactifs
designers interactifs
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
 
2UNL - PARISWEB 2010
2UNL - PARISWEB 20102UNL - PARISWEB 2010
2UNL - PARISWEB 2010
 
Stratégies et animation de réseaux sociaux
Stratégies et animation de réseaux sociauxStratégies et animation de réseaux sociaux
Stratégies et animation de réseaux sociaux
 
Cv kouadio kouame_olivier
Cv kouadio kouame_olivier Cv kouadio kouame_olivier
Cv kouadio kouame_olivier
 
MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)
 
OnMap Visual Sharing
OnMap Visual Sharing OnMap Visual Sharing
OnMap Visual Sharing
 
2016 09 s2 foad &amp;_tutorat_c2_r_ itg_j_vds
2016 09 s2 foad &amp;_tutorat_c2_r_ itg_j_vds2016 09 s2 foad &amp;_tutorat_c2_r_ itg_j_vds
2016 09 s2 foad &amp;_tutorat_c2_r_ itg_j_vds
 
Cv kouadio kouame_olivier
Cv kouadio kouame_olivierCv kouadio kouame_olivier
Cv kouadio kouame_olivier
 

Brochure wm-2010

  • 1. Présentation du groupe de travail 2è techniques infographiques web & multimédia Rétrospective 2009-2010 1
  • 2. La grille des cours decoding the grid 3 Workshop, sorties & séminaires discovering the love 6 Les travaux d’étudiants freaking magic 8 Les débouchés odyssey 2010 10 2
  • 3. VENIT ACING ERO La grille des cours COURS H CONTENU PROFESSEURS DESSIN 60 Techniques d’encrage digital et conception d’illustrations vectorielles (tablette graphique, Flash vs Illus- Valérie Gérard trator). Pictos et interfaces web 2.0, réalité augmentée pour Iphone avec Fireworks. Sorties culturelles. ANGLAIS 45 Compréhension à l’audition et la lecture ‘designing the best portfolio’, présentation orale, rédaction Gretchen Brandt d’un curriculum vitae, ... COMMUNICATION VISUELLE 45 Conception et réalisation d’une identité visuelle. Conception et réalisation d’un logo. Présentation de Marc Wathieu 1+2 projets. Enjeux et stratégie de communication. Identité visuelle de la Médiathèque. COMMUNICATION VISUELLE ET 45 Comprendre le médium interactif en ligne et conception d’un projet web de la demande au déliverable Alexandre Plennevaux CONCEPTION DE PROJET final. Notions de communication, information design, interaction design. Conception d’un mini-site. PHYSIQUE APPLIQUÉE 30 Nature et propriétés de la lumière, vision et perception, les couleurs, notions de photométrie. Jacques Houard GESTION DES COULEURS ET 15 Connaissance de la couleur et des matériels (profil d’un moniteur, d’une imprimante etc…) Thierry Dambermont COLORIMÉTRIE COMPRESSION NUMÉRIQUE ET 15 Théorie de numérisation des données. Etude des enjeux et techniques de compression appliquées aux Louis Volont TRANSFERT fichiers en vue d’un usage en ligne ou hors ligne. Découverte des normes et des bonnes pratiques. TECHNIQUES INFORMATIQUES 45 HTML (création de site web) - Apprentissage des bases de l’html : utilisation des balises, découpe html, Philippe Thronte SPÉCIALISÉES 1 sémantique du code, écriture valide et conforme selon les normes du W3C, écriture xhtml 1.0 strict. Construction pratique d’un site. Introduction à l’HTML5. TECHNIQUES INFORMATIQUES 45 CSS (habillage graphique de site web) - Apprentissage des bases des CSS : utilisation des propriétés, Philippe Thronte SPÉCIALISÉES 2 écriture du code, écriture valide et conforme selon les normes du W3C. Introduction et utilisation des CSS3. TECHNIQUES INFORMATIQUES 15 Culture numérique - Découvertes du champ des arts numériques par des exemples. Christophe Veys SPÉCIALISÉES 3 Apprenez avec des professionnels de l’industrie graphique et interactive. En savoir + sur vos professeurs > 3
  • 4. VENIT ACING ERO La grille des cours (suite) COURS H CONTENU PROFESSEURS TECHNIQUES INFOGRAPHIQUES 60 Graphisme et Interface - Interfaces, interfaces : le tout et ses parties, les parties et leur Tout à travers 3 François Bourgaux APPROFONDIES 1 thématiques (Dziga Vertov - L’homme a la camera/Peter Watkins - La monoforme/Les Momap) ou com- ment mettre en scène un contenu donné et proposer les interactions propices à la consultation. TECHNIQUES INFOGRAPHIQUES 30 Flash design & animation - Méthodologie de l’animation : modelsheet, storyboard, animatique, anima- Valérie Gérard APPROFONDIES 2 tion pour le web. Histoire et culture contemporaine du monde de l’animation. TECHNIQUES NUMÉRIQUES 60 Analyse et conception graphique - Typographie et mise en page. Interface web d’un groupe de mu- Chantal Boel AVANCÉES 1 sique. Logotype, identité visuelle et charte graphique. TECHNIQUES NUMÉRIQUES 60 Interactivité et animation avec Javascript et les frameworks YUI, Prototype et jQuery. Lire, comprendre Christian Delfosse AVANCÉES 2 et modifier (pour les adapter) des scripts existants. TECHNIQUES NUMÉRIQUES 60 Narration interactive à l’aide d’éléments multimédias. Réalisation d’un web documentaire à l’aide Louis Volont AVANCÉES 3 d’images fixes, d’images animées, de sons, de textes et autres éléments interactifs. Le projet final, déve- loppé seul ou en couple, doit pouvoir être consulté en ligne de façon linéaire et interactive. TECHNIQUES SPÉCIALES 1 30 Images animées avec After Effects - Le cours d’After Effect est organisé en 7 modules qui couvrent l’es- François Bourgaux sentiel des fonctionnalités du logiciel non pas dans l’optique de réalisation de sabre laser mais en vue de l’élaboration d’un message animé diffusé online. TECHNIQUES SPÉCIALES 2 30 Sound Design - Habillage sonore d’animation et d’applications interactives. Michel Grigorakis TECHNIQUES SPÉCIALES 3 30 Interactivité avec Flash (action script 3) - Apprentissage des concepts liés à l’interactivité multimédia : Emeric Florence manipulations de données (textes, images, sons, vidéos, ... ), analyse des actions de l’utilisateur (clavier, souris, micro, camera), développement d’interfaces et dynamisation des ressources graphiques. Apprenez avec des professionnels de l’industrie graphique et interactive. En savoir + sur vos professeurs > 4
  • 5. VENIT ACING ERO La grille des cours (suite) COURS H CONTENU PROFESSEURS TECHNIQUES SPÉCIALES 4 45 Ergonomie web - Acte de conversion, expérience utilisateur. Conventions vs expérimentation. Systèmes Alexandre Plennevaux de navigation. Typographie. Formulaires. Conception centrée utilisateurs: rédaction de personas et capture d’expérience utilisateurs. Optimisation pour les moteurs de recherche. TRAVAUX PRATIQUES 60 Workshop Datavizualisation (5 jours) L’équipe WM Atelier pluridisciplinaire et collectif avec un invité de renom: David McCandless. TP TFA - Suivi du projet de TFA avec le jury de professeurs - Réalisation d’un portfolio Web. TP Authoring DVD - Réalisation d’un portfolio sous la forme d’un DVD-Vidéo (création des menus, mise Louis Volont en place de la navigation, intégrations des contenus, gestion de l’interactivité, encodage vidéo/audio). TP Prépresse - Réalisation d’une identité visuelle propre à chaque étudiant (logo, carte de visite et cur- Céline Kerpelt riculum vitae). Notions de mise en page à l’aide d’InDesign. TP Créativité - Techniques de conception créative. Didier Moens TP Web - Méthode de l’amélioration progressive: création d’un formulaire ergonomique en HTML, CSS, Alexandre Plennevaux Javascript (Jquery). Apprenez avec des professionnels de l’industrie graphique et interactive. En savoir + sur vos professeurs > 5
  • 6. Data vizualisation workshop Avec David Mc Candless (infor- mationisbeautiful.net) - un invi- té de choix pour un atelier de 5 jours à la découverte d’un trai- tement graphique à la croisée entre art, médias et sciences. < Découvrez en ligne le mini-site et la vidéo présentant les travaux réalisés par les étu- diants de 2ème Web&Multimédia www.infographie-sup.be/data-visualisation-workshop En savoir + sur le workshop 2010-2011 > 6
  • 7. Sorties & Séminaires Alcatel-Lucent : Mobile digital dialogue par Benoît Quyrinen, Directeur New media, @ HEAJ. Musées Rops + Arts anciens : visite de musée pour un projet de réalité augmentée avec Iphone, à Namur. Studio Breafast: Retour d’expérience par Thomas Lesire (an- cien étudiant), respon- sable de projets web design, @HEAJ. WIF 2010 : Web design Médiathèque : International Festival, Rencontre avec webjam + rencontre le client pour un avec Web designers et projet d’identité DMF 2009 : Digital Mar- geeks, à Namur. visuelle, à Bxl. keting Fair, rencontre avec les agences mar- keting, Drupal et les perspectives internet et outernet, à Bxl. 7
  • 8. Exercices et réalisations Web, DVD, Mobile design Logos, pictos, typos. Graphisme d’information Reportages photos et vidéos Animation, motion design, fx Illustration et dessin numérique Pour voir + de travaux d’étudiants > 8
  • 9. Travaux de fin d’année Cours, ateliers, travaux pratiques, conduite de pro- jet et rencontres avec les professeurs. Autant de moyens pour amener les étudiants à réaliser cette année, leur portfolio graphique et interactif en accord avec leurs afinités graphiques et aspirations professionnelles. En plus d’un site web, une démarche de commu- nication globale leur est demandée afin d’établir le contact avec les entreprises. L’objectif est de décrocher un stage de qualité en début de 3ème année. La réalisation est évaluée en Juin par un jury de professeurs. Retrouvez bientôt les TFA des étudiants sur le site web > 9
  • 10. Odyssée 2010, l’infographie web +ACING ERO VENIT multimédia débouchés : Concepteur graphique (ou illustrateur Un secteur toujours graphique, graphiste, dessinateur, designer gra- en expansion phique) • Infographiste (computer graphic artist) 2010, 2011, ... web 3.0, mobile • Web graphic designer • Web designer • Illustra- design, réalité augmentée, teur - Animateur 2d/3d (motion designer) digital dialogue, human inte- évolutions possibles > Concepteur et réalisateur raction, etc. multimédia • Développeur d’animation interactive • Intégrateur et monteur web et multimédia • Er- gonome • Directeur artistique • Directeur de créa- tion • Innovation leader • Coordinateur de projet ... Pour en (sa)voir + sur les métiers du Web & Multimédia > 10
  • 11. Rendez-nous visite > wm infographie-sup be 11 Crédits > Brochure & logo wm : Valérie Gérard / Photos : Marc Wathieu / Illustrations graphiques : les étudiants @infographie-sup.be