HELMo

UE6 Développement web

En pratique

  • Cette unité d'enseignement (UE) articule 1 activité d'apprentissage :
    • Développement web
  • En 2025-2026, elle s'organise au premier quadrimestre et deuxième quadrimestre et couvre 5 crédits (ECTS).
  • L'enseignement est principalement centralisé dans le campus : Département Informatique
  • Cette UE est remédiable d'une session à l'autre
  • Modalités d'enseignement
    • Auditoire
    • Groupe classe
    • en autonomie

Activité d’apprentissage

Les finalités de l'UE

Découvrir la conception d’applications web en partant de l’analyse des besoins formalisée en schémas UML et MCD, qui permet de déterminer les nécessités en termes de stockage et manipulation des données ainsi que l’élaboration d’une interface utilisateur adaptée. Appréhender le développement de sites web dynamiques.

Les contenus de l'UE

  • Introduction à INTERNET : client/serveur, navigateur, serveur Web, protocoles liés à Internet, DNS, ...
  • Langage HTML5: origine, syntaxe et règles, balises et attributs courants
  • CSS : mise en forme par des feuilles de styles CSS et les propriétés CSS couramment utilisées.
  • Modules CSS
  • Programmation web : concepts de base et introduction du langage PHP
  • Manipulation des chaînes de caractères
  • Manipulation des tableaux
  • Gestion des formulaires
  • Notions de fonctions
  • Utilisation de composer
  • Structure d'un projet web classique
  • Accès à une base de données (MySQL)
  • Mécanismes de sessions et cookies

Les acquis d'apprentissage visés par l'UE

Au terme du cours, l'étudiant doit valider les acquis d’apprentissage suivants :

  • AA1 - Connaitre et comprendre les notions de base et les principes de fonctionnement d’Internet?
  • AA2 - Elaborer une architecture de site internet (structure des pages, navigation)?
  • AA3 - Réaliser un site interactif en utilisant de manière adéquate les langages HTML5, CSS et PHP?
  • AA4 - Développer des fonctionnalités type CRUD sur des informations stockées? dans un serveur de base de données?
  • AA5 - Utiliser les mécanismes de session et de cookies pour répondre ?notamment à des besoins d’authentification?
  • AA6 - Concevoir un site web en étant conscient des différences d'interprétation ?des standards HTML et CSS par les principaux navigateurs?
  • AA7 - Connaitre et comprendre les concepts théoriques liés à l'HTML/CSS?
  • AA8 - Connaitre et comprendre les concepts théoriques liés au PHP

Ces acquis d’apprentissage s’inscrivent dans les compétences essentielles suivantes :
   Actualiser ses connaissances professionnelles

  • En s’informant sur les normes, les méthodologies et protocoles existants
  • En mobilisant des stratégies de travail autonome

   Implémenter une solution sur base d'un cahier des charges

  • En respectant les standards et les bonnes pratiques de programmation
  • En programmant une solution robuste, sécurisé et efficace

  Valider la qualité de la solution

  • En vérifiant en continu l’ergonomie

Pour réussir l’UE, tous les acquis d’apprentissage doivent être validés.

Les méthodes d'enseignement-apprentissage

L'apprentissage s'organise autour de trois axes complémentaires :

  • Les cours théoriques : Donnés en auditoire, ils introduisent les concepts, langages (HTML, CSS, PHP) et bonnes pratiques fondamentales du développement web.

  • Les laboratoires pratiques : En groupes restreints, les étudiant·e·s appliquent directement la théorie à travers des exercices ciblés. Ce format favorise l'expérimentation, la résolution de problèmes et un encadrement personnalisé.

  • Le projet intégrateur : Véritable fil rouge, la réalisation d'un site web complet permet de mobiliser et d'intégrer l'ensemble des compétences acquises. Le projet est jalonné d'évaluations formatives qui offrent aux étudiant·e·s un feedback régulier sur leur progression et leur permettent d'ajuster leur travail avant l'évaluation certificative finale.

Cette approche mixte vise à rendre l'étudiant·e acteur·rice de son apprentissage, en l'amenant de la compréhension des concepts à leur mise en œuvre autonome dans un projet concret.

Engagement attendu de la part de l'étudiant.e

