DEPARETEMENT : GENIE ELECTRIQUE

Projet de Fin d’Etudes


Présenté en vue de l’obtention du Diplôme Universitaire de
Technologie en Génie Electrique

Sous le thème

Acquisition et envoie des données de

Microcontrôleur vers le web
En réalisant :
Un système de détection du gaz

Réalisé par : Encadré par :

Khadija Amesrouy M.Bouhouch lahoussine

Année Universitaire 2021/2022
 DEDICACES

JE dédie ce travail à
.A mes parents, frère et sœurs
,A tous ceux qui m’a procuré
A tous ceux qui n'ont épargné aucun effort, de près ou de loin,
pour me permettre d'accomplir Ce travail.
 Remerciement

Je tiens à exprimer mes sincères remerciement à mon tuteur de projet de

fin d’étude M. BOUHOUCH LAHOSSINE, qui m’a suivi tout au long de cette
période et m’a conseillé.

Je remercie Monsieur AJAAMOUM MOHAMED, Chef de Département

Génie électrique et Monsieur IHSSINI HOUSSINE pour leurs disponibilités
et leurs soutiens.

Ainsi à tous qui m’aide de prés et de loi.

 Sommaire

Introduction générale ................................................................................................................................ 8

Chapitre 1 : ............................................................................................................................................... 9
Chaine d'acquisition des données ............................................................................................................. 9
Introduction : .......................................................................................................................................... 10
1. Chaine d'acquisition de données ................................................................................................. 10
1.1 Définition et présentation ............................................................................................................ 10
2. Structure d'une chaine d'acquisition analogique numérique : ..................................................... 11
2.1 Principe: ...................................................................................................................................... 11
Conclusion : ............................................................................................................................................ 13
Chapitre 2 : ............................................................................................................................................. 14
Traitement des données .......................................................................................................................... 14
Introduction : .......................................................................................................................................... 15
1. Traitement des données de MQ5 : .............................................................................................. 15
1.1. Microcontrôleur PIC16F876A :....................................................................................................... 15
1.2. Organigramme du Programme de MQ5 avec PIC16F876A : ......................................................... 16
1.3. Simulation dans Proteus (ISIS):....................................................................................................... 17
Conclusion : ............................................................................................................................................ 18
Chapitre 3: ............................................................................................................................................. 19
Transmission les données vers le web .................................................................................................... 19
Introduction............................................................................................................................................. 20
1. Communication sans fil : ............................................................................................................ 20
1.1. Le module ESP8266 : ...................................................................................................................... 20
2. Le Protocole de communication : ............................................................................................... 20
2.1. Protocol HTTP :............................................................................................................................... 20
3. L'environnement client-serveur : ................................................................................................ 20
3.1. Client HTTP : .................................................................................................................................. 21
3.2. Navigateur Web: .............................................................................................................................. 21
3.3. Serveur HTTP: ................................................................................................................................. 21
4. Serveur Web : ............................................................................................................................. 21
Conclusion .............................................................................................................................................. 21
Chapitre 4: ............................................................................................................................................. 22
La réalisation de notre Projet .................................................................................................................. 22
Introduction............................................................................................................................................. 23
1. Matériels et Logiciels Utilisés : .................................................................................................. 23
1.1. Le microcontrôleur ESP8266 : ........................................................................................................ 23
1.2. Capteur de gaz MQ5: ....................................................................................................................... 24
1.3. Buzzer : ............................................................................................................................................ 25
1.4. Ventilateur : ..................................................................................................................................... 25
1.5. Relais : ............................................................................................................................................. 26
2. Partie configuration de l'ESP8266 : ............................................................................................ 27
2.1. Configuration de L'ESP8266 dans Arduino IDE : ........................................................................... 27
2.2. Configuration de notre réseau WIFI sur l’ESP8266 : ...................................................................... 30
3. Transmission des données vers un site web ................................................................................ 30
3.1. Utilisation d’ESP web server ........................................................................................................... 30
3.2. Création d’une page web ................................................................................................................. 30
3.3. Affichage du site web avec les données acquis ............................................................................... 30
4. Réalisation du Projet : ................................................................................................................. 31
A. Bloc de détection : ........................................................................................................................... 31
B. Bloc d’activation de l’alarme et le ventilateur :............................................................................... 32
Organigramme du programme de notre projet: ............................................................................... 34
C. Bloc de transmission des données vers un site : .............................................................................. 36
Conclusion .............................................................................................................................................. 36
Conclusion Générale:.............................................................................................................................. 37
Annexes .................................................................................................................................................. 38
1. Le programme de système : ........................................................................................................ 38
2. Programme de MQ5 avec PIC16F867A : ................................................................................... 39
 Table de Figure
