Programme des cours 2022-2023
TCOG0001-1  
Technique d'expression et de communication
  • Design Contenu 1
  • Design frontend
  • Design technique
  • Flux de travail
  • Javascript fondamentaux
Volume horaire :
Design Contenu 1 :
Design frontend :
Design technique :
Flux de travail :
Javascript fondamentaux :
Nombre de crédits :
Bachelier en techniques graphiques, orientation techniques infographiques7
Nom du professeur :
Design Contenu 1 : Alexandre TOURNAY
Design frontend : Philippe THRONTE
Design technique : Philippe THRONTE
Flux de travail : Gabriel TAMINIAUX
Javascript fondamentaux : François THERASSE
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?:   

Design Contenu 1 

  • Sensibilisation à la réalisation d'un script après analyses d'interviews.  
  • Sensibilisation à la création d'un contenu textuel en vue d'une vulgarisation vidéo.  
Design frontend 

  • 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 
Design technique 

  • Introduction au programme Adobe XD pour la création de prototype d'interface. 
Flux de travail 

  • Utilisation d'un "Task Runner" (Gulp) pour mettre en place et gérer un flux de travail.  
Javascript fondamentaux 

  • Introduction au JavaScript 
Design Contenu 1
Sensibilisation à la réalisation d'un script après analyses d'interviews. Sensibilisation à la création d'un contenu textuel en vue d'une vulgarisation vidéo. 
Design frontend
  • Introduction à l'HTML et au CSS 
  • Sémantique d'une page web 
  • Norme du W3C.  
  • Méthode BEM 
Design technique
  • Introduction au programme Adobe XD pour la création de prototype d'interface. 
Flux de travail
Différencier un task runner d'un module bundler (Gulp VS Webpack) Organiser son flux de travail avec un "Task Runner" (Gulp) Installer NodeJS et Gulp Configurer son projet Gulp Gérer le fichier package.json Gérer le fichier gulpfile.js Créer une tâche et installer des modules Utiliser l'API de Gulp Utiliser des transpiler, des linter et des minifiers (Sass, ES6, JSLinter) Intégrer les streams à son flux de travail (watch et browser reload)
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.  
  • Planifier des activités.  
  • 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) 
Design Contenu 1
Au terme de l'AA, l'étudiant-e est capable de?:      

Dégrossir une interview de plusieurs heures et en effectuer un découpage en vue d'un montage court. 

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

Exercer l'esprit de synthèse et la notion de chapitrages 
Design frontend
Concevoir un site responsive mobile first en utilisant les languages HTML et  CSS et en respectant la méthode BEM. 
Design technique
  • Concevoir un prototype d'interface en utilisant le programme Adobe XD. 
Flux de travail
  • Mettre en place et gérer un flux de travail en utilisant Gulp 
Javascript fondamentaux
Au terme de l'AA, l'étudiant-e est capable de?:      

  • Manipuler le DOM d'une page web 
  • Utiliser les événements 
  • Concevoir une interface simple en utilisant Javascript  
Savoirs et compétences prérequis :
Javascript fondamentaux
 

Cours en présentiel et/ou distanciel 

Observation de pratiques 

Résolution de problèmes 

Ateliers 

Travaux individuels pratiques  
Activités d'apprentissage prévues et méthodes d'enseignement :
Dispense de la the´orie, Pratique en laboratoire / classe, Travail a` domicile, Suivi individuel, Suivi par groupe, Travail de groupe, E-Learning
Design Contenu 1
Cours en présentiel et/ou distanciel 

Travaux de groupe pratiques 

Travaux de groupe en autonomie 
Design frontend
?Cours en présentiel et/ou distanciel
Observation de pratiques
Résolution de problèmes
Ateliers
Travaux individuels pratiques
Design technique
?Cours en présentiel et/ou distanciel
Observation de pratiques
Résolution de problèmes
Ateliers
Travaux individuels pratiques
Flux de travail
Cours en présentiel et/ou distanciel 
Javascript fondamentaux
Mode d'enseignement de l'AA 

 

Enseignement en présentiel 

Présence de l'enseignant totale 

 
Mode d'enseignement (présentiel, à distance, hybride) :
Cours en pre´sentiel, Cours a` distance, Cours hybride
Design Contenu 1
Enseignement en présentiel 

Enseignement hybride 

Enseignement en distanciel 

Présence de l'enseignant totale 
Design frontend
Enseignement en présentiel
Présence de l'enseignant totale
Design technique
Enseignement en présentiel
Présence de l'enseignant totale
Flux de travail
Enseignement en présentiel 

Présence de l'enseignant totale 
Javascript fondamentaux
Présentiel, teams
Lectures recommandées ou obligatoires et notes de cours :
Design Contenu 1
Groupe Teams DWT, mails HEAJ

Support de cours?:  

Fichiers distribués en classe 
Design frontend
Groupe Teams DWT, mails HEAJ
Design technique
Groupe Teams DWT, mails HEAJ
Flux de travail
Groupe Teams DWT, mails HEAJ
Javascript fondamentaux
Groupe Teams DWT, mails HEAJ
Modalités d'évaluation et critères :
Évaluation intégrée d'une remise individuelle d'un travail accompagné par sa présentation sous forme de jury.

Pour que l'UE soit validée, l'étudiant doit obtenir une note supérieure ou égale à 50 % dans l'épreuve intégrée. Se réfèrer au briefing pour les détails de remises complémentaires. 
Design Contenu 1
épreuve intégrée au niveau de l'UE
Design frontend
épreuve intégrée au niveau de l'UE
Design technique
épreuve intégrée au niveau de l'UE
Flux de travail
Epreuve intégrée 
Javascript fondamentaux
Epreuve intégrée 
Stage(s) :
Remarques organisationnelles :
Design Contenu 1
Namur
Design frontend
Namur
Design technique
Namur
Flux de travail
Namur
Javascript fondamentaux
Namur
Contacts :
philippe.thronte@heaj.be  
Design Contenu 1
alexandre.tournay@heaj.be
Design frontend
philippe.thronte@heaj.be
Design technique
philippe.thronte@heaj.be
Flux de travail
gabriel.taminiaux@heaj.be
Javascript fondamentaux
francois.therasse@heaj.be