Option Web IFIPS 1ère année (2007 ‑ 2008)

Cours

Le cours a lieu le lundi, de 10h à 12h, et le vendredi, de 13h30 à 15h30, à la Maison de l'Ingénieur (université Paris-Sud).

14 et 17 septembre 2007
- Introduction au World Wide Web et à XHTML (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Pages XHTML modèle (1 | 2 | 3 | 4)
21 et 24 septembre 2007
- Introduction à CSS (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Modèle (xhtml | css)
Semaine du 1^er octobre 2007
- CSS — Notions avancées (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Modèle (xhtml)
Semaine du 8 octobre 2007
- Introduction à HTTP — Formulaires XHTML (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Formulaire modèle (Sans CSS | Avec CSS | CSS)
- Script PHP de test (Script | Source)
Semaine du 15 octobre 2007
- Introduction au langage PHP (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Scripts PHP de démonstration
Semaine du 22 octobre 2007
- Introduction au langage PHP (suite) (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
Semaine du 5 novembre 2007
- MySQL et PHP (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Scripts PHP de démonstration
19 et 30 novembre 2007
- PHP — notions avancées (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Scripts PHP de démonstration
26 novembre et 7 décembre 2007
- Introduction à JavaScript (pdf | pdf 8 par pages)
- Exemples
3 décembre 2007
- Sécurité, Accessibilité, Aspects légaux (pdf | pdf 8 par pages)

Projets

Les projets seront notés suivant les critères suivants. Un barême approximatif (sur 20 points, avec 4 points bonus), est fourni. Ce barême est donné à titre indicatif et pourra être réévalué en fonction des projets effectivement réalisés.

Mise en place des différentes technologies vues en cours (9+2 points). Chaque technologie est évaluée approximativement par moitié sur la correction du code (validité, syntaxe correcte, bonne conception), par moitié sur la complexité des éléments mis en œuvre.
- XHTML (2 points)
- CSS (2,5 points)
- PHP (2,5 points)
- MySQL (2 points)
- JavaScript (2 points bonus)
Fonctionnement du site (liens cassés, erreurs logiques dans le comportement des scripts PHP…) (1,5 points).
Investissement personnel particulièrement important (2 points bonus).
Conception structurelle du site, ergonomie, facilité d'accès (2,5 points).
Esthétique, conception graphique (1 point).
Rapport rendu, d'une longueur approximative de 5 pages (6 points).
- Choix adéquat, et justifié, des solutions et technologies mises en places (2 points).
- Présentation de l'architecture du site (pages existantes, liens entre pages, redirections, tables MySQL), par exemple sous la forme d'un schéma conceptuel (2 points).
- Cohérence entre rapport, site Web, projet initial (1 points).
- Présentation (1 points)

Logiciels

Éditeur

N'importe quel éditeur de texte peut être utilisé tout au long du cours ; l'usage de SciTE, qui propose entre autres fonctionnalités de la coloration syntaxique pour les différents langages vus en cours, est conseillé. SciTE est téléchageable ici, sous la forme d'un exécutable ne nécessitant pas d’installation.

Se mettre en mode UTF-8 au démarrage de l'éditeur (File/Encoding/UTF-8).
Utiliser le mode Hypertext (F12) ou XML (Shift+F12) pour avoir la coloration syntaxique sur du XHTML. Pour CSS, PHP et autres, utiliser les modes appropriés.

Navigateur

On pourra utiliser n'importe quel navigateur ayant un bon support de CSS 2, en particulier Firefox (libre et gratuit) ou Opera (gratuit). L'utilisation de l'extension Firebug de Firefox est conseillée ; elle permet d'inspecter et de déboguer facilement des feuilles de styles CSS ou des scripts JavaScript.

Serveur Web

Au cas où l'on souhaite tester des programmes PHP/MySQL sur une machine locale, on pourra installer EasyPHP sous Windows, ou indépendamment Apache, PHP et MySQL sur un autre système d'exploitation.

Pierre Senellart

Option Web IFIPS 1ère année (2007 ‑ 2008)

Cours

Projets

Logiciels

Éditeur

Navigateur

Serveur Web

Références

XHTML

CSS

HTTP

PHP

MySQL

JavaScript

Divers