Formations en Informatique de Lille
Portail pédagogique
Vous êtes ici : FIL > Portail > L1 > L1S2 > TW1

Technologies du Web

Présentation des bases de la création de documents web. On se limite aux aspects «côté client» : création de la page (html et css), programmation client (javascript). Les notions sont abordées au travers de la réalisation de différents «exercices» au cours du semestre.

Responsables

Patrice Thibaud

Omar Abdelkafi

Volume horaire

Cette unité se déroule au S2.
L'enseignement est organisé sur 12 semaines, chaque semaine sous la forme de deux séances de travaux dirigés sur machine d'1h30. Sauf pour les semaines 1, 5 et 7 ou la première séance de TD est remplacée par une séance de Cours de 1h30 (voir le semainier).
Cette UE constitue un pré-requis pour l'UE Technologies du Web 2 du S3 de la lience informatique.

Crédits

4 ECTS
Jean-Christophe Routier
dernière modification : 07/01/2022 à 11:34:46

Objectifs

À l'issue de ce module les étudiants doivent
  • Être capables de concevoir des documents web dans le respect des standards.
    • Connaître les principaux standards du web : (X)HTML 5, CSS, Javascript, DOM
    • Maîtriser la notion de séparation contenu / forme / dynamicité
    • Savoir
      • décrire un document sous forme arborescente,
      • traduire ce modèle en un document (X)HTML 5,
      • réaliser la mise en forme en utilisant le langage CSS,
      • rendre le document dynamique et le manipuler via l'interface DOM et javascript.
    • Être conscient de l'importance du respect des normes.
    • Maîtriser le processus de rédaction et de validation des documents.
  • Savoir développer des programmes en javascript et connaître les bases de ce langage.
  • Connaître les bases de la programmation événementielle.
  • Être capables de rechercher des informations et les exploiter (spécifications de standards HTML, CSS, …, sites web d'information, etc.).

Compétences

  • Participer à la conception et à la réalisation d'applications logicielles :
    • connaître plusieurs styles/paradigmes de programmation et plusieurs langages,
    • comprendre les différentes natures des informations : données, traitements, connaissances, textes,
    • mettre en œuvre des méthodes d'analyse pour concevoir des applications et algorithmes à partir d'un cahier des charges partiellement donné.
  • Connaître les savoirs pratiques et les technologies actuelles attachés à la discipline.

Jean-Christophe Routier
dernière modification : 24/11/2020 à 14:45:50
Gpe Nature Horaire Salle Enseignant e-mail
Section 1 + PEIP + MIASH G5, G6 ET 7 Cours Mardi 8h30-10h M1 amphi archimède Patrice Thibaud patrice.thibaud@univ-lille.fr
Groupe 11 + Bilingue TD 1 lundi 13h-14h30 SUP 116 Omar ABDELKAFI omar.abdelkafi@univ-lille.fr
Groupe 11 + Bilingue TD 2 mardi 13h-14h30 SUP 116 Omar ABDELKAFI omar.abdelkafi@univ-lille.fr
Groupe 12-PRI TD 1 lundi 14h45-16h15 SUP 118 Samy MEFTALI samy.meftali@univ-lille.fr
Groupe 12-PRI TD 2 mardi 10h15-11h45 SUP 117 Samy MEFTALI samy.meftali@univ-lille.fr
Groupe 13 TD 1 lundi 14h45-16h15 SUP 116 Omar ABDELKAFI omar.abdelkafi@univ-lille.fr
Groupe 13 TD 2 mardi 14h45-16h15 SUP 116 Omar ABDELKAFI omar.abdelkafi@univ-lille.fr
Groupe 14 TD 1 mardi 8h30-10h SUP 118 Romain FOUQUET romain.fouquet@univ-lille.fr
Groupe 14 TD 2 mardi 10h15-11h45 SUP 118 Romain FOUQUET romain.fouquet@univ-lille.fr
Groupe 15 TD 1 mardi 10h15-11h45 SUP 116 Patrice THIBAUD patrice.thibaud@univ-lille.fr
Groupe 15 TD 2 Jeudi 10h15-11h45 SUP 115 Patrice THIBAUD patrice.thibaud@univ-lille.fr
PEIP G1 TD 1 mardi 8h30-10h SUP 115 Cyrille TOULET cyrille.toulet@univ-lille.fr
PEIP G1 TD 2 jeudi 14h45-16h15 SUP 115 Cyrille TOULET cyrille.toulet@univ-lille.fr
PEIP G2 TD 1 mardi 8h30-10h SUP 116 Claire DIVOY claire.divoy@univ-lille.fr
PEIP G2 TD 2 jeudi 14h45-16h15 SUP 116 Claire DIVOY claire.divoy@univ-lille.fr
PEIP G3 TD 1 mardi 8h30-10h SUP 117 Charles PAPERMAN charles.paperman@univ-lille.fr
PEIP G3 TD 2 jeudi 14h45-16h15 SUP 117 Charles PAPERMAN charles.paperman@univ-lille.fr
MIASH G5 TD 1 lundi 8h30-10h SUP 116 Leopold WEINBERG leopold.weinberg@univ-lille.fr
MIASH G5 TD 2 jeudi 8h30-10h SUP 116 Leopold WEINBERG leopold.weinberg@univ-lille.fr
MIASH G6 TD 1 lundi 16h30-18h SUP 116 Salman FARHATH salman.farhat.etu@univ-lille.fr
MIASH G6 TD 2 jeudi 8h30-10h SUP 117 Salman FARHATH salman.farhat.etu@univ-lille.fr
MIASH G7 TD 1 lundi 16h30-18h SUP 117 Maxime SAVARY-LEBLANC maxime.savary-leblanc@univ-lille.fr
MIASH G7 TD 2 jeudi 8h30-10h SUP 118 Maxime SAVARY-LEBLANC maxime.savary-leblanc@univ-lille.fr
Section 2 + MIASH G1, 2, 3 et 4 Cours lundi 16h30-18h M1 amphi painlevé Omar Adelkafi omar.abdelkafi@univ-lille.fr
Groupe 21 TD 1 lundi 14h45-16h15 SUP 115 Sandro GREBANT sandro.grebant@univ-lille.fr
Groupe 21 TD 2 mercredi 13h-14h30 SUP 118 Sandro GREBANT sandro.grebant@univ-lille.fr
Groupe 22 TD 1 lundi 14h45-16h15 SUP 117 Alexandre SEDOGLAVIC Alexandre.Sedoglavic@univ-lille.fr
Groupe 22 TD 2 jeudi 13h-14h30 SUP 117 Alexandre SEDOGLAVIC Alexandre.Sedoglavic@univ-lille.fr
Groupe 23 TD 1 lundi 13h-14h30 SUP 118 Patrice THIBAUD patrice.thibaud@univ-lille.fr
Groupe 23 TD 2 jeudi 13h-14h30 SUP 118 Patrice THIBAUD patrice.thibaud@univ-lille.fr
Groupe 24 TD 1 lundi 13h-14h30 SUP 117 Dorine FRANCHETEAU dorine.francheteau@univ-lille.fr
Groupe 24 TD 2 mercredi 13h-14h30 SUP 117 Dorine FRANCHETEAU dorine.francheteau@univ-lille.fr
Groupe 25 TD 1 lundi 13h-14h30 SUP 115 Fabrice Aubert Fabrice.Aubert@univ-lille.fr
Groupe 25 TD 2 mercredi 13h-14h30 SUP 116 Fabrice Aubert Fabrice.Aubert@univ-lille.fr
MIASH G1 TD 1 Mardi 14h45-16h15 SUP 117 Sami BARCHID sami.barchid@univ-lille.fr
MIASH G1 TD 2 jeudi 10h15-11h45 SUP 116 Sami BARCHID sami.barchid@univ-lille.fr
MIASH G2 TD 1 Mardi 14h45-16h15 SUP 118 Claire DIVOY claire.divoy@univ-lille.fr
MIASH G2 TD 2 jeudi 10h15-11h45 SUP 117 Claire DIVOY claire.divoy@univ-lille.fr
MIASH G3 TD 1 Mardi 14h45-16h15 SUP 115 Lorenzo CANONNE lorenzo.canonne@inria.fr
MIASH G3 TD 2 jeudi 10h15-11h45 SUP 118 Lorenzo CANONNE lorenzo.canonne@inria.fr
MIASH G4 TD 1 lundi 10h15-11h45 SUP 118 Jean-François ROOS jean-francois.roos@univ-lille.fr
MIASH G4 TD 2 jeudi 14h45-16h15 SUP 118 Jean-François ROOS jean-francois.roos@univ-lille.fr
Jean-Christophe Routier
dernière modification : 14/01/2022 à 10:47:52
Séance Cours TD Remarque
1 du 17/01 au 21/01 [Autonomie]
  • vidéos chapitres 1, 2 et 3
Pendant la séance
  • introduction, présentation de l'UE
  • Q&R
  • Une seule séance de TD pour cette semaine
Pendant la séances
  • premiers exercices HTML : exercices 1 à 9
[Autonomie]
  • premiers exercices HTML : exercices 10 et 11
  • Vous avez une séance de cours cette semaine
  • Lundi 17/01 : SESI section 2 + MIASH G1, G2, G3 et G4
  • Mardi 18/01 : SESI section 1 + MIASH G5, G6 et G7 + PEIP G1, G2 et G3
2 du 24/01 au 28/01 cours en autonomie
  • vidéos chapitres 1 à 3 + chapitre 4 pour CSS
  • Deux séances de TD cette semaine
  • TD1- HTML : exercices 12 à 15 + 19
  • TD2- CSS1 : exercices 1 à 5
  • Pas de cours en présentiel cette semaine
3 du 31/01 au 04/02 cours en autonomie
  • vidéos chapitre 4 et 5 pour CSS
  • Deux séances de TD cette semaine
  • TD1- CSS1 : exercices 7,8,10,11,12
  • TD2- CSS2 : exercice "déco"
  • Pas de cours en présentiel cette semaine
4 du 07/02 au 11/02 cours en autonomie
  • vidéos chapitre 6 et 7
  • Deux séances de TD cette semaine
  • TD1 - CSS-3 : exercices 1, 2 et 3
  • TD2 - CSS-3 : exercice 5
  • Pas de cours en présentiel cette semaine
- du 14/02 au 18/02 ---- ---- Pause pédagogique
5 du 21/02 au 25/02
  • Une seule séance de TD cette semaine (TD2 sur EDT)
  • TD2 - CSS-3 : exercices 6
  • Vous avez une séance de cours cette semaine
  • Lundi 21/02 : SESI section 2 + MIASH G1, G2, G3 et G4
  • Mardi 22/02 : SESI section 1 + MIASH G5, G6 et G7 + PEIP G1, G2 et G3
6 du 28/02 au 04/03 cours en autonomie
  • vidéos chapitre 8 (sauf partie 8) et chapitre 9
  • TD1 - javascript-1 : exercices 1 à 5
  • TD2 - javascript-2 : exercices 1 à 5
7 du 07/03 au 11/03 cours en Amphi et voir les vidéos en autonomie
  • vidéos chapitre 8 partie 8
  • Une seule séance de TD pour cette semaine
  • TD2 - javascript-2 : exercices 6 et 7
  • Vous avez une séance de cours cette semaine
  • Lundi 07/03 : SESI section 2 + MIASH G1, G2, G3 et G4
  • Mardi 08/03 : SESI section 1 + MIASH G5, G6 et G7 + PEIP G1, G2 et G3
8 du 14/03 au 18/03 cours en autonomie
  • vidéos chapitre 10
  • TD1 - javascript-diaporama : exercices 2 et 3
  • TD2 - javascript-diaporama : exercice 4
9 du 21/03 au 25/03 cours en autonomie
  • vidéos chapitre 11
  • TD1 - javascript-3 : exercices 1 à 3
  • TD2 - javascript-3 : exercices 4 et 5
10 du 28/03 au 01/04
  • TD1 - presentation projet + javascript-4 : exercices 1 et 2
  • TD2 - javascript-4 : exercices 3 et 4
11 du 04/04 au 08/04
  • TD1 - Travail sur le projet
  • TD2 - Travail sur le projet
- du 11/04 au 15/04 ---- ---- pause pédagogique
- du 18/04 au 22/04 ---- ---- pause pédagogique
12 du 25/04 au 29/04
  • soutenance projet
  • soutenance projet
Jean-Christophe Routier
dernière modification : 16/03/2022 à 12:34:58

L'évaluation s'effectue suivant une procédure de contrôle continu.

Deux trois notes sont attribuées à chaque étudiant durant le semestre :

  • NOTE1 TP et assiduité
  • NOTE2 mini-projet
  • NOTE3 DS final

30% NOTE1 + 30% NOTE2 + 40% NOTE3

La note obtenue à la session de rattrapage ...

Jean-Christophe Routier
dernière modification : 25/12/2020 à 14:36:00

Documents du cours

Ressources

Validateurs

Sites références

Bibliographie

  • HTML 5 Une référence pour le développeur web Rodolphe Rimelé. Eyrolles. ISBN 978-2-212-12982-3.
  • HTML 5 et CSS 3 Jean Engels. Eyrolles. ISBN 978-2-212-13400-1.
  • Débuter en Javascript Shelley Powers. Eyrolles. ISBN 978-2-212-12093-6. N'est plus édité... chercher une version d'occasion ou prendre la version électronique.
  • Javascript The definitive guide David Flanagan. O'Reilly . ISBN 978-0-596-80552-4.

Webographie


Jean-Christophe Routier
dernière modification : 07/01/2022 à 11:33:01