Introduction à la programmation Web

Cette page s'adresse aux étudiants du G4S1, département informatique, IUT Lyon 1.

Date Sujet Évaluation ?
Mer 09 sept Introduction au Web Cours
Lun 14 sept Les bases du HTML (jusqu'aux sections) Cours + exercices
Mer 23 sept HTML, suite (rendu de l'exercice sur les Colons de Catane) Cours + Interro 20 mn
Mer 14 oct Introduction à CSS (jusqu'à l'exercice du slide 30) Cours + Devoir maison : les sélecteurs CSS
Mer 21 oct Suite du cours de CSS Cours
Mer 04 nov Séance de projet (1) cf. consignes ci-dessous
Lun 16 nov Les tableaux Cours + exercices
Mer 25 nov TP Noté Oui - Sujet du TP noté
Mer 02 dec Séance de projet (2) cf. consignes ci-dessous
Mar 08 dec Fin du cours (fin des CSS et formulaires) Cours
Mer 09 dec Séance de projet (3) cf. consignes ci-dessous
Mar 15 dec Séance de projet (4) cf. consignes ci-dessous
Mer 06 jan Séance de projet (5) cf. consignes ci-dessous
Mar 12 jan DS de promo DS de promo

L'évaluation se fera en trois parties (évaluation en contrôle continu, Projet et DS de promo) selon les pondérations suivantes :

  • Contrôle continu : 30% (constitué de 5% pour l'interro 1, 5% pour le TP_Catane et 20% pour le TP noté du 25 novembre)
  • DS de promo : 30%
  • Projet : 40%

L'objectif du projet est de produire un site sur la thématique sérieuse de votre choix : votre CV, un concept informatique, un sujet d'actualité, etc. Si vous avez un doute sur la validité de votre sujet, faites le valider le plus tôt possible. Le site doit être exclusivement en HTML5/CSS. Toute autre technologie sera simplement ignorée dans la notation finale, mais elle n'est pas interdite dans la réalisation.

Liste minimale des pages que le site devra comporter

  • Page d'accueil
  • Sommaire
  • 3 pages de contenu (minimum)
  • Une page “à propos de l'auteur”
  • 2 pages supplémentaires en cas de travail en binôme.

De plus, un menu doit être visible sur toutes les pages.

Ces données sont fournies à titre indicatif… vous pouvez ajouter toute page qui vous semblerait utile.

Critères généraux de notation

  • Vos pages doivent être valides au sens du W3C (HTML et CSS).
  • La structure de votre site doit être correcte (organisation des ressources en répertoires, nommage correct des fichiers, etc.).
  • La présentation de votre site devra s’adapter à la largeur de l’écran, afin de présenter une ergonomie différente (et appropriée) sur un écran d’ordinateur et sur un smartphone.
  • Les pages doivent avoir un aspect uniforme.

Grille de notation (le barème ne sera pas communiqué) :

  • Utilisation des structures de base du HTML
  • Utilisation pertinente des sections
  • Mise en place de liens externes / internes et pertinence
  • Utilisation de listes
  • Formulaire (soit un lien vers l'exercice sur la calculatrice, soit votre propre formulaire intégré dans votre projet)
  • Meta-données
  • Qualité des CSS
  • Structuration des CSS
  • Richesse des CSS
  • Responsive design
  • Respect des consignes (toutes les pages sont présentes, bien nommées et bien organisées, modalités de rendu respectées)
  • Qualité visuelle
  • Exploitation des ressources disponibles
  • Validation CSS et HTML

Modalités de rendu

Chaque groupe devra envoyer par email à amelie.cordier AT univ-lyon1.fr :

  • L'URL à laquelle le site est visible
  • L'URL du dépôt GIT contenant les fichiers du projet ainsi que son historique (par exemple en utilisant Github ou Bitbucket, ou encore gitlab) .

La date limite d'envoi est le 9 janvier 2016 à 18h00

Vous disposez tous d'un répertoire public_html. Tout ce que vous mettez dans ce répertoire est visible sur le web via l'URL : http://iutdoua-webetu.univ-lyon1.fr/~votrelogin (votrelogin étant de la forme p123456)

  • Hôte : iutdoua-samba.univ-lyon1.fr
  • Port : 990
  • Chiffrement : FTP sur TLS
  • Authentification : par mot de passe
  • Mode de connexion : passif