Dans cette UE, il est nécessaire de s'entraîner régulièrement et de pratiquer de manière constante. Il est important de réaliser les exercices proposés lors de chaque séance de laboratoire, et de terminer les exercices non terminés pour la prochaine séance. De même, nous conseillons de ne pas attendre la fin de l'année pour réaliser le projet, mais de soumettre les différentes versions formatives tout au long de l'année pour bénéficier de conseils et de recommandations afin de l'améliorer.

Examen théorique

Cette épreuve présente des modalités similaires pour toutes les sessions. Elle est organisée durant la session. Il s'agit d'un examen. Cette épreuve est individuelle. Concrètement, l'épreuve repose sur une formulation écrite. L'épreuve repose sur des réponses longues, réponses courtes, réponses choisies parmi des propositions, formulations personnelles. Elle se déroule à cours fermé, avec des documents autorisés. La correction de cette épreuve est assurée par validation mixte : automatique et par un.e enseignant.e.

Projet

Cette épreuve présente des modalités similaires pour toutes les sessions. Elle est organisée de manière continue. Il s'agit d'un travail. Cette épreuve est individuelle. Concrètement, l'épreuve repose sur une réalisation par mise en pratique. Elle se déroule à cours ouvert. La correction de cette épreuve est assurée par validation mixte : automatique et par un.e enseignant.e.

Règles de l’UE

Quels sont les supports et matériels de cours indispensables ?

Supports et matériels de cours

Aucun achat de matériel ou d'ouvrage n'est requis pour ce cours.

Tous les supports pédagogiques nécessaires au bon suivi de l'Unité d'Enseignement sont fournis par les enseignant·e·s et centralisés sur l'espace du cours via la plateforme HELMo Learn. Les étudiant·e·s y trouveront notamment :

  • Le syllabus complet du cours, détaillant les objectifs, le contenu des séances.

  • Les supports de présentation (slides) utilisés lors des séances théoriques.

  • Les énoncés des exercices des laboratoires pratiques et du projet.

Il est de la responsabilité de l'étudiant·e de consulter régulièrement ces ressources pour préparer les séances et réaliser les travaux demandés.

Comment la note globale de l’UE est-elle déterminée ?

Explication de la pondération des différentes épreuves

Le projet valide les AA :

  •  AA2 Elaborer une architecture de site internet (structure des pages, navigation) ?
  •  AA3 Réaliser un site interactif?
  •  AA4 Développer des fonctionnalités type CRUD...?
  •  AA5 Utiliser les mécanismes de session et de cookies?
  •  AA6 Concevoir un site web en étant conscient des différences d'interprétation des standards

L'examen théorique écrit sur le fonctionnement d'internet et l'HTML/CSS valide les AA :

  • AA1 Connaitre et comprendre les notions de base et les principes de fonctionnement d’Internet?
  • AA7 Connaitre et comprendre les concepts théoriques liés à l'HTML/CSS

L'examen théorique écrit sur PHP & MySQL valide l'AA :

  • AA8 - Connaitre et comprendre les concepts théoriques liés au PHP?

1ère session

  • Projet web : 60% de la note finale
    • Évaluation du projet web tel que déposé sur le serveur Panoramix aux dates communiquées 
      • Juin: version EVAL_V4
    • Retard, fraude, mauvais répertoire => cote nulle pour le projet !
  • Examen écrit : 40% de la note finale
    • Janvier :
      • Examen théorique écrit sur le fonctionnement d'internet et l'HTML/CSS (dispensatoire)?
    • Mai/Juin :
      • Examen théorique écrit sur le fonctionnement d'internet et l'HTML/CSS (si non dispensé)?
      • Examen théorique écrit sur PHP & MySQL

2ème session

  • Projet web : 60% de la note finale
    • Évaluation du projet web tel que déposé sur le serveur Panoramix aux dates communiquées 
      • Août: version EVAL_V5 - Projet version EVAL_V4 avec des fonctionnalités additionnelles (Pas de dispense possible !)
    • Retard, fraude, mauvais répertoire => cote nulle pour le projet !
  • Examen écrit : 40% de la note finale
    • Août :
      • Examen théorique écrit sur le fonctionnement d'internet et l'HTML/CSS (si non dispensé)?
      • Examen théorique écrit sur PHP & MySQL (si non dispensé)?
Attention, si l’étudiant ne valide pas tous les acquis d’apprentissage, la cote d’UE sera de 7/20 au maximum.

Quelles sont les informations administratives de cette UE ?