WARNING : 2025-2026 version of the course specifications
|
|||||
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 |
|||||
Number of credits :
|
|||||
|
|||||
Lecturer :
|
|||||
Structure d'expression créative : François BOURGAUX
Conception de projet (Design projet) : François BOURGAUX Design graphique web : François BOURGAUX Design 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 |
|||||
Conception de 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 graphique web
|
|||||
Approche de 2 grands principes graphiques Forme et signe, Circulation de blanc, exercice pratique 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. / | |||||
Learning outcomes of the learning unit :
|
|||||
Not available | |||||
Structure d'expression créative
|
|||||
Développer une pensée critique 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 d'un média interactif (ergonomie, accessibilité, caractéristique du public cible, etc.) |
|||||
Conception de 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 graphique web
|
|||||
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 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 graphique web
|
|||||
aucun | |||||
Design 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. |
|||||
Conception de 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 graphique web
|
|||||
Cours en présentiel et/ou distanciel Travaux de groupe pratiques Travaux de groupe en autonomie |
|||||
Design mobile
|
|||||
Cours théoriques Cours pratiques Travaux de groupe Travaux individuels |
|||||
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é
|
|||||
|
|||||
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 |
|||||
Conception de projet (Design projet)
|
|||||
Enseignement hybride Présence de l'enseignant partielle |
|||||
Design graphique web
|
|||||
hybride, présence de l'enseignant partielle | |||||
Design 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 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 |
|||||
Design graphique web
|
|||||
Lectures recommandées?:
- Julian Bleecker - The Manual of design Fiction - David Reinfurt - A New Program for Graphic Design 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
|
|||||
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
|
|||||
épreuve intégrée | |||||
Conception de projet (Design projet)
|
|||||
Epreuve intégrée | |||||
Design graphique web
|
|||||
Epreuve 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. |
|||||
Technique de présentation
|
|||||
épreuve intégrée | |||||
UX/UI appliquées
|
|||||
épreuve intégrée | |||||
Work placement(s) :
|
|||||
Not available | |||||
Conception de projet (Design projet)
|
|||||
aucun | |||||
Design graphique web
|
|||||
aucun | |||||
Design mobile
|
|||||
aucun | |||||
Développement frontend
|
|||||
aucun | |||||
Javascript
|
|||||
/ | |||||
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 |
|||||
Conception de 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 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
|
|||||
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 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 | |||||