Programme des cours 2021-2022
BINV2150-2  
Développement web : avancé
  • Javascript : avancé
  • Ergonomie web
Durée :
Javascript : avancé : 48h Pr
Ergonomie web : 12h Th
Nombre de crédits :
Bachelier en informatique de gestion6
Nom du professeur :
Javascript : avancé : Raphaël BARONI, Sébastien STREBELLE
Ergonomie web : Patrick KIBALE
Coordinateur(s) :
Raphaël BARONI
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 :
Cette unité d'enseignement aborde les thèmes suivants :


  • Langage de programmation Javascript et technologies associées : manipulation du DOM, animations, Bootstrap, HTML5, Ajax, JSON, JWT...
  • Single-Page Applications via Node.js et le framework Express.
  • Ergonomie Web.
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
Compétence(s) - Capacité(s): C1 - S'insérer dans son milieu professionnel et s'adapter à son évolution CA1.2 -Collaborer à la résolution de problèmes complexes avec méthode, rigueur, pro activité et créativité C2 - Communiquer ¿ Ecouter, informer, conseiller les acteurs tant en interne qu'en externe CA2.2 -Adapter ses techniques de communication, son vocabulaire à l'interlocuteur quel qu'il soit CA2.5 -Exploiter un document technique en français et en anglais C3 - Mobiliser les savoirs et les savoir-faire propres à l'informatique de gestion CA3.1 -Concevoir, implémenter et maintenir des algorithmes répondant aux spécifications et fonctionnalités fournies CA3.2 -Choisir et mettre en œuvre un standard défini ou une technologie spécifique (méthodologie, environnement, langage, framework, librairies, ...) CA3.3 -Traduire les besoins des utilisateurs en modèles d'analyse CA3.4 -Concevoir, implémenter, administrer et utiliser avec maîtrise un ensemble structuré de données C4 - Analyser les données utiles à la réalisation de sa mission en adoptant une démarche systémique CA4.4 -Prendre en compte la problématique de sécurité des applications CA4.5 -Soigner l'ergonomie des applications   Acquis d'apprentissage(s) terminaux visé(s): - Acquis d'apprentissage terminaux : AAT1. Concevoir des solutions informatiques efficaces qui répondent à des problèmes en maitrisant les structures de données véhiculées.C1-CA1.2 ; C3-CA3.1 et CA3.4 ; C4-CA4.4 *PROGRAMMATION ( AAT1) - Acquis d'apprentissage terminaux : AAT5. Se conformer aux bonnes pratiques du métier tout en restant critique. C1-CA1.4 ; C3-CA3.2 et CA3.5 ; C4-CA4.2 et CA4.3 et CA4.5 ; C5-CA5.3; C5-CA5.4 * QUALITE ( AAT5) - Acquis d'apprentissage terminaux : AAT6. Exploiter de façon autonome et rigoureuse les différentes ressources d'information (en français ou en anglais). C2-CA2.5 * AUTONOMIE ( AAT6) - Acquis d'apprentissage terminaux : AAT8. Collaborer au sein d'une équipe en s'adaptant à ses interlocuteurs, en organisant les différentes tâches d'un travail selon leur complexité et leur dépendance ainsi qu'en respectant les délais prévus. C1-CA1.1 ; C2-CA2.2(interne) ; C5- CA5.1 et CA5.2 et CA5.3 et CA5.6 ( AAT8) - Acquis d'apprentissage terminaux : AAT9. Affronter des situations nouvelles en se formant pour intégrer les changements. C1-CA1.5; C2- CA2.2; C5-CA5.2 * FLEXIBILITE ( AAT9)
Javascript : avancé
A la fin du cours, l'étudiant·e sera capable de :
  • C1 : Développer un Frontend interactif et moderne en JS / HTML / CSS
  • C2 : Réaliser un Backend & une RESTful API via Node.js & Express
  • C3 : Construire une Single-Page Application (SPA) : intégration d'un frontend moderne avec une RESTful API
 
Acquis d'apprentissage spécifiques :
C1 : Frontend interactif et moderne en JS / HTML / CSS
  • C1.1 Interagir avec de l'HTML existant : DOM, Gestion d'événements
  • C1.2 Frontend dynamique et moderne : Génération dynamique d'HTML, UI & Design responsive, Gestion moderne du code, des dépendances et des assets via un bundler
  • C1.3 Frontend structuré et animations : Animations via API canvas et librairie externe, Orienté objet en JS, Modules (ES6)
C2 : Backend & RESTful API via Node.js & Express
  • C2.1 Backend sous Node.js & Express : Intro à Node.js, Serveur de fichiers statiques & Framework Express
  • C2.2 RESTful API sous Express : Framework Express & RESTful APIs, REST Client pour consommer / tester des APIs, Intro à JSON, Architectures de RESTful APIs
  • C2.3 Sécurisation de RESTful API via JWT & autres : Authentification sécurisée et autorisation d'accès aux opérations d'une API via JWT, Sécurisation de RESTful APIs : Hachage d'information et protection contre les attaques XSS
