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 : 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 | |||||
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é à 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. / | |||||
Learning outcomes of the learning unit :
|
|||||
Not available | |||||
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. | |||||
Prerequisite knowledge and skills :
|
|||||
Not available | |||||
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 | |||||
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 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 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
|
|||||
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 | |||||
Recommended or required readings :
|
|||||
Not available | |||||
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" |
|||||
Assessment methods and criteria :
|
|||||
Not available | |||||
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 | |||||
Work placement(s) :
|
|||||
Not available | |||||
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 | |||||
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)
|
|||||
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 :
|
|||||
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 | |||||