UE Quad 1	Heures	ECTS	Éval.
Fonctionnement des systèmes	79 h	7	UE
Architecture des ordinateurs - théorie	24 h
Internet of Everything	22 h
Techniques numériques - travaux pratiques	33 h
Programmation - Concepts fondamentaux	68 h	7	UE
Bases de programmation - théorie	24 h
Bases de Programmation - travaux pratiques	44 h
Électricité	64 h	5	UE
Étude de projet	24 h
Électricité - théorie	20 h
Électricité - travaux pratiques	20 h
Mathématiques appliquées 1	25 h	3	UE
Mathématiques appliquées 1	25 h
Intelligences artificielles	20 h	2	UE
Intelligences artificielles	20 h
UE Quad 1 et 2	Heures	ECTS	Éval.
Télécommunications et réseaux	132 h	9	EI
Télécommunications et réseaux - théorie 1	40 h
Télécommunications et réseaux - travaux pratiques 1	28 h
Télécommunications et réseaux - théorie 2	24 h
Télécommunications et réseaux - travaux pratiques 2	40 h
UE Quad 2	Heures	ECTS	Éval.
Programmation - Concepts avancés	70 h	6	EI
Programmation avancée - théorie	12 h
Programmation avancée - travaux pratiques	44 h
Programmation avancée - modélisation	14 h
Mathématiques appliquées 2	25 h	3	UE
Mathématique appliquée 2	25 h
Techniques d'interfaçage	74 h	6	UE
Éléments d'électronique pour l'interfaçage informatique - théorie	30 h
Projet d'interfaçage informatique	24 h
Éléments d'électronique pour l'interfaçage informatique - travaux pratiques	20 h
Développement web	40 h	4	UE
Développement web - théorie	24 h
Développement web - travaux pratiques	16 h
Projet informatique	53 h	4	UE
Méthodologie de projet	23 h
Hackathon	30 h
Algorithmique et qualité logicielle	43 h	4	UE
Algorithmique - théorie	18 h
Techniques de programmation - travaux pratiques	16 h
Algorithmique - travaux pratiques	9 h

2026-2027

Avenue Victor Maistriau 8a
7000 Mons

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

Développement web

Bachelier en Informatique orientation Réseaux et Télécommunications / Bloc 1

Informations

Responsable d'UE : Ivan MILLER

Bloc : IRT1

Période : 2^e quadrimestre

Durée : 40 h

Crédits : 4 ects

UE Prérequises : aucune

UE Corequises : aucune

Activités d'apprentissage (AA)

Développement web - théorie : 24 h, Ivan MILLER
Développement web - travaux pratiques : 16 h, Joan CLAUS, Baptiste DAMBRIN

Connaissances et compétences préalables

Aucun pré-requis

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. 4.5 D’ici à 2030, éliminer les inégalités entre les sexes dans le domaine de l’éducation et assurer l’égalité d’accès des personnes vulnérables, y compris les personnes handicapées, les autochtones et les enfants en situation vulnérable, à tous les niveaux d’enseignement et de formation professionnelle.
	Objectif 9 : Bâtir une infrastructure résiliente, promouvoir une industrialisation durable qui profite à tous et encourager l’innovation 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 12 : Établir des modes de consommation et de production durables 12.5 D’ici à 2030, réduire considérablement la production de déchets par la prévention, la réduction, le recyclage et la réutilisation.
	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.

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

Communiquer et informer
- 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
- 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
- Prendre en compte les aspects éthiques et déontologiques
- S’informer et s’inscrire dans une démarche de formation permanente
- Développer une pensée critique
- 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
- Respecter le code du bien-être au travail
- Respecter les normes, les procédures et les codes de bonne pratique
- Intégrer les différents aspects du développement durable
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 : (1) développer une solution logicielle ; (2) mettre en œuvre une architecture matérielle
- Assurer la maintenance, le suivi et l’adaptation des choix technologiques qui ont été implémentés
- Assurer la sécurité du système

Acquis d'apprentissage spécifiques

Coder une structure de site web en HTML, tenant compte de la sémantique des éléments, et respectant les normes du W3C
Coder une feuille de style CSS de mise en page de site web, assurant un comportement adaptatif
Utiliser les outils de développement web des principaux navigateurs et les outils de validation en ligne agréés
Tester et optimiser la compatibilité d'un site web dans les navigateurs actuels
Appliquer des critères d'accessibilité (WCAG 2.2, niveau AA)
Établir une maquette de site web de type wireframes
Optimiser l'ergonomie d'un site web
Optimiser le référencement naturel d'un site web (SEO)

Contenu des AA

