Study Programmes 2024-2025
WARNING : 2023-2024 version of the course specifications
DWTR0001-1  
Design Web
  • Structure d'expression créative
  • Design projet (Design projet)
  • Design visuel 1
  • Design visuel mobile
  • Développement d'application web
  • Développement frontend
  • Javascript
  • Graphisme animé avancé
  • Technique de présentation
  • UX/UI appliquées
Volume horaire :
Structure d'expression créative : 20h Th
Design projet (Design projet) : 20h Th
Design visuel 1 : 20h Th
Design visuel mobile : 30h Th
Développement d'application web : 20h Th
Développement frontend : 26h Th
Javascript : 20h Th
Graphisme animé avancé : 20h Th
Technique de présentation : 20h Th
UX/UI appliquées : 20h Th
Number of credits :
Bachelor's degree : Computer graphics (Bachelor in Computer graphics)18
Lecturer :
Structure d'expression créative : François BOURGAUX
Design projet (Design projet) : François BOURGAUX
Design visuel 1 : François BOURGAUX
Design visuel mobile :
Développement d'application web : Christophe TERRANOVA
Développement frontend : Philippe THRONTE
Javascript : Christophe TERRANOVA
Graphisme animé avancé : Robin DEVOUGE, Alexandre TOURNAY
Technique de présentation : François BOURGAUX
UX/UI appliquées : Pauline LOROY, Simon MARCHAL
Référent UE :
Clément SCHMOUKER, Philippe THRONTE
Language(s) of instruction :
French language
Organisation and examination :
Teaching in the second semester
Units courses prerequisite and corequisite :
Prerequisite or corequisite units are presented within each program
Learning unit contents :
Not available
Structure d'expression créative
De la notion de créativité

Des Intelligences Artificielles
Design projet (Design projet)
Mise en pratique des Design Methods autour des cas particuliers que constituent le travail de fin d'année:

- Design Thinking 
- Design Sprint 
- Lean UX 
- Sense & Response 
Design visuel 1
Approche de 2 grands principes graphiques Forme et signe, Circulation de blanc, exercice pratique dans le cadre du TFA
Design visuel mobile
Notions théoriques et bonnes pratiques de design mobile orienté sur la pratique, la réflexion, l'analyse.
Focus également sur les spécificités de l'usage de devices mobiles (contexte d'utilisation et impact sur l'ergonomie et le design), navigations spécifiques...
Développement d'application web
Introduction au développement d'application web à l'aide d'un workflow moderne. Utilisation des Modules et de l'ES6. Single page app : Classlist, Fetch, JSON. Webapp Capable. PWA
Développement frontend
Pratique et développement avancée en HTML/CSS et Javascript
Javascript
Javascript : Approfondissement et concepts avancés :

  • For ... of 
  • Arrow function 
  • Event 
  • String literals 
  • Forms 
  • Méthodes de la classe String 
  • Méthodes de la classe Array 
  • Les promesses et Fetch API
  • Modules
  • ES6
  • Bonnes pratiques 
Graphisme animé avancé
  • Analyse et reproduction d'animations en css / javascript
  • Animation dans Figma
  • Montage vidéo format court
Technique de présentation
Se détacher du pitch de la Startup Nation pour s'orienter simplement vers la présentation de projet.

Démarche

Problèmes rencontrés

Solutions possibles

Solution retenue

Storytelling
UX/UI appliquées
Travail théorique et pratique autour de l'utilisabilité, de la perception et de la simplicité. Accepter le fait de ne pas savoir. Mettre en place des méthodes pour comprendre. Transmettre.   /            
Learning outcomes of the learning unit :
Not available
Design projet (Design projet)
Au terme de l'AA, l'étudiant-e est capable de?:      

- Concevoir un projet en fonction de ses utilisateurs et d'un objectif précis.

 

Au sein de l'AA, les objectifs sont?:  

- développer des solutions à des problèmatiques identifées auprès d'utilisateurs types.
Design visuel 1
Au terme de l'AA, l'étudiant-e est capable de?:

- Composer et choisir les éléments nécessaire à la transmission d'informations

 

Au sein de l'AA, les objectifs sont?:

