Retrospective des activités du groupe de travail Web & Multimédia de l'école infographie-sup.be (Haute école Albert Jacquard, département techniques graphiques)
Découvrez le programme des cours et les travaux de nos étudiants.
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