My WebSocket project formy training in Marama Nui

1. SOUTENANCE DE STAGE
MESSAGERIE PAR WEBSOCKET
Manavai TEIKITUHAAHAA Juin 2014
A l’attention de:
D.BRULIN
F.PEYRARD
G.AUBONNET

2. PLAN
 I. Cahier des charges
 1. Tâches et Analyses
 2. Gestion du temps
 II. HTTP & WebSocket
 1. Présentation HTTP
 2. HTTP 1.0
 3. HTTP 1.1
 4. Fonctionnement WebSocket
 III. L’Existant
 1. Synoptique de l'existant
 IV. Mise à niveau de l’existant
 1. Mise en oeuvre du Service WS
 2. Programmation plugin
 3. Programmation JavaScript (JS)
 4. Synoptique du résultat
 5. Analyses de performance
 V. Perspectives avenir du WebSocket
 VI. BILAN DE STAGE
2

3. I. CAHIER DES CHARGES
06/2014
3

4. Tâches et Analyse
 Mettre en oeuvre un serveur WebSocket:
Valider -> Service WS*
 Mise à niveau -> Messagerie
Analyse de performance
06/2014 WS: WebSocket
4

5. Gestion du temps: méthode agile
Temps (en semaine) S1 S2 S3 S4 S5 S6 S7 S8 S9 S10
Tâches
PARTI I: Mise en OEuvre du Serveur Weboscket
Recherches
Installation des Modules Websocket
Installation des Plugin de test
Mise en ligne des pages Web de test
Tests
PARTI II: Application du Websocket
Recherches supplémentaires et étude de l'existant
Programmation des Pluigins
Programmation des pages Web
Installation des Plugins
Mise en ligne des pages Web
Tests, Débogages, validation
06/2014
5

6. II. HTTP & WebSocket
06/2014
6

7. HTTP
HyperText Transfert Protocol
Développé pour le World Wide Web (WWW)
 Transfert de documents HyperText (HTML, CSS, …)
 Plusieurs version 0.9 -> 2.0 (En cours …)
06/2014
7

8. HTTP 1.0
CLIENT
SERVEUR
REQUÊTE 1 + REPONSE 1
REQUÊTE 2 + REPONSE 2
06/2014
8

9. HTTP 1.1
CLIENT
SERVEUR
REQUÊTE 1 + REPONSE 1
REQUÊTE 2 + REPONSE 2
06/2014
9
KeepAlive
KeepAlive

10. CLIENT (Navigateur) SERVEUR
Connexion TCP établis
HTTP (Requête + Réponse)
Handshake (HTTP upgrade)
Connexion ouverte
Communication FullDuplex
Connexion persistent
Fermeture du canal par un des hôtes
Connexion fermé
Connexion TCP fermé
06/2014
10

11. III. L’EXISTANT
06/2014
11

12. Application Web
Télé-conduite + Supervision  Turbines
Développé en langage C
06/2014
12

13. Nouveau message ?
1 min
OUI
06/2014
13

14. IV. MISE A NIVEAU
06/2014
14

15. Mise en oeuvre du service WS
 Implémentation Apache  1 journée
Module WS -> Protocole WS
 Plugin -> Traitement des messages WS
Côté Client -> JavaScript
06/2014
15

16. Programmation Plugin
 Plugin  3 semaines
 4 primitives :
 on_connect,  création d’un thread*: 1 thread /connexion
 on_disconnect,  destruction du thread
 on_message,  réception du login  structure
 on_destroy  non-utilisé
Thread: fil
06/2014
16

17. Programmation Plugin: Thread
Attente du login
Ouverture du fichier message
Récupération, traitement et envoi des nouveaux messages
TANT QUE LA CONNEXION EST ACTIVE:
 Attente de nouveau message
 Traitement et envoi du nouveau message
 Fermeture du fichier message
 FIN DU THREAD
06/2014
17

18. Programmation JavaScript
Exemples  internet
4 Primitives:
 on_open: Envoi du login + affichage graphique
on_close: affichage graphique
 on_message: ouverture nouvelle fenêtre
 on_error: alerte bloquante
06/2014
18

19. Synoptique mise à
niveau
06/2014
19

20. Analyses de performance
Au début: charge importante (8% / thread)
 Problème: apr_sleep()  temps en mS
Solution: apr_sleep()  sleep() temps en S
 Optimisation possible
06/2014
20

21. PERSPECTIVES D’AVENIR &
IDÉES D’OPTIMISATION
06/2014
21

22. Perspectives:
Alarmes instantané
Rafraichissement données -> Temps réel
Comment ?  Plugin (C) et JavaScript côté client
 Optimisations:
 Utilisation de signaux envoyé aux thread
Pause  processus endormi
06/2014
22

23. BILAN DE STAGE
06/2014
23

24. Temps projet  5 semaines
Cahier des charges  Respecté
Social  intégré à l’entreprise
POST DUT  STRI formation initial.
06/2014
24

25. 06/2014
25
MERCI DE VOTRE ATTENTION
A l’écoute de vos question …