- Association de formes signifiantes appropriées à la transmission d'information
Design visuel mobile
/  
Développement frontend
Concevoir, développer et déployer des applications/site web évolutifs et interactifs en utilisant des solutions modernes.
Javascript
 / 
Technique de présentation
Au sein de l'AA, les objectifs sont?: d'accompagner les étudiants dans leur cadre de leur TFA et de leur permettre de présenter le projet devant le jury
UX/UI appliquées
  Comprendre l'humain pour penser et créer des interfaces accessibles. En acquérant des capacités, en se posant les bonnes questions, en se construisant. Pour contribuer au bien être commun.
Prerequisite knowledge and skills :
Design visuel 1
aucun
Design visuel mobile
/  
Développement frontend
aucun
Javascript
 / 
Technique de présentation
   
UX/UI appliquées
être humain
Planned learning activities and teaching methods :
Not available
Structure d'expression créative
Cours théoriques

Cours pratiques

Travaux de groupes

Travaux individuels

Remarque : Le recours à certaines IA ne sera autorisé que si dûment et préalablement justifié auprès de l'enseignant.
Design projet (Design projet)
?Cours en présentiel et/ou distanciel 

Observation de pratiques 

Travaux individuels pratiques  

Travaux individuels en autonomie 

L'utilisation d'IA est autorisé sous certaines conditions dans le cadre de ce cours.
Design visuel 1
Cours en présentiel et/ou distanciel

Travaux de groupe pratiques

Travaux de groupe en autonomie
Design visuel mobile
Cours théoriques
Cours pratiques
Travaux de groupe
Travaux individuels
Travaux individuels en autonomie
NB : le recours à certains IA ne sera autorisé que si dûment et préalablement justifié auprès de l'enseignant-e.
Développement d'application web
Cours pratiques
Travaux individuels
Travaux de groupes

Remarque : L'étudiant devra être capable d'expliquer et justifier tout le code qu'il utilise, qu'il soit produit personnellement, copié d'une ressource externe ou généré par une AI. Toute portion de code générée par une AI doit être explicitement signalée par un commentaire dans le code.
Développement frontend
Cours en présentiel et/ou distanciel

Observation de pratiques

Résolution de problèmes

Travaux de groupe pratiques

Travaux de groupe en autonomie

Travaux de groupe dirigés

Ateliers

Travaux individuels pratiques

Travaux individuels en autonomie

Travaux individuels dirigés

Observations de terrain
Javascript
Cours pratiques
Travaux individuels
Travaux de groupes

Remarque : L'étudiant devra être capable d'expliquer et justifier tout le code qu'il utilise, qu'il soit produit personnellement, copié d'une ressource externe ou généré par une AI. Toute portion de code générée par une AI doit être explicitement signalée par un commentaire dans le code.
Graphisme animé avancé
Cours théoriques

Cours pratiques

Travaux de groupes

Travaux individuels

Remarque : Le recours à certaines IA ne sera autorisé que si dûment et préalablement justifié auprès de l'enseignant.
Technique de présentation
Cours théoriques

Travaux individuels

L'utilisation d'IA est autorisé sous certaines conditions dans le cadre de ce cours.
UX/UI appliquées
Cours en présentiel et/ou distanciel

Observation de pratiques

Résolution de problèmes

Travaux de groupe pratiques

Travaux de groupe en autonomie

Travaux de groupe dirigés

Ateliers

Travaux individuels pratiques

Travaux individuels en autonomie

Travaux individuels dirigés

Observations de terrain

Classe inversée
Mode of delivery (face to face, distance learning, hybrid learning) :
Not available
Structure d'expression créative
Enseignement en présentiel 

Enseignement hybride 
Design projet (Design projet)
Enseignement hybride

Présence de l'enseignant partielle
Design visuel 1
hybride, présence de l'enseignant partielle 
Design visuel mobile
Enseignement hybride, présence de l'enseignant partielle
Développement d'application web
Enseignement en présentiel
Développement frontend
présentiel, à distance, hybride, présence de l'enseignant partielle
Javascript
Enseignement hybride
Graphisme animé avancé
Enseignement en présentiel 

Enseignement hybride 
Technique de présentation
Enseignement hybride
UX/UI appliquées
Enseignement hybride, présence de l'enseignant partielle
Recommended or required readings :
Not available
Structure d'expression créative
- Support de cours?:  