Figure 1: Chaine d'acquisition des données ........................................................................................... 10
Figure 2: Structure de l'acquisition analogique numérique ...................................................................... 11
Figure 3: fonctionnement du capteur .................................................................................................... 11
Figure4 : Organigramme du programme de MQ5 avec PIC16F876A ........................................................ 16
Figure 5: Simulation de MQ avec PIC16F876A. ...................................................................................... 17
Figure 6: résultat "Pas de fuite de Gaz". ............................................................................................... 18
Figure 7: résultat "Fuite de gaz". ......................................................................................................... 18
Figure 8: ESP8266 ............................................................................................................................ 23
Figure 9: Entrées/ Sorties de ESP8266 ................................................................................................. 24
Figure 10: Capteur de Gaz MQ5. ......................................................................................................... 24
Figure 11: Buzzer. .............................................................................................................................. 25
Figure 12: Ventilateur. ....................................................................................................................... 25
Figure 13: Relais. ............................................................................................................................... 26
Figure 14: fichier /préférence ............................................................................................................. 27
Figure 15: URL de gestionnaire de carte ESP8266 .................................................................................. 28
Figure 16: Dans le menu: Outils / Type de carte /Gestionnaire de cartes .................................................. 28
Figure 17: installation de "esp8266 by ESP8266 Community" ................................................................ 29
Figure 18: La nouvelle carte sur Outils. ................................................................................................ 29
Figure 19: schéma représentant les fonctionnalités du système ................................................................ 31
Figure 20: bloc de détection ................................................................................................................ 32
Figure 21 : Câblage du Buzzer ............................................................................................................ 33
Figure 22: Câblage du ventilateur ........................................................................................................ 33
Figure 23: câblage final du système ..................................................................................................... 33
Figure24 : organigramme de la fonction principale du prog et le sous prog « Setup »................................ 34
Figure25 : Organigramme des sous prog "ADC_val et mon_site"............................................................. 35
Figure 26: site Web du projet .............................................................................................................. 36
Introduction générale

Dans le cadre de la formation professionnelle, l’Ecole Supérieure de Technologie d’Agadir vielle à

compléter la formation de ses étudiants par un projet de fin d’études afin de développer l’autonomie
et la responsabilité des étudiants, d’affirmer leurs savoir-faire et à considérer leurs compétences.

L’objectif de mon projet était d’acquérir les données d’un capteur quelconque et les transmettre vers
un site web par un microcontrôleur.

J’ai choisi le concept du système de détection de gaz ; Un système de sécurité (composé du capteur
de gaz, ventilateur et Buzzer) qui permet de protéger les habitants contre les fuites de plusieurs types
de gaz, les incendies… Aussi on a choisi l’ESP8266 qui permet la connexion en WIFI pour la
transmission des données du capteur de gaz vers le site web, ce qui nous facilite de visualiser
toujours le taux de gaz à distance.

Ce rapport se propose de faire la synthèse du travail que j’ai effectué, ses parties principales sont les
suivant :

- Le premier chapitre aborde une généralité sur la chaine d’acquisition des capteurs.
- Le deuxième chapitre est consacré au traitement des données du capteur de gaz par un
microcontrôleur.
- Le troisième chapitre présente la transmission des données du capteur de gaz vers un site
web.
- Le quatrième chapitre aborde la réalisation de notre projet.

Department genie électrique 8

Chapitre 1 :
Chaine d'acquisition des données

Department genie électrique 9

Introduction :
Ce chapitre présente une description générale de la chaine d'acquisition. C’est-à-dire l’acquisition
des données qui proviennent du capteur. On va citer la définition de cette chaine, sa présentation puis
les étapes qu’il faut suivre.

1. Chaine d'acquisition de données

1.1 Définition et présentation
La chaine d'acquisition de données est l'ensemble des éléments nécessaires au "capteur" des
données (analogiques ou numériques) à leur transmission jusqu'au récepteur et à l'utilisateur des
données capturées. Cet utilisateur peut vouloir utiliser ces données immédiatement ou les stocker
pour les utiliser ultérieurement.

Les chaines d'acquisition de données ont pour objectif l'acheminement d'informations entre
différents éléments du système.

La communication qui nous intéresse est de nature monodirectionnelle et se fait d'un ensemble de
producteurs de données (les capteurs) vers un ensemble de consommateurs (les applications de
contrôle).

Figure 1: Chaine d'acquisition des données

Department genie électrique 10

 2. Structure d'une chaine d'acquisition analogique
