Le code de la route PROJET ISN. MEMBRES DU PROJET: Hazem HADHOUM Hakim LASSADI. Le code de la route Page 1

Dimension: px

Commencer à balayer dès la page:

Download "Le code de la route PROJET ISN. MEMBRES DU PROJET: Hazem HADHOUM Hakim LASSADI. Le code de la route Page 1"

Solange Paradis
il y a 6 ans
Total affichages :

1 Le code de la route PROJET ISN MEMBRES DU PROJET: Hazem HADHOUM Hakim LASSADI Le code de la route Page 1

2 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

3 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

4 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

5 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 l une de l autre car il est évident pour ce projet qu il fallait prendre 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 les questions pour avancer dans ce projet. Le code de la route Page 5

6 DEMARCHE PERSONNELLE L'algorithme de proposition de questions : Le code de la route Page 6

7 PRESENTATION DE LA REALISATION FINALE Le code de la route Page 7

8 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"> </form> <input type=" submit "value="explication "> <script type= "text/javascript" src="../javascript/code_js_question_1.js"></script> Le code de la route Page 8

9 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" /> </head> <body> <title>reviser le code de la route</title> <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

10 <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"/> "screen" /> <link href="../css/code de la route.css" rel="stylesheet" type= text/css media= <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

11 <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"> </body> </html> </form> <input type="submit" value="question suivante"> Le code de la route Page 11

12 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

Documents pareils

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE