Programme des cours 2025-2026
ATTENTION : version 2025-2026 de l'engagement pédagogique
TCOG0001-1  
Techniques d'expression et de communication
  • Introduction aux principes d'interactions émergents
  • Design frontend 1
  • Introduction à la programmation Javascript
  • Hierarchie visuelle 1
Volume horaire :
Introduction aux principes d'interactions émergents : 9h Th
Design frontend 1 : 33h Th
Introduction à la programmation Javascript : 33h Th
Hierarchie visuelle 1 :
Nombre de crédits :
Bachelier en techniques graphiques, orientation techniques infographiques7
Nom du professeur :
Introduction aux principes d'interactions émergents : François BOURGAUX, Melih SELAMET, Philippe THRONTE, Alexandre TOURNAY
Design frontend 1 : Philippe THRONTE
Introduction à la programmation Javascript : François THERASSE, Philippe THRONTE
Hierarchie visuelle 1 :
Référent UE :
Philippe THRONTE, Alexandre TOURNAY
Langue(s) de l'unité d'enseignement :
Langue française
Organisation et évaluation :
Enseignement au premier quadrimestre, examen en janvier
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 :
Les thèmes abordés sont?:   

  • Sensibilisation à la création d'un contenu textuel en vue d'une vulgarisation vidéo.  
  • Introduction à l'HTML et au CSS, sémantique d'une page web, norme du W3C. Concevoir un site responsive mobile first avec les CSS et la méthode BEM 
  • Introduction au programme Figma pour la création de prototype d'interface. 
  • Introduction au JavaScript 
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 1
  • 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 ...)  
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
Au terme de l'UE, l'étudiant-e est capable de?:      

  • Concevoir un prototype interactif 
  • Réaliser une intégration valide W3C responsive et mobile first  
  • Structurer son CSS avec la méthode BEM 
  • Rédiger du contenu 
  • Utiliser le javascript 

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




  • Choisir et utiliser les moyens d'informations et de communication adaptées. 
  • Mener une discussion, argumenter et convaincre de manière constructive.  
  • Utiliser le vocabulaire adéquat. 
  • Présenter des prototypes de solution et d'application techniques.  
  • Élaborer une méthodologie de travail.  
  • Analyser une situation donnée sous ses aspects techniques et scientifiques.  
  • Rechercher et utiliser les ressources adéquates.  
  • Proposer des solutions qui tiennent compte des contraintes.  
  • Structurer et analyser la communication.  
  • Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de ceux-ci.  
  • Prendre en compte les contraintes liées à l'utilisation d'un média interactif (ergonomie, accessibilité, caractéristique du public cible, ...)  
  • Finaliser le visuel en fonction des contraintes (diffusion et visualisation) 
  • mettre un site en ligne
Design frontend 1
///
Introduction à la programmation Javascript
 /  
Savoirs et compétences prérequis :
Introduction à la programmation Javascript
 / 
Activités d'apprentissage prévues et méthodes d'enseignement :
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 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 1
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 d'enseignement (présentiel, à distance, hybride) :
Cours en pre´sentiel, Cours a` distance, Cours hybride
Introduction aux principes d'interactions émergents
Enseignement en présentiel 

Enseignement hybride 
Design frontend 1
Présentiel
Introduction à la programmation Javascript
Enseignement en présentiel
Lectures recommandées ou obligatoires et notes de cours :
Introduction aux principes d'interactions émergents
- Support de cours?:  

Espace institutionnel du cours

- Lectures obligatoires : /

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

Lectures obligatoires :
/

Lectures recommandées :
/
Modalités d'évaluation et critères :
Mode d'évaluation:

  • Présentiel
Organisation de l'évaluation:

  • Examen Oral
  • Remise de travaux
  • Défense orale
La réussite de l'épreuve intégrée de l'UE est définie par :

  • L'appréciation générale du jury lors de l'épreuve, qui compose 60% de la note de l'UE.
  • L'évaluation du TJ propre à chaque AA, délibérée collégialement qui compose 40% de la note de l'UE.
  • La complétion des critères de l'épreuve intégrée, propres à chaque AA.
Modalités d'évaluation pour la seconde session:

La réussite de l'épreuve intégrée de l'UE est définie par l'appréciation générale du jury lors de l'épreuve, qui compose 100% de la note de l'UE.
Introduction aux principes d'interactions émergents
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Design frontend 1
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée.
Introduction à la programmation Javascript
Voir fiche UE
Stage(s) :
Remarques organisationnelles :
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 1
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 :
philippe.thronte@heaj.be  
Introduction aux principes d'interactions émergents
melih.selamet@heaj.be
Design frontend 1
philippe.thronte@heaj.be
Introduction à la programmation Javascript
francois.therasse@heaj.be