Développement web - théorie

Introduction, tour d'horizon du développement web : aperçu des technologies web, historique du Web, navigateurs et tendances actuelles.
Chapitre 1 - HTML : bases du langage, formats d'encodage, classification lignes/blocs, titres et paragraphes, éléments d'enrichissements de textes, éléments de structure de la page, couleurs, listes, tableaux, liens, images, sons et vidéos, formulaires, méta-balises, etc.
Chapitre 2 - CSS : utilisation des feuilles de style CSS, sélecteurs, unités de mesure, déclarations et spécificités, propriétés (couleurs, textes, dimensions, bordures et marges, arrières-plans, alignements, transitions, animations, transformations, filtres, rognures, etc.), positionnements (flexbox, grid, statique, relatif, absolu, fixe, sticky, flottant), préfixes, Responsive Design, outils CSS, accessibilité du Web, etc.
Chapitre 3 - Ergonomie des sites web : gestaltisme et autres principes d'ergonomie appliqués au Web.
Chapitre 4 - Référencement web : notions de base, SERP, Google, punitions, attaques SEO, etc.

Développement web - travaux pratiques

Exercices HTML : listes, tableaux, liens, formulaires, méta-balises, etc.
Exercices HTML et CSS : sélecteurs, propriétés, positionnements, Responsive Design, Flexbox, Grid Layout, etc.
Projet global : maquette wireframe, structure HTML, mise en page CSS, référencement, ergonomie, etc.

Répartition des heures

Développement web - théorie : 24 h de théorie

Développement web - travaux pratiques : 16 h d'exercices/Labos

Méthodes d'enseignement

Développement web - théorie : cours magistral, approche par projets, approche avec TIC, utilisation de logiciels

Développement web - travaux pratiques : approche par projets, approche avec TIC, utilisation de logiciels

Langues d'enseignement

Développement web - théorie : français

Développement web - travaux pratiques : français

Supports

Développement web - théorie : syllabus, activités sur eCampus, Activités sur www.quizzineur.be

Développement web - travaux pratiques : syllabus, activités sur eCampus, Activités sur www.quizzineur.be

Ressources bibliographiques

Développement web - théorie

Bibliographie

ANDRIEU Olivier, Réussir son référencement web, éditions Eyrolles, 2018
BOUCHER Amélie, Ergonomie Web, éditions Eyrolles, 2007
CEDERHOLM Dan, CSS3 pour les Web Designers, éditions Eyrolles, 2012
DRAILLARD Francis, Premiers pas en CSS et XHTML, éditions Eyrolles, 2009
GOETTER Raphaël, CSS3 Grid Layout, éditions Eyrolles, 2019
LAWSON Bruce & SHARP Remy, Introduction à HTML5, éditions Pearson, 2012
MARCOTTE Ethan, Responsive Web Design, éditions Eyrolles, 2012
MEYER A. Eric, Conception de sites Web avec les CSS, CampusPress, 2007
NEBRA Mathieu, Réussir son site web avec XHTML et CSS, éditions Eyrolles, 2009

Webographie

Abondance : https://www.abondance.com
Alsacréations : http://www.alsacreations.com
Can I Use : https://caniuse.com/
MDN : https://developer.mozilla.org/fr/
OpenWeb : http://openweb.eu.org
Validator HTML : http://validator.w3.org
Validator CSS : https://jigsaw.w3.org/css-validator/
W3C : http://www.w3.org
W3Schools : http://www.w3schools.com
Wikipédia : http://fr.wikipedia.org

Développement web - travaux pratiques

Évaluation et pondération

Méthode d'évaluation : note globale à l'UE

Langues d'évaluation : français

Modalités d'évaluation :

Partie Pratique 55%

Évaluation continue (dont projet et présence au labo) : 15% (non remédiable en 2e session)
Examen pratique : 40% (à livre ouvert : syllabus papier ou pdf autorisé et documentation manuscrite papier autorisée)

Partie Théorie 45%

Activités e-learning : 5% (sur la plateforme Quizineur)
Examen écrit : 40%

Attention, un étudiant absent à la moitié des séances peut se voir refuser l'accès aux examens de l'UE.

Report de note d'une année à l'autre pour l'AA réussie en cas d'échec à l'UE :

Développement web - théorie : non
Développement web - travaux pratiques : non

Bachelier en Informatique orientation Réseaux et Télécommunications / Cycle 1 Bloc 1

Fiche indisponible

Fiche indisponible

Fiche indisponible

Fiche indisponible

Fiche indisponible

Fiche indisponible

Fiche indisponible

Fiche indisponible

Fiche indisponible

Développement web