Programme des cours 2025-2026
INFO3001-1  
Conception de sites web B3Q1
  • Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie)
  • Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
  • Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle)
Durée :
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie) : 12h Th
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire) : 18h Pr
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle) : 12h Th
Nombre de crédits :
Bachelier en informatique, orientation technologies de l'informatique4
Nom du professeur :
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie) : Nazmi ONGUN
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire) : Nazmi ONGUN
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle) : Nazmi ONGUN
Coordinateur(s) :
Nazmi ONGUN
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 :
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie)
Savoir

Rappels :
Notion d'architecture réseau à 3 niveaux
Installation de Apache / MySQL / phpMyAdmin
Notion de page web statique
Langage SQL

Architecture d'un serveur web :

Apache : multi-thread
NodeJS : mono-thread

Javascript , JQuery :

Eléments de base des langages

php :

Histoire, définition et mise en oeuvre de PHP
Notion de page web dynamique et de flux HTML
Eléments du langage
Création d'une page PHP
Validation de données provenant d'un formulaire
Connexion à une base de données
Enregistrements d'une table : accès ,ajout, modification, supression   

NodeJS :

Installation de NodeJS
Installation de modules
Utilitaire npm

Initiation et introduction à l'utilisation de l'IA, à travers un chatbot interactif permettant une conversation

Savoir faire

Maîtriser les concepts techniques généraux attachés au développement d'applications Web en php, d'une part hébergées sur un serveur web Apache et connectées au serveur de bases de données MySQL, d'autre part, implémentant une application NodeJS.

Savoir être

Maîtriser les bases des thèmes abordés et faire preuve d'autodidactisme et de proactivité dans l'activité d'apprentissage (laboratoire) associée.
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
Savoir

Mêmes connaissances que pour la partie théorique.

Savoir faire

Réaliser des applications qui s'exécutent correctement ; qu'elles soient efficaces et réutilisables.

Présenter des listings clairs, bien documentés.

Savoir être

Maîtriser les bases des thèmes abordés dans l'activité théorique associée et faire preuve d'autodidactisme et de proactivité.

Etre ponctuel et respecter les consignes.

L'autonomie est le savoir-être central de cette activité d'apprentissage, les solutions étant construites par l'étudiant sous la direction de l'enseignant qui joue le rôle du demandeur et du conseiller technique en posant requêtes, critiques et conseils.
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle)
Savoir

Rappels :

Notion d'architecture réseau à 3 niveaux
Installation de Apache / MySQL / phpMyAdmin
Notion de page web statique
Langage SQL

Architecture d'un serveur web :

Apache : multi-thread
NodeJS : mono-thread

Javascript, JQuery :

Éléments de base des langages

PHP :

Histoire, définition et mise en œuvre de PHP
Notion de page web dynamique et de flux HTML
Éléments du langage
Création d'une page PHP
Validation de données provenant d'un formulaire
Connexion à une base de données
Gestion des enregistrements d'une table : accès, ajout, modification, suppression

NodeJS :

Installation de NodeJS
Installation de modules
Utilitaire npm

IA, Chatbot et React :

Introduction à l'intégration de l'intelligence artificielle dans une application NodeJS
Utilisation de modules IA tels que ChatGPT ou équivalents
Création d'un chatbot interactif capable de gérer une conversation
Développement de systèmes automatisés (ex. to-do list intelligente, analyse de document)
Implémentation d'une interface utilisateur en React pour l'application IA
(l'application finale intégrera NodeJS + IA + React pour une expérience interactive complète)

 

Savoir-faire

Développer une application web :

PHP/MySQL sur Apache
NodeJS avec IA (ChatGPT ou équivalent) et interface en React
Intégrer un chatbot IA ou une fonctionnalité automatisée
Concevoir une architecture API/Front-end en environnement full-stack (NodeJS + React)

Savoir être

Maîtriser les bases des thèmes abordés et faire preuve d'autodidactisme et de proactivité dans l'activité d'apprentissage (laboratoire) associée.    
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie)
Collaborer à la conception, à l'amélioration et au développement de projets techniques.

- Analyser une situation donnée sous ses aspects techniques et scientifiques.
- Elaborer une méthodologie de travail.
- Planifier des activités.
- Proposer des solutions qui tiennent compte des contraintes.
- Rechercher et utiliser les ressources adéquates.

Collaborer à l'analyse et à la mise en œuvre d'un système informatique.

