HP17 : Bresturbangame - Historique des versions

Felie le 20 juin 2017 à 15:50

2017-06-20T15:50:57Z

Sylvie : /* Les étapes */

2017-06-20T15:17:28Z

‎Les étapes

COAT : /* Activité matinée 4 */

2017-06-20T14:28:26Z

‎Activité matinée 4

COAT : /* Mardi, réalisation du projet */

2017-06-20T14:25:03Z

‎Mardi, réalisation du projet

Maytesm le 20 juin 2017 à 14:15

2017-06-20T14:15:58Z

Maytesm le 20 juin 2017 à 14:15

2017-06-20T14:15:12Z

Maytesm le 20 juin 2017 à 14:13

2017-06-20T14:13:59Z

Maytesm le 20 juin 2017 à 14:12

2017-06-20T14:12:56Z

Maytesm le 20 juin 2017 à 14:11

2017-06-20T14:11:50Z

Maytesm le 20 juin 2017 à 14:04

2017-06-20T14:04:01Z

← Version précédente		Version du 20 juin 2017 à 15:50
Ligne 192 :		Ligne 192 :
	** Le fichier bonneReponse.txt doit contenir la bonne réponse à l’énigme. Elle doit correspondre à une chaîne de caractères rep1, rep2, rep3 ou rep4 en fonction de la bonne réponse à l’énigme.		** Le fichier bonneReponse.txt doit contenir la bonne réponse à l’énigme. Elle doit correspondre à une chaîne de caractères rep1, rep2, rep3 ou rep4 en fonction de la bonne réponse à l’énigme.

		+	===CODE DE LA BALISE WEMOS===
		+	<pre>
		+	//
		+	// Brest Urban Game
		+	//
		+	// 20/06/2017
		+	// TO BE CONTINUED
		+	// Notes
		+	// Le code est prévu pour être unique pour toutes les balises wemos
		+	// prérequis : il faut initialiser la mémoire flash du wemos cf.https://github.com/esp8266/arduino-esp8266fs-plugin
		+	// TODO notamment :
		+	// - stockage des photos, question, réponse, indice dans des fichiers sur la flash de la balise
		+	// - créer un formulaire pour pouvoir déposer sur chaque wemos les fichiers propres à la balise
		+	// - factoriser le code, ajouter des css
		+	// - vérifier l'utilisation en cas de clients multiples (cookies ? identification par adresse MAC ?) : un client peut être dans 3 états :
		+	// - il n'a pas encore répondu
		+	// - il a bien répondu
		+	// - il a mal répondu et doit attendre un certain temps pour pouvoir répondre à nouveau
		+	// - réfléchir à comment vérifier le passage effectif dans toutes les balises
		+
		+
		+	#include <ESP8266WiFi.h> // on appelle la bibliotheque qui gere le WemosD1 mini
		+	#include <FS.h>
		+
		+	WiFiServer serveur(80);
		+
		+	void setup() {
		+	// put your setup code here, to run once:
		+	initHardware();
		+	setupWiFi();
		+	serveur.begin(); // TODO : gestion de l'IP du serveur ?
		+	}
		+
		+	void setupWiFi() //reglage du reseau wifi emis par le WemosD1 mini
		+	{
		+	WiFi.mode(WIFI_AP);
		+	uint8_t mac[WL_MAC_ADDR_LENGTH];
		+	WiFi.softAPmacAddress(mac);
		+	String macID = String(mac[WL_MAC_ADDR_LENGTH - 2], HEX) +
		+	String(mac[WL_MAC_ADDR_LENGTH - 1], HEX);
		+	macID.toUpperCase();
		+	String AP_NameString = "BREST URBAN GAME"; //nom du reseau
		+
		+	char AP_NameChar[AP_NameString.length() + 1];
		+	memset(AP_NameChar, 0, AP_NameString.length() + 1);
		+
		+	for (int i = 0; i < AP_NameString.length(); i++)
		+	AP_NameChar[i] = AP_NameString.charAt(i);
		+
		+	WiFi.softAP(AP_NameChar);
		+	}
		+
		+	void initHardware()
		+	{
		+	Serial.begin(115200); //ouvre une connection serie pour monitorer le fonctionnement du code quand on reste branche a l'ordinateur
		+	}
		+
		+	String Enigme(WiFiClient c) {
		+	// Prepare la page web de réponse. on commence par le "header" commun; (le code HTML sera ecrit dans la chaine de caracteres s).
		+	String s = "HTTP/1.1 200 OK\r\n";
		+	s += "Content-Type: text/html; charset=UTF-8\r\n\r\n";
		+	s += "<!DOCTYPE html>\r\n";
		+	s += "<html>\r\n";
		+	s += "<head>\r\n";
		+	s += "<body><center>";
		+	s += "<h1 style=\"font-size:300%;\"\> BREST URBAN GAME ";
		+	s += "</h1>";
		+	s += "</center>";
		+
		+	//s += "<p>Vous êtes connecté : client = ";
		+	//s += c ;
		+	//s += "</p>";
		+	s += "<h2>La question qui tue : quelle est la bonne réponse ?</h2>" ;
		+	s += "<a href=\"/rep1\"\"><button style=\"font-size:200%; width: 18%\"\>img1 </button></a>\r\n";
		+	s += "<a href=\"/rep2\"\"><button style=\"font-size:200%; width: 18%\"\>img2 </button></a>\r\n";
		+	s += "<a href=\"/rep3\"\"><button style=\"font-size:200%; width: 18%\"\>img3 </button></a>\r\n";
		+	s += "<a href=\"/rep4\"\"><button style=\"font-size:200%; width: 18%\"\>img4 </button></a><br />\r\n";
		+
		+
		+	s += "</body></html>\n"; //Fin de la page Web
		+
		+	return (s) ;
		+	}
		+
		+	String MauvaiseReponse(WiFiClient c) {
		+	// Prepare la page web de réponse. on commence par le "header" commun; (le code HTML sera ecrit dans la chaine de caracteres s).
		+	String s = "HTTP/1.1 200 OK\r\n";
		+	s += "Content-Type: text/html; charset=UTF-8;\r\n\r\n";
		+	s += "<!DOCTYPE html>\r\n";
		+	s += "<html>\r\n";
		+	s += "<head>\r\n";
		+	s += "<meta http-equiv=\"refresh\" content=\"5; url=/\" />";
		+	s += "<body><center>";
		+	s += "<h1 style=\"font-size:300%;\"\> BREST URBAN GAME ";
		+	s += "</h1>";
		+	s += "<h2 style=\"color:red\">Mauvaise réponse !</h2>";
		+	s += "</body></html>\n"; //Fin de la page Web
		+
		+	return(s);
		+	}
		+
		+	String Indice(WiFiClient c) {
		+	// Prepare la page web de réponse. on commence par le "header" commun; (le code HTML sera ecrit dans la chaine de caracteres s).
		+	String s = "HTTP/1.1 200 OK\r\n";
		+	s += "Content-Type: text/html; charset=UTF-8\r\n\r\n";
		+	s += "<!DOCTYPE html>\r\n";
		+	s += "<html>\r\n";
		+	s += "<head>\r\n";
		+	s += "<body><center>";
		+	s += "<h1 style=\"font-size:300%;\"\> BREST URBAN GAME ";
		+	s += "</h1>";
		+	s += "</center>";
		+
		+	s += "<h2>Bravo ! L'indice est : <br /><br />Continuez tout droit </h2> ";
		+
		+	s += "</body></html>\n"; //Fin de la page Web
		+
		+	return (s) ;
		+	}
		+
		+	void loop() {
		+	// put your main code here, to run repeatedly:
		+	// Vérifie si il y a navigateur connecte
		+	WiFiClient client = serveur.available();
		+	if (!client) {
		+	return;
		+	}
		+
		+	// Lit la premiere ligne de la requete
		+	String req = client.readStringUntil('\r');
		+	//delay(10);
		+	client.flush();
		+
		+	int reponse = 0 ;
		+	if (req.indexOf("/rep1") != -1) reponse = 1;
		+	else if (req.indexOf("/rep2") != -1) reponse = 2;
		+	else if (req.indexOf("/rep3") != -1) reponse = 3;
		+	else if (req.indexOf("/rep4") != -1) reponse = 4;
		+
		+	Serial.println("reponse = " + String(reponse));
		+	Serial.println("req= " + req);
		+
		+	//la bonne réponse est rep2 (au final la bonne réponse est à lire dans un fichier de la flash)
		+	if (reponse == 2) {
		+	// affiche page indice
		+	client.print(Indice(client));
		+	}
		+	else if ( reponse == 1 or reponse == 3 or reponse == 4 ) {
		+	// affiche page erreur pendant 5 sec
		+	client.print(MauvaiseReponse(client));
		+	// delay(5000);
		+	}
		+	else {
		+	//affiche page enigme
		+	client.print(Enigme(client));
		+	}
		+
		+	Serial.println("Client disconnected");
		+	// client.flush();
		+
		+	}
		+	</pre>
	[[Catégorie:HP17]]		[[Catégorie:HP17]]

@@ Ligne 186 : / Ligne 186 : @@
 ====Les étapes====
-* La toute première fois que le Wemos est utilisé, il faut le formatter pour pouvoir utiliser la mémoire flash. Pour cela, compiler et « flasher » sur le Wemos le code du setup qui se trouve à l’adresse http://www.esp8266.com/viewtopic.php?f=29&t=8194
+* La toute première fois que le Wemos est utilisé, il faut le formater pour pouvoir utiliser la mémoire flash. Pour cela, compiler et « flasher » sur le Wemos le code du setup qui se trouve à l’adresse http://www.esp8266.com/viewtopic.php?f=29&t=8194
 * Récupérer le code du projet Brest Urban Game à l’adresse suivante. Dézipper le fichier. Il contient un répertoire et un fichier .ino. Ouvrir le fichier .ino avec Arduino IDE et flasher son contenu dans le Wemos.
 *Dans le répertoire vous trouverez cinq fichiers :

@@ Ligne 114 : / Ligne 114 : @@
 ====Activité matinée 4====
 ----------------------
-Chaque groupe groupe va équiper sa zone de jeu pour que l'autre groupe puisse jouer.
+Chaque groupe va équiper sa zone de jeu pour que l'autre groupe puisse jouer.
 Et maintenant chaque groupe va pourvoir jouer....

