Jorgininho · Jaxom99 · Sep 6, 2018 · Sep 6, 2018 · Sep 6, 2018 · Sep 6, 2018
diff --git a/Affichage/accueil.html b/Affichage/accueil.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>accueil</title>
+<link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png" alt=".">
+</Body>
+      <div>
+        <img class="logo" src="images/logo.png" alt="Logo FaciTRAJET"/>
+   </div>
+    <div>
+    <img class="ticket" src="images/TrajetTicketEnMain2.png" alt="Exemple de ticket"/>
+</div>
+    <div>
+    <a href="options"><p class="prestext">FaciTrajet vous guide dans les transports !</p> </a>
+    </div>
+    <div>
+        <a href="ecoute"><img class="carte" src="images/carte-korrigo.png" alt="Carte Korrigo"/></a>
+    </div>
+    <div>
+        <img class="fleche" src="images/Fleche_verte.png" alt="insérez votre carte"/>
+    </div>
+</body>
+</html>
diff --git a/Affichage/autresdestinations.html b/Affichage/autresdestinations.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>autres destinations</title>
+<link rel="stylesheet" href="style.css">
+<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
+</script>
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png">
+</Body>
+
+    <div>
+    <form action=destination method="POST">
+    <p> <input type=radio name=choix value="0" id="0"> <label for="0">{{global.DestiAlterNom[0]}}</label></p>
+
+    <p> <input type=radio name=choix value="1" id="1"> <label for="1">{{global.DestiAlterNom[1]}} </label></p>
+
+	<p> <input type=radio name=choix value="2" id="2"> <label for="2">{{global.DestiAlterNom[2]}}</label></p>
+    <!--<p> <input type=submit value=OK> </p>-->
+	</form>
+    </div>
+    <div>
+    	<p>
+    	<a href="ecoute"><img class="boutonno" src="images/Bouton_NON.png" alt="NON"/></a>
+    </p>
+    </div>
+
+<!-- Ce script soumet le formulaire dès qu'un des choix est sélectionné -->
+<script type='text/javascript'>
+
+ $(document).ready(function() { 
+   $('input[name=choix]').change(function(){
+        $('form').submit();
+   });
+  });
+
+</script>
+</body>
+</html>
diff --git a/Affichage/calcul-en-cours.html b/Affichage/calcul-en-cours.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="refresh" content="2;destination" />
+<title>Calcul en cours</title>
+<link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png">
+</Body>
+<p>
+	<div>
+        <img class="logo05" src="images/logo@0.5x.png" alt="Logo FaciTRAJET"/>
+   </div>
+   </p>
+    <div>
+        <a href="destination.html"><p class="calcultext">Calcul en cours</p> </a>
+    </div>
+    <div>
+        <img class="calcul" src="images/calcul.png" alt="Calcul en cours"/>
+    </div>
+</body>
+</html>
diff --git a/Affichage/destination-original.html b/Affichage/destination-original.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>destination</title>
+<link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png">
+</Body>
+<p>
+	<div>
+        <img class="logo05" src="images/logo@0.5x.png" alt="Logo FaciTRAJET"/>
+   </div>
+   </p>
+    <div>
+    <p class="destination1">//insérer ici destination</p> 
+    </div>
+    <div>
+    	<p>
+    	<a href="autresdestinations.html"><img class="boutonno" src="images/Bouton_NON.png" alt="NON"/></a>
+    </p>
+    </div>
+    <div>
+    	<p>
+    	<a href="impression-en-cours.html"><img class="boutonyes" src="images/Bouton_je_valide.png" alt="OUI"/></a>
+    </p>
+    </div>
+
+
+</body>
+</html>
diff --git a/Affichage/destination.html b/Affichage/destination.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>destination</title>
+<link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png">
+</Body>
+<p>
+	<div>
+        <img class="logo05" src="images/logo@0.5x.png" alt="Logo FaciTRAJET"/>
+   </div>
+</p>
+    <div>
+        <p> Vous allez à : </p>
+        <p class="destination1">{{global.get(\"DestiTrouveNom\")}}</p> 
+    </div>
+    <div>
+    	<p>
+    	<a href="autresdestinations"><img class="boutonno" src="images/Bouton_NON.png" alt="NON"/></a>
+    </p>
+    </div>
+    <div>
+    	<p>
+    	<a href="impression"><img class="boutonyes" src="images/Bouton_je_valide.png" alt="OUI"/></a>
+    </p>
+    </div>
+
+
+</body>
+</html>
diff --git a/Affichage/ecoute.html b/Affichage/ecoute.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>ecoute</title>
+<link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png">
+<!--/Body-->
+<p>
+	<div>
+		<a href="calcul-en-cours.html">
+        <img class="micro" src="images/micro.png" alt="visuel micro"/>
+    </a>  
+
+   </div>
+   </p>
+        <form method="POST" action="/calcul">
+        <p><div> D <input name="dest" value="" autofocus required></div></p>
+        <p><input value="envoi" type="submit"></p>
+
+    </form>
+</body>
+</html>
diff --git a/Affichage/images/Bouton_Je_valide.png b/Affichage/images/Bouton_Je_valide.png
diff --git a/Affichage/images/Bouton_NON.png b/Affichage/images/Bouton_NON.png
diff --git a/Affichage/images/Fleche_verte.png b/Affichage/images/Fleche_verte.png
diff --git a/Affichage/images/TrajetTicketEnMain2.png b/Affichage/images/TrajetTicketEnMain2.png
diff --git a/Affichage/images/calcul.png b/Affichage/images/calcul.png
diff --git a/Affichage/images/carte-korrigo.png b/Affichage/images/carte-korrigo.png
diff --git a/Affichage/images/ecran_vide.png b/Affichage/images/ecran_vide.png
diff --git a/Affichage/images/fond.png b/Affichage/images/fond.png
diff --git a/Affichage/images/icone_handicap.png b/Affichage/images/icone_handicap.png
diff --git a/Affichage/images/icone_poussette.png b/Affichage/images/icone_poussette.png
diff --git a/Affichage/images/icone_valise.png b/Affichage/images/icone_valise.png
diff --git a/Affichage/images/logo.png b/Affichage/images/logo.png
diff --git a/Affichage/images/logo@0.5x.png b/Affichage/images/logo@0.5x.png
diff --git a/Affichage/images/logos_partenaires.png b/Affichage/images/logos_partenaires.png
diff --git a/Affichage/images/micro.png b/Affichage/images/micro.png
diff --git a/Affichage/images/reverselogo.png b/Affichage/images/reverselogo.png
diff --git a/Affichage/images/reverselogo@0.5x.png b/Affichage/images/reverselogo@0.5x.png
diff --git a/Affichage/impression-en-cours.html b/Affichage/impression-en-cours.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="refresh" content="2;impressionticket" />
+<title>Impression en cours</title>
+<link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png">
+</Body>
+<p>
+	<div>
+        <img class="logo05" src="images/logo@0.5x.png" alt="Logo FaciTRAJET"/>
+   </div>
+   </p>
+    <div>
+        <a href="impressionticket"><p class="calcultext">Impression en cours</p> </a>
+    </div>
+    <div>
+        <img class="calcul" src="images/calcul.png" alt="Calcul en cours"/>
+    </div>
+</body>
+</html>
diff --git a/Affichage/impressionticket.html b/Affichage/impressionticket.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="refresh" content="20;accueil" />
+<title>impression ticket</title>
+<link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png">
+</Body>
+<p>
+	<div>
+        <img class="logo05" src="images/logo@0.5x.png" alt="Logo FaciTRAJET"/>
+   </div>
+   </p>
+    <div>   
+        <a href="http://localhost:3000"><p class="destination1">Voir le FaciTRAJET ! </p> </a>
+	<a href="accueil"> accueil </a>
+    </div>
+    <div>
+        <p class="partenaires">Nos partenaires : </p>
+    </div>
+    <div>
+        <img class="logospartenaires" src="images/logos_partenaires.png" alt="Réseau STAR ; KEOLIS ; LACROIX Lab ; Rennes Métropole ; Fablab"/>
+    </div>
+</body>
+</html>
diff --git a/Affichage/index.md b/Affichage/index.md
@@ -0,0 +1,6 @@
+## Affichage Web
+
+Ce dossier regroupe les pages HTML qui forment l'interface visuelle de la borne Facitrajet, telle une interface web.
+Les variables entre {{}} sont issues de requêtes effectuées par l'outil NodeRED, qui est également le serveur des pages HTML, en localhost.
+
+Le format fixé est l'écran 7" officiel du Raspberry Pi.
diff --git a/Affichage/options.html b/Affichage/options.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>options</title>
+<link rel="stylesheet" href="style.css">
+<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
+</script>
+</head>
+
+<body>
+    <body bgcolor="#092868" background="images/fond.png">
+</Body>
+<div>
+	<p class="textoption">Un itinéraire particulier ?</p>
+</div>
+
+<form action=options method="POST">
+<div>
+	<p> <input type=radio name=profil value=bagages id="b">
+		<label for="b"><img class="boutonbagage" src="images/icone_valise.png" alt="bagage encombrant"> </label> </p>
+</div>
+<div>
+	<p> <input type=radio name=profil value=poussette id="p">
+		<label for="p"><img class="boutonpoussette" src="images/icone_poussette.png" alt="Poussette"></label> </p>
+</div>
+<div>
+	<p> <input type=radio name=profil value=poussette id="f">
+	<label for="f"><img class="boutonhandicap" src="images/icone_handicap.png" alt="Handicap"></label>	</p>
+</form>
+	    <div>
+        	<a href="ecoute.html"><img class="flecheoption" src="images/Fleche_verte.png" alt="énoncez votre destination"/></a>
+    </div>
+</div>
+<!-- Ce script soumet le formulaire dès qu'un des choix est sélectionné -->
+<script type='text/javascript'>
+
+ $(document).ready(function() { 
+   $('input[name=profil]').change(function(){
+        $('form').submit();
+   });
+  });
+
+</script>
+</body>
+</html>
diff --git a/Affichage/polices/Montserrat-Regular.otf b/Affichage/polices/Montserrat-Regular.otf