numérique :

2.1 Principe:
Une chaine d'acquisition numérique peut se présenter selon la figure suivante:

Figure 2: Structure de l'acquisition analogique numérique

On peut définir le rôle de chacun des éléments :

i. Capteur :
Le capteur est l'interface entre le monde physique et le monde électrique. Il va délivrer un signal
électrique image d’un phénomène physique que l'on souhaite numériser. Il est toujours associé à un
circuit de mise en forme.

Figure 3: fonctionnement du capteur

Pour choisir le capteur le plus adéquat, pour mesurer une grandeur physique donnée, plusieurs
critères peuvent être pris en compte :

 Il faut évidemment d'abord vérifier que la plage de mesures du capteur couvre les valeurs
qu'il faudra être capable de mesurer.
 Ensuite, il faut s'intéresser aux éventuelles contraintes imposées par le projet, et s'assurer
que les caractéristiques du capteur soient compatibles avec ces dernières. Il se peut, par
exemple, qu'un certain niveau de précision, qu'une résolution minimale ou encore qu'un
temps de réponse minimal soit imposé.

Department genie électrique 11

  On peut également prendre en compte les caractéristiques en lien avec la qualité du
capteur, telles que sa fiabilité.
 Enfin, il ne faut pas non plus négliger le prix du capteur.
 Aussi, il faut avoir le type de capteur, est ce qu'il est actif ou passif
 Le capteur actif :

Le capteur actif fonctionnant en "générateur", il est généralement fondé dans son principe sur
un effet physique qui assure la conversion d'une composante de puissance propre à la grandeur
physique à prélever (thermique, mécanique, magnétique...) en une grandeur électrique.

 Le capteur passif :

Le capteur passif est un dipôle dont l'impédance varie en fonction de la grandeur mesurée.
Cette variation d'impédance résulte :

Soit d'une variation de dimension du capteur, c'est le principe de fonctionnement d'un grand nombre
de capteur de position, potentiomètre…

Soit d'une déformation résultant de force ou de grandeur s'y ramenant, pression accélération
(Armature de condensateur soumise à une différence de pression…)

 Le capteur utilisé dans notre Projet :

Le capteur MQ5 permettant de détecter la présence de différents gaz :
Gaz de pétrole liquide (LPG), le propane, le méthane, le butane et d'autres gaz naturels sur une plage
de 50 à 10000 ppm.

ii. Amplificateur de signal :

Cette étape permet d'adapter le niveau du signal issu du capteur à la chaine globale
d'acquisition.

iii. Filtre d’entrée :

Ce filtre permet de limiter le contenu spectral du signal aux fréquences qui nous
intéressent. Ainsi il élimine les parasites. C'est un filtre passe bas que l'on caractérise par sa
fréquence de coupure et son ordre.

iv. L'échantillonneur :
Son rôle est de prélever à chaque période d'échantillonnage la valeur de signal.

Department genie électrique 12

 v. Le convertisseur analogique numérique (CAN) :
C'est un circuit intégré ou IC qui convertit le signal directement d'une forme continue à une
forme discrète, Il transforme la tension de l'échantillon (analogique) en un code binaire (numérique).
Ce convertisseur peut être exprimé en A/N, ADC, A à D.

Conclusion :
Dans ce chapitre, on a présenté une description générale de la chaine d'acquisition, malgré qu'il y a
des capteurs déjà amplifié, filtre et échantillonné, et pour cela on passe directement à l'étape de la
conversion analogique numérique des données. C'est ce qu'on a fait à notre capteur MQ qu'on a
utilisé.

Department genie électrique 13

Chapitre 2 :
Traitement des données

Department genie électrique 14

Introduction :
La deuxième étape consiste donc à traiter les données qui proviennent du capteur.
Elle est réalisée par un programme exécuté sur un simple microcontrôleur.

Le but de cette étape est de récupérer toutes les données provenant des plusieurs capteurs pour les
traiter, et pour les analyser et prendre des décisions. Le traitement des données consiste en une
interprétation des signaux électriques reçus des captures, selon leur type.

1. Traitement des données de MQ5 :

Dans ce projet, le MQ5 est le capteur choisi, donc on va traiter leurs données par le
microcontrôleur PIC16F876A.

1.1. Microcontrôleur PIC16F876A :

Le microcontrôleur PIC est une unité de traitement et d'exécution de l'information dans

laquelle il y a des périphériques internes permettant de réaliser des montages sans nécessiter l'ajout
de composant annexes, il peut fonctionner donc de façon autonome après programmation.

"16F876A" dont le numéro 16 signifie qu'il fait partie de la famille "Middle-Range", c'est la
famille de PIC qui travaille sur des mots de 14 bits. La lettre F indique que la mémoire programme
de ce PIC est de type "Flash". Les trois derniers chiffres permettent d'identifier précisément la
référence du PIC, ici c'est un PIC de type 876.

Le microcontrôleur PIC possède de plusieurs PORT selon le type de PIC par exemple ce
PIC16F876A se compose de 3 PORT (A, B et C) lui permettant de communiquer avec d'autres
circuits, il possède :

 Une alimentation Vcc de 3 à 5.5V

 Une Reset pour la remise à zéro
 Un Horloge externe (CLKIN)
 Des signaux d'horloge (OSC1, OSC2)
 5 Entrées/Sorties pour PORTA
 8 E/S du PORTB
 8 E/S du PORTC ….
 Une entrée d'horloge externe du timer (T0CKI)
 Une entrée d'interruption externe ….

Le PIC16F876A se programme facilement grâce au logiciel MicroC for PIC et au langage de

programmation MicroC, une version spécifique de langage C++, avec une librairie standard
contenant des fonctions spécifiques au microcontrôleur PIC.

Department genie électrique 15

 1.2. Organigramme du Programme de MQ5 avec PIC16F876A :
D

Configuration des broches LCD

Déclaration du variables globales MQ-value

Svrfrvzer
de typefloat puis txt [10] et txt1[10]de type
char

Configuration du Port C en sortie et

Port C éteint

Initialiser l’ADC

Initialiser du LCD + Son effacement + Masquer

le curseur

Lecture de résultat CAN de la tension

appliquée à l’entrée 0, puis l’adapter à
l’intervalle 0 – 5V. Puis le convertir en chaine
de caractère pour l’afficher sur LCD

OUI
MQ-value==5
Afficher sur LCD
sur I.C.1.1 « Fuite NON
de gaz »
Afficher sur LCD sur
I.C.1.1 « Pas de fuite »
Port C =1

Figure4 : Organigramme du programme de MQ5 avec PIC16F876A

Department genie électrique 16

 L’organigramme au-dessus montre le fonctionnement du programme de MQ5 avec le
PIC16F876A, qui fait la conversion analogique numérique des données de MQ5 et lorsque la valeur
du gaz dépasse 5 ppm, le LCD affiche qu'il y a une fuite de gaz et une LED s'allume, sinon le LCD
affiche "Pas de fuite " et la LED éteint.

En ajoutant une simulation ISIS qui explique le fonctionnement du programme:

1.3. Simulation dans Proteus (ISIS):

Proteus (ISIS): est une suite logicielle destinée à l'électronique. Développé par la société
Labcenter Electronics.

Le logiciel ISIS de Proteus est principalement connu pour éditer des schémas
électriques. Et il permet aussi de simuler ces schémas ce qui permet de décaler certaines erreurs dès
l'étape de conception.

Les images au-dessous montrent une simulation de MQ5 avec le PIC16F876A, qui montre le
fonctionnement de programme qu'on a déjà cité :

Figure 5: Simulation de MQ avec PIC16F876A.

Department genie électrique 17

 Figure 6: résultat "Pas de fuite de Gaz".

Figure 7: résultat "Fuite de gaz".

Conclusion :
Dans ce chapitre, on a traité les données qui proviennent du capteur MQ par un programme exécuté
sur le microcontrôleur PIC16F876A.

Department genie électrique 18

Chapitre 3:
Transmission les données vers le web

Department genie électrique 19

Introduction
La troisième étape consiste à transmettre les données qui proviennent du capteur MQ5 vers un
site web.

Dans cette étape, nous allons présenter comment on peut effectuer une communication (sans fil) via
un serveur web en utilisant le microcontrôleur ESP8266 connecté en WIFI.

1. Communication sans fil :

La communication sans fil est un outil permet de connecter plusieurs appareils entre eux et qui
sont capables d'envoyer et de recevoir des données sans aucune connexion physique (fil) qui relie ces
différents éléments entre eux.
Il y a plusieurs technologies de communication sans fil comme (WIFI, Bluetooth…) et le module
ESP8266 qu'on a utilisée dans notre projet.

1.1. Le module ESP8266 :

L'ESP8266 est un circuit intégré avec un microcontrôleur permettant la connexion en WIFI. Les
modules intégrant ce circuit sont très utilisés pour contrôler des périphériques par Internet.
L'ESP8266 permet de créer de très nombreux projet IoT et domotiques à faible cout
Ce circuit intégré peut se programmer de plusieurs façons :
 Avec des scripts LUA avec le firmware NodeMCU
 En C++ avec l'IDE Arduino…….

2. Le Protocole de communication :
Un protocole de communication est l'ensemble des règles qui indiquent la méthode de
fonctionnement d'une communication entre deux terminaux.

2.1. Protocol HTTP :

Le protocole HTTP (Hyper Text Transfer Protocol) est le protocole le plus utilisé sur Internet depuis
1990.

C'est un protocole de communication client-serveur développé pour le WWW (World Wide Web) et
de la couche d'application qui peut fonctionner sur n'importe quelle connexion fiable.

3. L'environnement client-serveur :
L'environnement client/serveur est un mode de communication entre plusieurs programmes d'un
réseau qui distingue un ou plusieurs postes clients du serveur : chaque logiciel client peut envoyer
des requêtes à un serveur, qui lui fournit des services. Ces services sont des programmes fournissant
des données (fichiers, connexion…). Par exemple, dans notre projet le client sera un navigateur
(Chrome, Firefox…) et le serveur sera l'ESP8266 en mode WIFI.

Department genie électrique 20

 3.1. Client HTTP :
Le client HTTP est un logiciel conçu pour se connecter à un serveur HTTP, il envoie une requête et
reçoit la réponse. Dans la plupart des cas, il s'agit d'un navigateur web.

3.2. Navigateur Web:

Le navigateur Web est un logiciel client qui se connecté à un serveur, il permet d'accéder à une page
web à travers le protocole HTTP.

3.3. Serveur HTTP:

Le serveur web est un logiciel de service de ressources web (serveur HTTP), qui répond à des
requêtes envoyées par un logiciel client en utilisant le protocole de communication HTTP.

Il utilise le port 80 (443 pour HTTPS).

4. Serveur Web :
Le serveur Web est un endroit qui stocke, traite et fournit des pages Web aux clients Web. Le client
Web n'est rien d'autre qu'un navigateur Web sur nos ordinateurs, portables et nos smartphones. La
communication entre le client et le serveur s'effectue à l'aide du protocole HTTP.

Dans ce protocole, un client initie la communication en faisant une demande pour une page Web
spécifique via HTTP et le serveur répond avec le contenu de cette page Web ou un message d'erreur
s'il ne peut pas le faire (comme avec la célèbre erreur 404). Les pages fournies par un serveur sont
principalement des documents HTML (Hyper Text Mark up Langages).

Conclusion
Dans ce chapitre, nous avons présenté le moyen de communication sans fil (module ESP8266) et le
protocole de communication (HTTP) qu'on a utilisé.

Department genie électrique 21

Chapitre 4:
La réalisation de notre Projet

Department genie électrique 22

Introduction
Dans ce dernier chapitre, nous allons présenter le principe de fonctionnement de notre système. Pour
faire, on a utilisé un ensemble de matériels qu’on va citer. Ainsi on a présenté comment installer le
module ESP8266 dans le logiciel Arduino IDE pour créer un serveur Web avec l’ESP8266 et le
connecter avec un réseau WIFI, puis nous avons cité les étapes qu'on a suivi pour réaliser notre
projet, ainsi les matériels et logiciels utilisés.

1. Matériels et Logiciels Utilisés :

Dans notre projet, on a utilisé les matériels suivants :

1.1. Le microcontrôleur ESP8266 :

Figure 8: ESP8266

- Caractéristique:

 Il est composé d'un microcontrôleur 32bits cadencé à 80Mhz

 Mémoire Flash de 16 MO et Mémoire RAM de 32k + 80k
 Il intégré la norme WI-FI IEEE 802.11 b/g/n
 16entrées/sorties (GPIO) dont une entrée analogique 10bits.

- Les Entrées /Sorties de ESP8266:

Ce microcontrôleur possède:

 Une entrée analogique

 16GPIO (11 Digital I/O)
 4GND
 3 alimentations de 3.3V
 Alimentation Vin
 Certaines réservées pour les protocoles de communication série (SPI, I2C, Serial…)

Department genie électrique 23

 Figure 9: Entrées/ Sorties de ESP8266

1.2. Capteur de gaz MQ5:

On a utilisé ce capteur MQ5 qu'on a déjà cité, qui détecte la présence de différente type gaz. Ce
module est compatible Arduino, ESP et Raspberry Pi via une sortie analogique, une sortie digitale
est également disponible, son seuil de déclanchement est réglable via un potentiomètre.
- Caractéristique :
 Alimentation : 5Vcc
 Plage de mesure : 50 à 10000 ppm
 Sortie analogique et digitale
 Sensibilité : ≥ 4ppm (sur 1000ppm de butane)
 Temps de réponse : ≤ 10s
 Température de service : -20 à 50 °C
 Compatibilité : Arduino et Raspberry Pi
 Dimensions : 52 x 20 x 18 mm
 Poids : 8 g

Figure 10: Capteur de Gaz MQ5.

Department genie électrique 24

 1.3. Buzzer :
Un Buzzer est une sorte de haut-parleur mais de faible puissance qui va émettre un son en fonction
de la fréquence et amplitude de vibration. Il permet de jouer des notes et de recréer des mélodies
simples.

Figure 11: Buzzer.

1.4. Ventilateur :
Un ventilateur est un appareil destiné à créer un vent artificiel, un courant d’air. Il est exploitable
dans le domaine de refroidissement. On l’utilise dans notre projet pour diminuer le taux de gaz dans
l’air.

Ce ventilateur a une tension nominale 12V et pour cela, il n’est pas possible de l’alimenter
directement en le reliant a une sortie de l’ESP8266. Il faut donc le relier a un relais et une batterie de
12V ou un adaptateur 12V.

Figure 12: Ventilateur.

Department genie électrique 25

 1.5. Relais :

Un relais électromécanique permet l’ouverture ou la fermeture d’un circuit électrique de

puissance à partir d’un ordre émis par une partie commande. Les broches de ce relais sont :

 CMD : Signal de commande (relié à une sortie numérique de L’ESP8266).

 Alimentation : Vcc = +5V et GND.
 NO : Normalement ouvert.
 NC : Normalement fermé.

Figure 13: Relais.

Department genie électrique 26

 2. Partie configuration de l'ESP8266 :
L'ESP8266 se programme facilement grâce à l'environnement de développement intégré
Arduino IDE et au langage de programmation Arduino (langage C++), avec une librairie contenant
plusieurs fonctions spécifiques à l'Arduino.

Un programme Arduino, appelé sketch, est compilé dans le langage machine puis téléverser dans la
mémoire Arduino et à la fin, chargé sur le microcontrôleur ESP8266.

2.1. Configuration de L'ESP8266 dans Arduino IDE :

 On lance le logiciel IDE Arduino. Ensuite dans fichier Préférences on fait les modifications
suivantes :

Figure 14: fichier /préférence

Department genie électrique 27

  Dans la boite de dialogue des préférences, au champ intitulé "URL de gestionnaire de cartes
supplémentaires", On colle l'adresse suivant:

Figure 15: URL de gestionnaire de carte ESP8266

Puis on valide cette modification avec le bouton OK.

 Dans le menu : Outils  Type de carte  Gestionnaire de cartes:

Figure 16: Dans le menu: Outils / Type de carte /Gestionnaire de cartes

Department genie électrique 28

  Ensuite, dans les champs de recherche, on recherche « ESP8266 » :

On installe "esp8266 by ESP8266 Community"

Figure 17: installation de "esp8266 by ESP8266 Community"

 Après l'installation d'ESP8266, on a trouvé la nouvelle carte sur Outils Type de carte

Figure 18: La nouvelle carte sur Outils.

Department genie électrique 29

 2.2. Configuration de notre réseau WIFI sur l’ESP8266 :
L’ESP8266 a l’avantage de posséder la capacité de se connecter à un réseau Wifi ou de générer leurs
propres réseaux, et c’est ce qu’on a fait dans notre projet.

Une fois qu'on a configurer la carte, on a appelé en début de code la bibliothèque suivante pour
connecter notre ESP8266 à notre réseau WIFI :

3. Transmission des données vers un site web

3.1. Utilisation d’ESP web server
Lorsque on tape une URL dans un navigateur Web et on appuie sur ENTRÉE, le navigateur envoie
une demande HTTP à un serveur Web. Le travail de ce serveur est de traiter cette demande, après il
envoie une réponse.

Par exemple, dans mon projet si on tape l’URL http://192.168.1.183 / dans un navigateur. Le
navigateur envoie ensuite une requête HTTP à l'ESP8266 pour traiter cette requête. Lorsque
l'ESP8266 lit cette demande, il sait que l'utilisateur souhaite de connaitre s’il y a une fuite de gaz ou
non. Ainsi, il envoie une page Web dynamique au navigateur affichant la valeur du gaz.

3.2. Création d’une page web

La méthode la plus répandue pour créer une page web dynamique c’est de créer un site et importer
les données à partir d’une base de données.

