Projet IMA3 P5, 2016/2017, TD2

Projet IMA3-SC 2016/2017 : <Veilleuse connectée>

Cahier des charges

Pour ce projet, nous déposerons tous nos programmes pour la partie informatique (HTML,serveur,port série) et autres fichiers pour la partie électronique (fpga,pcb) sur un dépôt GIT. Ce dépot GIT sera régulièrement mis à jour et il sera partagé avec les encadrants du projet afin de permettre la visualisation du travail réalisé.

Description du système

Notre projet Système Communicant consiste à réaliser un objet connecté, nous avons alors choisi la conception d'une veilleuse pour enfant.

Nous aurons alors pour objectif la réalisation des critères suivants:

• Proposition d'un éclairage de plus ou moins forte intensité.
• La lumière changera de couleur suivant un ordre prédéfini ou selon le choix de l'utilisateur ou reste blanche.
• La veilleuse s'allumera ou s'éteindra selon le choix des parents ou selon la lumière ambiante (s'il fait noir).
• Un détecteur de mouvement permettant d'envoyer un signal aux parents en cas de sommeil agité. De là, ils pourront lancer une des autres options de la veilleuse s'ils le désirent.

La veilleuse fonctionnera suivant cette liste de caractéristiques. Ceux-ci seront déterminés ou sélectionnés grâce à une application web accessible aux parents. Nous pouvons ainsi dire que la veilleuse est connectée.

Dans un premier temps, nous n'utiliserons pas la raspberry avant de réaliser une communication câblée en série entre le système et l'application. Par la suite, nous pourrons toujours utiliser la raspberry ou des modules Xbee afin de passer à une connexion sans fils. Grâce à la FPGA, nous comparons la valeur de la luminosité ambiante (avec une photorésistance) avec une valeur fixe "seuil lumineux".

inspiration structure veilleuse

Enfin, nous réaliserons à l'aide de la découpeuse laser, la structure de la veilleuse. Il s'agira d'une boite esthétique en bois. On pourra s'inspirer du modèle ci-contre :

Optionnel

Il serait intéressant d'ajouter à notre système, une fois seulement que les autres critères seront réalisés :

• Un haut-parleur afin de lancer depuis le site web une berceuse aux choix parmi celles proposées.
• Une heure d'extinction de la veilleuse choisie par les parents. Il peut aussi s'agir d'une durée maximale pour laquelle la veilleuse est allumée.

Le matériel

• 1 Nanoboard FPGA
• 1 Arduino
• 1 câble ethernet
• Résistances
• 2 leds RGB
• Alimentation
• 1 détecteur de mouvement
• 1 phototransistor ou photorésistance.
• Planche de bois : pour la structure de la veilleuse
• 1 interrupteur
• 1 Raspberry Pi

Séance 1

Préparation de la séance

Avant de commencer cette séance, nous avions auparavant bien avancé sur la maquette de notre système à l'aide de l'Arduino Uno et de nos composants personnels sur une BreadBoard. On y retrouve la photorésistance, le détecteur de présence et une led rouge qui modélise la détection du mouvement. De plus, nous avions déjà commencé à schématiser le système sur Fritzing. Celui-ci a été finalisé lors de cette séance (voir photo ci-dessous). Nous avions également fait le dessin du patron sur Inkscape de notre veilleuse. Nous avons débuté par cela, comme ça nous n'avons plus à nous en préoccuper pour la suite, et pouvons nous concentrer sur l'essentiel du projet.

Partie électronique

Nous avons continué la maquette afin de la terminer. Pour cela, nous avons commencé par vérifier que nos programmes préparés fonctionnaient correctement avec le matériel de notre boîte. Sur ce point là, nous avons eu quelques difficultés avec la photorésistance. En effet, notre montage était incorrect car la PIN de contrôle A0 était reliée au +, à la place d'être reliée à la masse. Une fois ceci fini, nous avons pu compiler notre programme de led s'allumant selon la luminosité. Pour le détecteur de présence, nous avons dû souder les 3 fils à des PIN pour pouvoir les brancher.

Ensuite, nous sommes passés à la création du programme pour les leds Neo-Pixel. Pour ce faire, nous avons dû dans un premier temps, télécharger la librairie correspondant à ce composant depuis le site Adafruit. Après cela, nous avons cherché comment connecter chaque broche de la led. Enfin, nous avons écrit des lignes de code afin d'allumer la led et de pouvoir changer sa couleur, à l'aide des tutoriels de Adafruit.

En parallèle, l'une de nous a été faire l'initiation FPGA et a commencé à travailler dessus. Suite à l'initiation nous avons décidé de quelle partie du projet nous voulons réaliser avec la FPGA. Nous avons décidé d'utiliser la FPGA pour lire les valeurs de la photorésistance ainsi la FPGA agira comme un convertisseur analogique/numérique: elle convertira les données analogiques du capteur en valeur numérique utilisable par l'ordinateur.

Partie informatique

Nous avons commencé la partie informatique, concernant la page web en HTML et JavaScript. Nous avons réalisé l'architecture de l'application web en html. Nous avons décidé des fonctionnalités devant être réalisées par l'application web puis nous avons commencer à réaliser les différentes pages nécessaires à la réalisations de ces tâches.
Nous avons donc décidé de lancer l'application web sur une page "Menu" qui permettra à l'utilisateur d'allumer ou éteindre la veilleuse et de naviguer dans les différentes pages de l'application. Ainsi, nous proposons à l'utilisateur la possibilité de modifier la couleur de la veilleuse ou de modifier son intensité ou encore de passer en mode automatique ou manuel.
Nous avons donc 4 pages web : à partir du menu on peut accéder dans un premier temps à la page de changement d'intensité qui est composée d'un slider allant de 0 à 255 : le but est que l'utilisateur puisse sélectionner l'intensité de lumière qu'il veut sur l'application et que ça change l'intensité de la veilleuse. Ensuite, il est possible d'accéder à la page de changement de la couleur qui est composée de trois slider variant de 0 à 255 : un pour le rouge, un pour le vert et le dernier pour le bleu; l'utilisateur pourra donc sélectionner un mélange de rouge, bleu et vert à sa convenance pour modifier la couleur de la veilleuse. Et enfin, on peut accéder à la page de sélection du mode qui est pour le moment vide, cette page permettra à l'utilisateur de choisir si la veilleuse fonctionne en mode automatique ou en mode manuel avec envoie de commandes par l'utilisateur.
Concernent les pages web purement html nous devons encore ajouter une manière pour l'utilisateur de sélectionner le mode et ajouter des scripts css pour rendre les pages plus jolies.

Séance 2

Préparation de la séance

Afin d'être efficace lors de cette séance, nous avons auparavant préparé le programme principal. Avec en première partie, l'initialisation des différents composants. Ensuite les fonctions secondaires permettant de :

 - couleur(int R,int G, int B) : Charger la couleur des leds
 - choix_couleur() : Laisser l'utilisateur choisir la couleur
 - eteindre_leds() : Éteindre les leds
 - choix_intensite() : Choisir l'intensité de la lumière
 - lumiere_auto() : Eteindre et allumer automatiquement la veilleuse selon la lumière ambiante
 - choix_type_allumage() : Choisir le type d'allumage : via l'application ou automatiquement
 - mouvement() : Envoyer un message aux parents si le sommeil est agité.

Et enfin, les fonctions principales, la première tests() afin de tester au fur et à mesure nos fonctions secondaires et la deuxième mainVeilleuse() qui sera la fonction définitive de notre projet.

Partie électronique

Lors de cette séance, nous avons dû changer notre bouton poussoir contre un interrupteur afin de choisir entre le mode automatique et manuel de la veilleuse. En effet, si l'on gardait le bouton poussoir les différentes fonctions se seraient exécutées uniquement lorsque l'on appui sur le bouton, ce qui n'est pas pratique.

Ensuite, comme nous avons réalisé chaque composant sur fritzing nous avons décidé de créer notre propre carte afin d'éviter d'utiliser trop de fils, pouvant causer des faux contacts. De plus, il sera beaucoup plus simple d’insérer cette carte dans notre veilleuse. De ce fait, nous avons conçu le routage de notre circuit imprimé, que nous allons envoyer au plus vite afin qu'il soit gravé pour notre prochaine séance.

Partie informatique

Afin de construire intelligemment notre programme principal, nous avons tout d'abord réfléchi sur feuille à l'architecture de celui ci. Nous en avons alors déduit qu'il fallait premièrement faire 2 parties afin de déterminer dans quel mode on se trouvera : manuel (avec l'application) ou automatique. Pour cela, nous allons nous servir de l'interrupteur afin de déterminer le mode en fonction de sa position (0 pour ouvert : automatique, et 1 pour fermé : manuel). Ensuite, dans chacune de ces parties, il faudra insérer les différentes fonctions que doivent réaliser la veilleuse. Celles-ci devront être implémentés de façon à correspondre au mode choisi.

Tout cela en corrélation avec la page web, qui a été configuré afin de répondre au mode manuel, et pour pouvoir commander les différentes fonctions réalisables par cette veilleuse comme le choix de la couleur, ect..

Concernant l'application web, nous avons modifié les pages de changement d'intensité, changement de la couleur et la sélection du mode et nous y avons ajouté des boutons retour de manière à pouvoir retourner au menu après avoir envoyé un message, ou si l'on s'est trompé de page. De plus, il nous fallait modifier la page "changement de mode" sur laquelle nous avons ajouté un interrupteur Automatique/Manuel, qui est en fait une "checkbox" à laquelle on applique du css pour lui donner un visuel de switch. Sur la page de menu nous avons suivi le même principe et nous avons ajouté un interrupteur on/off pour pouvoir allumer ou éteindre la veilleuse. Maintenant que nous avons terminé la partie html de l'application, il faut pouvoir faire communiquer notre veilleuse avec cette application : nous avons donc besoin d'une raspberry sur laquelle on lancera un serveur et qui sera branché via liaison série à l'arduino contrôlant notre veilleuse.

Séance 3

Préparation de la séance

Pour commencer la séance 3, il nous fallait finir la programmation du mode "automatique" de notre veilleuse. Il s'agit donc de finaliser la programmation sur IDE Arduino. Ainsi, nous avons terminé les fonctions secondaires : mouvement(), lumière_auto() et automatique ().

Fonction automatique() une nouvelle fonction : Elle est la fusion de mouvement() et lumière_auto(). C'est à dire qu'on étudie la détection de mouvement uniquement quand la lumière de la veilleuse est allumée.

Ces trois fonctions permettent la réalisation de la fonction principale mainVeilleuse_auto() qui est la fusion de celles-ci, où nous avons ajouté de code lié à l'interrupteur. Dans notre loop(), nous ne faisons donc appel qu'à cette fonction. mainVeilleuse_auto() permet donc de déterminer si on est en mode "manuel" ou "automatique" avec la position de l'interrupteur. Si nous somme en mode "automatique" elle permet alors d'avoir les leds néopixels s'allumant selon la lumière ambiante et ainsi qu'en même temps le contrôle du capteur de présence renvoyant "Sommeil agité !!!" si l'enfant bouge trop.

Notre code se trouve dans principal.ino, par soucis de simplicité, nous avons recréé un fichier "Autofinal.ino" comprenant uniquement le code nécessaire.

Modèle FPGA

Partie électronique

Lors de cette séance, nous avons étudié pendant les 4h le fonctionnement de la FPGA.

La FPGA nous permettra de contrôler l'intensité de la led à l'aide de la photorésistance. Pour cela, nous allons implémenté sur la FPGA dans un premier temps, le capteur et PWM qui sortira 1 ou 0, qui sera lié à un filtre passe bas, suivi d'un AOP qui renverra la valeur de la photorésistance, que l'on récupérera sur la FPGA et cela réglera donc l'intensité des néopixels.

Partie informatique

Cette séance de projet a été dédié à la mise en place du serveur et des Websockets. Nous avons donc dans un premier temps setup notre Raspberry de manière à pouvoir faire fonctionner un serveur dessus: il a donc tout d'abord fallu configurer la raspberry pour la connecter en ethernet au réseau Polytech et lui donner une adresse IP.
Ensuite, nous avons dû installer différents packages afin de faire fonctionner le serveur et les websockets qui nous permettront d'envoyer des messages de l'application au serveur et du serveur à l'application. Une fois le setup terminé, nous avons essayé le code d'exemple du serveur qui se trouve sur le site de M. Redon. Cet exemple se compose de deux parties: le serveur et la page web. Notre serveur fonctionne avec apache il faut donc que les fichiers correspondant aux pages html se situent au bon endroit sur la raspberry pour pouvoir les afficher soit /var/www/html. Une fois les pages au bn endroit il faut que l'utilisateur désirant y accéder soit connecter au même réseau que la raspberry et entre l'adresse IP de la raspberry suivi du nom de la page web dans un navigateur internet.

Partie serveur

Concernant le serveur, le langage de programmation choisi est le C, et nous avons utilisé le code proposé en exemple en modifiant le port pour en utiliser un qui n'est pas encore utilisé : on conserve donc le port 9000 sauf s'il est déjà utilisé, auquel cas on utilise le port 9001.
Une fois le code du serveur compilé avec les options nécessaires (libwebsocket) on le lance, et il nous indique qu'il écoute le port indiqué et qu'il est en attente qu'un client se connecte.

Pages html

Pour la partie web, il ne faut pas oublier d'inclure jquery.js dans le code html pour qu'il puisse traiter les webSockets.
On initialise correctement la page web avec l'adresse IP de la raspberry et le port sur lequel est lancé le serveur. Si la connexion est correctement effectuée le titre de la page devient vert et le serveur indique "connection established". Au contraire, si la connexion n'est pas correctement effectuée le titre devient rouge.

En exemple on nous donne un code dont la partie suivante est intéressante:

Il est composé de deux fonctions : la fonction onMessage qui est la fonction qui dit au client comment réagir lorsqu'il reçoit un message et la fonction sendMessage qui envoie un message du client au serveur. Etant donné que l'on veut utiliser notre application pour envoyer des messages à notre veilleuse, on utilisera uniquement la fonction sendMessage. Si le message est correctement reçu par le serveur il affichera "received data: " suivi par le message reçu.

Travail supplémentaire

Mercredi 17/05:

Nous avons réalisé les soudures de nos composants sur les PCB afin de pouvoir disposer les capteurs, l'interrupteur et les LEDs où nous le souhaitons. Cela a été difficile car le paramétrage d’épaisseur des pistes a été oublié et remplacé par une valeur défaut ou alors nous avions donné une valeur trop petite lors de la conception sur logiciel.

Puis nous avons continué le travail sur la FPGA avec la réalisation du montage extérieur permettant la conversion analogique numérique (voir photo). Nous utilisons alors une résistance d'environ 3.25 Ohm et une capacité de 10 nF (calculs réalisés précédemment). Ce filtre est suivi d'un AOP, qui sera le TL 062. Nous avons du faire des recherche sur la datasheet de l'AOP pour réaliser le montage.

Concernant la partie application web, nous avons initialisé correctement toutes nos pages web de manière à ce qu'elles soient toutes reliées au serveur et que l'on puisse ensuite récupérer les données de ces dernières pour les envoyer sur le serveur. Maintenant, lorsqu'on affiche les différentes pages html le titre devient vert si on est correctement connecté au serveur et il devient rouge si on est pas connecté au serveur. De plus lorsque l'on regarde du côté du serveur, il indique "connection established" lorsqu'une page est lancée. Il nous faut maintenant trouver comment récupérer les valeurs des sliders et des checkboxs présents sur les différentes pages html.

Vendredi 19/05:

Nous sommes allées réaliser la découpe de notre veilleuse au Fabricarium après quelques modifications telles que l'ajout de trous pour laisser passer des composants et la correction de l’épaisseur des trais.

Cela nous a permis de faire le montage "final" de notre veilleuse avec le câblage.

Voici le résultat :

Jeudi 22/05

Nous sommes retournés réaliser les derniers tests de compilations de notre FPGA. Après quelques erreurs, résolues au fur et à mesure, la compilation se passe correctement.

Nous avons ensuite branché l'ensemble veilleuse connectée et FPGA. Nous avons réalisé que nous avons un soucis d'aboutissement. L'ensemble réuni ne fonctionne pas. Nous avons alors pris la décision de laisser la FPGA de coté afin d'avancer sur la partie informatique.

A ce jour, pour la partie informatique, nous devons trouver comment transmettre des messages de l'application web à la raspberry via websocket. Notre serveur fonctionne mais nous avons des difficultés à communiquer entre les différents éléments de la veilleuse depuis le serveur. En effet, nous avons des difficultés d'envoie de données. Nous devons alors nous concentrer ensemble sur ces points.

Lundi 12/06, Mardi 13/06 & Mercredi 14/06

Ces trois jours ont été dédiés uniquement à la gestion et programmation des pages HTML, du serveur et de la communication par port série.

