2026-2027

Avenue Victor Maistriau 8a
7000 Mons

Fiche ects de l'unité d'enseignement #3711 intitulée :

Applications web dynamiques

Bachelier en Biotechnique / Bloc 2

Informations

Responsable d'UE : Vincent BRANDERS

Bloc : BIO2

Période : 2^e quadrimestre

Durée : 36 h

Crédits : 3 ects

UE Prérequises : aucune

UE Corequises :

Bases de données et interfaces web

Activité d'apprentissage (AA)

Applications web dynamiques : 36 h, Vincent BRANDERS

Connaissances et compétences préalables

Anglais technique
- Compréhension de base de l'anglais technique :
  - Les étudiants devraient être capables de lire des documentations techniques en anglais, car une grande partie des ressources web (y compris la documentation) est rédigée en anglais.
Python :
- Bases de Python :
  - Syntaxe
  - Variables
  - Types de données (chaînes, listes, dictionnaires)
  - Structures de contrôle (boucles, conditions)
  - Fonctions
Développement web front-end (HTML/CSS) :
- Structuration d'une page web en HTML :
  - Être capable d'utiliser les balises HTML appropriées pour structurer le contenu d'un site web dans le respect des standards du web.
- Mise en forme avec CSS :
  - Être capable de styliser un site web avec CSS, en maîtrisant la mise en page, les couleurs, la typographie et les autres aspects de la présentation visuelle selon des exigences de design données.
Bases de données relationnelles :
- Conception de modèles de données :
  - Être capable d'analyser les besoins d'un système d'information et d'en déduire une modélisation adéquate d'une base de données relationnelle.
- Création et manipulation avec SQL :
  - Être capable de créer une base de données relationnelle et ses structures de tables, ainsi que de rédiger des requêtes SQL efficaces pour extraire, insérer, mettre à jour et supprimer des données.

Contribution aux objectifs de développement durable

	Objectif 4 : Assurer l’accès de tous à une éducation de qualité, sur un pied d’égalité, et promouvoir les possibilités d’apprentissage tout au long de la vie 4.4 D’ici à 2030, augmenter considérablement le nombre de jeunes et d’adultes disposant des compétences, notamment techniques et professionnelles, nécessaires à l’emploi, à l’obtention d’un travail décent et à l’entrepreneuriat.
	Objectif 8 : Promouvoir une croissance économique soutenue, partagée et durable, le plein emploi productif et un travail décent pour tous 8.2 Parvenir à un niveau élevé de productivité économique par la diversification, la modernisation technologique et l’innovation, notamment en mettant l’accent sur les secteurs à forte valeur ajoutée et à forte intensité de main-d’oeuvre.
	Objectif 9 : Bâtir une infrastructure résiliente, promouvoir une industrialisation durable qui profite à tous et encourager l’innovation 9.5 Renforcer la recherche scientifique, perfectionner les capacités technologiques des secteurs industriels de tous les pays, en particulier des pays en développement, notamment en encourageant l’innovation et en augmentant considérablement le nombre de personnes travaillant dans le secteur de la recherche et du développement pour 1 million d’habitants et en accroissant les dépenses publiques et privées consacrées à la recherche et au développement d’ici à 2030. 9.c Accroître nettement l’accès aux technologies de l’information et de la communication et faire en sorte que tous les habitants des pays les moins avancés aient accès à Internet à un coût abordable d’ici à 2020.
	Objectif 10 : Réduire les inégalités dans les pays et d’un pays à l’autre 10.2 D’ici à 2030, autonomiser toutes les personnes et favoriser leur intégration sociale, économique et politique, indépendamment de leur âge, de leur sexe, de leurs handicaps, de leur race, de leur appartenance ethnique, de leurs origines, de leur religion ou de leur statut économique ou autre.
	Objectif 12 : Établir des modes de consommation et de production durables 12.6 Encourager les entreprises, en particulier les grandes et les transnationales, à adopter des pratiques viables et à intégrer dans les rapports qu’elles établissent des informations sur la viabilité.
	Objectif 13 : Prendre d’urgence des mesures pour lutter contre les changements climatiques et leurs répercussions 13.3 Améliorer l’éducation, la sensibilisation et les capacités individuelles et institutionnelles en ce qui concerne l’adaptation aux changements climatiques, l’atténuation de leurs effets et la réduction de leur impact et les systèmes d’alerte rapide.
	Objectif 16 : Promouvoir l’avènement de sociétés pacifiques et ouvertes aux fins du développement durable, assurer l’accès de tous à la justice et mettre en place, à tous les niveaux, des institutions efficaces, responsables et ouvertes 16.10 Garantir l’accès public à l’information et protéger les libertés fondamentales, conformément à la législation nationale et aux accords internationaux.
	Objectif 17 : Renforcer les moyens de mettre en oeuvre le Partenariat mondial pour le développement durable et le revitaliser 17.16 Renforcer le partenariat mondial pour le développement durable, associé à des partenariats multipartites permettant de mobiliser et de partager des savoirs, des connaissances spécialisées, des technologies et des ressources financières, afin d’aider tous les pays, en particulier les pays en développement, à atteindre les objectifs de développement durable. 17.18 D’ici à 2020, apporter un soutien accru au renforcement des capacités des pays en développement, notamment des pays les moins avancés et des petits États insulaires en développement, l’objectif étant de disposer d’un beaucoup plus grand nombre de données de qualité, actualisées et exactes, ventilées par niveau de revenu, sexe, âge, race, appartenance ethnique, statut migratoire, handicap, emplacement géographique et selon d’autres caractéristiques propres à chaque pays.

Contribution aux objectifs du référentiel de compétences de l'ARES

Communiquer et informer
- Choisir et utiliser les moyens d’informations et de communication adaptés
- 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
- Utiliser une langue étrangère
Collaborer à la conception, à l’amélioration et au développement de projets techniques
- Elaborer 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
S’engager dans une démarche de développement professionnel
- S’informer et s’inscrire dans une démarche de formation permanente
- Travailler tant en autonomie qu’en équipe dans le respect de la structure de l’environnement professionnel
S’inscrire dans une démarche de respect des réglementations
- Participer à la démarche qualité
- Respecter les normes, les procédures et les codes de bonne pratique
Apporter les solutions techniques en réponse aux questionnements spécifiques dans le domaine biologique
- Analyser les besoins matériels et les mettre en oeuvre.
- Préparer l’analyse et l’exploitation des résultats des dispositifs de collecte de données
Assurer la fonctionnalité des appareillages
- Choisir les moyens ou méthodes d’acquisition et de transmission de données adéquates
- Administrer les serveurs web et de bases de données

Acquis d'apprentissage spécifiques

À la fin de cette unité d'enseignement, l'étudiant devra être capable de :

Analyser les besoins d’interaction utilisateur sur un site web et développer des fonctionnalités interactives en utilisant JavaScript pour réagir aux actions des utilisateurs (ex. : clics, soumissions de formulaires) ;
Appliquer ses compétences en Python pour configurer et déployer un serveur web (par exemple en utilisant le framework Flask), permettant ainsi de servir des applications web dynamiques ;
Concevoir et développer un site web complet, interactif et dynamique en intégrant HTML, CSS, JavaScript, Python et SQL tout en évaluant la cohérence entre le front-end (interface utilisateur) et le back-end (serveur, base de données).

Contenu de l'AA

Ce cours est structuré en trois parties :

Maîtrise du langage JavaScript JQuery pour rendre les sites interactifs.
Initiation à un framework serveur Python
Intégration des technologies web (HTML/CSS, JS, SQL, serveur Python) pour la réalisation d’un projet web dynamique, incluant la diffusion et l’interprétation de données (biologiques ou non).

Répartition des heures

8 h de théorie, 20 h d'exercices/Labos, 8 h de travaux

Méthodes d'enseignement

Cours magistral, travaux de groupes, approche par projets, approche interactive, approche déductive, approche avec TIC

Langues d'enseignement

Français, anglais

Supports

Notes de cours, notes d'exercices

Ressources bibliographiques

https://developer.mozilla.org/fr/
Eloquent JavaScript, 4th edition (2024)
https://api.jquery.com/
https://flask.palletsprojects.com/en/3.0.x/
https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world
https://www.w3schools.com/sql/
https://openclassrooms.com/fr/courses

Évaluation et pondération

Méthode d'évaluation : note aux AA

Langues d'évaluation :

Applications web dynamiques : français

Pondération par AA :

Applications web dynamiques : 100 %

Modalités d'évaluation :

Applications web dynamiques :

La note finale du cours est déterminée comme suit :

60% pour l'évaluation continue
40% pour la réalisation d'un projet réalisé en cours d'année

Si l'évaluation continue ou le projet réalisé ne sont pas réussis (note < 50%), la note finale du cours est définie intégralement en seconde session via un examen oral.