Mais la méthode qu’on a choisie c’est de charger et appeler une page html avec l’ESP web serveur.
En créant la page web avec HTML, CSS et on utilise aussi le JavaScript pour récupérer les données
envoyées directement par ESP et mettre à jour la page régulièrement.

Bref l’ESP web serveur reçoit une demande d’un client Web (navigateur en tapant le
lien :192.168.1.183) et il envoi le contenu de la page crée avec des valeurs mis à jour chaque 2
secondes.

3.3. Affichage du site web avec les données acquis

Pour afficher le site web après une demande d’utilisateur on utilise les deux fonctions suivantes :

-SendHTML () : Cette fonction est chargée de générer une page Web chaque fois que le serveur Web
ESP8266 reçoit une demande d’un client Web. Il concatène simplement le code HTML dans une
grosse chaîne et retourne à la fonction server. send ().

- server.send () : La fonction prend la valeur du gaz en tant que paramètre pour générer
dynamiquement le contenu HTML.

Department genie électrique 30

 4. Réalisation du Projet :
Dans cette partie on va présenter le résultat final de notre projet (le câblage de notre système et le site
web qu’on a réalisé avec le moniteur série).

Le projet est constitué de trois blocs distincts :

 Bloc de détection de la présence du gaz.

 Bloc d’activation de l’alarme et le ventilateur.
 Bloc de transmission des données vers le site web.

Figure 19: schéma représentant les fonctionnalités du système

A. Bloc de détection :
L’élément principale de détection utilisé dans notre système est le MQ-5. Ce capteur est relié avec la
carte ESP8266 via une sortie analogique A0.

Lors du contact entre la couche sensible du MQ5 et le gaz, la résistance entre les électrodes
métalliques change proportionnellement à la concentration du gaz.

Suivant la variation de cette concentration dans l’air, le signal analogique de sortie généré par le
capteur varie entre 0 V et 5 V.

Department genie électrique 31

Pour brancher ce capteur avec ESP on relie :

 VCC à la source d’alimentation de l’ESP 3 V.

 GND au GND de la carte.
 Pin A0 de MQ5 à l’entrée analogique A0 de la carte ESP.

Figure 20: bloc de détection

B. Bloc d’activation de l’alarme et le ventilateur :

Ce bloc est composé d’un Buzzer et un ventilateur. Ces éléments sont reliés à la carte ESP8266 par :

 Le pin + du Buzzer au pin numérique D2 et le – avec GND de la carte.

 Pour le ventilateur on ne peut pas le brancher directement avec ESP car Sa tension de sortie
est 12V et l’ESP 3V, c’est pour cela on le relie premièrement avec une bobine et un
adaptateur 12V.
Puis on branche la bobine avec l’ESP (la sortie avec la sortie numérique de la carte D7, VCC
avec 3V, GND avec GND de l’ESP).

Le contrôle de ces éléments (activation ou désactivation) est géré via un programme téléversé vers la
carte ESP. Si la valeur de gaz est supérieure ou égale 42ppm, les éléments activent. Dans le cas
inverse, le Buzzer sera désactivé et le ventilateur fonctionne jusqu’à la valeur devient inférieure à
32ppm.Les images au-dessous présentent le câblage du Buzzer et le ventilateur.

Department genie électrique 32

 Figure 21 : Câblage du Buzzer

Figure 22: Câblage du ventilateur

Résultat final du câblage :

Figure 23: câblage final du système

Department genie électrique 33

  Organigramme du programme de notre projet:

Début Début de sous-Prog : Setup

de
prog.P
rincipa SSID et le mot de
Déclaration des variables Fixer le débit de communication en 115200 bits
passe de type char,leBuzzer et ventilateur de par sec.
type Int.

Configuration des broches D2 et D7 comme

Setup sortie

Connecter à notre réseau Wifi

Loop :
Affichage de l’adresse IP
Attente de demande du client

Envoyer la page Web au navigateur en appelant

la fonction mon_site

Envoyer les valeurs de gaz en appelant la

fonction ADC_val

Démarrage de serveur

Fin de sous-prg

Figure24 : organigramme de la fonction principale du prog et le sous

prog « Setup »

Department genie électrique 34

 Début Sous- Début Sous-
Prg: ADC_val Prg : mon_site

Déclaration du variable « s » de type

Déclaration des variables : h, chaine de caractère.
AdcVal1 de type float et AdcVale de
type chaine de caractère.

Affecter le contenue de la page

HTML à la variable « s ».

AdcVal1 OUI
>=42ppm
Afficher « fuite de Envoyer la page web vers le
gaz » sur le moniteur navigateur
NON
série
Buzzer ne fonctionne
pas.
Fonctionnement de Fin de sous-
Buzzer Prg : mon_site

