PROJET EOLIEN HTTP. Projet éolien HTTP. 18/12/2015 Etudiant 1 : Données énergies

Transcription

1 PROJET EOLIEN HTTP 18/12/2015 Etudiant 1 : Données énergies Etudiant 1 : Blondé Lukas 1TSSNIR Etudiant 2 : Kins Maxime 1TSSNIR Etudiant 3 : Broutin Pierre 1TSSNIR Projet éolien HTTP E T U D I A N T 1 : D O N N E E S E N E R G I E S

2 Introduction : Le projet consiste à récupérer des données météo et énergies d une éolienne. Ces données sont transmises sur un serveur webbox. Cette webbox est installé à l intérieur d une salle STI2D. Celle-ci permet de délivrer en instantané la date, l heure, des données de production électrique : puissance, énergie journalière, énergie totale et des données météo : vent, température. Qu est-ce que la webbox? La webbox est un serveur http qui comporte des services web que l on peut demander à distance par réseau, en utilisant le protocole http de base. Ce programme est écrit en langage html / JavaScript. Les objectifs : Prévenir des personnes en cas de problèmes Sauvegarder toutes les données de l éolienne o Archivages par requêtes SQL o Interrogations par requêtes SQL Publier les données o Afficher les données éoliennes instantanées sur une page web o Afficher les données éoliennes en différé sur une page web Le plan du dossier : Page 1

3 Répartitions des tâches : Dans le groupe 3 tâches sont demandées : La première tâche doit être réalisée par l étudiant 1, il doit gérer l accès au service web HTTP éolien des données énergie de la webbox : Requête http au service web données énergies (en mode GET) Envoyez un mail en cas d erreur Déconnexion si limite temps inactivité dépassée Visualiser les données énergies éolienne instantanées Enregistrer les données instantanées dans une BDD «Eolienne» Consultation en différé des données énergies archivées de la BDD La seconde tâche doit être réalisée par l étudiant 2, il doit gérer l accès au service web HTTP éolien des données connexion de la webbox et au site : Requête http au service web connexion (en mode POST) Envoyez un mail en cas d erreur Déconnexion si limite temps inactivité dépassée Visualisation du nom de l utilisateur connecté Enregistrer les données de connexion dans une BDD «Eolienne» Enfin, la troisième tâche doit être réalisée par l étudiant3, il doit gérer l accès au service web HTTP éolien des données météo de la webbox : Requête http au service web données météo (en mode GET) Envoyez un mail en cas d erreur Déconnexion si limite temps inactivité dépassée Visualisation des données météo éoliennes instantanées Enregistrer les données instantanées dans une BDD «Eolienne» Consultation en différé des données énergies archivées de la BDD Page 2

4 Schéma Synoptique : Environnement de travail : Pour mettre en œuvre mon projet, j ai utilisé : Notepad ++ (Editeur de code) Easyphp (moteur php) PhpMyAdmin (Gère les bases de données SQL) Google chrome Page 3

5 Démarche de projet : 1ére étape : Cette première étape consiste à préparer la requête http pour le service web énergie. C est-à-dire que grâce à phpcurl, nous récupérons l IP de la webbox et son port. L adresse IP de la webbox est mais nous avons utilisé l IP car la salle où nous étions se situe dans un serveur différent de celui du lycée. Par contre le port utilisé est le même pour tout le monde, c est-à-dire Pour avoir accès aux données énergies nous devons utiliser home.ajax (Asynchronous JavaScript and XML) qui consiste à réaliser de rapides mises à jour du contenu de la page web sans que nous ayons besoin de recharger la page manuellement. Cette fonction permet de visualiser des données qui s affichent sur la page web. Ces données sont de forme JSON (JavaScript Object Notation) qui est un format de données textuelles dérivé du langage JavaScript. Ces données doivent être décodées ce qui nous amène à la 2 ème étape. Résultat sous le site : Page 4

