diff --git a/README.md b/README.md
index 0a367a824d20599ba5d4ecef44a172ae1e822b86..70546c40ff579dd88edb1332b60d0e1f871c1047 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,17 @@
+<h1>Démo</h1>
+
+**Une démo du projet est présente ici :** www.antoine-rcbs.ovh/apollo
+
<h1>Présentation du projet
Ce projet vise à faire un atelier en partenariat avec l'Institut Gaston Berger autour de Apollo 11.
L'objectif est de **faire découvrir des bases de programmation** et de montrer que l'informatique ne se limite pas aux programmes tournant sur des PC !
Les élèves participant à l'atelier font l'une des 4 activités proposées. Pour chacune, il faut coder en code visuel un petit programme. Ce code communique ensuite avec celui
-d'un arduino controlant une **maquette branchée à l'ordinateur** (une maquette par activité.) L'idée étant de f**aire interragir les élèves avec du Hardware et du Software en même temps de façon
+d'un arduino contrôlant une **maquette branchée à l'ordinateur** (une maquette par activité.) L'idée étant de f**aire interagir les élèves avec du Hardware et du Software en même temps de façon
simple et ludique**
.
-Ce projet emploie donc les lib **Blockly** et **JS-Interpreter** pour faire tourner le code côté ordinateur.
+Ce projet emploie donc les lib **Blockly** et **JS-Interpreter** pour faire tourner le code côté ordinateur.
Pour chaque module, le **code de la maquette est donné en Arduino**.
La communication entre les deux se fera par une lib dont le choix est encore à faire.
@@ -48,7 +52,7 @@ En raison de la présence de lib externes, il faut bien **penser à clone en uti
`git clone --recurse-submodules https://gitlab.clubelek.fr/antoinekia/atelier_igb_apollo/`
**A faire sinon les modules Blockly ne marcheront pas !!!**
-Les scripts JS utilisent des requettes HTTP. Tout navigateur digne de ce nom les bloque si l'URL commence par "files://", il faut donc lancer un serveur http sur sa machine pour tester.
+Les scripts JS utilisent des requêtes HTTP. Tout navigateur digne de ce nom les bloque si l'URL commence par "files://", il faut donc lancer un serveur http sur sa machine pour tester.
Cela se fait très facilement si python est installé correctement en lançant la commande suivante dans le répertoire racine du projet : <br/>
`python -m SimpleHTTPServer`
@@ -60,7 +64,7 @@ Explication de l'architecture plus détaillée à venir. Là j'ai un peu la flem
En gros : **pour chaque activité il y a :**
* Un **script JS (main-script.js)** gérant l'instanciation de Blockly, l'interprétation des fonctions IO employées par le code utilisateur, le lancement du code utilisateur, etc... Bref, il fait le café
-* Un f**ichier toolbox.xml**. Ce fichier peut très facilement être généré par un outil officiel mis en place par google. Idem pour les blocs customs ;)
+* Un **fichier toolbox.xml**. Ce fichier peut très facilement être généré par un outil officiel mis en place par google. Idem pour les blocs customs ;)
* Un **fichier HTML (index.html) contenant la page** dédiée à l'activité.
La doc officielle est très bien fichue et est dispo ici : https://developers.google.com/blockly/guides/get-started/web
@@ -72,6 +76,6 @@ Dans le main-script.js, la fonction "initAPI" permet de "réécrire" le comporte
-<h1>Intéractions avec les modules Arduino
+<h1>Interactions avec les modules Arduino
-**TODO (j'en ai pas sous la main là pour tester :'( )**
\ No newline at end of file
+**TODO (j'en ai pas sous la main là pour tester :'( )**
diff --git a/activity_1/index.html b/activity_1/index.html
index 49c409e9542d0dc3c626c7713adcad0596257df6..2939ebd3b7e2b9c7db58a23979dc6ffe20b98580 100644
--- a/activity_1/index.html
+++ b/activity_1/index.html
@@ -6,19 +6,24 @@
<link rel="stylesheet" href="../res/style.css" />
<!-- Import des bibliothèques js nécessaires -->
- <script src="../res/blockly/blockly_compressed.js"></script>
- <script src="../res/blockly/blocks_compressed.js"></script>
- <script src="../res/blockly/javascript_compressed.js"></script>
- <script src="../res/blockly/msg/js/fr.js"></script>
- <script src="../res/JS-Interpreter/acorn_interpreter.js"></script>
-
+ <script src="../res/lib/blockly/blockly_compressed.js"></script>
+ <script src="../res/lib/blockly/blocks_compressed.js"></script>
+ <script src="../res/lib/blockly/javascript_compressed.js"></script>
+ <script src="../res/lib/blockly/msg/js/fr.js"></script>
+ <script src="../res/lib/JS-Interpreter/acorn_interpreter.js"></script>
+ <script src="../res/lib/jquery.js"></script>
+ <script>
+ $(function(){
+ $("#header").load("../res/header.html");
+ $("#footer").load("../res/activity_footer.html");
+ });
+ </script>
</head>
<body>
- <header>
- <p>Road to the moon !</p>
- </header>
+ <header id="header"></header>
+
<section class="mainSection">
<!-- Création de la div portant blockly et d'un conteneur supérieur pour le responsive-->
<div id="blocklyArea"><div id="blocklyDiv" ></div></div>
@@ -28,11 +33,7 @@
</section>
- <footer>
- <img src="../res/img/logos/insa.png">
- <img src="../res/img/logos/clubelek.png">
- <img src="../res/img/logos/blockly.png">
- </footer>
+ <footer id="footer"></footer>
</body>
diff --git a/activity_2/index.html b/activity_2/index.html
index 49c409e9542d0dc3c626c7713adcad0596257df6..2939ebd3b7e2b9c7db58a23979dc6ffe20b98580 100644
--- a/activity_2/index.html
+++ b/activity_2/index.html
@@ -6,19 +6,24 @@
<link rel="stylesheet" href="../res/style.css" />
<!-- Import des bibliothèques js nécessaires -->
- <script src="../res/blockly/blockly_compressed.js"></script>
- <script src="../res/blockly/blocks_compressed.js"></script>
- <script src="../res/blockly/javascript_compressed.js"></script>
- <script src="../res/blockly/msg/js/fr.js"></script>
- <script src="../res/JS-Interpreter/acorn_interpreter.js"></script>
-
+ <script src="../res/lib/blockly/blockly_compressed.js"></script>
+ <script src="../res/lib/blockly/blocks_compressed.js"></script>
+ <script src="../res/lib/blockly/javascript_compressed.js"></script>
+ <script src="../res/lib/blockly/msg/js/fr.js"></script>
+ <script src="../res/lib/JS-Interpreter/acorn_interpreter.js"></script>
+ <script src="../res/lib/jquery.js"></script>
+ <script>
+ $(function(){
+ $("#header").load("../res/header.html");
+ $("#footer").load("../res/activity_footer.html");
+ });
+ </script>
</head>
<body>
- <header>
- <p>Road to the moon !</p>
- </header>
+ <header id="header"></header>
+
<section class="mainSection">
<!-- Création de la div portant blockly et d'un conteneur supérieur pour le responsive-->
<div id="blocklyArea"><div id="blocklyDiv" ></div></div>
@@ -28,11 +33,7 @@
</section>
- <footer>
- <img src="../res/img/logos/insa.png">
- <img src="../res/img/logos/clubelek.png">
- <img src="../res/img/logos/blockly.png">
- </footer>
+ <footer id="footer"></footer>
</body>
diff --git a/activity_3/index.html b/activity_3/index.html
index 49c409e9542d0dc3c626c7713adcad0596257df6..2939ebd3b7e2b9c7db58a23979dc6ffe20b98580 100644
--- a/activity_3/index.html
+++ b/activity_3/index.html
@@ -6,19 +6,24 @@
<link rel="stylesheet" href="../res/style.css" />
<!-- Import des bibliothèques js nécessaires -->
- <script src="../res/blockly/blockly_compressed.js"></script>
- <script src="../res/blockly/blocks_compressed.js"></script>
- <script src="../res/blockly/javascript_compressed.js"></script>
- <script src="../res/blockly/msg/js/fr.js"></script>
- <script src="../res/JS-Interpreter/acorn_interpreter.js"></script>
-
+ <script src="../res/lib/blockly/blockly_compressed.js"></script>
+ <script src="../res/lib/blockly/blocks_compressed.js"></script>
+ <script src="../res/lib/blockly/javascript_compressed.js"></script>
+ <script src="../res/lib/blockly/msg/js/fr.js"></script>
+ <script src="../res/lib/JS-Interpreter/acorn_interpreter.js"></script>
+ <script src="../res/lib/jquery.js"></script>
+ <script>
+ $(function(){
+ $("#header").load("../res/header.html");
+ $("#footer").load("../res/activity_footer.html");
+ });
+ </script>
</head>
<body>
- <header>
- <p>Road to the moon !</p>
- </header>
+ <header id="header"></header>
+
<section class="mainSection">
<!-- Création de la div portant blockly et d'un conteneur supérieur pour le responsive-->
<div id="blocklyArea"><div id="blocklyDiv" ></div></div>
@@ -28,11 +33,7 @@
</section>
- <footer>
- <img src="../res/img/logos/insa.png">
- <img src="../res/img/logos/clubelek.png">
- <img src="../res/img/logos/blockly.png">
- </footer>
+ <footer id="footer"></footer>
</body>
diff --git a/activity_4/index.html b/activity_4/index.html
index 49c409e9542d0dc3c626c7713adcad0596257df6..2939ebd3b7e2b9c7db58a23979dc6ffe20b98580 100644
--- a/activity_4/index.html
+++ b/activity_4/index.html
@@ -6,19 +6,24 @@
<link rel="stylesheet" href="../res/style.css" />
<!-- Import des bibliothèques js nécessaires -->
- <script src="../res/blockly/blockly_compressed.js"></script>
- <script src="../res/blockly/blocks_compressed.js"></script>
- <script src="../res/blockly/javascript_compressed.js"></script>
- <script src="../res/blockly/msg/js/fr.js"></script>
- <script src="../res/JS-Interpreter/acorn_interpreter.js"></script>
-
+ <script src="../res/lib/blockly/blockly_compressed.js"></script>
+ <script src="../res/lib/blockly/blocks_compressed.js"></script>
+ <script src="../res/lib/blockly/javascript_compressed.js"></script>
+ <script src="../res/lib/blockly/msg/js/fr.js"></script>
+ <script src="../res/lib/JS-Interpreter/acorn_interpreter.js"></script>
+ <script src="../res/lib/jquery.js"></script>
+ <script>
+ $(function(){
+ $("#header").load("../res/header.html");
+ $("#footer").load("../res/activity_footer.html");
+ });
+ </script>
</head>
<body>
- <header>
- <p>Road to the moon !</p>
- </header>
+ <header id="header"></header>
+
<section class="mainSection">
<!-- Création de la div portant blockly et d'un conteneur supérieur pour le responsive-->
<div id="blocklyArea"><div id="blocklyDiv" ></div></div>
@@ -28,11 +33,7 @@
</section>
- <footer>
- <img src="../res/img/logos/insa.png">
- <img src="../res/img/logos/clubelek.png">
- <img src="../res/img/logos/blockly.png">
- </footer>
+ <footer id="footer"></footer>
</body>
diff --git a/index.html b/index.html
index 7a05fc7adb456355e21f9f2aa7bd858878a500cd..d9cb77635aa7c02bbfb859dfe60a3b3ee4543211 100644
--- a/index.html
+++ b/index.html
@@ -5,13 +5,18 @@
<title>Road to the Moon !</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="res/style.css" />
+ <script src="res/lib/jquery.js"></script>
+ <script>
+ $(function(){
+ $("#header").load("res/header.html");
+ $("#footer").load("res/footer.html");
+ });
+ </script>
</head>
<body>
- <header>
- <p>Road to the moon !</p>
- </header>
+ <header id="header"></header>
<section class="mainSection">
<ul class="activitySelector">
@@ -58,11 +63,9 @@
</ul>
</section>
- <footer>
- <img src="res/img/logos/insa.png">
- <img src="res/img/logos/clubelek.png">
- <img src="res/img/logos/blockly.png">
- </footer>
+ <footer id="footer"></footer>
+
+
</body>
</html>
diff --git a/res/JS-Interpreter b/res/JS-Interpreter
deleted file mode 160000
index f72a7bdcc85487506423fc896b7be9972754fb3e..0000000000000000000000000000000000000000
--- a/res/JS-Interpreter
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit f72a7bdcc85487506423fc896b7be9972754fb3e
diff --git a/res/blockly b/res/blockly
deleted file mode 160000
index ba6dfd812552e0823ed75f3dc5133a267cc6fbc9..0000000000000000000000000000000000000000
--- a/res/blockly
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit ba6dfd812552e0823ed75f3dc5133a267cc6fbc9