Study Programmes 2024-2025
WARNING : 2023-2024 version of the course specifications
TCOG0001-1  
Techniques d'expression et de communication
  • Design grilles 1
  • Introduction aux principes d'interactions émergents
  • Design frontend
  • Introduction à la programmation Javascript
Volume horaire :
Design grilles 1 : 9h Th
Introduction aux principes d'interactions émergents : 9h Th
Design frontend : 33h Th
Introduction à la programmation Javascript : 33h Th
Number of credits :
Bachelor's degree : Computer graphics (Bachelor in Computer graphics)7
Lecturer :
Design grilles 1 : François BOURGAUX
Introduction aux principes d'interactions émergents : François BOURGAUX, Melih SELAMET, Philippe THRONTE, Alexandre TOURNAY
Design frontend : Philippe THRONTE
Introduction à la programmation Javascript : François THERASSE, Philippe THRONTE
Référent UE :
Philippe THRONTE, Alexandre TOURNAY
Language(s) of instruction :
French language
Organisation and examination :
Teaching in the first semester, review in January
Units courses prerequisite and corequisite :
Prerequisite or corequisite units are presented within each program
Learning unit contents :
Not available
Design grilles 1
Les thèmes abordés sont?:  
- Organisation d'espaces finis 
- Organisation d'espaces infinis 
- Les 4 types de grilles?:

  • grille manuscrite
  • grille en colonne
  • grille modulaire
  • grille hiérarchique 
- La division de l'écran 
- Capital Grid 
Introduction aux principes d'interactions émergents
Ce cours aborde les bases de l'expression et de la communication à travers l'étude des interactions contemporaines, avec un focus particulier sur l'impact des technologies émergentes, notamment l'intelligence artificielle (IA). Dans une première phase, les étudiants sont introduits aux principes fondamentaux de la communication et des interactions, tout en examinant comment ces dynamiques sont transformées par l'IA.

L'enseignement se concentre ensuite sur l'analyse et l'utilisation des outils d'IA dans le domaine de la communication et des pratiques dans le développement. Le contenu permet d'apprendre à intégrer ces technologies dans leurs pratiques, tout en considérant les défis éthiques et les implications sociales.
Design frontend
  • Introduction à l'HTML et au CSS 
  • Sémantique d'une page web 
  • Norme du W3C.  
  • Méthode BEM 
Introduction à la programmation Javascript
Les thèmes abordés sont?:  

  • Notions de base de la programmation en Javascript:  
  • Les variables 
  • Les types de données (int, string, float, ...)  
  • Les conditions (if, else, else if) 
  • Les boucles (for, while) 
  • Les fonctions 
  • Les tableaux 
  • Les objets 
  • Le DOM 
  • Les événements 
  • Présentation des outils de développement 
  • Réalisation d'interface simple (burger menu, système d'onglets ...)  
Learning outcomes of the learning unit :
Not available
Design grilles 1
Au terme de l'AA, l'étudiant-e est capable de?:      
- Comment placer un ensemble de texte dans un écran au format infini et y associer des éléments visuels. 

Au sein de l'AA, les objectifs sont?:  
- Composer une grille et la décliner pour différents types d'écrans. 
Design frontend
///
Introduction à la programmation Javascript
 /  
Prerequisite knowledge and skills :
Introduction à la programmation Javascript
 / 
Planned learning activities and teaching methods :
Not available
Design grilles 1
Cours en présentiel et/ou distanciel 

Observation de pratiques 

Travaux de groupe en autonomie 

Travaux individuels pratiques  

Travaux individuels en autonomie 

L'utilisation d'IA est autorisé dans le cadre de ce cours.
Introduction aux principes d'interactions émergents
Cours théoriques

Cours pratiques

Travaux individuels

Remarque : Le recours à certaines IA ne sera autorisé que si dûment et préalablement justifié auprès de l'enseignant.
Design frontend
Activités d'apprentissage

  • Cours en présentiel et/ou distanciel
  • Observation de pratiques
  • Résolution de problèmes
  • Ateliers
  • Travaux individuels pratiques 
Méthodes d'enseignement

  • Enseignement en présentiel
  • Présence de l'enseignant totale 
Introduction à la programmation Javascript
Activités d'apprentissage :

  • Cours en présentiel
  • Travaux individuels pratiques
  • Observation de pratiques
  • Résolution de problèmes
Remarque :
Le recours à certaines IA ne sera autorisé que si dûment et préalablement justifié auprès de l'enseignant.
Mode of delivery (face to face, distance learning, hybrid learning) :
Not available
Design grilles 1
Enseignement hybride
Introduction aux principes d'interactions émergents
Enseignement en présentiel 

Enseignement hybride 
Design frontend
Présentiel
Introduction à la programmation Javascript
Enseignement en présentiel
Recommended or required readings :
Design grilles 1
Lectures recommandées:

Emil Ruder - Typography: A Manual of Design

Josef Mu¨ller-Brockmann - Grid systems


Support de cours:

espace institutionnel du cours
Introduction aux principes d'interactions émergents
- Support de cours?:  

Espace institutionnel du cours

- Lectures obligatoires : /

- Lectures recommandées : /
Design frontend
Groupe Teams DWT, mails HEAJ
Introduction à la programmation Javascript
Support de cours :
Espace institutionnel du cours

Lectures obligatoires :
/

Lectures recommandées :
/
Assessment methods and criteria :
Not available
Design grilles 1
Epreuve intégrée

Evaluation identique d'une session à l'autre
Introduction aux principes d'interactions émergents
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Design frontend
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Introduction à la programmation Javascript
Voir fiche UE
Work placement(s) :
Organizational remarks :
Design grilles 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
Introduction aux principes d'interactions émergents
- 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 frontend
Namur
Introduction à la programmation 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
Contacts :
Not available
Design grilles 1
Privilégiez la conversation Teams

Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be
Introduction aux principes d'interactions émergents
melih.selamet@heaj.be
Design frontend
philippe.thronte@heaj.be
Introduction à la programmation Javascript
francois.therasse@heaj.be