6 2ème étape : Cette deuxième étape consiste à décoder les données JSON qui nous ont été transmises par la webbox. Les données reçues sont la puissance instantanée en Watt (W), le rendement journalier en énergie (Wh) et le rendement total en énergie (KWh). Ces données sont transmises sous forme de tableau associatif à trois dimensions. Dans cette étape, j ai aussi utilisé du phpcurl mais aussi une fonction qui permet de décoder du JSON en php qui est json_decode. Quand on utilise cette fonction, elle nous donne une valeur que nous pouvons utiliser pour l intégrer dans un tableau html par exemple. A partir de maintenant on peut passer à l étape suivante. Résultat sur le site : Page 5

7 3ème étape : La troisième étape sert à afficher les données obtenues dans l étape précédente dans un tableau html de la manière suivante : Tous d abord, il faut utiliser la balise $decode et afficher ensuite dans des crochets ([ ]) Le nom qui se trouve dans le tableau à trois dimensions qui est divisés en trois parties : la première qui commence à Items qui se dirige ensuite sur la ligne [0] pour aller dans la catégorie Power qui donne la puissance en W la deuxième qui commence toujours à Items qui se dirige ensuite sur la ligne [1] pour aller dans la catégorie DailyYield qui donne le rendement journalier en Wh La troisième qui commence toujours à Items qui se dirige ensuite sur la ligne [2] pour aller dans la catégorie TotalYield qui donne le rendement total en KWh. Pour finir le tableau html, qui ait fait directement dans les php grâce aux echo et qui permet d afficher clairement les données. Résultat sur le site : Page 6

8 4ème étape : La quatrième étape sert à enregistrer les données énergies dans la base de données afin de pouvoir les visualiser sur le site web : Le code est fait grâce à PhpMyAdmin. J ai utilisé du SQl avec différentes balises : - mysql_connect (sert à se connecter sur la BDD de PhpMyAdmin) - mysql_select_db (sert à sélectionner la BDD souhaité) - mysql_query (demande la requête dans la BDD) Structure de la BDD : Page 7

9 5ème étape : Cette étape consiste à afficher les données qui ont été enregistrés dans la BDD sur une page web. J ai utilisé deux façons différentes pour obtenir les valeurs de cette BDD représenté de la façon suivante : Pour le premier Valider, j ai utilisé le code ci-dessous : Ce code permet d afficher toutes les données enregistrées dans la BDD. Il s affiche sous forme de tableau html. Dans ce tableau, on peut y voir la date et l heure du moment où les données ont été enregistrés, la puissance en Watt, le rendement journalier et le rendement total. Page 8

10 Résultat sur le site : Pour le second Valider, j ai utilisé le code ci-dessous : Ce code permet d afficher les données de la BDD selon la date que le client a remplit par exemple, en demandant la date , les données de ce jour seront affichées sur le site web grâce à la requête SQL que j ai demandée dans le code. Page 9

11 Résultat sur le site : 6ème étape : Ce code aurait dut afficher des graphiques mais il n est pas terminées car j ai eu un manque de temps. Pour réaliser le code pour afficher des graphiques, j ai utilisé la librairie Artichow. Page 10

12 Les graphiques que j aurais voulus sont : Le premier graphique aurait été pour la puissance en W et le second graphique aurait été pour le rendement journalier (courbe bleu) et le rendement total (courbe rouge). Page du site web (IHM réalisés en CSS et html) : Page 11

13 Travail effectué : Conclusion : Les trois quarts du projet ont été réalisés seul le mail et l automatisation n ont pas été réalisés. Le planning prévisionnel a donc été respecté dans la majeure partie. Il serait possible de continuer la conception du site plus tard en intégrant l envoi de mail et l automatisation de la page du serveur webbox. Acquis : J ai acquis de nouvelles expériences dans ce projet : - Langage php - SQl - JSON Page 12

14 Glossaries: Annexes: http : Hyper Text Transfer Protocol html : HyperText Markup Language SQL : Structured Query Language BDD : Base De Données CSS : Cascade Style Sheet IHM : Interface Home Machine JSON : JavaScript Object Notation Le code source : Listing du code source (serveur) Base de données.sql (serveur) Page 13