Différences

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

--- html:index [2016/01/15 21:47] – [Supports de cours] bruno
+++ html:index [2019/02/05 14:28] (Version actuelle) – [Outil de validation] bruno
@@ Ligne 8: / Ligne 8: @@
 {{:html:courshtml.pdf|Support de cours 2015-2016}}
-{{:html:coursetexemple.tar.gz|Support de cours 2015-2016 AVEC les fichiers d'exemples}}
+{{:html:courshtml-print.pdf|Support de cours 2015-2016, version imprimable}} (mais vous ne devriez pas imprimer ce cours, c'est gaspiller du papier pour pas grand chose...)
+{{:html:coursetexemple.tar.gz|Support de cours 2015-2016 AVEC les fichiers d'exemples}}: extraire l'archive, puis ouvrez le fichier pdf du cours avec un lecteur pdf capable de suivre les liens.
+[[https://johnsamuel.info/fr/enseignement/cours/2017/TLI/|Cours de John Samuel sur CANVAS]]: supports, documentation et exemples
 ===== Travaux pratiques =====
-{{:html:tpstli-tc.pdf.tar.gz|Archive des sujets de TPs}}
+{{:html:tpstli-complets.tar.gz|Archive des sujets de TPs}} Version du 6/10/2016
+[[https://johnsamuel.info/fr/enseignement/cours/2017/TLI/tp.html|TP de John Samuel sur CANVAS]]
+====  Outil de validation ====
+{{ :html:totalvalidatorbasic.tar.gz |Total validator}}: pour fonctionnement en arrière plan avec l'extension Mozilla, lancer le script //total_validator_listen.sh//
+==== Rendu des TPs TLI ====
+**Depuis septembre 2017, il n'y a plus de note sur les rendus de TPs.**
+**Avant 2017:**
+Vous avez la possibilité, SI VOUS LE SOUHAITEZ, de rendre vos TPs pour évaluation (note coeff 1 dans la note de TP finale).
+Vous ne rendrez QUE le travail réalisé dans le cadre des rubriques "c'est à vous".
+Exemple d'archive à rendre: {{:html:mascret-perrin-machin.zip|}}
+Il est toutefois **impératif** de respecter les consignes suivantes
+=== Cas d'un travail classique ===
+Un travail est considéré comme classique si:
+  - vous n'avez réalisé QUE des pages statiques (HTML, JS et CSS uniquement)
+  - et/ou aucune de vos pages n'est générée via PHP
+**Dans ce cas, les consignes sont les suivantes:**
+  - Vous remettrez 1 (un) seul fichier archive (zip ou tar.gz uniquement) contenant l'ensemble des travaux demandés.
+  - Vous respecterez l'architecture donnée dans l'exemple de rendu.
+  - Toute page HTML et toute feuille css aura au préalable été testée, par totalvalidator en niveau AAA d'accessibilité et par cssvalidator (https://jigsaw.w3.org/css-validator) pour les css.
+  - Vous enregistrerez la page web de résultat (comme dans l'exemple) dans le répertoire "eval" (voir l' {{:html:mascret-perrin-machin.zip|archive d'exemple}}). Dans ce répertoire, les noms des fichiers seront ceux des pages html et des feuilles de style, hors extension. Vous pouvez soit enregistrer la page web complète (comme dans l'exemple), soit uniquement le code HTML (sans les fichiers associés: images, styles, etc.). Toute page non validée et n'étant pas dans ce dossier NE SERA PAS évaluée.
+  - Le nom de votre archive sera **nomBinome1-nomBinome2-etc.zip** ou  **nomBinome1-nomBinome2-etc.tar.gz**. Toute archive ne respectant pas cette syntaxe ne sera pas évaluée.
+  - Enfin, vous ajouterez un fichier noms.txt contenant les noms et prénoms du binôme.
+  - Il ne faut rendre qu'un seul fichier par groupe (un des membres du groupe remettra le fichier pour tout le groupe). Vous déposerez ces fichiers dans l'espace prévu à cet effet sur le site e-campus.
+=== Cas d'un travail original/non classique ===
+Un travail est considéré comme non classique si il n'est pas classique (Lapalisse).
+C'est notamment le cas si vous avez été plus loin dans ce qui était demandé, et surtout si votre site génère une partie de ses pages dynamiquement (via PHP, templates, etc.).
+**Dans ce cas, les consignes sont les suivantes:**
+  - Vous remettrez 1 (un) seul fichier archive (zip ou tar.gz uniquement) contenant l'ensemble des travaux demandés.
+  - Vous écrirez un petit fichier readme.txt que vous placerez à la racine de l'archive indiquant comment installer votre site web
+  - Toute page web **que vous souhaitez faire évaluer** et toute feuille css utilisée aura au préalable été testée, par totalvalidator en niveau AAA d'accessibilité et par cssvalidator (https://jigsaw.w3.org/css-validator) pour les css.
+  - Vous enregistrerez la page web de résultat (comme dans l'exemple) dans le répertoire "eval" (voir l'archive). Dans ce répertoire, les noms des fichiers seront ceux des pages html et des feuilles de style, hors extension. Vous pouvez soit enregistrer la page web complète (comme dans l'exemple), soit uniquement le code HTML (sans les fichiers associés: images, styles, etc.). Toute page non validée et n'étant pas dans ce dossier NE SERA PAS évaluée.
+  - A la racine de l'archive, vous réaliserez un fichier "map.txt"; chaque ligne de ce fichier contiendra le nom de la page web résultat du point précédent, une tabulation, puis l'URL à entrer dans le navigateur pour accéder à cette page, suivi éventuellement d'une autre tabulation et ensuite d'explications en cas de contexte particulier (utilisateur devant être connecté par exemple).
+  - Le nom de votre archive sera **nomBinome1-nomBinome2-etc.zip** ou  **nomBinome1-nomBinome2-etc.tar.gz** ; toute archive ne respectant pas cette syntaxe ne sera pas évaluée.
+  - Enfin, vous ajouterez un fichier noms.txt contenant les noms et prénoms du binôme.
+  - Il ne faut rendre qu'un seul fichier par groupe (un des membres du groupe remettra le fichier pour tout le groupe). Vous déposerez ces fichiers dans l'espace prévu à cet effet sur le site e-campus.
+=== Conseil important ===
+Je vous recommande, une fois votre archive réalisée, de tester vos pages sur une autre machine, et dans l'idéal sur un autre compte, sous linux.
+Vous corrigerez ainsi d'éventuelles erreurs de lien, de nom de fichier (majuscules, minuscules, espace, accents...).
 ===== Pour s'entraîner... =====
 ==== Sujets ====
 {{:html:annalestli.tar.gz|Annales et qcm}}
+:!: Mise à jour: 13/11/2016
 Attention: suivant l'enseignement que vous avez suivi, les tests proposés peuvent traiter de sujets que vous n'avez pas vu ou au contraire ne pas évoquer certains points vus en cours et TP.
@@ Ligne 23: / Ligne 84: @@
 {{:html:guidesyntaxetli-1.pdf|Guide rapide HTML, ARIA, SQL et sélecteurs CSS}}.
+{{:html:guidesurvie.pdf|Guide de survie: le guide de syntaxe augmenté de deux planches récapitulatives}}.
 Les élèves passant un test dans le cadre de mon cours AURONT ce guide fourni en version papier.