C3 : Single-Page Application (SPA)
  • C3.1 Intégration d'un frontend moderne avec une RESTful API : Introduction aux SPAs et à leur communications, Gestion de la sécurité du browser, Les promesses, 
  • C3.2 Routage de SPA et intégration avec RESTful API sécurisée par JWT : SPAs & routage des pages et composants, Gestion de sessions côté client, Utilisation de JWT au sein d'un frontend
Toutes les compétences
  • CG1. Debugging
  • CG2. Gestion de la configuration de code JS (Git)
  • CG3. Déploiement (d'applications web)
  • CG4. Apprentissage personnel de technologies JS
Ergonomie web
  • Comprendre ce qu'est une approche marketing à l'ergonomie, et être capable de l'appliquer.
  • Evaluer un site Web ou une App sur base de recommandations de référence et théorèmes marketing.
  • Maîtriser un processus de création d'un site Web ou une App en utilisant une méthodologie dédiée à l'ergonomie.
  • Proposer et implémenter des améliorations ergonomiques à un site web existant.
Savoirs et compétences prérequis :
Javascript : avancé
  • BINV1020-1 - Analyse et programmation orientée objet
  • BINV1030-1 - Gestion de données : bases
  • BINV1050-1 - Développement web : bases
  • BINV1110-1 - Projet de développement web
Activités d'apprentissage prévues et méthodes d'enseignement :
Activités       Intitulé de l'activité              Volume horaire BINV2150 A    Javascript                                        48 BINV2150 B    Ergonomie web                                12
Javascript : avancé
Activité d'apprentissage : JavaScript et Node.js :




  • Une séance commence généralement par des notions théoriques et des démonstrations.
  • Elle se poursuit par des exercices pratiques qui sont à terminer à domicile.
  • Vers la fin du quadrimestre, un projet est à réaliser en classe et à la maison.
Mode d'enseignement (présentiel, à distance, hybride) :
Voir descriptions des activités d'apprentissages.
 
Javascript : avancé
En présentiel:
  • Sessions de présentation (théorie et démonstrations) données en classe par les enseignants
  • Sessions pratiques (exercices et parties de projet) données en classe à l'aide d'un ordinateur, sous la supervision des enseignants
Enseignement à distance :
  • Exercices et parties de projet à réaliser par les étudiants dans le respect d'une deadline fixée par les enseignants
Ergonomie web
Enseignement en présentiel:
  • des cours de 2h seront données suivant le calendrier définies en début d'année
  • des sessions de questions / réponses sur la matière sont organisées par l'enseignant
Lectures recommandées ou obligatoires et notes de cours :
Javascript : avancé
  • Slides projetés par le professeur & démonstrations associées
  • Notes de cours
Ergonomie web
  • Slides fournis par le professeur
  • Références externes listées par le professeur
  • Notes de cours
Modalités d'évaluation et critères :
Responsable de l'évaluation: BARONI Raphaël   Langue de l'évaluation: Français   Mode d'évaluation et pondération: Examen écrit   La pondération de la note globale de l'UE est au prorata des ECTS des différentes activités d'apprentissage :


  • Javascript (5 ECTS) : 83,3 % (5/6)
  • Ergonomie web (1 ECTS) : 16,7 % (1/6)
L'évaluation de cette UE n'est pas intégrée ; elle est composée d'activités d'apprentissage distinctes donnant lieu, à partir de 10/20, à des reports de notes légaux d'une session à l'autre et d'une année académique à l'autre.
 
Javascript : avancé
  • Les compétences de l'étudiant·e seront évaluées par le biais d'un projet (30% des points) et d'un examen (70% des points).
  • Le projet consiste à la mise en œuvre d'une application web reprenant les technologies vues en cours et appliquant des librairies JS à explorer par l'étudiant·e.
  • L'examen consiste en la réalisation de programme(s) reprenant les compétences développées lors du cours.
  • En deuxième session, les compétence de l'étudiant·e seront évaluées par le biais d'un examen seulement (100% des points). Toute évaluation réalisée préalablement ne sera pas prise en compte dans l'évaluation finale.
Ergonomie web
  • Les compétences de l'étudiant·e seront évaluées par le biais d'un projet (30% des points) et d'un examen (70% des points).
  • Le projet consiste à la mise en œuvre d'une application reprenant la matière vue en cours ;
  • L'examen consiste en une épreuve écrite (théorie et étude de cas)
  • En deuxième session, les compétence de l'étudiant·e seront évaluées par le biais d'un examen seulement (100% des points). Toute évaluation réalisée préalablement ne sera pas prise en compte dans l'évaluation finale.
Stage(s) :
Remarques organisationnelles :
Lors du calcul de la moyenne arithmétique pondérée du PAE d'un étudiant, ainsi que du calcul de la moyenne arithmétique pondérée globale de son cursus, le poids associé à la note de la présente UE est son nombre d'ECTS.
Tenant compte de la situation sanitaire et du Protocole pour la reprise des cours dans l'enseignement supérieur émanant de la Ministre Glatigny, les modalités prévues pour l'organisation et l'évaluation de cette unité d'enseignement sont susceptibles d'être modifiées en cas d'évolution du risque épidémique et d'un retour vers un confinement total ou partiel.
Contacts :