← Version précédente		Version du 20 juin 2017 à 14:25
Ligne 46 :		Ligne 46 :

	==Mardi, réalisation du projet==		==Mardi, réalisation du projet==
		+	TOPO PECHU
		+	[[Fichier:Hackathonpeda2017 BrestUrbanGameV2.odp]]

	===Conception pédagogique===		===Conception pédagogique===

@@ Ligne 72 : / Ligne 72 : @@
       Groupes d'enfants, un par balise
-Activité matinée 2
+====Activité matinée 2====
-------------------
+----------------------
 Présentation de la matinée deux parties:
@@ Ligne 95 : / Ligne 95 : @@
 ==> Balise prête à être programmée et égnime prête pour chaque groupe
-Activité matinée 3
+====Activité matinée 3====
-------------------
+----------------------
 Avec l'ensemble des 12 enfants
 #.Présentation de l'objectif de programmation de la balise
@@ Ligne 110 : / Ligne 110 : @@
 => Balise prête- le groupe est prêt à faire tester son jeu de piste aux camarades de l'autre groupe
-Activité matinée 4
+====Activité matinée 4====
-------------------
+----------------------
 Chaque groupe groupe va équiper sa zone de jeu pour que l'autre groupe puisse jouer.

@@ Ligne 51 : / Ligne 51 : @@
 Nombre d'enfants : 2 groupes de 12 enfants pour l'ensemble du projet
-Activité matinée 1 (par groupe de 12 enfants)
+====Activité matinée 1 (par groupe de 12 enfants)====
 ------------------

@@ Ligne 189 : / Ligne 189 : @@
 ** Le fichier reponseX.jpg contient l’image qui correspondra à la réponse numéro X de l’énigme
 ** Le fichier bonneReponse.txt doit contenir la bonne réponse à l’énigme. Elle doit correspondre à une chaîne de caractères rep1, rep2, rep3 ou rep4 en fonction de la bonne réponse à l’énigme.
 [[Catégorie:HP17]]

@@ Ligne 183 : / Ligne 183 : @@
 * Installer le plugin ESP8266 file uploader pour Arduinon IDE : récupere le plugin à l’adresse https://github.com/esp8266/arduino-esp8266fs-plugin/releases puis dézipper le fichier dans le répertoire $HOME_ARDUINO/tools
-===Quelles rubriques contient-elle ?===
+====Les étapes====
-Elle contient deux grandes rubriques :
+* La toute première fois que le Wemos est utilisé, il faut le formatter pour pouvoir utiliser la mémoire flash. Pour cela, compiler et « flasher » sur le Wemos le code du setup qui se trouve à l’adresse http://www.esp8266.com/viewtopic.php?f=29&t=8194
-* La réalisation technique.
+* Récupérer le code du projet Brest Urban Game à l’adresse suivante. Dézipper le fichier. Il contient un répertoire et un fichier .ino. Ouvrir le fichier .ino avec Arduino IDE et flasher son contenu dans le Wemos.
-* le projet pédagogique
+*Dans le répertoire vous trouverez cinq fichiers :
+** Le fichier reponseX.jpg contient l’image qui correspondra à la réponse numéro X de l’énigme
-=== '''Matériel''' ===
+** Le fichier bonneReponse.txt doit contenir la bonne réponse à l’énigme. Elle doit correspondre à une chaîne de caractères rep1, rep2, rep3 ou rep4 en fonction de la bonne réponse à l’énigme.
 ==='''Source'''===
   * documents

@@ Ligne 174 : / Ligne 174 : @@
 Installation du wemos dans le boite
-===FICHE D'AIDE A LA PROGRAMMATION===
+===FICHE D'AIDE A LA PREPARATION DE LA BALISE===
-principe d'un formulaire
+====Logiciels nécessaires====
-pour rentrer la question
-les choix de réponse (dessin-texte-image...)
+Pour la programmation d'une balise, nous aurons besoin d’un PC avec les logiciels suivants :
-zones
-affichage sur le portable pour cliquer sur la réponse choisie
+* Arduino IDE (cette activité  a été testée avec la version 1.8.2) : à télécharger à l’adresse https://www.arduino.cc/en/Main/Software
 ===Quelles rubriques contient-elle ?===

@@ Ligne 111 : / Ligne 111 : @@
 Activité matinée 4
+------------------
 Chaque groupe groupe va équiper sa zone de jeu pour que l'autre groupe puisse jouer.
@@ Ligne 157 : / Ligne 157 : @@
 * [[Fichier:Résultatfinal.JPG|200px]]
-Cabler le boitier
+Câbler le boîtier
 Vérification du cablage avec un voltmètre