HELMo
Inscription

UE6 Développement web

En pratique

  • Cette unité d'enseignement (UE) articule 1 activité d'apprentissage :
    • Développement web
  • En 2026-2027, 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

Dans la formation en développement d'applications, savoir réaliser des applications web est un socle indispensable. Cette unité d'enseignement y répond par la réalisation progressive d'un projet web, de la page statique jusqu'à l'application dynamique.

Dans le métier, il s'agit de structurer des contenus de façon rigoureuse, de les présenter lisiblement sur tout écran, puis de les rendre interactifs et persistants via un langage serveur et une base de données. L'unité contribue ainsi aux compétences « concevoir et développer des applications » et « assurer la qualité d'une réalisation », en installant les réflexes du métier : respecter des standards, suivre une architecture imposée et rendre compte de ses choix.

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 – Connaître et comprendre les concepts théoriques liés à l'HTML et au CSS
  • AA2 – Connaître et comprendre les concepts théoriques liés au PHP
  • AA3 – Structurer les pages d'un site en HTML valide et sémantique
  • AA4 – Mettre en forme un site avec CSS et assurer une lecture aisée
  • AA5 – Exploiter au moyen de PHP des informations stockées dans une base de données fournie
  • AA6 – Utiliser les mécanismes de session et de cookies
  • AA7 – Développer un code PHP conforme aux bonnes pratiques enseignées
  • AA8 – Mettre en œuvre les fonctionnalités demandées par le cahier des charges

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 étudiantes et les étudiants 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é. L'enseignant y joue le rôle de coach : il guide chaque étudiant dans la réalisation de son projet et le conseille dans ses choix techniques.

  • 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.

Oral

Cette épreuve présente des modalités similaires pour toutes les sessions. Elle est organisée durant la session. Il s'agit d'une présentation. Cette épreuve est individuelle. Concrètement, l'épreuve repose sur une formulation orale. L'épreuve repose sur des réponses longues, formulations personnelles. Elle se déroule à cours fermé, sans support. La correction de cette épreuve est assurée par validation d'un.e enseignant.e.

Évaluation continue

Cette épreuve présente des modalités similaires aux 1e et 2e sessions (et non à la 3e session) . Elle est organisée de manière continue. Il s'agit d'une participation. Cette épreuve est individuelle. Concrètement, l'épreuve repose sur une formulation écrite, une formulation orale, une réalisation par mise en pratique. L'épreuve repose sur des réponses longues, réponses courtes, formulations personnelles. 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 :

  • AA3 – Structurer les pages d'un site en HTML valide et sémantique
  • AA4 – Mettre en forme un site avec CSS et assurer une lecture aisée
  • AA5 – Exploiter au moyen de PHP des informations stockées dans une base de données fournie
  • AA6 – Utiliser les mécanismes de session et de cookies
  • AA7 – Développer un code PHP conforme aux bonnes pratiques enseignées
  • AA8 – Mettre en œuvre les fonctionnalités demandées par le cahier des charges

L'examen théorique sous forme de QCM HTML/CSS valide l'AA :

  • AA1 – Connaître et comprendre les concepts théoriques liés à l'HTML et au CSS

L'examen théorique sous forme de QCM PHP valide l'AA :

  • AA2 – Connaître et comprendre les concepts théoriques liés au PHP

Première session (janvier) – formative

  • Évaluation continue : exercices et dépôts EVAL_V1 et EVAL_V2.
  • QCM HTML/CSS (AA1), dispensatoire : réussi en janvier, il ne doit plus être représenté en juin.
  • Projet statique déposé sur le serveur Panoramix (AA3, AA4, AA8 volet statique) : évaluation formative, sans validation ni dispense.

Deuxième session (juin) – certificative

  • Projet web : 50 % de la note finale. Évaluation du projet tel que déposé sur le serveur Panoramix aux dates communiquées, version EVAL_V4.
  • Retard, fraude ou mauvais répertoire : dépôt non recevable, acquis AA3 à AA8 en échec.
  • Examen théorique : 40 % de la note finale. QCM HTML/CSS (AA1) uniquement si non dispensé, et QCM PHP (AA2).
  • Évaluation continue : 10 % de la note finale.

Troisième session (août/septembre) – rattrapage uniquement

  • Projet web : 60 % de la note finale. Version EVAL_V5, soit le projet EVAL_V4 complété par des fonctionnalités additionnelles. Aucune dispense possible : tout acquis projet en échec impose de représenter l'ensemble du projet (AA3 à AA8). Retard, fraude ou mauvais répertoire : dépôt non recevable, acquis AA3 à AA8 en échec.
  • Examen théorique : 40 % de la note finale. QCM HTML/CSS (AA1) et QCM PHP (AA2) uniquement si non validés précédemment. Aucune évaluation continue.

Règle de délibération : si l'étudiant ne valide pas tous les acquis d'apprentissage, la note est plafonnée à 9/20 pour un acquis en échec, 8/20 pour deux acquis en échec, et ainsi de suite.

Quelles sont les informations administratives de cette UE ?