Introduction à la programmation Web

• Le support de cours
• Fiche Tomuss du groupe pour le suivi et les notes

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.

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

• 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

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>

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.