11
1 Présentation du groupe de travail 2 è techniques infographiques web & multimédia Rétrospective 2009-2010

infographie-sup.be : retrospective wm 2009-2010

  • Upload
    moove

  • View
    1.045

  • Download
    1

Embed Size (px)

DESCRIPTION

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.

Citation preview

Page 1: infographie-sup.be : retrospective wm 2009-2010

1

Présentation du groupe de travail 2è techniques infographiques web & multimédia

Rétrospective 2009-2010

Page 2: infographie-sup.be : retrospective wm 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

Page 3: infographie-sup.be : retrospective wm 2009-2010

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 >

Page 4: infographie-sup.be : retrospective wm 2009-2010

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 >

Page 5: infographie-sup.be : retrospective wm 2009-2010

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 >

Page 6: infographie-sup.be : retrospective wm 2009-2010

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 >

Page 7: infographie-sup.be : retrospective wm 2009-2010

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.

Page 8: infographie-sup.be : retrospective wm 2009-2010

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

Page 9: infographie-sup.be : retrospective wm 2009-2010

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 >

Page 10: infographie-sup.be : retrospective wm 2009-2010

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 >

Page 11: infographie-sup.be : retrospective wm 2009-2010

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