docDossier 1
download 
Plainte Transcription
Dossier 1
Le code de la route
PROJET ISN
MEMBRES DU PROJET: Hazem HADHOUM
Hakim LASSADI
Le code de la route
Page 1
ENJEU SOCIETAL:
Le permis de conduire étant délivré sans limitation de validation,
il est peut être nécessaire de repasser au moins l'épreuve du
code pour être à jour sur la nouvelle signalisation. Le manque de
temps ne permet pas à un automobiliste de se rendre dans un
centre d'auto-école. Il serait plus facile de faire ça chez soit en
utilisant un logiciel.
PROBLÉMATIQUE:
Comment permettre à un automobiliste de réviser régulièrement
le code de la route?
Le code de la route
Page 2
ANALYSE DU BESOIN-RECHERCHE D’IDEES:
CAHIER DES CHARGES DE L’EQUIPE :
Quel est le but visé par notre projet ?
Le but visé par notre projet est de concevoir un qcm numérique
sur le code de la route. Notre programme doit pourvoir réunir
les questions et les réponses.
Quels sont les objectifs à réaliser ?
Les objectifs à réaliser sont de sélectionner une série de
questions, de créer un programme qui puisse répondre aux
questions grâce à un système booléen (ex : Vrai-faux, 0-1, ouinon).
L’environnement de travail utilisé (langage, matériel)
Pour la programmation du qcm:
Langage : JavaScript
Pour le site web :
Langage : HTML/CSS
Matériel, Support utilisé pour le projet : Topstyle 5, Internet
Les sources d’information, Sur quelles idées nous nous
sommes appuyés ?
Nous nous sommes appuyés sur le principe d’un vrai test de code
de la route.
Le code de la route
Page 3
Principe du projet :
Pour notre projet, nous avons décidé d’élaborer 3 séries de
5 questions, pour chaque question il sera ajouté une photo avec
plusieurs choix de réponses. Dans chaque question, il y aura une
ou deux bonnes réponse(s).
En résumé : Nous voulons faire comme le « Code de la route »
sauf qu’il n’y aura pas de temps limité ni de voix off.
Pour les photos, les questions et ainsi que les réponses, nous
avons choisi de les prendre sur internet et nous nous sommes
inspiré du site « le Code3000 » car ce site représentait
globalement l’attente que nous voulions obtenir au final.
Le code de la route
Page 4
REPARTITION DES TÂCHES ET DEMARCHE
COLLABORATIVES
Il était important de travailler en équipe pour ce projet car
notre tâche n’était pas indépendante
indépendant l’une de l’autre car il est
évident
vident pour ce projet qu’il fallait prendre
e connaissance des
tâches que faisait l’autre pour aboutir aux fonctionnalités
attendues du projet.
Pour le travail nous utilisions les réseaux sociaux et ainsi que le
répertoire commun de la classe dans le cas où le coéquipier
aurait besoin d’utiliser
utiliser les questions pour avancer dans ce projet.
Le code de la route
Page 5
DEMARCHE PERSONNELLE
L'algorithme de proposition de questions :
Le code de la route
Page 6
PRESENTATION DE LA REALISATION FINALE
Le code de la route
Page 7
ECRITURE DU PROGRAMME DE PROPOSITION DE
QUESTION
Dans le fichier HTML on invite à l’utilisateur à choisir l’une des
réponses, il peut y avoir 2, 3 ou bien même 4 propositions de
réponses.
<form NAME="form4">
<input TYPE="CHECKBOX" NAME="check1" VALUE="1"> A) cette rue est interdite à tous les véhicules
à moteur<br>
<input TYPE="CHECKBOX" NAME="check2" VALUE="2"> B) les cyclistes peuvent circuler dans les
deux sens<br>
<input TYPE="CHECKBOX" NAME="check3" VALUE="3"> C) les piétons peuvent circuler sur la
chaussée<br>
<input TYPE="CHECKBOX" NAME="check4" VALUE="4"> D) c'est une zone de rencontre<br>
<input TYPE="button"NAME="but" VALUE="Valider" onClick="reponse(form4)"> <br>
</form>
<form action="Explication_reponse.html">
<input type=" submit "value="Explication ">
</form>
<script type= "text/javascript" src="../JAVASCRIPT/code_js_question_1.js"></script>
Le code de la route
Page 8
ANNEXE
HTML
Exemple pour une question :
<html>
<head>
<meta charset="UTF-8"/>
<link href="../CSS/code de la route.css" rel="stylesheet" type=″text/css″
media="screen" />
<title>Reviser le code de la route</title>
</head>
<body>
<center><figure><img src="../IMAGES/reviser-code-route.jpg" align="left" height="250"
width="250">
<img src="../IMAGES/reviser-code-route.jpg" align="right" height="250" width="250"><h1>Le code
de la route</h1></center></figure><br>
<center><img src="../IMAGES/question_1.jpg" width="350" height="350"></center>
</head>
<body>
<h3>Question n°1: D'après la signalisation:</h3>
<form NAME="form4">
<input TYPE="CHECKBOX" NAME="check1" VALUE="1"> A) cette rue est interdite à tous les véhicules
à moteur<br>
<input TYPE="CHECKBOX" NAME="check2" VALUE="2"> B) les cyclistes peuvent circuler dans les
deux sens<br>
<input TYPE="CHECKBOX" NAME="check3" VALUE="3"> C) les piétons peuvent circuler sur la
chaussée<br>
<input TYPE="CHECKBOX" NAME="check4" VALUE="4"> D) c'est une zone de rencontre<br>
Le code de la route
Page 9
<input TYPE="button"NAME="but" VALUE="Valider" onClick="reponse(form4)"><br>
</form>
<form action="Explication_reponse.html">
<input type="submit" value="Explication">
</form>
<script type="text/javascript" src="../JAVASCRIPT/code_js_question_1.js"></script>
</body>
</html>
Exemple pour une explication de réponse
<html>
<head>
<meta charset="UTF-8"/>
<link href="../CSS/code de la route.css" rel="stylesheet" type=″text/css″ media=
"screen" />
<title>Reviser le code de la route</title>
</head>
<body>
<center><figure><img src="../IMAGES/reviser-code-route.jpg" align="left" height="250"
width="250">
<img src="../IMAGES/reviser-code-route.jpg" align="right" height="250" width="250"><h1>Le code
de la route</h1></center></figure><br>
<center><img src="../IMAGES/question_1.jpg" width="350" height="350"></center>
</head>
Le code de la route
Page 10
<body>
<h3>Question n°1: D'après la signalisation:</h3>
<script type="text/javascript" src="../JAVASCRIPT/hakimhazem.js"></script>
<p><strong>Elements de réponse : Bonne Reponse A</strong>
<br>Cette nouvelle signalisation placée sous les feux autorise uniquement les cyclistes à tourner à
droite lorsque le feu est rouge.
Avant d'effectuer cette manœuvre, les cyclistes devront céder le passage aux piétons traversant la
chaussée ainsi qu'aux véhicules arrivant de gauche. Ce dispositif a pour but
de réduire le nombre d'accidents lors du démarrage des véhicules motorisés tournant à droite, en
particulier les poids lourds dont le champs visuel est limité par des angles morts.
<form action="code question 2.html">
<input type="submit" value="Question suivante">
</form>
</body>
</html>
Le code de la route
Page 11
JAVASCRIPT
function reponse(form4)
{
if ( (form4.check1.checked) == true && (form4.check2.checked) == false &&
(form4.check3.checked) == false && (form4.check4.checked) == false)
{ alert("C'est la bonne réponse! ") }
else
{ alert("Désolé, continuez à chercher.") }
}
Le code de la route
Page 12
