Introduction à la programmation Web

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

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%
  • DS de promo : 30%
  • Projet : 40%

Cette année, l'objectif du projet est de réaliser une vitrine de présentation des projet tuteurés de l'IUT.

Le site devra comporter :

  • Une page d'accueil
  • Une page de description de ce que sont les projets tuteurés
  • Une galerie des projets tuteurés (avec des distinctions par semestre).

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.

Pour le projet, vous êtes encouragés à travailler en binôme.

Liste minimale des pages que le site devra comporter

  • Page d'accueil
  • 3 pages de contenu (minimum)
  • 2 pages supplémentaires en cas de travail en binôme.

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

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

Des ressources (exemples de projets tuteurés des années passées) sont disponibles plus bas.

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.
  • Votre code source doit être versionné (avec l'outil de gestion de version de votre choix).

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
  • Utilisation appropriée de la gestion de version

Modalités de rendu

Le rendu se fera via https://tomuss.univ-lyon1.fr. Vous devrez déposer un fichier texte contentant :

  • L'URL à laquelle le site est visible
  • L'URL du dépôt GIT contenant les fichiers du projet ainsi que son historique, en utilisant le GitLab de l'IUT.

<note warning> Nous vous conseillons vivement de vérifier auprès de votre encadrant de projet, avant la limite de dépôt, que vous savez bien faire le nécessaire pour rendre votre projet. </note>

<note important> La date limite de rendu des projets est fixée au 8 janvier 2017 - 18h00. </note>

Ressources pour la réalisation du projet

Les ressources pour illustrer vos pages sont disponibles ici : http://liris.cnrs.fr/amelie.cordier/teaching/RessourcesGalerie.zip

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-web.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

Ici : http://iutdoua-git.univ-lyon1.fr N'hésitez pas à l'utiliser ! Attention, seul le HTTPS est disponible. Vous ne pouvez pas vous connecter en SSH.