Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
ens:progwebaut2015 [2015/10/14 09:21]
admin Cordier Amelie () [Organisation des séances]
ens:progwebaut2015 [2016/01/06 09:22] (Version actuelle)
admin Cordier Amelie () [Comment accéder à votre public_html en FTP]
Ligne 4: Ligne 4:
 Cette page s'adresse aux étudiants du G4S1, département informatique, IUT Lyon 1.  Cette page s'adresse aux étudiants du G4S1, département informatique, IUT Lyon 1. 
 </WRAP> </WRAP>
 +
 +
 +
  
 ===== Liens utiles ===== ===== Liens utiles =====
  
   * [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/|Le support de cours]]   * [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/|Le support de cours]]
-  * [[https://lite6.framapad.org/p/iutdouainfo-web-g4s1|Espace de travail partagé pour la prise de notes collective]] 
   * [[https://tomuss.univ-lyon1.fr/2015/Automne/info_4s1-1|Fiche Tomuss du groupe pour le suivi et les notes]]   * [[https://tomuss.univ-lyon1.fr/2015/Automne/info_4s1-1|Fiche Tomuss du groupe pour le suivi et les notes]]
  
Ligne 17: Ligne 19:
 | Lun 14 sept | Les bases du HTML (jusqu'aux sections) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/html.html|Cours + exercices]] | | Lun 14 sept | Les bases du HTML (jusqu'aux sections) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/html.html|Cours + exercices]] |
 | Mer 23 sept | HTML, suite (rendu de l'exercice sur les Colons de Catane) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/slides/html.html#43|Cours]] + Interro 20 mn | | Mer 23 sept | HTML, suite (rendu de l'exercice sur les Colons de Catane) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/slides/html.html#43|Cours]] + Interro 20 mn |
-| Mer 14 oct  | Introduction à CSS (jusqu'à l'exercice du slide 30) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/css.html|Cours]] + Devoir maison : [[http://flukeout.github.io/les sélecteurs CSS]] | +| Mer 14 oct  | Introduction à CSS (jusqu'à l'exercice du slide 30) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/css.html|Cours]] + Devoir maison : [[http://flukeout.github.io/|les sélecteurs CSS]] | 
-| Mer 21 oct  |                                       | | +| Mer 21 oct  | Suite du cours de CSS                 [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/css.html|Cours]] 
-| Mer 04 nov  |                                       | | +| Mer 04 nov  | Séance de projet (1)                  cf. consignes ci-dessous | 
-| Mer 25 nov  |                                       | | +| Lun 16 nov  | Les tableaux                          | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/html.html|Cours + exercices]]
-| Mer 02 dec  |                                       | | +| Mer 25 nov  | TP Noté                               Oui - {{:ens:tpnote2-sujet.zip|Sujet du TP noté}} 
-| Mar 08 dec  |                                       | | +| Mer 02 dec  | Séance de projet (2)                  cf. consignes ci-dessous 
-| Mer 09 dec  |                                       | | +| Mar 08 dec  | Fin du cours (fin des CSS et formulaires) [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/css.html|Cours]] 
-| Mar 15 dec  |                                       | | +| Mer 09 dec  | Séance de projet (3)                  cf. consignes ci-dessous 
-| Mer 06 jan  |                                       | |+| 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  | | Mar 12 jan  | DS de promo                           | DS de promo  |
 +
 +
 +===== Modalités d'évaluation du module =====
 +
 +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% 
 +
 +===== Consignes pour la réalisation du projet de web =====
 +
 +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 ([[http://validator.w3.org/|HTML]] et [[http://jigsaw.w3.org/css-validator/|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 [[https://github.com/|Github]] ou [[https://bitbucket.org/|Bitbucket]], ou encore [[http://gitlab.com|gitlab]]) .
 +
 +<note important>
 +**La date limite d'envoi est le 9 janvier 2016 à 18h00**</note>
 + 
 +
 +===== Comment accéder à votre public_html en FTP =====
 +
 +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
 +
 +