Titre du projet - Télécom Bretagne

P43. Mise en œuvre d'applications utilisant la
Webcam
,
Année 2012-2013
Encadrants Techniques :
-Philippe TANGUY :Département LUSSI
-Maria-Teresa SEGARRA : Département INFO
Partenaires :
-Matthieu MALLEDANT: Président de la société Télécom Santé
-Fabrice LE COZ : Directeur technique de la société Télécom Santé
Mots clés : Webcam, santé, application web, tablette tactile, JavaScript, HTML5, CSS3, node,js
Résumé :
Le système développé fournit un ensemble d’applications web offrant aux patients
d’établissements de santé, une gamme de solutions aux problèmes d’isolement et de difficultés de
communication. En s’aidant d’une tablette tactile disposée à leur chevet, ils pourront ainsi passer par
les applications développées, pour prendre des photos depuis leur tablette, puis les stocker, les
partager et les commenter avec leurs proches, ou encore utiliser la webcam à des fins pratiques,
notamment en s’en servant comme miroir de poche avant les visites.
I. Présentation et contexte du projet
Notre partenaire extérieur, Télécom Santé développe un produit apportant le « triple-play » au
lit du patient dans un établissement de santé. Ce produit est constitué d'une partie matérielle et d'une
partie logicielle dédiée aux organismes et aux entreprises du marché de la santé.
Notre travail consiste à développer un service de photos complet permettant principalement de :
• prendre des photos à partir d'une webcam
• visualiser les photos prises ou celles disponibles sur le port USB et les classer
• partager les photos prises avec des proches
• récupérer les photos prises pendant le séjour dans l'établissement de santé
• se regarder au travers d'une webcam
II. Méthodologie développée pour aboutir.
Le groupe de projet est composé de cinq membres et chaque membre a un rôle spécifique au
niveau de la gestion du projet et du développement technique.Tout d'abord, une réunion d'au moins
une heure et demi était organisée toutes les semaines où tous les membres du groupe étaient présents.
Ces réunions ont permis, au groupe, de mesurer l'état d’avancement du projet, les travaux de chacun
mais aussi les tâches qu'ils nous restent à effectuer.
Notre responsable de la gestion de projet s'assurait de l'avancement et de l’exécution des tâches de
chaque membre du groupe. Une documentation fournie par notre client nous a permis une meilleure
compréhension de l'architecture du système à développer. Une étude sur les langages de
programmation (javaScript, HTML5 et CSS3) et du framework node,js ont été nécessaires pour le bon
développement du projet. Une répartition des tâches s'est formé avec les rôles suivants: Mehdi
Projet Ingénieur___Année scolaire 2012-2013
Mise en œuvre d'applications utilisant la Webcam
Auteurs : Cheik Stevens Angahi KOUAME, Mehdi ERRAKI, Chi ZHANG, Aïssatou GUEYE, Sébastien KERVERN
1
ERRAKI, Cheik KOUAMÉ et Sébastien KERVERN se sont occupés du développement technique,
Chi ZHANG s'est occupé de la phase des tests d'intégration du service et Aïssatou GUEYE de la
documentation technique.
III. Développement des différentes tâches et principaux résultats
III.1 Développement des différentes tâches
Le client a mis à notre disposition un cahier de fonctionnel dont une analyse pour en examiner
le besoin a été faite par le groupe.
Les livrables sollicitées par notre client, à l'issue du projet, sont principalement : les cinq applications
web suivantes : « Appareil Photo », « Galerie Photo », « Messagerie Photos », « Sauvegarde
Photos » et « Miroir » dont le rôle de chacune a été présenté dans la partie I.
Pour la réalisation de ces objectifs, une première partie analyse du besoin à partir du cahier de charge
fournie par le client, a été mise en œuvre. Une deuxième partie a consisté à faire une architecture du
système à développer pour une meilleure compréhension des données manipulées.
Ces deux parties se sont soldées par la rédaction d'un plan de management qui a été validée par le
client.
Une troisième partie a concerné développement, avec le codage des différentes applications à l'aide de
JavaScript et du framework node,js.
Une quatrième partie porte sur l'intégration des ces applications au niveau d'une interface graphique
avec l'utilisation de HTML5 et CSS3.
Enfin la dernière partie comprend tout ce concerne la rédaction du document final et l’organisation du
forum (Poster et Tryptique).
Des machines virtuelles nous ont été fournies par le client pour la phase de tests. Cependant, le
manque de performance et la lenteur de ces dernières ont rendu impossible de travailler dans ce
conditions, donc les membres du groupe ont utilisé leurs PC portables pour ces phases de tests.
III.2 Résultats
Au moment de la rédaction de ce résumé, quatre applications sur cinq ont été achevées. La
réalisation de l'application web « Messagerie Photos » n'est actuellement pas finalisée mais le sera
sans doute avant le forum.
IV. Conclusions et perspectives
Nous avons présenté dans ce résumé la réalisation de nos différentes applications web.
Différentes fonctionnalités ont été développées afin de faciliter le séjour et de réduire la solitude des
patients hospitalisés. La prise en main de nouveaux langages de programmation et de nouvelles
bibliothèques, nécessaires à la réalisation du projet, ont été des étapes délicates. Cependant, cela nous
a été favorable puisqu'elle nous a permis de nous familiariser à programmer en JavaScript,
HTML5,CSS3 ainsi que le Framework node.js.
Nous envisageons d'améliorer notre application en l'intégrant dans les machines virtuelles ou même
dans une tablette qui nous sera fournie par le client.
Bibliographie
[1] Média Screen, Télécom Santé Site en ligne. Mai 2013
http://www.telecomsante.fr/TS/solutions/produits/mediascreen
[2] Direction de la formation. P43 Mise en œuvre d'applications utilisant la webcam. « Projet
d'ingénieur, semestre 4 ». TELECOM Bretagne, année scolaire 2012-2013, pages 1 et 2. Mai 2013
http://intranet.telecom-bretagne.eu/data/enseignement/2012-2013/projet-ingenieur/sujets/P43.pdf
Projet Ingénieur___Année scolaire 2012-2013
Mise en œuvre d'applications utilisant la Webcam
Auteurs : Cheik Stevens Angahi KOUAME, Mehdi ERRAKI, Chi ZHANG, Aïssatou GUEYE, Sébastien KERVERN
2