Sommaire
Introduction:
En tant que développeur, il est important de continuellement travailler sur des projets qui nous permettent d’explorer de nouveaux domaines, d’affiner nos compétences et de relever des défis. Et c’est exactement ce que ce développeur a fait en créant un quizz pour les collaborateurs d’une entreprise sur la Coupe du monde de Rugby 2023.
Le quizz est conçu pour être facile à utiliser et accessible à tous les employés de l’entreprise. Chaque semaine, les participants recevront une question relative à la Coupe du monde de Rugby 2023. Les questions sont conçues pour être amusantes et éducatives, tout en permettant aux collaborateurs de tester leurs connaissances sur l’un des événements sportifs les plus importants au monde.
Le quiz:
Voici l’écran d’accueil du quiz. La carte affiche la ville dans lequel le match pour lequel on peut gagner des places aura lieu. Des places pour de nouveaux matches sont à gagner chaque semaines.
Voici le premier écran du jeu. Le quiz se présente toujours comme un questionnaire à choix multiple. L’utilisateur dispose d’un temps limité pour répondre.
Sur ce deuxième écran du jeu, on peut voir qu’un utilisateur à répondu correctement. Une animation de chute confettis apparait alors pour le féliciter de sa victoire. Vous pouvez coder vous-même cette animation, pour cela vous pouvez vous référer à notre article sur les animations festives.
Code:
<?php
$d=date("d",strtotime($today));
$d=$d*1;
//echo "day:".$_GET["d"];
$quizz_a=$quizz[$d][$lang]["a"];
$quizz_b=$quizz[$d][$lang]["b"];
$quizz_c=$quizz[$d][$lang]["c"];
$quizz_a=str_replace("[X]","",$quizz_a);
$quizz_b=str_replace("[X]","",$quizz_b);
$quizz_c=str_replace("[X]","",$quizz_c);
?>
<form name=frm method=POST class="needs-validation" >
<input type="hidden" name="operation" id="operation" value="insert">
<input type="hidden" name="id" id="id" value="<?=$d?>">
<input type="hidden" name="response" id="response" value="">
<?php if ($quizz_result=="") { ?>
<div class=quizz_identity>
<div class=text><?=_d("Please enter your name and email.")?></div>
<div class="form-row">
<div class="form-group col-sm">
<label for="name"><?=_d("Name") ?></label>
<input type="text" class="form-control" name="name" value="<?=$session_name ?>" Placeholder="<?=_d("Name") ?>" required>
</div>
<div class="form-group col-sm">
<label for="firstname"><?=_d("Firstname")?></label>
<input type="text" class="form-control" name="firstname" value="<?=$session_firstname?>" Placeholder="<?=_d("Firstname")?>" required>
</div>
</div>
<div class="form-group">
<label for="inputAddress"><?=_d("Email") ?></label>
<input type="email" class="form-control" name="email" value="<?=$session_email ?>" Placeholder="<?=_d("Email") ?>" required>
</div>
</div>
<?php } ?>
<?php if ($quizz_result!="") {
$picto="asset/images/".strtolower($quizz_result)."_0".rand(1,5).".png";
if ($quizz_result=="WIN") $quizz_text=_d("Right answer ! You have a chance to be drawn to win the daily prize.");
else $quizz_text=_d("Wrong answer! Try your luck again tomorrow!");
?>
<div class=quizz_result>
<div class=picto><img src='<?=$picto?>' style='width:100px;height:100px;'></div>
<div class=text><?=$quizz_text?></div>
</div>