Plan détaillé

Projet Web Transactionnel · 420-575-MT · Itérations, volets et semaines · Premier jet

← Accueil du cours Plan de la session Grille des rôles
Itération 1 La boutique et ses données Semaines 1 à 4
S1 Prologue · La boutique générée

Notions

  • Kickoff : formation des équipes et choix du commerce (produits, forfaits ou services)
  • Génération par IA du HTML, du CSS et des dossiers fonctionnels
  • Environnement : serveur, dépôt git, base de données
  • Publication du site en ligne

Livrables

  • HTML et CSS générés par IA, site publié en ligne
  • Dépôt git d'équipe et dossier fonctionnel initial
Semaines 1 à 3 · L'équipe se répartit trois volets menés en parallèle, un par coéquipier, jusqu'à la démo commune de la semaine 4.
Volet VITRINE L'affichage public de la boutique Semaines 1 à 3 · en parallèle

Notions

  • Affichage public du catalogue branché sur la base de données
  • Navigation par catégories côté client
  • Pages de détail des produits, forfaits et services
  • Intégration à la charte graphique générée en semaine 1

Livrables

  • Catalogue visible et navigable par le public en ligne
Volet CATALOGUE Les listes éditables du panneau admin Semaines 1 à 3 · en parallèle

Notions

  • Modélisation des données de la boutique
  • Création de la base de données et connexion sécurisée
  • Catégories, produits, forfaits et services en listes éditables dans le panneau admin
  • Téléversement et redimensionnement des images
  • Tri, filtres et recherche dans le panneau admin
  • Validation côté serveur

Livrables

  • Catégories et catalogue complet administrables en ligne
  • Schéma de la base de données versionné
Volet CAISSE Le premier achat en sandbox Semaines 1 à 3 · en parallèle

Notions

  • Compte sandbox PayPal ou Stripe
  • Intégration d'un achat minimal
  • Page de confirmation et journal des transactions

Livrables

  • Achat de bout en bout fonctionnel en ligne
S4 La démo de l'itération 1 · Les trois volets réunis

Notions

  • Assemblage des trois volets : de la vitrine à la caisse
  • Rétrospective d'itération (méthode agile)

Livrables

  • Démo de l'itération 1 · 25 %
Itération 2 L'espace membre Semaines 5 à 7 + relâche
S5 Le seuil · Authentification

Notions

  • Inscription avec wizard multi-étapes et validation
  • Hachage des mots de passe (password_hash)
  • Sessions : connexion, déconnexion, pages protégées

Livrables

  • Inscription et connexion fonctionnelles en ligne
S6 Le salon · Espace membre

Notions

  • Espace membre : profil et options utilisateur
  • Historique des transactions du membre
  • Préférences mémorisées côté client (localStorage, cookies)

Livrables

  • Espace membre vivant avec transactions et options
S7 L'entraide · FAQ · Démo de l'itération 2

Notions

  • Aides sous forme de FAQ intégrée à l'espace membre
  • Tests et finitions

Livrables

  • Espace membre complet avec FAQ
  • Démo de l'itération 2 · 25 %
R Semaine de relâche : la boutique tourne toute seule en ligne
Itération 3 Le marketing assisté par IA Semaines 8 à 11
S8 Les langues · Traduction IA

Notions

  • Traduction des interfaces et des contenus assistée par IA
  • Structure multilingue et sélecteur de langue
  • Persistance de la langue choisie

Livrables

  • Boutique bilingue au minimum
Volet URLS Les adresses · URLs et statistiques

Notions

  • Réécriture des URLs (mod_rewrite, .htaccess)
  • Adresses propres et significatives pour les moteurs de recherche
  • Mise en place du suivi des statistiques

Livrables

  • URLs réécrites sur toute la boutique
  • Tableau de bord des statistiques
Volet FUNNEL La liste · Courriel et funnel

Notions

  • Liste de courriel gérée avec l'assistance de l'IA
  • Conception du funnel : visiteur, curieux, membre, acheteur
  • Mesure de chaque étape du funnel

Livrables

  • Liste de courriel opérationnelle
  • Funnel documenté et mesuré
S11 Le blogue · Calendrier IA · Démo de l'itération 3

Notions

  • Blogue en sous-répertoire avec thème intégré à la boutique
  • Calendrier de publication assisté par IA
  • Premiers billets publiés

Livrables

  • Blogue en ligne alimenté selon le calendrier
  • Démo de l'itération 3 · 25 %
Itération 4 L'expérience interactive Semaines 12 à 15
S12 L'accueil · Onboarding

Notions

  • Onboarding interactif des nouveaux membres
  • Visite guidée, info-bulles et étapes de découverte

Livrables

  • Onboarding fonctionnel dès la première visite
S13 Le vif · Multi-Ajax

Notions

  • Mini-projet multi-ajax : plusieurs composants réactifs
  • fetch, JSON et mise à jour sans rechargement
  • Recherche instantanée, listes auto-rafraîchissantes, notations

Livrables

  • Composants ajax intégrés à la boutique
S14 Le configurateur · Le panier

Notions

  • Application de produit configurable
  • Panier avec drag and drop et options
  • Répétition générale de la démo finale

Livrables

  • Configurateur et panier interactifs en ligne
S15 Démo finale · La boutique complète

Notions

  • Finitions et présentation devant la classe

Livrables

  • Démo finale de la boutique complète · 25 %