Programme des cours 2023-2024
ATTENTION : version 2022-2023 de l'engagement pédagogique
TCOG0001-1  
Techniques d'expression et de communication
  • Design grilles 1
  • Design Contenu 1
  • Design frontend
  • Javascript fondamentaux
Volume horaire :
Design grilles 1 : 9h Th
Design Contenu 1 : 9h Th
Design frontend : 33h Th
Javascript fondamentaux : 33h Th
Nombre de crédits :
Bachelier en techniques graphiques, orientation techniques infographiques7
Nom du professeur :
Design grilles 1 : François BOURGAUX, Philippe THRONTE
Design Contenu 1 : François BOURGAUX, Philippe THRONTE, Alexandre TOURNAY
Design frontend : François BOURGAUX, Philippe THRONTE
Javascript fondamentaux : François BOURGAUX, 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 
Design Contenu 1
Adobe After Effects
Design frontend
  • Introduction à l'HTML et au CSS 
  • Sémantique d'une page web 
  • Norme du W3C.  
  • Méthode BEM 
Javascript fondamentaux
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
///
Javascript fondamentaux
 /  
Savoirs et compétences prérequis :
Javascript fondamentaux
 / 
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.
Design Contenu 1
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 
Javascript fondamentaux
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
Design Contenu 1
Enseignement en présentiel 

Enseignement hybride 
Design frontend
Présentiel
Javascript fondamentaux
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
Design Contenu 1
- Support de cours?:  

Espace institutionnel du cours

- Lectures obligatoires : /

- Lectures recommandées : /
Design frontend
Groupe Teams DWT, mails HEAJ
Javascript fondamentaux
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
Design Contenu 1
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.
Javascript fondamentaux
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
Design Contenu 1
- 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
Javascript fondamentaux
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
Design Contenu 1
alexandre.tournay@heaj.be
Design frontend
philippe.thronte@heaj.be
Javascript fondamentaux
francois.therasse@heaj.be