MAJ car tous casser

15 files changed, 816 insertions, 13 deletions

diff --git a/DiagramBDD Final.png b/DiagramBDD Final.png
new file mode 100644
index 0000000..eb6c646
--- /dev/null
+++ b/DiagramBDD Final.png
diff --git a/Diagramme_de_cas_d'utilisation.png b/Diagramme_de_cas_d'utilisation.png
new file mode 100644
index 0000000..223fb8e
--- /dev/null
+++ b/Diagramme_de_cas_d'utilisation.png
diff --git a/Diagramme_exigence.png b/Diagramme_exigence.png
new file mode 100644
index 0000000..413bc72
--- /dev/null
+++ b/Diagramme_exigence.png
diff --git a/README.md b/README.md
index 13f4f60..a7c42d2 100644
--- a/README.md
+++ b/README.md
@@ -2,24 +2,33 @@
 Projet du lycée Eugène Livet (Nantes, France) sur la conception d'un robot-câble avec Arduino et Processing.
 
 ##Qu'est-ce que c'est ?
-Ce projet consiste en premier lieu à pouvoir déplacer un objet d'un point A à un point B via 4 treuils motorisé. C'est 4 treuils sont contrôlé depuis une carte Moteur Shield. Les 4 treuils communique en Xbee à une carte Arduino qui elle-même communique avec un ordinateur. Sur la carte Arduino se trouve sur la code Arduino qui permet de communiquer les données de déplacement des treuils depuis l'ordinateur, qui utilise processing pour l'interface IHM (Interface Homme Machine).
+Ce projet consiste en premier lieu à pouvoir déplacer un objet d'un point A à un point B via 4 treuils motorisés. Ces 4 treuils sont contrôlés depuis une carte Moteur Shield. Les 4 treuils communiquent en Xbee à une carte Arduino qui elle-même communique avec un ordinateur. Sur la carte Arduino se trouve le code Arduino qui permet de communiquer les données de déplacement des treuils depuis l'ordinateur, qui utilise processing pour l'interface IHM (Interface Homme Machine).
 
 ##Evolution
-- Ce projet a été commencé en 2013 par la classe de 1STI2D 1 du lycée Eugène Livet (Nantes, France). Ce robot-câble permettait au début de déplacer un "message" d'un point A à un point B. Le robot fonctionnait grâce à 4 treuils motorisé qui communiquait avec la carte Arduino en Xbee. Celle-ci communiquait en Xbee avec un programme sur l'ordinateur qui permettait d'effectuer le déplacer avec une IHM développer sous Processing.
-- Le projet a été continué en 2015 par la classe de TSTI2D 1, seulement cette fois le projet à été continué par 4 élèves pour le projet de bac de fin d'année. Le but était donc de rajouter des fonctionnalités. Le robot aura pour objectif de déplacer une télécommande aux clients d'un restaurant et grâce à celle-ci, ils pourront commander sur un écran géant leurs plats. Il y aura donc deux code Arduino et deux code Processing, Le robot-câble et la télécommande communique toute les deux en Xbee avec l'ordinateur. Un des deux codes Processing permet de diriger le robot-câble afin de livrer la télécommande aux tables afin que les clients puissent passer commande. Le second programme est l'IHM qui permet au client de choisir les plats qu'ils souhaitent, elle ce situera directement sur l'ordinateur.
+- Ce projet a été commencé en 2014 par la classe de 1STI2D 1 du lycée Eugène Livet (Nantes, France). Ce robot-câble permettait au début de déplacer un "message" d'un point A à un point B. Le robot fonctionne grâce à 4 treuils motorisés qui communique avec la carte Arduino en Xbee. Sur celle-ci il y à le programme Arduino  Code_Arduino_Robot-Cable.ino qui permet de commander les 4 treuils. La carte Arduino comminuque en Xbee avec un programme sur l'ordinateur qui permettait d'effectuer le déplacement avec une IHM développer sous Processing nommé Code_Processing_Controle_Robot-Cable.pde.
+- Le projet a été continué en 2015 par la classe de TSTI2D 1, seulement cette fois le projet à été continué par 4 élèves pour le projet de bac de fin d'année. Le but était donc de rajouter des fonctionnalités. Le robot aura pour objectif de déplacer une télécommande aux clients d'un restaurant et grâce à celle-ci, ils pourront commander sur un écran géant leurs plats. Il y aura donc deux codes Arduino et deux codes Processing, Le robot-câble et la télécommande communiquent toutes les deux en Xbee avec l'ordinateur. Un des deux codes Processing,Code_Processing_Controle_Robot-Cable.pde, permet de diriger le robot-câble afin de livrer la télécommande aux tables afin que les clients puissent passer commande. Le second programme est l'IHM, Code_Processing_Menu.pde, qui permet au client de choisir les plats qu'ils souhaitent, elle se situera directement sur l'ordinateur. Sur la carte Arduino qui contrôle le déplacement du Robo-Câble il y a le programme Arduino Code_Arduino_Robot-Cable.ino et sur la carte Arduino de la télécommande il y a Code_Arduino_Telecommande.ino.
 
 ##Le code
 Sur ce repositories vous trouverez donc les deux codes Arduino ainsi que les deux codes Processing.
 Code actuellement en ligne :
