1
Présentation du groupe de travail 2è techniques infographiques web & multimédia
Rétrospective 2009-2010
2
La grille des coursdecoding the grid 3
Workshop, sorties & séminairesdiscovering the love 6
Les travaux d’étudiants freaking magic 8
Les débouchés odyssey 2010 10
3
VENIT ACING ERO La grille des coursCOURS H CONTENU PROFESSEURS
DESSIN 60 Techniques d’encrage digital et conception d’illustrations vectorielles (tablette graphique, Flash vs Illus-trator). Pictos et interfaces web 2.0, réalité augmentée pour Iphone avec Fireworks. Sorties culturelles.
Valérie Gérard
ANGLAIS 45 Compréhension à l’audition et la lecture ‘designing the best portfolio’, présentation orale, rédaction d’un curriculum vitae, ...
Gretchen Brandt
COMMUNICATION VISUELLE
1 + 2
45 Conception et réalisation d’une identité visuelle. Conception et réalisation d’un logo. Présentation de projets. Enjeux et stratégie de communication. Identité visuelle de la Médiathèque.
Marc Wathieu
COMMUNICATION VISUELLE ET
CONCEPTION DE PROJET
45 Comprendre le médium interactif en ligne et conception d’un projet web de la demande au déliverable final. Notions de communication, information design, interaction design. Conception d’un mini-site.
Alexandre Plennevaux
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
COLORIMÉTRIE
15 Connaissance de la couleur et des matériels (profil d’un moniteur, d’une imprimante etc…) Thierry Dambermont
COMPRESSION NUMÉRIQUE ET
TRANSFERT
15 Théorie de numérisation des données. Etude des enjeux et techniques de compression appliquées aux fichiers en vue d’un usage en ligne ou hors ligne. Découverte des normes et des bonnes pratiques.
Louis Volont
TECHNIQUES INFORMATIQUES
SPÉCIALISÉES 1
45 HTML (création de site web) - Apprentissage des bases de l’html : utilisation des balises, découpe html, 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.
Philippe Thronte
TECHNIQUES INFORMATIQUES
SPÉCIALISÉES 2
45 CSS (habillage graphique de site web) - Apprentissage des bases des CSS : utilisation des propriétés, écriture du code, écriture valide et conforme selon les normes du W3C. Introduction et utilisation des CSS3.
Philippe Thronte
TECHNIQUES INFORMATIQUES
SPÉCIALISÉES 3
15 Culture numérique - Découvertes du champ des arts numériques par des exemples. Christophe Veys
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 INFOGRAPHIQUES
APPROFONDIES 1
60 Graphisme et Interface - Interfaces, interfaces : le tout et ses parties, les parties et leur Tout à travers 3 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.
François Bourgaux
TECHNIQUES INFOGRAPHIQUES
APPROFONDIES 2
30 Flash design & animation - Méthodologie de l’animation : modelsheet, storyboard, animatique, anima-tion pour le web. Histoire et culture contemporaine du monde de l’animation.
Valérie Gérard
TECHNIQUES NUMÉRIQUES
AVANCÉES 1
60 Analyse et conception graphique - Typographie et mise en page. Interface web d’un groupe de mu-sique. Logotype, identité visuelle et charte graphique.
Chantal Boel
TECHNIQUES NUMÉRIQUES
AVANCÉES 2
60 Interactivité et animation avec Javascript et les frameworks YUI, Prototype et jQuery. Lire, comprendre et modifier (pour les adapter) des scripts existants.
Christian Delfosse
TECHNIQUES NUMÉRIQUES
AVANCÉES 3
60 Narration interactive à l’aide d’éléments multimédias. Réalisation d’un web documentaire à l’aide 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.
Louis Volont
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-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.
François Bourgaux
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 : 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.
Emeric Florence
Apprenez avec des professionnels de l’industrie graphique et interactive.
En savoir + sur vos professeurs >
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 de navigation. Typographie. Formulaires. Conception centrée utilisateurs: rédaction de personas et capture d’expérience utilisateurs. Optimisation pour les moteurs de recherche.
Alexandre Plennevaux
TRAVAUX PRATIQUES 60 Workshop Datavizualisation (5 jours)Atelier pluridisciplinaire et collectif avec un invité de renom: David McCandless.
L’équipe WM
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 en place de la navigation, intégrations des contenus, gestion de l’interactivité, encodage vidéo/audio).
Louis Volont
TP Prépresse - Réalisation d’une identité visuelle propre à chaque étudiant (logo, carte de visite et cur-riculum vitae). Notions de mise en page à l’aide d’InDesign.
Céline Kerpelt
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,
Javascript (Jquery).
Alexandre Plennevaux
Apprenez avec des professionnels de l’industrie graphique et interactive.
En savoir + sur vos professeurs >
6
Data vizualisation workshopAvec 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 >
7
Sorties & Séminaires
DMF 2009 : Digital Mar-keting Fair, rencontre avec les agences mar-keting, Drupal et les perspectives internet et outernet, à Bxl.
WIF 2010 : Web design International Festival, webjam + rencontre avec Web designers et geeks, à Namur.
Médiathèque : Rencontre avec le client pour un projet d’identité visuelle, à Bxl.
Musées Rops + Arts anciens : visite de musée pour un projet de réalité augmentée avec Iphone, à Namur.
Alcatel-Lucent : Mobile digital dialogue par Benoît Quyrinen, Directeur New media, @ HEAJ.
Studio Breafast: Retour d’expérience par Thomas Lesire (an-cien étudiant), respon-sable de projets web design, @HEAJ.
8
Exercices et réalisations
Web, DVD, Mobile design Logos, pictos, typos.
Illustration et dessin numériqueReportages photos et vidéos Animation, motion design, fx
Pour voir + de travaux d’étudiants >
Graphisme d’information
9
Travaux de fin d’annéeCours, 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 >
10
VENIT ACING ERO Odyssée 2010, l’infographie web + multimédia
débouchés : Concepteur graphique (ou illustrateur graphique, graphiste, dessinateur, designer gra-phique) • Infographiste (computer graphic artist) • Web graphic designer • Web designer • Illustra-teur - Animateur 2d/3d (motion designer)
évolutions possibles > Concepteur et réalisateur 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 ...
Un secteur toujours en expansion
2010, 2011, ... web 3.0, mobile design, réalité augmentée, digital dialogue, human inte-raction, etc.
Pour en (sa)voir + sur les métiers du Web & Multimédia >
11
Rendez-nous visite > wm infographie-sup be
Crédits > Brochure & logo wm : Valérie Gérard / Photos : Marc Wathieu / Illustrations graphiques : les étudiants @infographie-sup.be