CentraleSupélecDépartement informatique
Gâteau du Glouton
3 rue Joliot-Curie
F-91192 Gif-sur-Yvette cedex
Applications Web

Enseignant: Benoît Valiron

  • Mail: <benoit.valiron@centralesupelec.fr>
  • Bureau: Bréguet D2.22

Introduction

Les technologies actuelles du web vont au-delà de la simple création de sites : leurs capacités d’interaction sont telles qu’elles permettent de réaliser toutes sortes d’applications pour toutes sortes de supports, comme des téléphones mobiles par exemple. Connectées au web, ces applications échangent des données en s’appuyant sur un ensemble de formats de structuration et de manipulation de données, notamment la famille XML.

L’objectif de ce cours est de découvrir les technologies sur lesquelles s’appuient les applications web. Il laisse une large place à la pratique au travers d'exercices pratiques.

À CentraleSupélec, le cours est offert en:

  • Mineure de 3ième année pour le cursus Supélec
  • Atelier Web pour le cursus Centrale

Contenu du cours

Concepts et technologies de base du web

Architecture et protocoles du web

Pages web : structure et contenu (HTML), mise en forme (CSS)

Interaction dynamique avec l’utilisateur dans le navigateur (Javascript)

Échange de données structurées

Format JSON : structure, manipulation

Format XML : structure, langage de transformation (XSLT), manipulation (DOM)

Exemples : flux d’information (RSS, podcasts), graphismes (SVG)

Communication entre navigateur et services web

Interaction asynchrone entre navigateur et serveur (AJAX)

Applications : geocoding, cartographie, etc.

Notation

Tous les concepts vus en cours seront mis en pratique à l'aide de BEs notés et aboutiront à la réalisation d’un projet noté.

Pour vous inspirer, voici quelques exemples de projets passés :

  • affichage de traces GPS
  • gestion de todo-list
  • recherche géographique d'appartements
  • album photo
  • blog
  • lecteur musical

Concrètement

Le cours fonctionne uniquement sous la forme de TPs de 3 heures sur machines : Chaque séance introduit un concept et propose une mise en application.

Les TPs

Il y a 8 séances de TPs, numéroté de... 1 à 7 : les deux premières séances couvre le TP 1. À chaque TP correspond un ou plusieurs tutoriels que vous êtes invités à consulter.

Planning

   Code de livraison
Jeudi 10 janvierTD 1HTML, CSSF1ZV
Jeudi 17 janvierTD 1 (suite)HTML, CSS (suite)(idem)
Jeudi 24 janvierTD 2Javascript et DOMF7YM
Jeudi 31 janvierTD 3jQueryF8A1
Jeudi 7 fevrierTD 4XML et JSONFDX5
Jeudi 14 fevrierTD 5AJAX avec jQueryFJMF
Jeudi 21 fevrierTD 6JS coté serveur: Node.jsFUCC
Jeudi 7 marsTD 7Encore plus de XML: XPath, XSLTG5UW

Modalités

  • À faire tout seul ou par groupe de deux
  • Sur votre machine perso ou sur les machines de l'école
  • À rendre a la fin de chaque BE sur le site de livraison

Le projet

Il se fait en binôme, ou en solo, au choix.

Modalités

Vous serez notés sur le livrable pour le projet:

  • la liste des fichiers utilisés
  • au moins deux technos mises en oeuvre
  • un document (en texte non-formatté) qui donne la manière d'utiliser les fichiers
  • un rapport
    • Avec des copies d'écran
    • en HTML 5 et CSS valide

Et par ailleurs

  • Bonus si il contient une vidéo de 5 minutes présentant votre travail.

Bibliographie

  • W. S. Means, E. Rusty Harold, XML in a Nutshell: A Desktop Quick Reference. O’Reilly, 2001.
  • S. Mangano, XSLT Cookbook: Solutions and Examples for XML and XSLT Developers. 2è edition. O’Reilly, 2005.
  • A. T. Holdener III, Ajax: The Definitive Guide. O’Reilly, 2008.
  • B. Bibeault, Y. Katz, jQuery in Action. Manning, 2008.
  • D. Flanagan, JavaScript: The Definitive Guide. O’Reilly, 2011.

Historique du cours

Le contenu de ce cours est largement inspiré des deux enseignants qui l'ont donné jusq'en 2015 à Supélec: Christophe Jacquet et Cécile Hardebolle.