-- Code Arduino de la télécommande
-- Code Processing du menu de commande
-- Le code Arduino et Processing du robot-câble pas encore disponible
+- Code Arduino de la télécommande : Code_Arduino_Telecommande.ino
+- Code Arduino du Robot-Câble : Code_Arduino_Robot-Cable.ino /!\INDISPONIBLE/!\
+- Code Processing du menu de commande : Code_Processing_Menu.pde
+- Code Processing pour le contrôle du Robot-Câble : Code_Processing_Controle_Robot-Cable.pde /!\INDISPONIBLE/!\
 
 ##Contributeurs
-- Mr Mocquard (Professeur de l'option SIN, Système et Information du Numérique).
-- Cédric B., contributeur du programme Processing pour les commandes de déplacements du robot.
-- Brice P., contributeur du programme Processing pour les commandes de déplacements du robot.
-- Timothée K., mise en place de la partie communication Xbee sur le projet.
-- Anaïs F., conception de la télécommande.
-- Corentin B. alias NeodarZ, contributeur du programme Processing pour la commande des plats des clients.
-- Les autres élèves de la classe de 1STI2D 1 et TSTI2D 1 (Le projet s'étend sur 2 années scolaires, les élèves restent les même durant ces 2 années).
+
+####°·.__. Projet de Première .__.·°
+> - Philippe Mocquard (Professeur de l'option SIN, Système et Information du Numérique).
+> - Cédric B., contributeur du programme Processing pour les commandes de déplacements du robot.
+> - Brice P., contributeur du programme Processing pour les commandes de déplacements du robot.
+> - Timothée K., mise en place de la partie communication Xbee sur le projet.
+> - Anaïs F., conception de la télécommande.
+> - Corentin B. alias Neodarz (<a href="https://github.com/NeodarZ" class="user-mention">@NeodarZ</a>), contributeur du programme Processing pour la commande des plats des clients.
+
+####°·.__. Projet de Terminal .__.·°
+> - Philippe Mocquard (Professeur de l'option SIN, Système et Information du Numérique).
+> - Cédric B., contributeur du programme Processing pour les commandes de déplacements du robot.
+> - Timothée K., mise en place de la partie communication Xbee sur le projet.
+> - Anaïs F., conception de la télécommande.
+> - Corentin B. alias Neodarz (<a href="https://github.com/NeodarZ" class="user-mention">@NeodarZ</a>), contributeur du programme Processing pour la commande des plats des clients.
diff --git a/images/bkg.png b/images/bkg.png
new file mode 100644
index 0000000..d10e5ca
--- /dev/null
+++ b/images/bkg.png
diff --git a/images/blacktocat.png b/images/blacktocat.png
new file mode 100644
index 0000000..9759d77
--- /dev/null
+++ b/images/blacktocat.png
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..56034a7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+
+    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
+
+
+    <title>Robot-cable by NeodarZ</title>
+  </head>
+
+ <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
+  <script>
+  jQuery(document).ready(function(){
+     $(window).scroll(function () {
+          var rupture = $('header').outerHeight() ;
+          if( $(window).scrollTop() > rupture ) {
+               $('#menu').addClass('fixed');
+          } else {
+               $('#menu').removeClass('fixed');
+          }
+     });
+});
+  </script>
+
+  <body>
+
+    <header>
+      <div class="container">
+        <h1>Robot-cable</h1>
+        <h2>Projet du lycée Eugène Livet (Nantes, France) sur la conception d&#39;un robot-câble avec Arduino et Processing</h2>
+
+        <div align="center">
+        <section id="downloads">
+          <a href="https://github.com/NeodarZ/Robot-Cable/zipball/master" class="btn">Download as .zip</a>
+          <a href="https://github.com/NeodarZ/Robot-Cable/tarball/master" class="btn">Download as .tar.gz</a>
+          <a href="https://github.com/NeodarZ/Robot-Cable" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
+        </section>
+        </div>
+      </div>
+    </header>
+
+      <div align="center" id="menu_fix">
+      <div  id="menu">
+        <div  id="menu_btn">
+            <a href="index.html" class="btn_actuel">Accueil</a>
+            <a href="sysml.html" class="btn">SySML</a>
+            <a href="plateforme-c.html" class="btn">Plateforme C</a>
+            <a href="irccyn.html" class="btn">IRCCYN</a>
+        </div>
+      </div>
+      </div>
+    <div class="container">
+      <section id="main_content">
+		<br />
+		<br />
+        <h3>
+<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span class="octicon octicon-link"></span></a>Qu'est-ce que c'est ?</h3>
+
+<p>Ce projet consiste en premier lieu à pouvoir déplacer un objet d'un point A à un point B via 4 treuils motorisés. Ces 4 treuils sont contrôlés depuis une carte Moteur Shield. Les 4 treuils communiquent en Xbee à une carte Arduino qui elle-même communique avec un ordinateur. Sur la carte Arduino se trouve le code Arduino qui permet de communiquer les données de déplacement des treuils depuis l'ordinateur, qui utilise processing pour l'interface IHM (Interface Homme Machine).</p>
+
+<h3>
+<a id="designer-templates" class="anchor" href="#designer-templates" aria-hidden="true"><span class="octicon octicon-link"></span></a>Evolution</h3>
+
+<p>- Ce projet a été commencé en 2014 par la classe de 1STI2D 1 du lycée Eugène Livet (Nantes, France). Ce robot-câble permettait au début de déplacer un "message" d'un point A à un point B. Le robot fonctionne grâce à 4 treuils motorisés qui communique avec la carte Arduino en Xbee. Sur celle-ci il y à le programme Arduino  Code_Arduino_Robot-Cable.ino qui permet de commander les 4 treuils. La carte Arduino comminuque en Xbee avec un programme sur l'ordinateur qui permettait d'effectuer le déplacement avec une IHM développer sous Processing nommé Code_Processing_Controle_Robot-Cable.pde.</p>
+<p>- Le projet a été continué en 2015 par la classe de TSTI2D 1, seulement cette fois le projet à été continué par 4 élèves pour le projet de bac de fin d'année. Le but était donc de rajouter des fonctionnalités. Le robot aura pour objectif de déplacer une télécommande aux clients d'un restaurant et grâce à celle-ci, ils pourront commander sur un écran géant leurs plats. Il y aura donc deux codes Arduino et deux codes Processing, Le robot-câble et la télécommande communiquent toutes les deux en Xbee avec l'ordinateur. Un des deux codes Processing,Code_Processing_Controle_Robot-Cable.pde, permet de diriger le robot-câble afin de livrer la télécommande aux tables afin que les clients puissent passer commande. Le second programme est l'IHM, Code_Processing_Menu.pde, qui permet au client de choisir les plats qu'ils souhaitent, elle se situera directement sur l'ordinateur. Sur la carte Arduino qui contrôle le déplacement du Robo-Câble il y a le programme Arduino Code_Arduino_Robot-Cable.ino et sur la carte Arduino de la télécommande il y a Code_Arduino_Telecommande.ino.</p>
+
+<h3>
+<a id="rather-drive-stick" class="anchor" href="#rather-drive-stick" aria-hidden="true"><span class="octicon octicon-link"></span></a>Le code</h3>
+
+<p>Sur ce repositories vous trouverez donc les deux codes Arduino ainsi que les deux codes Processing. Code actuellement en ligne :</p>
+<p>- Code Arduino de la télécommande : <a href="https://github.com/NeodarZ/Robot-Cable/blob/master/Code_Arduino_Telecommande/Code_Arduino_Telecommande.ino">Code_Arduino_Telecommande.ino</a>.</p>
+<p>- Code Arduino du Robot-Câble : Code_Arduino_Robot-Cable.ino /!\INDISPONIBLE/!\</p>
+<p>- Code Processing du menu de commande : <a href="https://github.com/NeodarZ/Robot-Cable/blob/master/Code_Processing_Menu/Code_Processing_Menu.pde">Code_Processing_Menu.pde</a>.</p>
+<p>- Code Processing pour le contrôle du Robot-Câble : Code_Processing_Controle_Robot-Cable.pde /!\INDISPONIBLE/!\</p>
+
+<h3>
+<a id="authors-and-contributors" class="anchor" href="#authors-and-contributors" aria-hidden="true"><span class="octicon octicon-link"></span></a>Contributeurs</h3>
+
+<p style="text-align: center;">·._. Projet de Première ._.·°</p>
+<p>- Philippe Mocquard (Professeur de l'option SIN, Système et Information du Numérique).</p>
+<p>- Cédric B., contributeur du programme Processing pour les commandes de déplacements du robot.</p>
+<p>- Brice P., contributeur du programme Processing pour les commandes de déplacements du robot.</p>
+<p>- Timothée K.alias Timmy (<a href="https://github.com/Timmy" class="user-mention">@Timmy</a>), mise en place de la partie communication Xbee sur le projet.</p>
+<p>- Anaïs F., conception de la télécommande.</p>
+<p>- Corentin B. alias Neodarz (<a href="https://github.com/NeodarZ" class="user-mention">@NeodarZ</a>), contributeur du programme Processing pour la commande des plats des clients.</p>
+<br />
+<p style="text-align: center;">·._. Projet de Terminal ._.·°</p>
+<p>- Philippe Mocquard (Professeur de l'option SIN, Système et Information du Numérique).</p>
+<p>- Cédric B., contributeur du programme Processing pour les commandes de déplacements du robot.</p>
+<p>- Timothée K. alias Timmy (<a href="https://github.com/Timmy" class="user-mention">@Timmy</a>), mise en place de la partie communication Xbee sur le projet.</p>
+<p>- Anaïs F., conception de la télécommande.</p>
+<p>- Corentin B. alias Neodarz (<a href="https://github.com/NeodarZ" class="user-mention">@NeodarZ</a>), contributeur du programme Processing pour la commande des plats des clients.</p>
+
+<br />
+<p style="text-align: center;">•?((¯°·._.• <a href="https://github.com/NeodarZ" class="user-mention">@NeodarZ</a> •._.·°¯))؟•</p>
+ 
+ <br />
+ 
+ 
+ <pre><code>
+ root@pc-896:~$ user -info -confidential
+ 
+ > User Name           :  Corentin BRETON
+ > User Localisation   :  Nantes, France
+ > User Pseudo         :  NeodarZ
+ > User mail           :  bretoncorentin44@gmail.com
+</code></pre>
+
+<code>
+<video controls="controls" autoplay="true" preload="auto" loop ><source src="progress.mp4" type="video/mp4" />Ici la description alternative</video>
+</code>
+
+ </section>
+    </div>
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/irccyn.html b/irccyn.html
new file mode 100644
index 0000000..6c39d51
--- /dev/null
+++ b/irccyn.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+
+    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
+
+    <title>Robot-cable by NeodarZ</title>
+  </head>
+
+<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
+  <script>
+  jQuery(document).ready(function(){
+     $(window).scroll(function () {
+          var rupture = $('header').outerHeight() ;
+          if( $(window).scrollTop() > rupture ) {
+               $('#menu').addClass('fixed');
+          } else {
+               $('#menu').removeClass('fixed');
+          }
+     });
+});
+  </script>
+  
+  <body>
+
+    <header>
+      <div class="container">
+        <h1>Robot-cable</h1>
+        <h2>Projet du lycée Eugène Livet (Nantes, France) sur la conception d&#39;un robot-câble avec Arduino et Processing</h2>
+
+        <div align="center">
+        <section id="downloads">
+          <a href="https://github.com/NeodarZ/Robot-Cable/zipball/master" class="btn">Download as .zip</a>
+          <a href="https://github.com/NeodarZ/Robot-Cable/tarball/master" class="btn">Download as .tar.gz</a>
+          <a href="https://github.com/NeodarZ/Robot-Cable" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
+        </section>
+        </div>
+      </div>
+    </header>
+
+
+    
+    <div align="center" id="menu_fix">
+      <div  id="menu">
+        <div  id="menu_btn">
+            <a href="index.html" class="btn">Accueil</a>
+            <a href="sysml.html" class="btn">SySML</a>
+            <a href="plateforme-c.html" class="btn">Plateforme C</a>
+            <a href="irccyn.html" class="btn_actuel">IRCCYN</a>
+        </div>
+      </div>
+      </div>
+    <div class="container">
+      <section id="main_content">
+		<br />
+		<br />
+		<h3>
+<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span class="octicon octicon-link"></span></a>Qu'est-ce que l'IRCCYN ?</h3>
+
+<p>L'IRCCYN est l'Institut de Recherche en Communications et Cybernétique de Nantes.</p>
+
+<h3>
+<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span class="octicon octicon-link"></span></a>Les différents types de Robots-Câbles</h3>
+
+<p>Les robots-câbles sont utilisés dans différents dommaines, comme la contruction, les manufactures ou encores dans des laboratoires</p>
+
+<br />
+<p style="text-align: center;">•?((¯°·._.• <a href="https://github.com/NeodarZ" class="user-mention">@NeodarZ</a> •._.·°¯))؟•</p>
+ <br />
+ 
+ 
+ <pre><code>
+ root@pc-896:~$ user -info -confidential
+ 
+ > User Name           :  Corentin BRETON
+ > User Localisation   :  Nantes, France
+ > User Pseudo         :  NeodarZ
+ > User mail           :  bretoncorentin44@gmail.com
+</code></pre>
+
+<code>
+<video controls="controls" autoplay="true" preload="auto" loop ><source src="progress.mp4" type="video/mp4" />Ici la description alternative</video>
+</code>
+
+ </section>
+    </div>
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/javascripts/main.js b/javascripts/main.js
new file mode 100644
index 0000000..d8135d3
--- /dev/null
+++ b/javascripts/main.js
@@ -0,0 +1 @@
+console.log('This would be the main JS file.');
diff --git a/params.json b/params.json
new file mode 100644
index 0000000..a526820
--- /dev/null
+++ b/params.json
@@ -0,0 +1 @@
+{"name":"Robot-cable","tagline":"Projet du lycée Eugène Livet (Nantes, France) sur la conception d'un robot-câble avec Arduino et Processing","body":"### Welcome to GitHub Pages.\r\nThis automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:\r\n\r\n```\r\n$ cd your_repo_root/repo_name\r\n$ git fetch origin\r\n$ git checkout gh-pages\r\n```\r\n\r\nIf you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.\r\n\r\n### Designer Templates\r\nWe've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.\r\n\r\n### Rather Drive Stick?\r\nIf you prefer to not use the automatic generator, push a branch named `gh-pages` to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.\r\n\r\n### Authors and Contributors\r\nYou can @mention a GitHub username to generate a link to their profile. The resulting `<a>` element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out the documentation at https://help.github.com/pages or contact support@github.com and we’ll help you sort it out.\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
\ No newline at end of file
diff --git a/plateforme-c.html b/plateforme-c.html
new file mode 100644
index 0000000..5fe8a73
--- /dev/null
+++ b/plateforme-c.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+
+    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
+
+    <title>Robot-cable by NeodarZ</title>
+  </head>
+
+<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
+  <script>
+  jQuery(document).ready(function(){
+     $(window).scroll(function () {
+          var rupture = $('header').outerHeight() ;
+          if( $(window).scrollTop() > rupture ) {
+               $('#menu').addClass('fixed');
+          } else {
+               $('#menu').removeClass('fixed');
+          }
+     });
+});
+  </script>
+
+  <body>
+
+    <header>
+      <div class="container">
+        <h1>Robot-cable</h1>
+        <h2>Projet du lycée Eugène Livet (Nantes, France) sur la conception d&#39;un robot-câble avec Arduino et Processing</h2>
+
+        <div align="center">
+        <section id="downloads">
+          <a href="https://github.com/NeodarZ/Robot-Cable/zipball/master" class="btn">Download as .zip</a>
+          <a href="https://github.com/NeodarZ/Robot-Cable/tarball/master" class="btn">Download as .tar.gz</a>
+          <a href="https://github.com/NeodarZ/Robot-Cable" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
+        </section>
+        </div>
+      </div>
+    </header>
+
+  <div align="center" id="menu_fix">
+      <div  id="menu">
+        <div  id="menu_btn">
+            <a href="index.html" class="btn">Accueil</a>
+            <a href="sysml.html" class="btn">SySML</a>
+            <a href="plateforme-c.html" class="btn_actuel">Plateforme C</a>
+            <a href="irccyn.html" class="btn">IRCCYN</a>
+        </div>
+        </div>
+        </div>
+    <div class="container">
+      <section id="main_content">
+		<br />
+		<br />
+		
+       <h3>
+<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span class="octicon octicon-link"></span></a>Qu'est ce que Plateforme C ?</h3>
+<p>Plateforme C est un fablab.</p>
+<p>C'est à dire un atelier de fabrication numérique et de prototypage rapide mutualisé entre une association, des étabissements d'enseignements supérieurs et une plateforme régionale d'innovation.</p>
+<p>Source : <a href="https://www.plateforme-c.org/portfolio/lefablab/" class="user-mention">@Platforme C</a>
+		
+        <h3>
+<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span class="octicon octicon-link"></span></a>Création d'un prototype de la structure de la télécommande</h3>
+
+<p>La structure de la télécommande à été réalisé en cagette récupéré dans un marché de fruit et de légumes à Nantes. Le bois a ensuite été découpé avec une découpe laser. Pour ce faire, le logiciel Photoshop à été utilisé pour dessiné la forme de la structure.</p>
+<p>Une fois les formes dessinées, le fichier a été importer sur Inkscape afin de véctoriser l'image. - la vectorisation permet de garder la netteté de l'image peut importe le nombre de fois où elle sera zoomé - Une fois les images vectorisées, nous avons créer plusieurs calques sur le logiciel pour choisir l'ordre des découpes.</p>
+<p>Un premier calque pour les découpes intérieurs qui sont seront découpés avant les découpes extérieurs et un second calque pour les découpes extérieures. Enfin grâce au plugin "laser-engraver" d'inkscape, un paramétrage de la découpe à été éféctué avec les paramètres suivants</p>
+		<pre><code>
+> Focal: 8
+> Vitesse du laser: 1000
+> Epaisseur : 6
+		</code></pre>
+		
+
+<br />
+<p style="text-align: center;">•?((¯°·._.• <a href="https://github.com/NeodarZ" class="user-mention">@NeodarZ</a> •._.·°¯))؟•</p>
+ 
+ <br />
+ 
+ 
+ <pre><code>
+ root@pc-896:~$ user -info -confidential
+ 
+ > User Name           :  Corentin BRETON
+ > User Localisation   :  Nantes, France
+ > User Pseudo         :  NeodarZ
+ > User mail           :  bretoncorentin44@gmail.com
+</code></pre>
+
+<code>
+<video controls="controls" autoplay="true" preload="auto" loop ><source src="progress.mp4" type="video/mp4" />Ici la description alternative</video>
+</code>
+
+ </section>
+    </div>
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/progress.mp4 b/progress.mp4
new file mode 100644
index 0000000..08f0b25
--- /dev/null
+++ b/progress.mp4
diff --git a/stylesheets/pygment_trac.css b/stylesheets/pygment_trac.css
new file mode 100644
index 0000000..d1df6a2
--- /dev/null
+++ b/stylesheets/pygment_trac.css
@@ -0,0 +1,68 @@
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #CBDFFF } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+.type-csharp .highlight .k { color: #0000FF }
+.type-csharp .highlight .kt { color: #0000FF }
+.type-csharp .highlight .nf { color: #000000; font-weight: normal }
+.type-csharp .highlight .nc { color: #2B91AF }
+.type-csharp .highlight .nn { color: #000000 }
+.type-csharp .highlight .s { color: #A31515 }
+.type-csharp .highlight .sc { color: #A31515 }
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
new file mode 100644
index 0000000..011996c
--- /dev/null
+++ b/stylesheets/stylesheet.css
@@ -0,0 +1,313 @@
+body {
+  margin: 0;
+  padding: 0;
+  background: #151515 url("../images/bkg.png") 0 0;
+  color: #eaeaea;
+  font: 16px;
+  line-height: 1.5;
+  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+}
+
+/* General & 'Reset' Stuff */
+
+.container {
+  width: 90%;
+  max-width: 630px;
+  margin: 0 auto;
+}
+
+section {
+  display: block;
+  margin: 0 0 20px 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0 0 20px;
+}
+
+li {
+  line-height: 1.4 ;
+}
+
+/* Header, <header>
+   header   - container
+   h1       - project name
+   h2       - project description
+*/
+
+header {
+  background: rgba(0, 0, 0, 0.1);
+  width: 100%;
+  border-bottom: 1px dashed #b5e853;
+  padding: 20px 0;
+  margin: 0px;
+}
+
+header h1 {
+  font-size: 30px;
+  line-height: 1.5;
+  margin: 0 0 0 -40px;
+  font-weight: bold;
+  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+  color: #b5e853;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
+               0 0 5px rgba(181, 232, 83, 0.1),
+               0 0 10px rgba(181, 232, 83, 0.1);
+  letter-spacing: -1px;
+  -webkit-font-smoothing: antialiased;
+}
+
+header h1:before {
+  content: "./ ";
+  font-size: 24px;
+}
+
+header h2 {
+  font-size: 18px;
+  font-weight: 300;
+  color: #666;
+}
+
+#downloads .btn {
+  display: inline-block;
+  text-align: center;
+  margin: 0;
+}
+
+/* Main Content
+*/
+
+#main_content {
+  width: 100%;
+  -webkit-font-smoothing: antialiased;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 2px 2px 0 rgba(255, 255, 255, 0.5);
+  padding-left: 15px;
+  padding-right: 15px;
+}
+section img {
+  max-width: 100%
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: normal;
+  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+  color: #b5e853;
+  letter-spacing: -0.03em;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
+               0 0 5px rgba(181, 232, 83, 0.1),
+               0 0 10px rgba(181, 232, 83, 0.1);
+}
+
+#main_content h1 {
+  font-size: 30px;
+}
+
+#main_content h2 {
+  font-size: 24px;
+}
+
+#main_content h3 {
+  font-size: 18px;
+}
+
+#main_content h4 {
+  font-size: 14px;
+}
+
+#main_content h5 {
+  font-size: 12px;
+  text-transform: uppercase;
+  margin: 0 0 5px 0;
+}
+
+#main_content h6 {
+  font-size: 12px;
+  text-transform: uppercase;
+  color: #999;
+  margin: 0 0 5px 0;
+}
+
+dt {
+  font-style: italic;
+  font-weight: bold;
+}
+
+ul li {
+  list-style: none;
+}
+
+ul li:before {
+  content: ">>";
+  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+  font-size: 13px;
+  color: #b5e853;
+  margin-left: -37px;
+  margin-right: 21px;
+  line-height: 16px;
+}
+
+blockquote {
+  color: #aaa;
+  padding-left: 10px;
+  border-left: 1px dotted #666;
+}
+
+pre {
+  background: rgba(0, 0, 0, 0.9);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  padding: 10px;
+  font-size: 14px;
+  color: #b5e853;
+  border-radius: 2px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  text-wrap: normal;
+  overflow: auto;
+  overflow-y: hidden;
+}
+
+table {
+  width: 100%;
+  margin: 0 0 20px 0;
+}
+
+th {
+  text-align: left;
+  border-bottom: 1px dashed #b5e853;
+  padding: 5px 10px;
+}
+
+td {
+  padding: 5px 10px;
+}
+
+hr {
+  height: 0;
+  border: 0;
+  border-bottom: 1px dashed #b5e853;
+  color: #b5e853;
+}
+
+/* Buttons
+*/
+
+.btn {
+  display: inline-block;
+  background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3));
+  padding: 8px 18px;
+  border-radius: 50px;
+  border: 2px solid rgba(0, 0, 0, 0.7);
+  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
+  border-top: 2px solid rgba(0, 0, 0, 1);
+  color: rgba(255, 255, 255, 0.8);
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  font-size: 13px;
+  text-decoration: none;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.btn:hover {
+  background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8));
+  color: #44EBF4;
+  border-radius: 50px;
+  border: 2px solid rgba(68, 235, 244, 0.7);
+  border-bottom: 2px solid rgba(68, 235, 244, 0.7);
+  border-top: 2px solid rgba(68, 235, 244, 1);
+}
+
+.btn_actuel {
+  display: inline-block;
+  background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3));
+  padding: 8px 18px;
+  border-radius: 50px;
+  border: 2px solid rgba(181, 232, 83, 0.7);
+  border-bottom: 2px solid rgba(181, 232, 83, 0.7);
+  border-top: 2px solid rgba(181, 232, 83, 1);
+  color: #b5e853;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
+               0 0 5px rgba(181, 232, 83, 0.1),
+               0 0 10px rgba(181, 232, 83, 0.1);
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  font-size: 13px;
+  text-decoration: none;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.btn_actuel:hover {
+  background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8));
+  color: #44EBF4;
+  border-radius: 50px;
+  border: 2px solid rgba(68, 235, 244, 0.7);
+  border-bottom: 2px solid rgba(68, 235, 244, 0.7);
+  border-top: 2px solid rgba(68, 235, 244, 1);
+}
+
+.btn .icon {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 1px 8px 0 0;
+  float: left;
+}
+
+.btn-github .icon {
+  opacity: 0.6;
+  background: url("../images/blacktocat.png") 0 0 no-repeat;
+}
+
+/* Links
+   a, a:hover, a:visited
+*/
+
+a {
+  color: #63c0f5;
+  text-shadow: 0 0 5px rgba(104, 182, 255, 0.5);
+}
+
+/* Clearfix */
+
+.cf:before, .cf:after {
+  content:"";
+  display:table;
+}
+
+.cf:after {
+  clear:both;
+}
+
+.cf {
+  zoom:1;
+}
+
+/* Ajout CSS */
+
+#menu_fix
+{
+  border-bottom: 1px dashed #b5e853;
+  padding-top:20px;
+  padding-bottom:20px;
+  background: red;
+  background: #302F2F;
+
+}
+
+#menu.fixed
+{
+  position: fixed;
+  top: 0;
+  background: #302F2F;
+  text-align: center;
+  top:-4px;
+  padding-top: 19px;
+  padding-bottom: 15px;
+  padding-right: 10%;
+  padding-left: 10%;
+  width: 100%;
+  left: 50%;
+  transform: translate(-50%);
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), 0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; 
+}
diff --git a/sysml.html b/sysml.html
new file mode 100644
index 0000000..ed7f928
--- /dev/null
+++ b/sysml.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+
+    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
+
+    <title>Robot-cable by NeodarZ</title>
+  </head>
+
+<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
+  <script>
+  jQuery(document).ready(function(){
+     $(window).scroll(function () {
+          var rupture = $('header').outerHeight() ;
+          if( $(window).scrollTop() > rupture ) {
+               $('#menu').addClass('fixed');
+          } else {
+               $('#menu').removeClass('fixed');
+          }
+     });
+});
+  </script>
+
+  <body>
+
+    <header>
+      <div class="container">
+        <h1>Robot-cable</h1>
+        <h2>Projet du lycée Eugène Livet (Nantes, France) sur la conception d&#39;un robot-câble avec Arduino et Processing</h2>
+
+        <div align="center">
+        <section id="downloads">
+          <a href="https://github.com/NeodarZ/Robot-Cable/zipball/master" class="btn">Download as .zip</a>
+          <a href="https://github.com/NeodarZ/Robot-Cable/tarball/master" class="btn">Download as .tar.gz</a>
+          <a href="https://github.com/NeodarZ/Robot-Cable" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
+        </section>
+        </div>
+      </div>
+    </header>
+
+    <div align="center" id="menu_fix">
+      <div  id="menu">
+        <div  id="menu_btn">
+            <a href="index.html" class="btn">Accueil</a>
+            <a href="sysml.html" class="btn_actuel">SySML</a>
+            <a href="plateforme-c.html" class="btn">Plateforme C</a>
+            <a href="irccyn.html" class="btn">IRCCYN</a>
+        </div>
+        </div>
+        </div>
+    <div class="container">
+      <section id="main_content">
+		<br />
+		<br />
+		
+       <h3>
+<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span class="octicon octicon-link"></span></a>Qu'est ce que le SySML ?</h3>
+<p>Le SySML (Systems Modeling Language) est un langage de modélisation, spécifique au domaine de l'ingénieurie système.</p>
+<p>Il permet la spécification, l'analyse, la conception, la vérification et la validation de nombreux sytèmes.</p>
+<p>Source : <a href="https://fr.wikipedia/wiki/Systems_Modelin_Language/" class="user-mention">@Wikipédia</a></p>	
+
+<h3>
+<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span class="octicon octicon-link"></span></a>Diagrammes SySML du projet :</h3>
+
+<p>Diagramme du cas d'utilisation :</p>
+<img src="Diagramme_de_cas_d'utilisation.png"></img>
+
+<br />
+<p style="text-align: center;">•?((¯°·._.• <a href="https://github.com/NeodarZ" class="user-mention">@NeodarZ</a> •._.·°¯))؟•</p>
+ 
+ <br />
+ 
+ 
+ <pre><code>
+ root@pc-896:~$ user -info -confidential
+ 
+ > User Name           :  Corentin BRETON
+ > User Localisation   :  Nantes, France
+ > User Pseudo         :  NeodarZ
+ > User mail           :  bretoncorentin44@gmail.com
+</code></pre>
+
+<code>
+<video controls="controls" autoplay="true" preload="auto" loop ><source src="progress.mp4" type="video/mp4" />Ici la description alternative</video>
+</code>
+
+ </section>
+    </div>
+    
+  </body>
+</html>
\ No newline at end of file