Programme des cours 2022-2023
PRCO0001-1  
Projet Code
  • Design visuel 3
  • Git
  • Librairies Javascript
  • Pratique du Javascript
  • Projet Frontend
  • Représentation et visualisation de données
Volume horaire :
Design visuel 3 :
Git :
Librairies Javascript :
Pratique du Javascript :
Projet Frontend :
Représentation et visualisation de données :
Nombre de crédits :
Bachelier en techniques graphiques, orientation techniques infographiques6
Nom du professeur :
Design visuel 3 : Dino Zara
Git : Gabriel TAMINIAUX
Librairies Javascript : Christophe TERRANOVA
Pratique du Javascript : François THERASSE
Projet Frontend : Philippe THRONTE
Représentation et visualisation de données : Simon MARCHAL
Référent UE :
François THERASSE, Alexandre TOURNAY
Langue(s) de l'unité d'enseignement :
Langue française
Organisation et évaluation :
Enseignement au deuxième quadrimestre
Unités d'enseignement prérequises et corequises :
Les unités prérequises ou corequises sont présentées au sein de chaque programme
Contenus de l'unité d'enseignement :
Réalisation d'un projet orienté code.
Design visuel 3
Les thèmes abordés sont?:  

  • Stimuler le sens de l'esthétique pour le digital. 
  • Enseignement des bonnes pratiques en matière de design. 
  • Application pratique lors d'un atelier collaboratif. 
Git
Les thèmes abordés sont?:  

  • Introduction au versioning en utilisant GIT.  
  • Installation de GIT 
  • Création et gestion d'un dépôt local  
  • Gestion des branches (merge et pull-request)  
  • Synchronisation et utilisation d'un dépôt distant (Github)
Librairies Javascript
Les thèmes abordés sont?:

  • Introduction aux Frameworks et Libraires Javascript
  • Présentation et utilisation en détail de certaines technologies (exemple: GSAP)
Pratique du Javascript
Les thèmes abordés sont?:  

  • Techniques avancées en Javascript (fetch, JSON, promesse, ...). 
  • Application pratique lors d'un atelier collaboratif 
Projet Frontend
Les thèmes abordés sont?:  

  • Techniques avancées d'intégration frontend. 