Pour l'envoie des informations de l'application web au serveur nous avons dû modifier légèrement nos pages html. En effet, après une étude de la fonction sendMessage il est nécessaire d'ajouter un bouton sur chacune des pages pour déclencher l'envoie des données. Nous avons donc commencer par l'envoie de l'intensité qui devrait être relativement simple étant donné que nous avons qu'une seule donnée à envoyer. Nous avons cependant rencontré un problème: nous n'arrivions pas à récupérer la valeur du slider nous avons donc décider de le remplacer par une boîte de texte dans laquelle l'utilisateur peut entrer la valeur d'intensité qu'il désire. Nous nous sommes ensuite penché sur l'envoie du choix de la couleur qui est fait à partir de 3 sliders, après quelques recherches nous avons finalement réussi à lire les valeurs des sliders que nous envoyons au serveur après l'appuie sur le bouton send. Il ne nous reste plus qu'à envoyer les données correspondant au choix du mode et au bouton on off qui sont tous les deux des checkbox. Comme précédemment nous avons essayé de récupérer leur valeur et d'ensuite les envoyer au serveur mais nous avons rencontré un problème: le serveur reçoit toujours la valeur "false" peut importe que la checkkbox soit cochée ou non. Nous avons cherché des solutions qui nous permettraient de résoudre ce problème mais nous n'en avons pas encore trouvé.

Nous nous sommes donc concentrées sur le contrôle de couleur et d'intensité de la veilleuse, éléments importants de notre projet. La difficulté est de différencier les données reçues. Dans le code des pages HTML, nous avons alors décidé de préciser I pour l'intensité et C pour les couleurs afin de faciliter la lecture des valeurs par la suite pour la liaison série.

Pour la communication série, nécessaire pour passer des données du serveur à l'Arduino, nous avons dans un premier temps réaliser une fonction application() permettant de réaliser des tests avec le moniteur série Arduino. Cette fonction permet de modifier la valeur de l'intensité ou la couleur de la lumière depuis une communication série. Une fois que cela fonctionnait, nous avons pu modifier les codes des pages HTML et serveur.c pour les adapter avec l'utilisation du port série par l'intermédiaire de la raspberry pi. Il nous a d'ailleurs fallu récupérer le code de la bibliothèque d’accès au port série : serial.h pour écrire le fichier serial.c qui sera utile pour notre fichier serveur(serveur.c). Serial.c nous permet de récupérer une valeur et de l'envoyer. Le programme attend de recevoir une valeur, ce qui explique la ligne suivante : if(fd<0){ perror(device); exit(-1); } La fonction application() intervient donc en utilisant les valeurs transmises par le serveur comme si il s'agissait du moniteur série.

Conclusion

Ce projet est très intéressant et enrichissant. En effet, nous laisser choisir sur quoi nous allions travailler est très plaisant car nous pouvions réellement faire ce que nous voulions et laisser cours à notre imagination. Malheureusement, nous n'avons pas pu réaliser parfaitement tous les points de notre cahier des charges. Réalisant au cours des séances que notre choix de projet était ambitieux, nous avons du faire des choix. Nous nous sommes concentrés sur les parties qui sous semblaient plus importantes et nous avons souhaité aborder tous les points concernés par le projet pour nous permettre d'apprendre un maximum de nouvelles compétences. Nous avons abordé ainsi en découverte la FPGA, les websockets, la gestion d'une application, et l'utilisation d'un port série.

A la fin de notre projet, nous pouvons dire que la partie "automatique" de notre veilleuse fonctionne bien. La veilleuse s'éteint lorsqu'il fait jour, et elle s'allume lorsqu'il fait nuit, démarrant la fonctionnalité du capteur de mouvement pour surveiller les enfants. L'interrupteur permet de passer d'un mode à l'autre sans problème. Quant à la FPGA qui devait servir au contrôle du capteur d'intensité lumineuse, cela n'a pas abouti malgré une compilation correcte. Concernant la partie "manuelle" de notre veilleuse, soit l'application web, nous pouvons dire que notre veilleuse est connectée dans la mesure où nous pouvons changer l'intensité des leds ainsi que la couleur de celles-ci depuis les pages web.

Liste de ce que nous avons appris tout au long du projet et cela dans plusieurs domaines :

• FPGA : Aucune de nous ne connaissaient, dorénavant nous avons de bonnes bases sur ce sujet.
• Arduino : Bases acquises auparavant, perfectionnement des connaissances.
• Electronique : Création de cartes électroniques, déjà vu pour certaines et apprentissage pour l'une. Il en est de même pour les soudures.
• Découpe laser : Découverte de la machine pour l'une d'entre nous, maintenant nous connaissons toutes son fonctionnement.
• Page Web,serveur, port série : Quelques bases légères du semestre dernier, apprentissage de nouvelles fonctionnalités. Cette partie concerne le plus d'apprentissage pour chacune car il s'agissait d'une partie à découvrir entièrement.