- En choisissant une méthode d'analyse adaptée, exprimer une solution avec les formalismes appropriés.
- Sur base de spécifications issues d'une analyse : développer une solution logicielle | mettre en œuvre une architecture matérielle.

Communiquer et informer.

- Présenter des prototypes de solution et d'application techniques.
- Utiliser le vocabulaire adéquat.

Intégrer et faire communiquer différents composants software et hardware dans un environnement hétérogène.

- Analyser le schéma, installer et exploiter une base de données informatisée.
- Réaliser une application informatique à l'aide d'un langage de programmation procédural ou orienté objet, dans différents environnements de développement.

S'engager dans une démarche de développement professionnel.

- Développer une pensée critique.
- 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

- Intégrer les différents aspects du développement durable.
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
Collaborer à la conception, à l'amélioration et au développement de projets techniques.

- Analyser une situation donnée sous ses aspects techniques et scientifiques.
- Elaborer une méthodologie de travail.
- Planifier des activités.
- Proposer des solutions qui tiennent compte des contraintes.
- Rechercher et utiliser les ressources adéquates.

Collaborer à l'analyse et à la mise en œuvre d'un système informatique.

- En choisissant une méthode d'analyse adaptée, exprimer une solution avec les formalismes appropriés.
- Sur base de spécifications issues d'une analyse : développer une solution logicielle | mettre en œuvre une architecture matérielle.

Communiquer et informer.

- Présenter des prototypes de solution et d'application techniques.
- Utiliser le vocabulaire adéquat.

Intégrer et faire communiquer différents composants software et hardware dans un environnement hétérogène.

- Analyser le schéma, installer et exploiter une base de données informatisée.
- Réaliser une application informatique à l'aide d'un langage de programmation procédural ou orienté objet, dans différents environnements de développement.

S'engager dans une démarche de développement professionnel.

- Développer une pensée critique.
- 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

- Intégrer les différents aspects du développement durable.
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle)
  Collaborer à la conception, à l'amélioration et au développement de projets techniques.

- Analyser une situation donnée sous ses aspects techniques et scientifiques.
- Elaborer une méthodologie de travail.
- Planifier des activités.
- Proposer des solutions qui tiennent compte des contraintes.
- Rechercher et utiliser les ressources adéquates.

Collaborer à l'analyse et à la mise en œuvre d'un système informatique.

- En choisissant une méthode d'analyse adaptée, exprimer une solution avec les formalismes appropriés.
- Sur base de spécifications issues d'une analyse : développer une solution logicielle | mettre en œuvre une architecture matérielle.

Communiquer et informer.

- Présenter des prototypes de solution et d'application techniques.
- Utiliser le vocabulaire adéquat.

Intégrer et faire communiquer différents composants software et hardware dans un environnement hétérogène.

- Analyser le schéma, installer et exploiter une base de données informatisée.
- Réaliser une application informatique à l'aide d'un langage de programmation procédural ou orienté objet, dans différents environnements de développement.

S'engager dans une démarche de développement professionnel.

- Développer une pensée critique.
- 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

- Intégrer les différents aspects du développement durable.
Savoirs et compétences prérequis :
Activités d'apprentissage prévues et méthodes d'enseignement :
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie)
Il s'agit d'amener l'étudiant à maîtriser les concepts "théoriques/techniques" généraux attachés au développement d'applications Web en php, d'une part, hébergées sur un serveur Apache et connectées au serveur de bases de données MySQL, d'autre part, implémentant une application NodeJS.

L'étude de nombreux exemples préparera l'étudiant à présenter deux applications basées sur les deux thèmes ci-dessus.

Exposés théoriques de base accompagnés de la mise à la disposition des étudiants d'une documentation technique aussi large et complète que possible (recours fréquent à Internet).
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
Il s'agit d'amener l'étudiant à maîtriser les concepts techniques généraux attachés au développement d'applications Web implémentant les techniques abordées au cours théorique.

L'étude de nombreux exemples préparera l'étudiant à présenter deux travaux de programmation de longue haleine (épreuve intégrée) au cours de cette activité. Cette activité est en liaison étroite avec la partie Théorie de l'UE.

Cette activité consistera à présenter aux étudiants une/des solution(s) réalisées par d'autres étudiants. Le respect des cahiers charge sera exigé, tout en encourageant les étudiants à proposer des « plus » à la solution demandée.

Chacun avance sur son propre chemin. L'enseignant sera là pour aiguiller et guider chaque étudiant.
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle)
Étude d'exemples concrets pour préparer les étudiants à réaliser deux projets complets :