Fonctionnement du
ventilateur

AdcV1al OUI
<32ppm
Arrêter le
fonctionnement du
NON
ventilateur

Envoyer la valeur
ADC au client

Afficher la valeur
AdcVal1 sur le
moniteur série

Fin de sous-
prg :ADC-val

Figure25 : Organigramme des sous prog "ADC_val et mon_site"

Department genie électrique 35

 C. Bloc de transmission des données vers un site :
Dans cette image au-dessous, on va présenter notre site web qu’on a réalisé avec le moniteur série.

Figure 26: site Web du projet

Le site web présente un graphique dont l’axe des ordonnées montre les valeurs de gaz et l’axe des
abscisses présente le temps et au-dessous un tableau présente aussi les valeurs de gaz en fonction du
temps, et qui s’actualisent chaque 2secondes régulièrement.

Conclusion
Dans ce dernier chapitre, on a présenté les matériels utilisés, comment configurer ESP 8266 dans
Arduino IDE, comment l’utiliser comme un serveur web et le résultat final de notre travail.

Department genie électrique 36

Conclusion Générale:

Mon projet s’est focalisé sur l’acquisition des données d’un capteur quelconque et les transmettre
vers un site web par un microcontrôleur. Pour faire, on a choisi le capteur de gaz MQ5 qui détecte
plusieurs types de gaz toxiques, l’ESP8266 qui permet la connexion en Wifi ce qui facilite la
transmission des données et la création du site web.

J’ai ajouté aussi un ventilateur et Buzzer pour plus de sécurité, Si la valeur de gaz augmente, ces
deux éléments fonctionnent, le Buzzer donne une alarme et le ventilateur crée un vent artificiel pour
démunie le taux de gaz dans l’air.

J’ai étudié et réalisé dans ce mémoire un système de sécurité à base de l’ESP8266 et le capteur de
gaz, ce qui m’a permis d’une part, d’apprendre à programmer l’ESP dans Arduino IDE et comment
l’utiliser comme un serveur web. Aussi il m’a permis de développer mes connaissances.

Ce projet m’a été profitable au niveau de l’amélioration de mes connaissances dans le domaine de la
transmission des données vers un site web.

Department genie électrique 37

Annexes
1. Le programme de système :

Department genie électrique 38

 2. Programme de MQ5 avec PIC16F867A :

//Connections du LCD

sbit LCD_RS at RB4_bit;

sbit LCD_EN at RB5_bit;

sbit LCD_D4 at RB0_bit;
sbit LCD_D5 at RB1_bit;
sbit LCD_D6 at RB2_bit;
sbit LCD_D7 at RB3_bit;
sbit LCD_RS_Direction at TRISB4_bit;
sbit LCD_EN_Direction at TRISB5_bit;
sbit LCD_D4_Direction at TRISB0_bit;
sbit LCD_D5_Direction at TRISB1_bit;
sbit LCD_D6_Direction at TRISB2_bit;
sbit LCD_D7_Direction at TRISB3_bit;

//Fin de connections

float MQ_value;
Char txt [10] ;
Char txt1 [10] ;
Void main(){
TRISC=0; //Tout le PORT C en sortie
PORTC=0x00; //LED éteint

Department genie électrique 39

 ADC_init(); //Initialisation de CAN
Lcd_init(); //Initialisation du LCD
Lcd_Cmd(_LCD_CLEAR); //Effacer l'écran LCD
Lcd_Cmd(_LCD_CURSOR_OFF); //Curseur est OFF
Lcd_Out(1,1,"CAPTEAUR GAZ"); //Ecrire 1ier texte " CAPTEUR GAZ" sur I-C.1-1
while (1){
MQ_value = ADC_Read(0) ;
MQ_value = (MQ_value*5) / (1023); //conversion analogique numérique
FloatToStr (MQ_value,txt);
Lcd_Out(2,1,txt); //Ecrire la " valeur MQ" sur I-C.2-1
if (MQ_value ==5) //Si la valeur de gaz est égale à 5
{
Lcd_Out(1,1,"FUITE De Gaz"); //Ecrire le texte " FUITE De GAZ" sur I-C.1-1
PORTC=0x01; //LED s'allume
delay_ms(200); //Temporisation
PORTC=0x00; //LED éteint après 200ms
}
Else{
Lcd_Out(1,1,"Pas De Fuite ) //Ecrire le texte " Pas De Fuite" sur I-C.1-1
PORTC=0x00; } }} //LED éteint après 200ms

Department genie électrique 40