BRE03

Projet : Site dont vous êtes le héros

Avant de commencer

Vous trouverez dans le zip du projet, une architecture de dossier avec des fichiers HTML contenant des templates que vous pouvez utiliser pour vos pages.

Dans le fichier assets/css/style.css vous trouverez également des suggestions de couleurs supplémentaires si vous souhaites créer des nouvelles déclinaisons.

Vous pouvez trouver d’autres combinaisons simples de couleurs respectant les normess d’accessiblité sur le site Randomally : https://randoma11y.com/?color=white (appuyez sur le bouton new colors en haut à gauche pour une nouvelle couleur associée au blanc).

Dans le dossier assets/img, vous trouverez de nombreuses images d’illustration pour des éléments RPG/Heroic Fantasy. Faites-vous plaisir 🙂

Les fichiers .html que vous trouverez ne peuvent pas être utilisés comme tels puisqu’ils ne sont pas prévus pour recevoir du PHP.

Vous allez devoir créer des fichiers .phtml pour pouvoir mélanger PHP et HTML.

Voici un exemple de fichier .phtml :

<?php 
	/*
		le code PHP de la page
		déclaration de variables, conditions, etc etc
	*/
?>
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8" />
		<title>
			Le titre de ma page
		</title>
	</head>
	<body>
		<!-- le code HTML de la page -->
	</body>
</html>

Ce qui veut dire que coté HTML vos form devraient resembler à :

<form method="get" action="monfichier.phtml">
</form>

en remplacant monfichier.phtml par le bon nom de fichier.

Petit rappel : en utilisant method="get" vos informations sont transmises dans l’URL ce qui vous permettra de les vérifier visuellement.

Pour les récupérer côté PHP :

<?php

$maVariable = $_GET["monNomDeVariable"];

?>

Pour afficher le contenu d’une variable en PHP :

<?php

echo $maVariable;

?>

N’oubliez pas d’utiliser l’exercice sur les conditions si vous avez des doutes sur la syntaxe.

Les consignes

Vous allez devoir coder un site qui fonctionne comme un livre dont vous êtes le héros. Le principe est simple : sur chaque page, vous avez une description d’une situation et le choix entre plusieurs réactions, représenté par un formulaire.

Selon le choix que vous faites, l’histoire sera modifiée.

Par exemple :

Situation : Vous vous trouvez à un croisement, 3 routes s’offre à vous :

  1. tout droit à travers des bois de pins
  2. la route sur votre droite semble bien aménagée et sûre
  3. sur votre gauche un chemin de terre slalome entre les champs

Quelle route allew vous prendre ?

Selon votre choix la prochaine page n’affichera pas les mêmes informations :

  1. En vous enfoncant dans les bois, vous tombez nez à nez avec un marcassin…
  2. Après quelques minutes de marche vous croisez des panneau de direction…
  3. Au détour d’un cahmp de pommes de terre vous croisez un fermier avec…

Et chacune de ces pages vous proposera plusieurs choix.

Votre jeu devra au minimum avoir 10 pages différentes et 3 fins possibles.

Voici un bout de code PHP qui permet de rediriger vers une autre page sans avoir besoin de cliquer quelque part, il doit être placé tout en haut d’un fichier .php.

<?php

header('Location : nomDeVotreFichier.php');

// ou

header('Location : nomDeVotreFichier.phtml');

?>

Et voici un bout de code pour afficher dynamiquement vos choix :

<?php
	$choice = "Ceci est le texte de mon choix";
?>
<label for="nomDeVotreChoix">
	<?php echo $choice; ?>
</label>