Développement web - pratique : 48 h, Joan CLAUS, Johan DEPRETER
Connaissances et compétences préalables
-
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
Développer sa créativité
Produire une communication graphique originale et innovante dans le respect des droits d’auteurs
Observer et Analyser des « oeuvres » graphiques existantes
Identifier et s’adapter aux contraintes économiques, techniques et communicationnelles, dépasser les contraintes
Maîtriser les outils informatiques
Utiliser efficacement les environnements et systèmes d’exploitations informatiques spécifiques à l’infographie
Produire et traiter des images
Concevoir et réaliser une communication interactive
Structurer et analyser la communication
Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de celle-ci
Prendre en compte les contraintes liées à l’utilisation d’un média interactif (ergonomie, accessibilité, caractéristique du public cible, …)
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 avec les navigateurs actuels
Appliquer des critères d'accessibilité (WCAG 2.2, niveau AA)
Établir des maquettes 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 - pratique
Exercices HTML : listes, tableaux, liens, images, 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, adaptativité, accessibilité, etc.
Répartition des heures
Développement web - théorie : 24 h de théorie
Développement web - pratique : 48 h d'exercices/Labos
Méthodes d'enseignement
Développement web - théorie : cours magistral, approche avec TIC, utilisation de logiciels
Développement web - pratique : approche par projets, approche interactive, approche déductive, approche avec TIC, utilisation de logiciels, Workshop
Langues d'enseignement
Développement web - théorie : français
Développement web - pratique : français
Supports
Développement web - théorie : syllabus, activités sur eCampus, activités sur Quizineur
Développement web - pratique : syllabus, activités sur eCampus, activités sur Quizineur
Ressources bibliographiques
Développement web - théorie
Bibliographie
ANDRIEU Olivier, Réussir son référencement web, éditions Eyrolles, 2018
Workshop "Teknika Coding Day" : 10% (non remédiable en 2e session)
É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)
Théorie 35%
Activités e-learning : 5% (sur la plateforme Quizineur)
Examen écrit : 30%
Attention, un étudiant absent à la moitié des séances peut se voir refuser l'accès aux examens de l'UE.
L'évaluation donne lieu à une cote globale de Développement web calculée à partir des cotes de la partie Pratique et de la partie Théorie.
En session de rattrapage (juin), quelques soient les points obtenus en janvier, l'étudiant peut repasser les épreuves remédiables qu'il souhaite.
En seconde session (août/septembre), si l'étudiant doit représenter Développement web, il est tenu de représenter toutes les épreuves remédiables de la ou les parties dont la note est inférieure à 10/20. L'étudiant peut, s'il le souhaite, représenter les épreuves remédiables de la partie dont la note est supérieure à 10/20.
Report de note d'une année à l'autre pour l'AA réussie en cas d'échec à l'UE :
Responsable d'UE : Bénédicte LEBAILLY DE TILLEGHEM
Bloc : IFG1
Période : 1er quadrimestre
Durée : 20 h
Crédits : 2 ects
UE Prérequises : aucune
UE Corequises : aucune
Activité d'apprentissage (AA)
Mathématique appliquée 1 : 20 h, Bénédicte LEBAILLY DE TILLEGHEM, Pierre CARLIER
Connaissances et compétences préalables
Néant
Contribution aux objectifs du référentiel de compétences de l'ARES
Communiquer et informer
Utiliser le vocabulaire adéquat
Collaborer à la conception, à l’amélioration et au développement de projets techniques
Analyser une situation donnée sous ses aspects techniques et scientifiques
Rechercher et utiliser les ressources adéquates
S’engager dans une démarche de développement professionnel
S’informer et s’inscrire dans une démarche de formation permanente
Développer une pensée critique
Acquis d'apprentissage spécifiques
Au terme de ces cours, l’étudiant aura acquis la maitrise des outils mathématiques indispensables pour l’informatique et l’infographie. Il pourra utiliser ces différents outils dans des exercices de drill, pratiques ou appliqués.
Contenu de l'AA
Les thèmes suivants seront abordés par l'enseignant:
Logique des propositions
Généralités sur les fonctions et leurs graphiques
Les fonctions du premier degré
Les fonctions du second degré
Les fonctions trigonométriques
Répartition des heures
5 h de théorie, 15 h d'exercices/Labos
Méthodes d'enseignement
Cours magistral, approche interactive, approche par situation problème
Langues d'enseignement
Français
Supports
Syllabus
Ressources bibliographiques
Notes de cours "Mathématique appliquée 1" , HEH Département des Sciences et Technologies, Bénédicte Le Bailly et Pierre Carlier
Exercices de Mathématiques pour le premier cycle - volume 1 Algèbre et Géométrie - Pascal Dupont - De Boeck Université
Évaluation et pondération
Méthode d'évaluation : note globale à l'UE
Langues d'évaluation : français
Modalités d'évaluation :
L'examen écrit ne comportera que des exercices et se déroulera à cahiers fermés et sans calculatrice.
La note finale obtenue à l'UE sera calculée sur base d'une moyenne arithmétique.
Pondération:
Evaluation : 50% non remédiable en seconde session - En cas d'absence non-justifiée ou de non remise d'un projet à la date fixée (voir planning, fiches de consignes) ,vous obtiendrez la note de zéro.
Examen hors-session - remise lors du dernier cours : 50% - En cas d'échec, remédiable durant la session de janvier, juin et août. - En cas d'absence non-justifiée lors du dépôt de l'examen, l'UE sera sanctionné d'une absence. - En cas de non remise de l'examen (demande de signature), l'UE sera sanctionnée d'un zéro.
La note finale obtenue à l'UE sera calculée sur base d'une moyenne arithmétique.
Pondération:
Projet(s) :40 pts non remédiable en seconde session - En cas d'absence non-justifiée ou de non remise d'un projet à la date fixée (voir planning, fiches de consignes) ,vous obtiendrez la note de zéro.
Examen :60 pts Remédiable en seconde session - l'état d'avancement rendu au dernier cours = 20 pts de l'examen - En cas d'absence non-justifiée lors du dépôt de l'état d'avancement* = absence à l'UE - En cas d'absence non-justifiée lors du dépôt de l'examen* = absence à l'UE. - En cas d'échec, l'étudiant a la possibilité de représenter son projet corrigé et amélioré durant la seconde session d'examen d'août.
* Si vous souhaitez signer votre examen pour obtenir une cote de présence et non un absence, prévenez moi par mail, au plus tard la veille de l'examen en précisant quel(s) examens vous souhaitez signer.
2026-2027
Avenue Victor Maistriau 8a 7000 Mons
Fiche ects de l'unité d'enseignement #384 intitulée :
Responsable d'UE : Bénédicte LEBAILLY DE TILLEGHEM
Bloc : IFG1
Période : 2e quadrimestre
Durée : 40 h
Crédits : 4 ects
UE Prérequises : aucune
UE Corequises : aucune
Activités d'apprentissage (AA)
Mathématique appliquée 2 : 20 h, Bénédicte LEBAILLY DE TILLEGHEM
Physique : 20 h, Agnès GRYSPEERT
Connaissances et compétences préalables
Mathématique appliquée 1
Contribution aux objectifs du référentiel de compétences de l'ARES
Communiquer et informer
Utiliser le vocabulaire adéquat
Collaborer à la conception, à l’amélioration et au développement de projets techniques
Analyser une situation donnée sous ses aspects techniques et scientifiques
Rechercher et utiliser les ressources adéquates
S’engager dans une démarche de développement professionnel
S’informer et s’inscrire dans une démarche de formation permanente
Développer une pensée critique
Acquis d'apprentissage spécifiques
Maîtrise des outils mathématiques, physiques et informatiques indispensables à l'infographiste
Contenu des AA
Mathématique appliquée 2
Les thèmes suivants seront abordés par l'enseignant :
Etude des grandeurs vectorielles et leurs représentations dans l’espace 2D et 3D.
Calcul matriciel
Physique
Mécanique :
étude du mouvement (rectiligne, circulaire et harmonique). d'un corps
étude de l"équilibre d'un corps
Nombreux exercices et représentations graphiques.
Simulations par ordinateur de cas pratiques.
logiciels « GEOGEBRA » et « GRAPHS » ;
Répartition des heures
Mathématique appliquée 2 : 5 h de théorie, 15 h d'exercices/Labos
Physique : 2 h de théorie, 10 h d'exercices/Labos, 8 h de travaux
Méthodes d'enseignement
Mathématique appliquée 2 : cours magistral, approche interactive, approche par situation problème
Physique : approche par projets, approche par situation problème, approche avec TIC, étude de cas, utilisation de logiciels
Langues d'enseignement
Mathématique appliquée 2 : français
Physique : français, anglais
Supports
Mathématique appliquée 2 : copies de présentations, syllabus
Physique : notes de cours, activités sur eCampus, Activités sur www.quizzineur.be
Ressources bibliographiques
Mathématique appliquée 2
Notes de cours "Mathématique appliquée 1" Cycle 1, Bloc 1, HEH Département des Sciences et Technologies, Bénédicte Le Bailly et Pierre Carlier
Exercices de Mathématiques pour le premier cycle - volume 1 Algèbre et Géométrie - Pascal Dupont - De Boeck Université
Introduction à l’algèbre linéaire et à ses applications – Luc Aymotte - ERPI
Physique
Physique générale, Benson M.Lachance, M. Seguin, Deboeck superieur Ed. ISBN ERPI Tome 1: 978-2-7613-5499-8
Physique Mécanique, A. Bensaada, N. Desrosiers, Ed Cheneliere, ISBN 978-2-7650-5111-4
Évaluation et pondération
Méthode d'évaluation : note globale à l'UE
Langues d'évaluation : français
Modalités d'évaluation :
L'activité d'apprentissage Mathématique appliquée 2 sera évaluée par un examen écrit ne comportant que des exercices et se déroulant à cahiers fermés sans calculatrice.
L'activité d'apprentissage Physique seront évaluées de la façon suivante :
- un examen écrit (40%) hors session
- une évaluation continue (20%) non remédiable en seconde session
- un travail (40%) non remédiable en seconde session
La note globale de l'UE sera ensuite calculée par la pondération suivante : 60% de la note de Mathématique et 40% de la note de Physique.
Report de note d'une année à l'autre pour l'AA réussie en cas d'échec à l'UE :
