Programme des cours 2024-2025
ATTENTION : version 2023-2024 de l'engagement pédagogique
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
Nombre de crédits :
Bachelier en techniques graphiques, orientation techniques infographiques7
Nom du professeur :
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
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 
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 ...)  
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 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
 /  
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 
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 d'enseignement (présentiel, à distance, hybride) :
Cours en pre´sentiel, Cours a` distance, Cours hybride
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
Lectures recommandées ou obligatoires et notes de cours :
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 :
/
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.
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
Stage(s) :
Remarques organisationnelles :
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 :
philippe.thronte@heaj.be  
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