I Le but du projet II Les choix effectus III Les premiers
rsultats
Page 3
I Le but du projet II Les choix effectus III Les premiers
rsultats
Page 4
Inspir de konnectUS I) Le but du projet
Page 5
I Le but du projet II Les choix effectus III Les premiers
rsultats
Page 6
Le nom du projet II) Les choix effectus space de ravail ybride,
lgant, et volutionnaire !
Page 7
Les rles des membres de lquipe II) Les choix effectus Alexandre
WILLERVAL Chef de projet Responsable IHM David RATEL Dveloppeur
Responsable Drag & Drop Dorian MARTIN Dveloppeur Responsable
Serveur
Page 8
Node.js : serveur asynchrone dvelopp en JavaScript Le module
express , un framework pour Node.js, incluant notamment la gestion
des requtes HTTP Le module socket.io , un framework de gestion des
communications asynchrones entre client et serveru Le serveur
utilis II) Les choix effectus
Page 9
Le framwork dojo et ses nombreuses extensions dojo.touch et
dojox.gesture pour les gestions des terminaux tactiles dojo.dnd
pour la gestion du Drag & Drop La librairie dijit pour les
widgets quelle propose La bibliothque JavaScript utilise II) Les
choix effectus
Page 10
Hberg par Google Code Grce project-hosting Accessible ladresse
suivante : http://code.google.com/p/projet-ether/ Notre dpt SVN II)
Les choix effectus
Page 11
I Le but du projet II Les choix effectus III Les premiers
rsultats
Page 12
Lvolution du diagramme de Gantt III) Les premiers rsultats
Page 13
Larchitecture de la communication client-serveur III) Les
premiers rsultats Evnements envoys par le serveur (traits avec
socket.emit() ) Nom associParamtres transmis Identification
reussieListe des autres participants Identification echoueeMessage
derreur Connexion nouveau participantDonnes du participant
Deconnexion participantCl du participant ReceptionMessage reu, Cl
de lmetteur Envoi reussiID du message, Cl du destinataire Envoi
echoueID du message, Cl du destinataire
Page 14
Larchitecture de la communication client-serveur III) Les
premiers rsultats Evnements reus par le serveur (traits avec
socket.on() ) Nom associParamtres transmis Identification Donnes du
nouveau participant, Mot de passe Disconnect/ Envoi Tableau de
messages, Cl du destinataire Reception client ID du message, Cl de
lmetteur, Succs Upload photo dfinir
Page 15
Larchitecture de lIHM : la page de connexion III) Les premiers
rsultats Prnom : Nom : participant animateur Mot de passe :
Eventuel message derreur Se connecter
Page 16
Larchitecture de lIHM : linterface collaborative III) Les
premiers rsultats Drop zone : corbeille Drop zone : envoyer tous
Drop zone : envoyer aux animateurs Drop zone : M. X Drop zone : M.
Y Drop zone : M. Z Ajouter un texte Ajouter une photo Ajouter un
destinataire Rglages Se dconnecter