Session BRE04 Help

Projet Guidé : Site dont vous êtes le héros

Retour vers le J2

Projet guidé basé sur le projet bonus du J2 : Site dont vous êtes le héros

Démo

Importer les sourcesExplorer les fichiersAdapter le formulaire d'entréeCréer la première étape à choixCréer les variables du contexteCréer la condition d'affichageAfficher les contenusAjouter des nouvelles étapesCréer la/les étape(s) de fin

Étape par Étape :

  1. Explorer les fichiers sources pour en imaginer leur usage

  2. Dans le fichier index.html adaptez le formulaire pour envoyer les données vers un fichier choices.php et dans ce fichier affichez à l'écran le nom du héro.

  3. Toujours dans choices.php créez les variables de votre première étape à choix :

    • $choiceShortSentence: qui contient la question du choix de l'étape 1 (vous pouvez réutiliser le nom du héro)

    • $eventDescription: qui contient la description de l'étape 1 (vous pouvez réutiliser le nom du héro)

    • $eventImage: qui contient le chemin vers l'image illustrant l'étape 1

    • $choices: qui contient un tableau de choix de réponses pour de l'étape 1 (vous pouvez réutiliser le nom du héro)

    • $eventNumber: le numéro de l'étape actuelle (spoiler : 1)

    • $color: la couleur du thème de l'étape actuelle (dark-blue, green, grey-blue, red)

  4. Mettez toutes ces variables dans le scope d'une condition if qui vous assurera que vous êtes dans le contexte de la première étape.

  5. A la fin de choices.php importer le templates/choice.phtml, qui est une version dynamisée en PHP de templates/choice.html que vous devez créez pour afficher les différentes variables précédemment définies

  6. Vérifier que votre première étape fonctionne

  7. Ajouter des nouvelles étapes dans choices.php en ajoutant de nouvelles conditions

06 June 2025