Brochure wm-2010

993 views
939 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
993
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Brochure wm-2010

  1. 1. Présentation du groupe de travail 2è techniques infographiques web & multimédia Rétrospective 2009-2010 1
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

×