Cours 6.2¶
À faire en arrivant : noindex sur la branche beta
Votre bêta est publique : sans cette ligne, Google peut l'indexer.
Ajoutez-la dans le <head> de chaque fichier HTML de la
branche beta (index.html, project.html...) :
<meta name="robots" content="noindex, nofollow">
Directement sur github.com, pas dans VS Code :
- Ouvrez votre dépôt. Dans le menu des branches (en haut à
gauche de la liste des fichiers), choisissez
beta. - Cliquez sur
index.html, puis sur le crayon ✏️ (Edit this file). - Collez la ligne dans le
<head>, sous la balise<title>. - Commit changes... → vérifiez que Commit directly to the
betabranch est coché → Commit changes. - Refaites les étapes 2 à 4 pour chaque fichier HTML.
Vérification : 1 ou 2 minutes plus tard, sur votre site en ligne,
Ctrl + U (code source) : la ligne est dans le <head>.
Vous l'aviez déjà mise avant de créer beta? Rien à faire.
Aujourd'hui¶
- Remise bêta : tout est en ligne?
- Le contrôle de la qualité : les notions
- L'accessibilité : tester les 4 points de la grille
- Votre fichier QA et vos trios
- Auto-test
- Tests croisés dans les trios
- Bilan : prioriser vos écarts
- Devoir : terminer les tests, passer sur
main, corriger
Rappel et mise à jour¶
Projet portfolio¶
Remise finale : gr. Lora jeu. 8 oct. · gr. Enric jeu. 15 oct.
Il reste un cours (mer. 7 oct.) avant la remise du gr. Lora. Les tests se font aujourd'hui : c'est ce qui vous laisse le temps de corriger.
| Étape | Gr. Lora | Gr. Enric |
|---|---|---|
Vos 3 tests terminés, sur beta |
lun. 5 oct. à 23h59 | lun. 5 oct. à 23h59 |
Pages sur main, correctifs validés |
avant le 8 oct. | avant le 15 oct. |
| Autoévaluation (à la maison, en devoir) | avant le 8 oct. | avant le 15 oct. |
Tutorat¶
| 📅 Date | 👤 Tuteur | ⏱️ Durée | 📍 Où |
|---|---|---|---|
| Chaque mardi, 12 h 30 à 14 h 10 (8 sept. au 8 déc.) | Alexis Guilbault | 1 h 40 | 🏫 En personne au Centre d'aide C-1602 |
| Chaque mercredi, 20 h à 21 h 15 (9 sept. au 9 déc.) | Olivier Laliberté | 1 h 15 | 💻 En ligne sur Teams : canal Tutorat de l'équipe TIM-Programme TIM |
🆕 Tutorat supplémentaire réservé à Web 5
| 📅 Date | 👤 Tuteur | ⏱️ Durée | 📍 Où | 🎯 Avant |
|---|---|---|---|---|
| Lun. 5 oct., 19 h 10 à 20 h | Olivier | 50 min | En ligne Teams, équipe Web5 : canal « Tutorat Web5 » | Remise finale gr. Lora (8 oct.) |
| Mar. 6 oct., 19 h 10 à 20 h | Alexis | 50 min | En ligne Teams, équipe Web5 : canal « Tutorat Web5 » | Remise finale gr. Lora (8 oct.) |
| Mar. 13 oct., 19 h 10 à 20 h | Alexis | 50 min | En ligne Teams, équipe Web5 : canal « Tutorat Web5 » | Remise finale gr. Enric (15 oct.) |
👥 Toutes les périodes sont ouvertes aux deux groupes. Apportez votre fichier QA : on peut vous aider à corriger un écart précis.
Remise bêta : tout est en ligne?¶
Avant de tester, on vérifie que chaque bêta est testable :
- La branche
betaexiste sur GitHub. - Le dépôt est public.
- Settings → Pages publie
beta, et l'adresse affiche votre portfolio.
Un problème? On le règle maintenant : sans bêta en ligne, vos camarades ne peuvent pas vous tester.
Remettre la bêta et la mettre en ligne
Le contrôle de la qualité¶
Présentation : QA et accessibilité (PowerPoint)
Scénario, résultat attendu, résultat observé, écart, gravité, correctif, validation : le vocabulaire de votre grille, et la démarche qu'on applique aujourd'hui.
Le contrôle de la qualité : les notions
L'accessibilité¶
Les 4 points de la grille (sémantique, alt, contraste, clavier), et comment tester chacun en quelques minutes. Démo au projecteur sur une bêta volontaire.
Aucune installation : on utilise WAVE en ligne , en collant l'adresse du site.
L'accessibilité : les 4 points de la grille
Votre fichier QA et vos trios¶
- Copiez le gabarit dans le dossier OneDrive et renommez-le
qa-prenom-nom.xlsx(étape 1 des consignes). - Formez un trio. Chaque personne choisit son environnement pour tout le cours : ordinateur à environ 1920 px, écran large en plein écran, téléphone (étape 2 des consignes).
- Remplissez l'onglet Lisez-moi : l'adresse de votre site et vos 3 testeurs.
- Ajoutez 2 ou 3 scénarios personnels.
Auto-test¶
Vous êtes le testeur 1 de votre propre site : faites tous les scénarios dans votre environnement, dans votre bloc de l'onglet Tests. Soyez aussi exigeant que si c'était le site d'un autre.
Tests croisés¶
Dans votre trio, chacun teste les deux autres sites, dans son environnement, directement dans le fichier de l'auteur, dans le bloc testeur 2 ou 3. Environ 30 minutes par site.
Règles du testeur
On teste, on ne corrige pas. On décrit des faits observables, précisément : où, quoi, comment le reproduire. Exemples d'écarts bien décrits
Bilan : prioriser¶
Avant de partir, dans votre fichier :
- Chaque écart a une gravité (onglet Synthèse : « écarts sans gravité » = 0).
- Vous savez quels bloquants et quels majeurs corriger en premier.
Ne passez pas Pages sur main tant que vos 3 tests ne sont pas terminés.
Devoir¶
Portfolio : tests, correctifs, validation¶
- Terminer vos 3 tests si ce n'est pas fait : lun. 5 oct. à 23h59, pour les deux groupes.
- Une fois les 3 tests terminés : passer GitHub Pages sur
main(étape 4). - Corriger les bloquants, puis les majeurs, un commit par correctif (
T-21 : ...). - Valider chaque correctif en ligne, dans l'onglet Correctifs.