Espace institutionnel du cours

- Lectures obligatoires : /

- Lectures recommandées : /
Design visuel 1
Lectures recommandées?:

- Ellen lupton - Graphic Design : The New Basics

- Ellen lupton - The ABC's of Triangle, Square, Circle

- David Reinfurt - A New Program for Graphic Design

 

Support de cours?:

espace institutionnel du cours
Design visuel mobile
Support de cours : espace institutionnel du cours /
Développement d'application web
Support de cours : espace institutionnel du cours
Développement frontend
Les slides et les documents qui se trouvent sur Teams
Javascript
Support de cours :
Espace institutionnel du cours

Lectures obligatoires :
/

Lectures recommandées :
/
Graphisme animé avancé
- Support de cours?:  

Espace institutionnel du cours

- Lectures obligatoires : /

- Lectures recommandées : /
Technique de présentation
Support de cours:

espace institutionnel du cours
UX/UI appliqué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"
Assessment methods and criteria :
Not available
Structure d'expression créative
   
Design projet (Design projet)
Epreuve intégrée
Design visuel 1
Epreuve intégrée
Design visuel mobile
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Développement d'application web
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Développement frontend
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Javascript
Voir fiche UE.
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Graphisme animé avancé
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Technique de présentation
épreuve intégrée
UX/UI appliquées
épreuve intégrée
Work placement(s) :
Not available
Design projet (Design projet)
aucun
Design visuel 1
aucun
Design visuel mobile
aucun
Développement frontend
aucun
Javascript
 / 
Graphisme animé avancé
aucun
Technique de présentation
aucun
UX/UI appliquées
aucun
Organizational remarks :
Not available
Structure d'expression créative
- Implantation :

Namur

- Organisation horaire de la formation :

Enseignement en horaire de jour

- Organisation horaire de l'AA :

Voir hyperplanning : https://heaj-planning.hyperplanning.fr/hp/etudiant
Design projet (Design projet)
Implantation:

Namur

Organisation horaire de la formation:

enseignement en horaire de jour 

Organisation horaire de l'UE:

voir hyperplanning : https ://heaj-planning.hyperplanning.fr/hp/etudiant
Design visuel 1
Implantation:

Namur

Organisation horaire de la formation:

enseignement en horaire de jour 

Organisation horaire de l'UE:

voir hyperplanning : https ://heaj-planning.hyperplanning.fr/hp/etudiant
Design visuel mobile
site de Namur
Développement d'application web
Implantation : Namur

Organisation horaire de la formation : enseignement en horaire de jour

Organisation horaire de l'AA : voir hyperplanning : https://heaj-planning.hyperplanning.fr/hp/etudiant
Développement frontend
site de Namur
Javascript
Implantation :
Namur

Organisation horaire de la formation :
Enseignement en horaire de jour

Organisation horaire de l'AA :
voir hyperplanning : https://heaj-planning.hyperplanning.fr/hp/etudiant
Graphisme animé avancé
- Implantation :

Namur

- Organisation horaire de la formation :

Enseignement en horaire de jour

- Organisation horaire de l'AA :

Voir hyperplanning : https://heaj-planning.hyperplanning.fr/hp/etudiant
Technique de présentation
Implantation:

Namur

Organisation horaire de la formation:

enseignement en horaire de jour 

Organisation horaire de l'UE:

voir hyperplanning : https ://heaj-planning.hyperplanning.fr/hp/etudiant
UX/UI appliquées
site de Namur
Contacts :
Not available
Structure d'expression créative
privilégiez les conversations Teams
Design projet (Design projet)
Privilégiez la conversation Teams

Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be
Design visuel 1
Privilégiez la conversation Teams

Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be
Design visuel mobile
Privilégiez la conversation Teams
Lorsque cela s'avère impossible je suis joignable via l'adresse mail maude.wera@heaj.be
Développement d'application web
christophe.terranova@heaj.be
Développement frontend
philippe.thronte@heaj.be
Javascript
christophe.terranova@heaj.be
Graphisme animé avancé
robin.devouge@heaj.be (par Teams ou par email, de préférence pendant les heures de bureau)
Technique de présentation
Privilégiez la conversation Teams

Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be
UX/UI appliquées
simon.marchal@heaj.be