1. Application PHP/MySQL (backend + base de données)
2. Application NodeJS intégrant IA et interface React (par ex. chatbot interactif, analyse automatique, automatisation de tâches)
Mode d'enseignement (présentiel, à distance, hybride) :
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie)
Formation en présentiel avec participation obligatoire aux cours théoriques et aux séances de laboratoire
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
Présentiel obligatoire comprenant :

  • Cours théoriques.
  • Travaux pratiques en laboratoire.
La participation active aux séances est indispensable pour la compréhension et la réussite.
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle)
Formation en présentiel avec participation obligatoire aux cours théoriques et aux séances de laboratoire
Lectures recommandées ou obligatoires et notes de cours :
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie)
Internet

Des tutos en ligne via teams

Mon site :www.ong-info.be « mise à jour de l'ensemble des notes de cours et des exercices

via un site de e-learning »
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
Conception d'un site web interactif (laboratoire) Internet

Des tutos en ligne via teams

Des notes de cours et des exercices via Teams
Modalités d'évaluation et critères :
Total: 80 points
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie)
Epreuve intégrée :

L'épreuve consiste en un examen oral de défense de deux applications web réalisées, chacune sur base d'un cahier des charges précis distribué dès le début du cursus.

Chacune des applications compte pour 30 points ; soit total pour l'UE : 60 points

L'évaluation de chaque application se fera selon les critères suivants :

  • la connaissance des concepts théoriques indispensables à l'implémentation d'une application de longue haleine,
  • l'exactitude de l'application  (fonctionnement correct et respect des spécifications),
  • la défense orale qui amènera l'étudiant à prouver, d'une part sa connaissance du langage et de la programmation web en environnement intra et internet (on et off line le cas échéant), et d'autre part, qu'il maîtrise le code qu'il présente ;
  • l'efficacité du  code,
  • la qualité de l'architecture de l'application,
  • la précision des commentaires des listings,
  • la lisibilité générale de ceux-ci,
  • la créativité et le design de l'application.
  • Les modalités d'évaluation restent identiques quelle que soit la situation, seuls changent les « moyens » utilisés pour que se tiennent ces évaluations.
  • Conception d'un site web interactif (théorie) Epreuve intégrée: 60 points
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
Epreuve intégrée :

L'épreuve consiste en un examen oral de défense de deux applications web réalisées, chacune sur base d'un cahier des charges précis distribué dès le début du cursus.

Chacune des application compte pour 30 points ; soit total pour l'UE : 60 points

L'évaluation de chaque application se fera selon les critères suivants :

  • la connaissance des concepts théoriques indispensables à l'implémentation d'une application de longue haleine,
  • l'exactitude de l'application  (fonctionnement correct et respect des spécifications),
  • la défense orale qui amènera l'étudiant à prouver, d'une part sa connaissance du langage et de la programmation web en environnement intra et internet (on et off line le cas échéant), et d'autre part, qu'il maîtrise le code qu'il présente ;
  • l'efficacité du  code,
  • la qualité de l'architecture de l'application,
  • la précision des commentaires des listings,
  • la lisibilité générale de ceux-ci,
  • la créativité et le design de l'application.
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle)
Épreuve intégrée (60 points) :

Deux applications à présenter et défendre oralement :

1. Application PHP/MySQL
2. Application NodeJS avec IA et React
Critères :

Connaissance des concepts théoriques
Fonctionnalité complète et respect des spécifications
Défense orale : maîtrise du code et des technologies
Qualité de l'intégration IA (chatbot, automatisation, analyse)
Bonne intégration du front-end React avec le backend NodeJS
Architecture, lisibilité, efficacité du code
Créativité et design
Stage(s) :
Remarques organisationnelles :
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
La présence aux cours théoriques et la participation aux séances de laboratoire sont obligatoires.

Les absences injustifiées peuvent avoir un impact sur la maîtrise des compétences et la réussite de l'UE.
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle)
La présence aux cours théoriques et la participation aux séances de laboratoire sont obligatoires.

Les absences injustifiées peuvent avoir un impact sur la maîtrise des compétences et la réussite de l'UE.
Contacts :
Conception de sites web interactifs - Théorie (Conception de sites web interactifs - Théorie)
Öngün Nazmi (Nazmi.ONGUN@hel.be),
Conception de sites web interactifs - Laboratoire (Conception de sites web interactifs - Laboratoire)
  nazmi.ongun@hel.be
Intégration de l'intelligence artificielle (Intégration de l'intelligence artificielle)
  Öngün Nazmi (Nazmi.ONGUN@hel.be)