Aller au contenu

Remise 2 : version bêta (vendredi 2 octobre)

L'essentiel en 3 points

  1. La bêta, c'est votre portfolio complet, en ligne et testable : tout ce qui doit fonctionner fonctionne, sur desktop et sur mobile.
  2. C'est une remise formative : elle sert à recevoir de la rétroaction et à lancer les tests par les pairs, qui porteront sur cette version.
  3. Comment remettre : un commit et un push de tous les fichiers sur main, puis une branche beta, un dépôt public et la mise en ligne GitHub Pages de la branche beta. Au plus tard le vendredi 2 octobre, avant le début du cours.

Cochez chaque élément ci-dessous avant la remise. Ce qui manque à la bêta devra être complété pour la remise finale, mais vos pairs ne pourront pas le tester.

Consignes complètes du portfolio

Le site

  • Le design est corrigé et adapté à la suite de la rétroaction de la remise 1.
  • Toutes les sections et pages prévues sont intégrées en HTML/CSS.
  • Les contenus textuels et médias sont intégrés (plus de faux texte ni d'images temporaires, sauf exception à justifier).
  • Le site est responsive : version desktop et mobile complètes et fonctionnelles.
  • Les cartes de projets sont générées en JavaScript à partir de votre source de données (JSON local, Google Sheets ou Airtable).
  • Le détail d'un projet fonctionne (modale, carrousel ou project.html).
  • Le code est commenté dans vos propres mots (HTML, CSS et JS).
  • La console du navigateur (F12) ne montre aucune erreur rouge.

La remise et la mise en ligne

Toute la procédure, étape par étape :

Déploiement sur GitHub Pages

  • Tous les fichiers demandés sont commités et poussés (push) sur main.
  • La branche beta est créée à partir de main.
  • Le dépôt est public.
  • GitHub Pages met en ligne la branche beta (Settings → Pages).
  • Tout fonctionne en ligne, pas seulement sur votre poste : cartes, détail, images, liens.

Le dépôt GitHub

  • La structure de dossiers suit l'arborescence du dépôt, avec des noms de fichiers en anglais, en minuscules et uniformes.
  • Les commits sont réguliers, fréquents et bien nommés.
  • README.md est à jour, avec l'adresse réelle (le url final) de votre site en ligne et le lien vers votre Figma.
  • documentation/PLANIFICATION.md est à jour. Tout changement de choix technologique depuis la remise 1 est justifié dans le journal.

Le journal de bord (documentation/JOURNAL.md)

  • Un titre pour ce bloc, par exemple ## Bloc 2 : intégration et données.
  • Les 5 questions du bloc 2, avec des réponses concrètes :
  1. Qu'est-ce que j'ai accompli depuis le dernier bloc? (Vous pouvez faire référence à vos commits.)
  2. Quelle a été ma principale difficulté et comment je l'ai surmontée?
  3. Qu'est-ce que j'ai appris que je ne savais pas avant?
  4. Quelle est ma prochaine étape concrète?
  5. Est-ce que j'ai utilisé l'IA? Si oui, pour quoi et qu'est-ce que ça m'a appris?
  • Chaque question posée à l'IA depuis la remise 1 est inscrite, avec la date, le prompt (en italique), l'outil et le résultat (accepté, modifié, rejeté). Pas les complétions en ligne de Copilot. Comment citer l'IA

Répondre concrètement

« J'ai avancé mon portfolio » ne dit rien.

« J'ai généré mes cartes à partir de projects.json (commit Chargement des projets), ma difficulté était le chemin des images en ligne, réglée en retirant le / au début » : ça, c'est une réponse utile, pour vous et pour le jury.

Avant de remettre : le test final

  • J'ai ouvert l'adresse en ligne dans une fenêtre de navigation privée, et tout fonctionne.
  • J'ai testé sur mon téléphone (ou avec le mode appareil de l'inspecteur).
  • Mon dernier commit est bien poussé sur GitHub, avant la création de la branche beta.
  • Dans VS Code, je suis de retour sur la branche main.

Rappel: gérer les branches git

Après la remise : on continue sur main

Si vous continuez à travailler après la remise, faites-le sur main, jamais sur beta. La branche beta et le site en ligne restent tels que remis pendant les tests par les pairs.

Et ensuite : les tests par les pairs

La semaine de la bêta, un·e collègue testera votre portfolio en ligne à l'aide d'une grille de tests guidés. Les résultats et vos correctifs seront documentés pour la remise finale.