Programme des cours 2025-2026
| DWTR0001-1 | |||||
Design Web
|
|||||
|
Volume horaire :
|
|||||
| Structure d'expression créative : 20h Th Conception de projet (Design projet) : 20h Th Design graphique web : 20h Th Design 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 |
|||||
|
Nombre de crédits :
|
|||||
|
|||||
|
Nom du professeur :
|
|||||
| Structure d'expression créative : François BOURGAUX
Conception de projet (Design projet) : François BOURGAUX Design graphique web : François BOURGAUX Design mobile : François BOURGAUX 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 :
|
|||||
| François BOURGAUX, Clément SCHMOUKER, Philippe THRONTE | |||||
|
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 :
|
|||||
|
Structure d'expression créative
|
|||||
| De la notion de créativité à l'époque de la génération de contenu | |||||
|
Conception de projet (Design projet)
|
|||||
| Mise en pratique de l'élaboration d'un projet de "Design Fiction" de la conception à la réalisation | |||||
|
Design graphique web
|
|||||
| Exercices pratiques dans le cadre du TFA - Design Fiction | |||||
|
Design 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, concepts avancés et bonnes pratiques | |||||
|
Graphisme animé avancé
|
|||||
|
|||||
|
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. / | |||||
|
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
|
|||||
| Développer sa créativité :
- Produire une communication graphique originale et innovante dans le respect des droits d'auteur - Observer et analyser des « oeuvres » graphiques passées et contemporaines - Se différencier - Identifier et s'adapter aux contraintes économiques, techniques et communicationnelles, dépasser les contraintes Maîtriser les outils informatiques : - Utiliser efficacement les environnements et systèmes d'exploitation informatique spécifiques à l'infographie - Produire et traiter des images Concevoir et réaliser une communication interactive : - Structurer et analyser la communication - Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de celle-ci - Prendre en compte les contraintes liées à l'utilisation |
|||||
|
Structure d'expression créative
|
|||||
|
Conception de projet (Design projet)
|
|||||
|
Design graphique web
|
|||||
|
Design mobile
|
|||||
| / | |||||
|
Développement frontend
|
|||||
| / | |||||
|
Javascript
|
|||||
| / | |||||
|
Technique de présentation
|
|||||
|
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. | |||||
|
Savoirs et compétences prérequis :
|
|||||
|
Structure d'expression créative
|
|||||
|
Conception de projet (Design projet)
|
|||||
|
Design graphique web
|
|||||
|
Design mobile
|
|||||
| / | |||||
|
Développement frontend
|
|||||
| / | |||||
|
Javascript
|
|||||
| / | |||||
|
Technique de présentation
|
|||||
|
UX/UI appliquées
|
|||||
| être humain | |||||
|
Activités d'apprentissage prévues et méthodes d'enseignement :
|
|||||
|
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 mentionné dans le briefing |
|||||
|
Conception de projet (Design projet)
|
|||||
| Cours théoriques Cours pratiques Travaux de groupes Travaux individuels Remarque : Le recours à certaines IA ne sera autorisé que si mentionné dans le briefing |
|||||
|
Design graphique web
|
|||||
| Cours théoriques Cours pratiques Travaux de groupes Travaux individuels Remarque : Le recours à certaines IA ne sera autorisé que si mentionné dans le briefing |
|||||
|
Design mobile
|
|||||
| Cours théoriques Cours pratiques Travaux de groupes Travaux individuels Remarque : Le recours à certaines IA ne sera autorisé que si mentionné dans le briefing |
|||||
|
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
|
|||||
|
|||||
|
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é
|
|||||
|
|||||
|
Technique de présentation
|
|||||
| Cours théoriques Cours pratiques Travaux de groupes Travaux individuels Remarque : Le recours à certaines IA ne sera autorisé que si mentionné dans le briefing |
|||||
|
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 d'enseignement (présentiel, à distance, hybride) :
|
|||||
|
Structure d'expression créative
|
|||||
| Enseignement en présentiel Enseignement hybride |
|||||
|
Conception de projet (Design projet)
|
|||||
| Enseignement hybride Présence de l'enseignant partielle |
|||||
|
Design graphique web
|
|||||
| Enseignement en présentiel Enseignement hybride |
|||||
|
Design mobile
|
|||||
| Enseignement en présentiel Enseignement hybride |
|||||
|
Développement d'application web
|
|||||
| Enseignement en présentiel | |||||
|
Développement frontend
|
|||||
|
|||||
|
Javascript
|
|||||
| Enseignement hybride | |||||
|
Graphisme animé avancé
|
|||||
| Enseignement hybride | |||||
|
Technique de présentation
|
|||||
| Enseignement en présentiel Enseignement hybride |
|||||
|
UX/UI appliquées
|
|||||
| Enseignement hybride, présence de l'enseignant partielle | |||||
|
Lectures recommandées ou obligatoires et notes de cours :
|
|||||
|
Structure d'expression créative
|
|||||
| - Support de cours?:
Espace institutionnel du cours |
|||||
|
Conception de projet (Design projet)
|
|||||
| Support de cours?:
espace institutionnel du cours |
|||||
|
Design graphique web
|
|||||
| Support de cours?:
espace institutionnel du cours |
|||||
|
Design mobile
|
|||||
| Support de cours?:
espace institutionnel du cours |
|||||
|
Développement d'application web
|
|||||
| Support de cours : espace institutionnel du cours | |||||
|
Développement frontend
|
|||||
|
|||||
|
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" |
|||||
|
Modalités d'évaluation et critères :
|
|||||
| Mode d'évaluation :
Présentiel ET distanciel Organisation de l'évaluation : Remise de travaux * Défense orale Type d'évaluation : Épreuve intégrée Type de cotation UE : Épreuve intégrée = 100% Modalités d'évaluation identiques d'une session à l'autre |
|||||
|
Structure d'expression créative
|
|||||
|
Conception de projet (Design projet)
|
|||||
|
Design graphique web
|
|||||
|
Développement d'application web
|
|||||
| Cette AA participe à l'évaluation du TJ de l'épreuve intégrée. | |||||
|
Développement frontend
|
|||||
| / | |||||
|
Javascript
|
|||||
| Voir fiche UE. Cette AA participe à l'évaluation du TJ de l'épreuve intégrée. |
|||||
|
Technique de présentation
|
|||||
|
UX/UI appliquées
|
|||||
| épreuve intégrée | |||||
|
Stage(s) :
|
|||||
|
Structure d'expression créative
|
|||||
|
Conception de projet (Design projet)
|
|||||
|
Design graphique web
|
|||||
|
Design mobile
|
|||||
| aucun | |||||
|
Développement frontend
|
|||||
| / | |||||
|
Javascript
|
|||||
| / | |||||
|
Technique de présentation
|
|||||
|
UX/UI appliquées
|
|||||
| aucun | |||||
|
Remarques organisationnelles :
|
|||||
|
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 |
|||||
|
Conception de projet (Design projet)
|
|||||
|
Design graphique web
|
|||||
| 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 mobile
|
|||||
| 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 |
|||||
|
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
|
|||||
|
|||||
|
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 :
|
|||||
| francois.bourgaux@heaj.be | |||||
|
Structure d'expression créative
|
|||||
| privilégiez les conversations Teams Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be |
|||||
|
Conception de projet (Design projet)
|
|||||
| Privilégiez la conversation Teams
Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be |
|||||
|
Design graphique web
|
|||||
| Privilégiez la conversation Teams
Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be |
|||||
|
Design 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 | |||||
|
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 | |||||