Représentation et visualisation de données
Les thèmes abordés sont?:  

  • Chercher des moyens pour représenter et corréler des données.
  • Permettre à d'autres de visualiser ces données.
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
Au terme de l'UE, l'étudiant-e est capable de :

  • Choisir et utiliser les moyens d'informations et de communication adaptés.
  • Mener une discussion, argumenter et convaincre de manière constructive.
  • Utiliser le vocabulaire adéquat.
  • Présenter des prototypes de solution et d'application techniques.
  • Utiliser une langue étrangère.
  • Élaborer une méthodologie de travail.
  • Planifier des activités.
  • Analyser une situation donnée sous ses aspects techniques et scientifiques.
  • Rechercher et utiliser les ressources adéquates.
  • Proposer des solutions qui tiennent compte des contraintes.
  • Structurer et analyser la communication.
  • Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de ceux-ci.
  • Prendre en compte les contraintes liées à l'utilisation d'un média interactif (ergonomie, accessibilité, caractéristique du public cible, ...
  • Finaliser le visuel en fonction des contraintes (diffusion et visualisation)
Design visuel 3
Au terme de l'AA, l'étudiant-e est capable de?:      

  • Réaliser un design en équipe 
  • Respecter les bonnes pratiques en matière de design  
Git
Au terme de l'AA, l'étudiant-e est capable de?:      

  • Collaborer autour d'un projet GIT 
Librairies Javascript
Au terme de l'AA, l'étudiant-e est capable de?:      
Installer et utiliser des librairies pour faciliter et améliorer sa façon de developper en JS. 

Au sein de l'AA, l'objectifs est:  
Savoir utiliser des frameworks et librairies JS. 
Pratique du Javascript
Au terme de l'AA, l'étudiant-e est capable de?:      

  • D'utiliser les techniques avancées vues en cours 
Projet Frontend
Au terme de l'AA, l'étudiant-e est capable de?:      

  • Réaliser des intégrations complexes 
Représentation et visualisation de données
Comprendre les différents moyens de représentation et choisir ceux qui sont les plus adaptés.
Savoirs et compétences prérequis :
Librairies Javascript
Les savoirs et compétences prérequis à l'AA sont?:  

  • Bases du JavaScript
  • Bases de l'HTML/CSS
Pratique du Javascript
Les savoirs et compétences prérequis à l'AA sont?:  

  • Bases du JavaScript
  • Bases de l'HTML/CSS
Projet Frontend
Les savoirs et compétences prérequis à l'AA sont?:  

  • Bases du JavaScript
  • Bases de l'HTML/CSS
Représentation et visualisation de données
aucun
Activités d'apprentissage prévues et méthodes d'enseignement :
  • AA1 : Design visuel 3
  • AA2 : Git
  • AA3 : Librairies Javascript
  • AA4 : Pratique du Javascript
  • AA5 : Projet Frontend
  • AA6 : Représentation et visualisation de données
Méthodes d'enseignement : Voir EP des AA
Design visuel 3
Méthodes d'enseignement:

  • Cours en présentiel et/ou distanciel
  • Travaux de groupe pratiques
  • Ateliers
Git
Méthodes d'enseignement:

  • Cours en présentiel et/ou distanciel
  • Travaux de groupe pratiques
  • Ateliers
Librairies Javascript
Méthodes d'enseignement:

  • Cours en présentiel et/ou distanciel
  • Travaux de groupe pratiques
  • Ateliers
Pratique du Javascript
Méthodes d'enseignement:

  • Cours en présentiel et/ou distanciel
  • Travaux de groupe pratiques
  • Ateliers
Projet Frontend
Méthodes d'enseignement:

  • Cours en présentiel et/ou distanciel
  • Travaux de groupe pratiques
  • Ateliers
Représentation et visualisation de données
Méthodes d'enseignement:

  • Cours en présentiel et/ou distanciel
  • Travaux de groupe pratiques
  • Ateliers
Mode d'enseignement (présentiel, à distance, hybride) :
Voir EP AA
Design visuel 3
Mode d'enseignement de l'AA:

  • Enseignement en présentiel
  • Présence de l'enseignant totale
Git
Mode d'enseignement de l'AA:

  • Enseignement en présentiel
  • Présence de l'enseignant totale
Librairies Javascript
Mode d'enseignement de l'AA:

  • Enseignement en présentiel
  • Présence de l'enseignant totale
Pratique du Javascript
Mode d'enseignement de l'AA:

  • Enseignement en présentiel
  • Présence de l'enseignant totale
Projet Frontend
Mode d'enseignement de l'AA:

  • Enseignement en présentiel
  • Présence de l'enseignant totale
Représentation et visualisation de données
Mode d'enseignement de l'AA:

  • Enseignement en présentiel
  • Présence de l'enseignant totale
Lectures recommandées ou obligatoires et notes de cours :
Design visuel 3
Support de cours: slides sur Teams
Git
Support de cours: slides sur Teams
Librairies Javascript
Supports de cours: slides sur Teams
Pratique du Javascript
Supports de cours: slides sur Teams
Projet Frontend
Support de cours: slides sur Teams
Représentation et visualisation de données
Lectures recommandées?: 

  • Articles sur Nielsen Norman Group
  • UX Collective Editors
  • A List Apart
  • Smashing Magazine 
Lectures obligatoires?:  

Groupe Teams DWT, mails HEAJ 

Support de cours?:  

PDF sur Teams dans l'onglet "Fichiers" 
Modalités d'évaluation et critères :
Mode d'évaluation:
Présentiel et Teams

Organisation de l'évaluation:
Remise de travaux + oral (atelier organisé hors session)

Type d'évaluation:
Épreuve intégrée

Type de cotation:
Épreuve intégrée 100%

 
Design visuel 3
Voir fiche UE.
Git
Voir fiche UE.
Librairies Javascript
Voir fiche UE.
Pratique du Javascript
Voir fiche UE.
Projet Frontend
Voir fiche UE.
Représentation et visualisation de données
Voir fiche UE.
Stage(s) :
Remarques organisationnelles :
Contacts :
François Therasse (francois.therasse@heaj.be)
Design visuel 3
dino.zara@heaj.be
Git
gabriel.taminiaux@heaj.be
Librairies Javascript
christophe.terranova@heaj.be
Pratique du Javascript
francois.therasse@heaj.be 
Projet Frontend
philippe.thronte@heaj.be
Représentation et visualisation de données
simon.marchal@heaj.be