SlideShare ist ein Scribd-Unternehmen logo
1 von 55
Mémoire de Fin d’Etudes
Présenté à
L’Institut Supérieur d’Informatique et de Multimédia de Sfax
Département Génie Informatique et Multimédia
En vue de l’obtention du
Diplôme National d’ingénieur
Spécialité : Informatique, Technologie Web et Multimédia
MISE EN PLACE D’UNE APPLICATION KINECT V2
Université de Sfax
Institut Supérieur d’Informatique et du Multimédia de Sfax
Département des techniques de l’informatique et du multimédia
Année universitaire 2014-2015
Université de Sfax
Institut Supérieur d’Informatique et du Multimédia de Sfax
Département des techniques de l’informatique et du multimédia
Année universitaire 2014-2015
Mémoire de Fin d’Etudes
MISE EN PLACE D’UNE APPLICATION KINECT V2
Réalisé par :
Amin MAGDICH
Université de Sfax
Institut Supérieur d’Informatique et du Multimédia de Sfax
Département des techniques de l’informatique et du multimédia
Année universitaire 2014-2015
Mémoire de Fin d’Etudes
MISE EN PLACE D’UNE APPLICATION KINECT V2
Réalisé par :
Amin MAGDICH
Encadré par :
M. Ahmed KHARRAT
M. Khaled MASMOUDI
Université de Sfax
Institut Supérieur d’Informatique et du Multimédia de Sfax
Département des techniques de l’informatique et du multimédia
Année universitaire 2014-2015
Mémoire de Fin d’Etudes
MISE EN PLACE D’UNE APPLICATION KINECT V2
Réalisé par :
Amin MAGDICH
Encadré par :
M. Ahmed KHARRAT
M. Khaled MASMOUDI
Jugé par :
M. Lotfi CHAARI
M. Tarek ZLITNI
5Plan
II
III
I
IV
V
Introduction
• Contexte du projet
• Problématique
Etude Préalable
• Critique de l’existant
• Solution propose
• Objectifs à atteindre
Conception
• Diagrammes de cas d’utilisation
• Diagramme de séquence
• Diagramme de classes
Réalisation
• Environnementlogiciel
Outils utilisés
Architecture
• Démonstration
Conclusion
• Perspectives
6
2010
2012
2014
Création
2011
2013
2015
+40 Employé
80%
ingénieurs
}
Organisation d’acceuil
7
LAMP
MOBILE
.NET
JEE
BI
INFRA
Organisation d’acceuil
8ÉQUIPE DE SCRUM
Projet Simuleo
Khaled
MASMOUDI
Amin
MAGDICH
Tarek
KHLIF
Fatma
BOUCHAKOI
Basma
YENGUI
Molka
DEJMAL
Kouloud
ISMAIL
9Introduction
Depuis quelques années, les consoles de jeux vidéo sortent des
chambres des adolescents pour venir s’installer dans les
laboratoires de recherche, les centres commerciaux ….
Dans ce cadre, nous étions appelés à concevoir, développer et de mettre en œuvre
une boutique en ligne pour présenter, simuler, commercialiser et livrer nos produits
à nos clients ,ainsi un Framework assurant des nouvelles techniques d’interaction
avec les applications Web pour diminuer la complexité et faciliter l’apprentissage de
ses applications.
Introduction
Contexte du projet | Problématique
10
11L'impatience des internautes
Contexte du projet | Problématique
80%
60%
50%
35%
40%
12Nombre des internautes dans le monde
Contexte du projet | Problématique
2014 2015 2016 2017 2018
42,4% 44,8% 46,3% 48,2%47,1%
13Critiques de l’existant
Problème de fiabilité
Perte de qualité
Manque de convivialité
Application complexe
La perte du temps
01
02
03
04
05
Contexte du projet | Problématique
14Plan
II
III
I
IV
V
Introduction
• Contexte du projet
• Problématique
Etude Préalable
• Critique de l’existant
• Solution propose
• Objectifs à atteindre
Conception
• Diagrammes de cas d’utilisation
• Diagramme de séquence
• Diagramme de classes
Réalisation
• Environnementlogiciel
Outils utilisés
Architecture
• Démonstration
Conclusion
• Perspectives
15Table de critère entre les deux premières solutions
Application Web SVG Application Flash
Temps de réponses + -
Résolution des images + -
Compatibilité + -
Référencement + -
Sécurité - +
Critique de l’existant| Solution proposée| Objectifs à atteindre
16Table de critère entre les cinq solutions
Kinect Airxtouch écrans tangibles Leap Motion Application
WISEE
Détection squelettes + _ _ _ _
Détection Main + + _ + _
Détection faciale + _ + _ _
Détection gestuelle + _ _ _ +
Compatibilité + _ _ _ _
Voix + + + + _
Fiabilité + _ _ _ _
Critique de l’existant| Solution proposée| Objectifs à atteindre
17
Quelle est la meilleure solution à
concevoir pour résoudre les
problèmes rencontrés !
18
Les limites d’une version desktop et les apports des
applications web ont poussé la société SiFast à nous
proposer de développer un Framework pour Kinect V2 pour
le web grâce à ses avantages par rapport aux autres
solutions proposéesII.3.2.
Kinect V2
Dans notre cas, nous avons choisi de développer une
application Web à base de SVG
SVG
Solution choisi
Critique de l’existant| Solution proposée| Objectifs à atteindre
19Composants Kinect
Power Light
RGB Camera
IR Emitters
Depth Sensor
Microphone
Array
Critique de l’existant| Solution proposée| Objectifs à atteindre
20Composants Kinect
Power Light
RGB Camera
IR Emitters
Depth Sensor
Microphone
Array
Depth Sensor
IR Emitters
Critique de l’existant| Solution proposée| Objectifs à atteindre
21
Critique de l’existant| Solution proposée| Objectifs à atteindre
22Objectifs à atteindre
Aider la clientèle à
choisir leur propre
porte
Répondre à toutes
les exigences des
usagers d'une
manière optimale
grâce à ses
fonctionnalités.
Aider les menuisiers
vendeurs de
présenter leurs
gammes des
produits
Prévoir une
application assez
dynamique et
simple pour assurer
la cohérence du
processus de
maintenance
Critique de l’existant| Solution proposée| Objectifs à atteindre
23Objectifs à atteindre
Capitaliser un
savoir-faire dans
les outils de
simulation de
portes
Permettre à
l'utilisateur
d'interagir
directement c'est-à-
dire sans outil
intermédiaire
Une application
simple à utiliser que
l'on n'a même plus
besoin de maîtriser
Répondre à toutes
les exigences des
usagers d'une
manière optimale
grâce à ses
fonctionnalités
Critique de l’existant| Solution proposée| Objectifs à atteindre
24Plan
II
III
I
IV
V
Introduction
• Contexte du projet
• Problématique
Etude Préalable
• Critique de l’existant
• Solution propose
• Objectifs à atteindre
Conception
• Diagrammes de cas d’utilisation
• Diagramme de séquence
• Diagramme de classes
Réalisation
• Environnementlogiciel
Outils utilisés
Architecture
• Démonstration
Conclusion
• Perspectives
25Conception
Diagrammes de cas d’utilisation « Utilisateur »
Modifier l’image de
la maison
Personnaliser la
porte
Valider commande
Kinnifier la simulation
Contacter le
fournisseur
Utilisateur
Définir Vue
Prendre une photo
Upload d’une image<<extends>>
Choisir la
forme et le
matériau
Choisir les
accessoires
Ajuster la
taille
<<extends>>
Personnaliser
les éléments
VentailVitrage Cadre
Châssis Imposte
Cas d'utilisation | Séquences | Classes
26Conception
Diagrammes de cas d’utilisation « Kinnifier la simulation »
Déplacer le curseur
Sélectionner les
éléments interactifs
Tourner les objets
Redimensionner la porte
Engager
Recevoir des
données visuelle
Calibration
du squelette
Changer
Calibration
Cas d'utilisation | Séquences | Classes
27
utilisateur
Interface
simulation
Contrôleur de
simulation
Simulation:
simulation
Vue_Maison forme : Forme
Charger l’interface()
Récupérer la simulation()
Créer une simulation()
Récupérer la forme (Défaut)
28
Forme : forme
matériau :
Matériau
gamme :
Gamme
élément :
Elément
vitrage :
Vitrage
accessoire :
Accessoire
Récupérer matériau (Défaut)
Récupérer la gamme (Défaut)
Récupérer vitrage (Défaut)
Récupérer accessoire (Défaut)
Récupérer les éléments (Défaut)
Retour des
éléments ()
Retour des éléments ()
29
utilisateur
Interface
simulation
Contrôleur de
simulation
Simulation:
simulation
Vue_Maison forme : Forme
Retour forme ()
Récupérer Vue Maison (Défaut)
Retour Vue Maison ()
Retour de simulation ()
simulation : simulation créer ()
Chargement
()
30
Cas d'utilisation | Séquences | Classes
utilisateur joints: Jointsbody:BodyKinect
3. Créer Body()
2. S’engager()
jointOrientation:
JointOrientation
1. Récupérer la liste des utilisateurs suivi()
4. Récupérer Joints()
5. Joints retourné()
6. Récupérer JointsOrientation()
7. Retourner JointsOrientations ()
expression:
Expression
8. Récupérer Expression ()
9. Retourner Expression()10. Body créer()
8. Envoyer les données ()
Diagramme séquence détaillé du cas d'utilisation "engager avec l’utilisateur "
31
Cas d'utilisation | Séquences | Classes
WebSocket Interface
:Simulation
Application
JavaScript
11. Désactiver Message d’erreur()
9. Envoi données()
10. Parser les données()
Diagramme séquence détaillé du cas d'utilisation "engager avec l’utilisateur "
32Conception
Diagramme de classes
Cas d'utilisation | Séquences | Classes
33
Cas d'utilisation | Séquences | Classes
Conception
34Plan
II
III
I
IV
V
Introduction
• Contexte du projet
• Problématique
Etude Préalable
• Critique de l’existant
• Solution propose
• Objectifs à atteindre
Conception
• Diagrammes de cas d’utilisation
• Diagramme de séquence
• Diagramme de classes
Réalisation
• Environnementlogiciel
Outils utilisés
Architecture
• Démonstration
Conclusion
• Perspectives
35Réalisation
Environnement logiciel
Sublime Text
Serveur Web WAMP
Visual Studio 2013
GIT
Jenkins
Plate-forme de
développement
Web
Faire fonctionner
localement des scripts
PHP
Logiciel de gestion
de versions
décentralisé
Suit l’évolution des
fichiers source et garde
les anciennes versions
de chacun d’eux
Editeur de texte
Coloration syntaxique
Auto complétion
Un ensemble complet
d'outils de
développement
est une suite de
logiciels de
développement pour
Windows conçue par
Microsoft
Outil open source
d'intégration
continue
Environnement logiciel | Outils utilisés | Architecture| Démonstration
36Réalisation
Environnement logiciel
Kinect v2 Configuration
Verifier
Kinect Studio
Visual Gesture Builder
Adobe Illustrator
nous permet
d’enregistrer nos
sessions
avec Kinect 2 sous forme
d’un fichier replay
Logiciel de
création graphique
vectorielle de référence
dans les environnements
professionnels
Nous permet
rapidement de
tester
si vous avez les pré-
requis pour Kinect 2
La promesse de cet
outil et de pouvoir
décomposer des
gestuelles
sous forme de données qui
pourront être importé dans
le SDK au run time afin de
détecter des gestuelles
précise.
Environnement logiciel | Outils utilises| Architecture| Démonstration
37Réalisation
Outils de développement de l’application
HTML 5
CSS 3 JavaScript
JSON
AJAXSVG
Environnement logiciel | Outils utilises| Architecture| Démonstration
38Réalisation
Outils de développement de l’application
Web Socket
C#
Environnement logiciel | Outils utilises| Architecture| Démonstration
39Justification de l’utilisation du Web Socket
Nombre de messages REST (en
fonction ms)
Web Socket (en
fonction ms)
Message/ms
10 17 13 1.31
100 112 20 5.60
500 529 55 7.75
1000 1050 115 9.13
5000 5183 522 9.93
10000 10547 1019 10.35
Environnement logiciel | Outils utilises| Architecture| Démonstration
40SVG et performance
SVG
1,2KO
PNG
1,6KO
Environnement logiciel | Outils utilises| Architecture| Démonstration
41SVG et performance
0
1
2
3
4
5
6
7
0 1 2 3 4 5 6 7
Image Matricielle (<img />) Image Vectorielle (<SVG/>)
Taille d’écran(pouce)
Tempsdechargement(ms)
Environnement logiciel | Outils utilises| Architecture| Démonstration
42
Couche
Présentation
Couche
Logique métier
Couche Données
Connexion locale
« WebSocket »
Environnement logiciel | Outils utilises| Architecture| Démonstration
43
Réalisation d'une plateforme web avec support mobile dédiée aux cabinets
médicaux 43
Environnement logiciel | Outils utilises| Architecture| Démonstration
44Plan
II
III
I
IV
V
Introduction
• Contexte du projet
• Problématique
Etude Préalable
• Critique de l’existant
• Solution proposée
Conception
• Diagrammes de cas
d’utilisation
• Diagramme de classes
Réalisation
• Environnementlogiciel
Outils utilisés
Architecture Fonctionnement
• Démonstration
Conclusion
• Perspectives
45Conclusion
Perspectives
Le travail réalisé nous a permis de :
• Kinnifier le web
Ajouter des nouvelle techniques d’interactions IHM
• Traiter des cas réels visant a satisfaire les exigences des utilisateurs
Perspectives:
• Améliorer notre application,
46Les domaines d'application
47
48
49
Liberty University
slide
50
51
52
53
54Référence
SiFast, «SiFast,»
[En ligne]. Available:
http://www.sifast.com/.
01
Akamai, [En ligne]. Available:
http://www.akamai.fr/.
02
AirXTouch, «AirXTouch,» [En
ligne]. Available:
http://www.inui-
studio.com/en/airxtouch/.
03
wisee, «wisee,» [En ligne].
Available:
http://wisee.cs.washington.edu/.
04
Wiki, «Wiki,» [En ligne].
Available:
http://fr.wikipedia.org/wiki/Jenki
ns_(logiciel).
05
«REST WEBSOCKET,» [En
ligne]. Available:
http://planet.jboss.org/post/rest_v
s_websocket_comparison_and_b
enchmarks.
06
55
MERCI POUR VOTRE
ATTENTION
menuiserie-dev.sifast.fr

Weitere ähnliche Inhalte

Was ist angesagt?

Application de gestion, suivi,et de sécurité des chantiers en temps réels.
Application  de gestion, suivi,et de sécurité des chantiers en temps réels.Application  de gestion, suivi,et de sécurité des chantiers en temps réels.
Application de gestion, suivi,et de sécurité des chantiers en temps réels.Sabri El gharbi El yahmadi
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRouâa Ben Hammouda
 
Rapport d'une application mobile de recommendation de livres
Rapport d'une application mobile de recommendation de livresRapport d'une application mobile de recommendation de livres
Rapport d'une application mobile de recommendation de livreskaies Labiedh
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking Khaled Fayala
 
Presentation de soutenance du Projet Fin d'Etudes
Presentation de soutenance du Projet Fin d'EtudesPresentation de soutenance du Projet Fin d'Etudes
Presentation de soutenance du Projet Fin d'EtudesTahani RIAHI
 
Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Mohammed JAITI
 
rapport PFE ingénieur génie logiciel INSAT
rapport PFE ingénieur génie logiciel INSATrapport PFE ingénieur génie logiciel INSAT
rapport PFE ingénieur génie logiciel INSATSiwar GUEMRI
 
Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5YounessLaaouane
 
Conception et Mise en place d'une Application Web SPA pour les établissements...
Conception et Mise en place d'une Application Web SPA pour les établissements...Conception et Mise en place d'une Application Web SPA pour les établissements...
Conception et Mise en place d'une Application Web SPA pour les établissements...Ben Ahmed Zohra
 
Rapport de stage pfe odoo 8
Rapport de stage pfe odoo 8 Rapport de stage pfe odoo 8
Rapport de stage pfe odoo 8 ayoub damir
 
Conception et développement d’un Système de réservation en ligne
Conception et développement d’un Système de réservation en ligneConception et développement d’un Système de réservation en ligne
Conception et développement d’un Système de réservation en ligneAydi Nébil
 
rapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFErapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFEDonia Hammami
 
Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceAHMEDBELGHITH4
 
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile Raoua Bennasr
 
présentation de soutenance PFE
présentation de soutenance PFEprésentation de soutenance PFE
présentation de soutenance PFEKarim Labidi
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique ayoub daoudi
 
Projet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileProjet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileRim ENNOUR
 
Projet de fin d'etude sur le parc informatique
Projet  de fin d'etude sur le parc informatiqueProjet  de fin d'etude sur le parc informatique
Projet de fin d'etude sur le parc informatiqueHicham Ben
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsMohamed Ayoub OUERTATANI
 

Was ist angesagt? (20)

Application de gestion, suivi,et de sécurité des chantiers en temps réels.
Application  de gestion, suivi,et de sécurité des chantiers en temps réels.Application  de gestion, suivi,et de sécurité des chantiers en temps réels.
Application de gestion, suivi,et de sécurité des chantiers en temps réels.
 
MEMOIRE DE STAGE
MEMOIRE DE STAGEMEMOIRE DE STAGE
MEMOIRE DE STAGE
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learning
 
Rapport d'une application mobile de recommendation de livres
Rapport d'une application mobile de recommendation de livresRapport d'une application mobile de recommendation de livres
Rapport d'une application mobile de recommendation de livres
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking
 
Presentation de soutenance du Projet Fin d'Etudes
Presentation de soutenance du Projet Fin d'EtudesPresentation de soutenance du Projet Fin d'Etudes
Presentation de soutenance du Projet Fin d'Etudes
 
Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT)
 
rapport PFE ingénieur génie logiciel INSAT
rapport PFE ingénieur génie logiciel INSATrapport PFE ingénieur génie logiciel INSAT
rapport PFE ingénieur génie logiciel INSAT
 
Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5
 
Conception et Mise en place d'une Application Web SPA pour les établissements...
Conception et Mise en place d'une Application Web SPA pour les établissements...Conception et Mise en place d'une Application Web SPA pour les établissements...
Conception et Mise en place d'une Application Web SPA pour les établissements...
 
Rapport de stage pfe odoo 8
Rapport de stage pfe odoo 8 Rapport de stage pfe odoo 8
Rapport de stage pfe odoo 8
 
Conception et développement d’un Système de réservation en ligne
Conception et développement d’un Système de réservation en ligneConception et développement d’un Système de réservation en ligne
Conception et développement d’un Système de réservation en ligne
 
rapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFErapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFE
 
Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerce
 
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
 
présentation de soutenance PFE
présentation de soutenance PFEprésentation de soutenance PFE
présentation de soutenance PFE
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique
 
Projet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileProjet Fin D'étude Application Mobile
Projet Fin D'étude Application Mobile
 
Projet de fin d'etude sur le parc informatique
Projet  de fin d'etude sur le parc informatiqueProjet  de fin d'etude sur le parc informatique
Projet de fin d'etude sur le parc informatique
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clients
 

Ähnlich wie Présentation mémoire de Fin d’Etudes

Houssem BOULFRAKH - WebPhone (Projet de fin d'études)
Houssem BOULFRAKH - WebPhone (Projet de fin d'études)Houssem BOULFRAKH - WebPhone (Projet de fin d'études)
Houssem BOULFRAKH - WebPhone (Projet de fin d'études)Houssam_Eddine Boulfrakh
 
XebiCon'17 : Déploiement continu de modèle de Machine Learning - Loïc Divad
XebiCon'17 : Déploiement continu de modèle de Machine Learning - Loïc DivadXebiCon'17 : Déploiement continu de modèle de Machine Learning - Loïc Divad
XebiCon'17 : Déploiement continu de modèle de Machine Learning - Loïc DivadPublicis Sapient Engineering
 
Certification mcsd web application développeur .net mcsd
Certification mcsd web application   développeur .net mcsdCertification mcsd web application   développeur .net mcsd
Certification mcsd web application développeur .net mcsdEGILIA Learning
 
Olivier Besson Portfolio
Olivier Besson PortfolioOlivier Besson Portfolio
Olivier Besson PortfolioOlivier Besson
 
App_Gestion_QR.pptx
App_Gestion_QR.pptxApp_Gestion_QR.pptx
App_Gestion_QR.pptxMinaNouhii
 
Support soutenance PFE 11 juillet 2016 - EMSI - SIEMENS - Université de Borde...
Support soutenance PFE 11 juillet 2016 - EMSI - SIEMENS - Université de Borde...Support soutenance PFE 11 juillet 2016 - EMSI - SIEMENS - Université de Borde...
Support soutenance PFE 11 juillet 2016 - EMSI - SIEMENS - Université de Borde...Soufiane KALLIDA
 
Développement et mise en place module maintenance GMAO
Développement et mise en place module maintenance GMAO  Développement et mise en place module maintenance GMAO
Développement et mise en place module maintenance GMAO MohamedYassineSALAH
 
meetup devops aix-marseille 27/10/2022
meetup devops aix-marseille 27/10/2022meetup devops aix-marseille 27/10/2022
meetup devops aix-marseille 27/10/2022Frederic Leger
 
Présentation de stage au sein d'Innov'3D
Présentation de stage au sein d'Innov'3DPrésentation de stage au sein d'Innov'3D
Présentation de stage au sein d'Innov'3DRémi Levilain
 
M10758 formation-mettre-en-oeuvre-et-gerer-la-virtualisation-des-postes-de-tr...
M10758 formation-mettre-en-oeuvre-et-gerer-la-virtualisation-des-postes-de-tr...M10758 formation-mettre-en-oeuvre-et-gerer-la-virtualisation-des-postes-de-tr...
M10758 formation-mettre-en-oeuvre-et-gerer-la-virtualisation-des-postes-de-tr...CERTyou Formation
 
Réutilisation de code entre windows 8 et windows phone 8
Réutilisation de code entre windows 8 et windows phone 8Réutilisation de code entre windows 8 et windows phone 8
Réutilisation de code entre windows 8 et windows phone 8Arnaud Auroux
 

Ähnlich wie Présentation mémoire de Fin d’Etudes (20)

Formation gwt
Formation gwtFormation gwt
Formation gwt
 
CV REBAI Hamida
CV REBAI HamidaCV REBAI Hamida
CV REBAI Hamida
 
Mobilité && SAP
Mobilité && SAPMobilité && SAP
Mobilité && SAP
 
Houssem BOULFRAKH - WebPhone (Projet de fin d'études)
Houssem BOULFRAKH - WebPhone (Projet de fin d'études)Houssem BOULFRAKH - WebPhone (Projet de fin d'études)
Houssem BOULFRAKH - WebPhone (Projet de fin d'études)
 
output
outputoutput
output
 
XebiCon'17 : Déploiement continu de modèle de Machine Learning - Loïc Divad
XebiCon'17 : Déploiement continu de modèle de Machine Learning - Loïc DivadXebiCon'17 : Déploiement continu de modèle de Machine Learning - Loïc Divad
XebiCon'17 : Déploiement continu de modèle de Machine Learning - Loïc Divad
 
Certification mcsd web application développeur .net mcsd
Certification mcsd web application   développeur .net mcsdCertification mcsd web application   développeur .net mcsd
Certification mcsd web application développeur .net mcsd
 
Olivier Besson Portfolio
Olivier Besson PortfolioOlivier Besson Portfolio
Olivier Besson Portfolio
 
Numérique et handicap 2017 journée détude montpellier intervention zenoni
Numérique et handicap 2017  journée détude montpellier intervention  zenoniNumérique et handicap 2017  journée détude montpellier intervention  zenoni
Numérique et handicap 2017 journée détude montpellier intervention zenoni
 
TP GWT JDEV 2015
TP GWT JDEV 2015TP GWT JDEV 2015
TP GWT JDEV 2015
 
App_Gestion_QR.pptx
App_Gestion_QR.pptxApp_Gestion_QR.pptx
App_Gestion_QR.pptx
 
Support soutenance PFE 11 juillet 2016 - EMSI - SIEMENS - Université de Borde...
Support soutenance PFE 11 juillet 2016 - EMSI - SIEMENS - Université de Borde...Support soutenance PFE 11 juillet 2016 - EMSI - SIEMENS - Université de Borde...
Support soutenance PFE 11 juillet 2016 - EMSI - SIEMENS - Université de Borde...
 
PFE kahlaoui Mohamed Ghassen
PFE kahlaoui Mohamed GhassenPFE kahlaoui Mohamed Ghassen
PFE kahlaoui Mohamed Ghassen
 
Développement et mise en place module maintenance GMAO
Développement et mise en place module maintenance GMAO  Développement et mise en place module maintenance GMAO
Développement et mise en place module maintenance GMAO
 
meetup devops aix-marseille 27/10/2022
meetup devops aix-marseille 27/10/2022meetup devops aix-marseille 27/10/2022
meetup devops aix-marseille 27/10/2022
 
RFID
RFIDRFID
RFID
 
Présentation de stage au sein d'Innov'3D
Présentation de stage au sein d'Innov'3DPrésentation de stage au sein d'Innov'3D
Présentation de stage au sein d'Innov'3D
 
Support de cours Spring M.youssfi
Support de cours Spring  M.youssfiSupport de cours Spring  M.youssfi
Support de cours Spring M.youssfi
 
M10758 formation-mettre-en-oeuvre-et-gerer-la-virtualisation-des-postes-de-tr...
M10758 formation-mettre-en-oeuvre-et-gerer-la-virtualisation-des-postes-de-tr...M10758 formation-mettre-en-oeuvre-et-gerer-la-virtualisation-des-postes-de-tr...
M10758 formation-mettre-en-oeuvre-et-gerer-la-virtualisation-des-postes-de-tr...
 
Réutilisation de code entre windows 8 et windows phone 8
Réutilisation de code entre windows 8 et windows phone 8Réutilisation de code entre windows 8 et windows phone 8
Réutilisation de code entre windows 8 et windows phone 8
 

Présentation mémoire de Fin d’Etudes

  • 1. Mémoire de Fin d’Etudes Présenté à L’Institut Supérieur d’Informatique et de Multimédia de Sfax Département Génie Informatique et Multimédia En vue de l’obtention du Diplôme National d’ingénieur Spécialité : Informatique, Technologie Web et Multimédia MISE EN PLACE D’UNE APPLICATION KINECT V2 Université de Sfax Institut Supérieur d’Informatique et du Multimédia de Sfax Département des techniques de l’informatique et du multimédia Année universitaire 2014-2015
  • 2. Université de Sfax Institut Supérieur d’Informatique et du Multimédia de Sfax Département des techniques de l’informatique et du multimédia Année universitaire 2014-2015 Mémoire de Fin d’Etudes MISE EN PLACE D’UNE APPLICATION KINECT V2 Réalisé par : Amin MAGDICH
  • 3. Université de Sfax Institut Supérieur d’Informatique et du Multimédia de Sfax Département des techniques de l’informatique et du multimédia Année universitaire 2014-2015 Mémoire de Fin d’Etudes MISE EN PLACE D’UNE APPLICATION KINECT V2 Réalisé par : Amin MAGDICH Encadré par : M. Ahmed KHARRAT M. Khaled MASMOUDI
  • 4. Université de Sfax Institut Supérieur d’Informatique et du Multimédia de Sfax Département des techniques de l’informatique et du multimédia Année universitaire 2014-2015 Mémoire de Fin d’Etudes MISE EN PLACE D’UNE APPLICATION KINECT V2 Réalisé par : Amin MAGDICH Encadré par : M. Ahmed KHARRAT M. Khaled MASMOUDI Jugé par : M. Lotfi CHAARI M. Tarek ZLITNI
  • 5. 5Plan II III I IV V Introduction • Contexte du projet • Problématique Etude Préalable • Critique de l’existant • Solution propose • Objectifs à atteindre Conception • Diagrammes de cas d’utilisation • Diagramme de séquence • Diagramme de classes Réalisation • Environnementlogiciel Outils utilisés Architecture • Démonstration Conclusion • Perspectives
  • 8. 8ÉQUIPE DE SCRUM Projet Simuleo Khaled MASMOUDI Amin MAGDICH Tarek KHLIF Fatma BOUCHAKOI Basma YENGUI Molka DEJMAL Kouloud ISMAIL
  • 9. 9Introduction Depuis quelques années, les consoles de jeux vidéo sortent des chambres des adolescents pour venir s’installer dans les laboratoires de recherche, les centres commerciaux …. Dans ce cadre, nous étions appelés à concevoir, développer et de mettre en œuvre une boutique en ligne pour présenter, simuler, commercialiser et livrer nos produits à nos clients ,ainsi un Framework assurant des nouvelles techniques d’interaction avec les applications Web pour diminuer la complexité et faciliter l’apprentissage de ses applications. Introduction Contexte du projet | Problématique
  • 10. 10
  • 11. 11L'impatience des internautes Contexte du projet | Problématique 80% 60% 50% 35% 40%
  • 12. 12Nombre des internautes dans le monde Contexte du projet | Problématique 2014 2015 2016 2017 2018 42,4% 44,8% 46,3% 48,2%47,1%
  • 13. 13Critiques de l’existant Problème de fiabilité Perte de qualité Manque de convivialité Application complexe La perte du temps 01 02 03 04 05 Contexte du projet | Problématique
  • 14. 14Plan II III I IV V Introduction • Contexte du projet • Problématique Etude Préalable • Critique de l’existant • Solution propose • Objectifs à atteindre Conception • Diagrammes de cas d’utilisation • Diagramme de séquence • Diagramme de classes Réalisation • Environnementlogiciel Outils utilisés Architecture • Démonstration Conclusion • Perspectives
  • 15. 15Table de critère entre les deux premières solutions Application Web SVG Application Flash Temps de réponses + - Résolution des images + - Compatibilité + - Référencement + - Sécurité - + Critique de l’existant| Solution proposée| Objectifs à atteindre
  • 16. 16Table de critère entre les cinq solutions Kinect Airxtouch écrans tangibles Leap Motion Application WISEE Détection squelettes + _ _ _ _ Détection Main + + _ + _ Détection faciale + _ + _ _ Détection gestuelle + _ _ _ + Compatibilité + _ _ _ _ Voix + + + + _ Fiabilité + _ _ _ _ Critique de l’existant| Solution proposée| Objectifs à atteindre
  • 17. 17 Quelle est la meilleure solution à concevoir pour résoudre les problèmes rencontrés !
  • 18. 18 Les limites d’une version desktop et les apports des applications web ont poussé la société SiFast à nous proposer de développer un Framework pour Kinect V2 pour le web grâce à ses avantages par rapport aux autres solutions proposéesII.3.2. Kinect V2 Dans notre cas, nous avons choisi de développer une application Web à base de SVG SVG Solution choisi Critique de l’existant| Solution proposée| Objectifs à atteindre
  • 19. 19Composants Kinect Power Light RGB Camera IR Emitters Depth Sensor Microphone Array Critique de l’existant| Solution proposée| Objectifs à atteindre
  • 20. 20Composants Kinect Power Light RGB Camera IR Emitters Depth Sensor Microphone Array Depth Sensor IR Emitters Critique de l’existant| Solution proposée| Objectifs à atteindre
  • 21. 21 Critique de l’existant| Solution proposée| Objectifs à atteindre
  • 22. 22Objectifs à atteindre Aider la clientèle à choisir leur propre porte Répondre à toutes les exigences des usagers d'une manière optimale grâce à ses fonctionnalités. Aider les menuisiers vendeurs de présenter leurs gammes des produits Prévoir une application assez dynamique et simple pour assurer la cohérence du processus de maintenance Critique de l’existant| Solution proposée| Objectifs à atteindre
  • 23. 23Objectifs à atteindre Capitaliser un savoir-faire dans les outils de simulation de portes Permettre à l'utilisateur d'interagir directement c'est-à- dire sans outil intermédiaire Une application simple à utiliser que l'on n'a même plus besoin de maîtriser Répondre à toutes les exigences des usagers d'une manière optimale grâce à ses fonctionnalités Critique de l’existant| Solution proposée| Objectifs à atteindre
  • 24. 24Plan II III I IV V Introduction • Contexte du projet • Problématique Etude Préalable • Critique de l’existant • Solution propose • Objectifs à atteindre Conception • Diagrammes de cas d’utilisation • Diagramme de séquence • Diagramme de classes Réalisation • Environnementlogiciel Outils utilisés Architecture • Démonstration Conclusion • Perspectives
  • 25. 25Conception Diagrammes de cas d’utilisation « Utilisateur » Modifier l’image de la maison Personnaliser la porte Valider commande Kinnifier la simulation Contacter le fournisseur Utilisateur Définir Vue Prendre une photo Upload d’une image<<extends>> Choisir la forme et le matériau Choisir les accessoires Ajuster la taille <<extends>> Personnaliser les éléments VentailVitrage Cadre Châssis Imposte Cas d'utilisation | Séquences | Classes
  • 26. 26Conception Diagrammes de cas d’utilisation « Kinnifier la simulation » Déplacer le curseur Sélectionner les éléments interactifs Tourner les objets Redimensionner la porte Engager Recevoir des données visuelle Calibration du squelette Changer Calibration Cas d'utilisation | Séquences | Classes
  • 27. 27 utilisateur Interface simulation Contrôleur de simulation Simulation: simulation Vue_Maison forme : Forme Charger l’interface() Récupérer la simulation() Créer une simulation() Récupérer la forme (Défaut)
  • 28. 28 Forme : forme matériau : Matériau gamme : Gamme élément : Elément vitrage : Vitrage accessoire : Accessoire Récupérer matériau (Défaut) Récupérer la gamme (Défaut) Récupérer vitrage (Défaut) Récupérer accessoire (Défaut) Récupérer les éléments (Défaut) Retour des éléments () Retour des éléments ()
  • 29. 29 utilisateur Interface simulation Contrôleur de simulation Simulation: simulation Vue_Maison forme : Forme Retour forme () Récupérer Vue Maison (Défaut) Retour Vue Maison () Retour de simulation () simulation : simulation créer () Chargement ()
  • 30. 30 Cas d'utilisation | Séquences | Classes utilisateur joints: Jointsbody:BodyKinect 3. Créer Body() 2. S’engager() jointOrientation: JointOrientation 1. Récupérer la liste des utilisateurs suivi() 4. Récupérer Joints() 5. Joints retourné() 6. Récupérer JointsOrientation() 7. Retourner JointsOrientations () expression: Expression 8. Récupérer Expression () 9. Retourner Expression()10. Body créer() 8. Envoyer les données () Diagramme séquence détaillé du cas d'utilisation "engager avec l’utilisateur "
  • 31. 31 Cas d'utilisation | Séquences | Classes WebSocket Interface :Simulation Application JavaScript 11. Désactiver Message d’erreur() 9. Envoi données() 10. Parser les données() Diagramme séquence détaillé du cas d'utilisation "engager avec l’utilisateur "
  • 32. 32Conception Diagramme de classes Cas d'utilisation | Séquences | Classes
  • 33. 33 Cas d'utilisation | Séquences | Classes Conception
  • 34. 34Plan II III I IV V Introduction • Contexte du projet • Problématique Etude Préalable • Critique de l’existant • Solution propose • Objectifs à atteindre Conception • Diagrammes de cas d’utilisation • Diagramme de séquence • Diagramme de classes Réalisation • Environnementlogiciel Outils utilisés Architecture • Démonstration Conclusion • Perspectives
  • 35. 35Réalisation Environnement logiciel Sublime Text Serveur Web WAMP Visual Studio 2013 GIT Jenkins Plate-forme de développement Web Faire fonctionner localement des scripts PHP Logiciel de gestion de versions décentralisé Suit l’évolution des fichiers source et garde les anciennes versions de chacun d’eux Editeur de texte Coloration syntaxique Auto complétion Un ensemble complet d'outils de développement est une suite de logiciels de développement pour Windows conçue par Microsoft Outil open source d'intégration continue Environnement logiciel | Outils utilisés | Architecture| Démonstration
  • 36. 36Réalisation Environnement logiciel Kinect v2 Configuration Verifier Kinect Studio Visual Gesture Builder Adobe Illustrator nous permet d’enregistrer nos sessions avec Kinect 2 sous forme d’un fichier replay Logiciel de création graphique vectorielle de référence dans les environnements professionnels Nous permet rapidement de tester si vous avez les pré- requis pour Kinect 2 La promesse de cet outil et de pouvoir décomposer des gestuelles sous forme de données qui pourront être importé dans le SDK au run time afin de détecter des gestuelles précise. Environnement logiciel | Outils utilises| Architecture| Démonstration
  • 37. 37Réalisation Outils de développement de l’application HTML 5 CSS 3 JavaScript JSON AJAXSVG Environnement logiciel | Outils utilises| Architecture| Démonstration
  • 38. 38Réalisation Outils de développement de l’application Web Socket C# Environnement logiciel | Outils utilises| Architecture| Démonstration
  • 39. 39Justification de l’utilisation du Web Socket Nombre de messages REST (en fonction ms) Web Socket (en fonction ms) Message/ms 10 17 13 1.31 100 112 20 5.60 500 529 55 7.75 1000 1050 115 9.13 5000 5183 522 9.93 10000 10547 1019 10.35 Environnement logiciel | Outils utilises| Architecture| Démonstration
  • 40. 40SVG et performance SVG 1,2KO PNG 1,6KO Environnement logiciel | Outils utilises| Architecture| Démonstration
  • 41. 41SVG et performance 0 1 2 3 4 5 6 7 0 1 2 3 4 5 6 7 Image Matricielle (<img />) Image Vectorielle (<SVG/>) Taille d’écran(pouce) Tempsdechargement(ms) Environnement logiciel | Outils utilises| Architecture| Démonstration
  • 42. 42 Couche Présentation Couche Logique métier Couche Données Connexion locale « WebSocket » Environnement logiciel | Outils utilises| Architecture| Démonstration
  • 43. 43 Réalisation d'une plateforme web avec support mobile dédiée aux cabinets médicaux 43 Environnement logiciel | Outils utilises| Architecture| Démonstration
  • 44. 44Plan II III I IV V Introduction • Contexte du projet • Problématique Etude Préalable • Critique de l’existant • Solution proposée Conception • Diagrammes de cas d’utilisation • Diagramme de classes Réalisation • Environnementlogiciel Outils utilisés Architecture Fonctionnement • Démonstration Conclusion • Perspectives
  • 45. 45Conclusion Perspectives Le travail réalisé nous a permis de : • Kinnifier le web Ajouter des nouvelle techniques d’interactions IHM • Traiter des cas réels visant a satisfaire les exigences des utilisateurs Perspectives: • Améliorer notre application,
  • 47. 47
  • 48. 48
  • 50. 50
  • 51. 51
  • 52. 52
  • 53. 53
  • 54. 54Référence SiFast, «SiFast,» [En ligne]. Available: http://www.sifast.com/. 01 Akamai, [En ligne]. Available: http://www.akamai.fr/. 02 AirXTouch, «AirXTouch,» [En ligne]. Available: http://www.inui- studio.com/en/airxtouch/. 03 wisee, «wisee,» [En ligne]. Available: http://wisee.cs.washington.edu/. 04 Wiki, «Wiki,» [En ligne]. Available: http://fr.wikipedia.org/wiki/Jenki ns_(logiciel). 05 «REST WEBSOCKET,» [En ligne]. Available: http://planet.jboss.org/post/rest_v s_websocket_comparison_and_b enchmarks. 06

Hinweis der Redaktion

  1. Merci Mr le président, tout d’abord je tiens à remercier les membres du jury pour votre acceptation d’évaluer mon travail de mémoire intitulé «Mise en place d’une application kinect v2, Je me sens reconnaissant a mes encadreurs pour ses aide et ses conseils tout le long du période de réalisation de mon projet , Sans oublier de remercier les invités pour son assistance,
  2. Merci Mr le président, tout d’abord je tiens à remercier les membres du jury pour votre acceptation d’évaluer mon travail de mémoire intitulé «Mise en place d’une application kinect v2, Je me sens reconnaissant a mes encadreurs pour ses aide et ses conseils tout le long du période de réalisation de mon projet , Sans oublier de remercier les invités pour son assistance,
  3. Merci Mr le président, tout d’abord je tiens à remercier les membres du jury pour votre acceptation d’évaluer mon travail de mémoire intitulé «Mise en place d’une application kinect v2, Je me sens reconnaissant a mes encadreurs pour ses aide et ses conseils tout le long du période de réalisation de mon projet , Sans oublier de remercier les invités pour son assistance,
  4. Merci Mr le président, tout d’abord je tiens à remercier les membres du jury pour votre acceptation d’évaluer mon travail de mémoire intitulé «Mise en place d’une application kinect v2, Je me sens reconnaissant a mes encadreurs pour ses aide et ses conseils tout le long du période de réalisation de mon projet , Sans oublier de remercier les invités pour son assistance,
  5. Tout d’abord je vais présenter les différents points à aborder tout au long de cette présentation: Je vais commencer par l’introduction qui contient le contexte du projet, et la problématique qui nous conduira après a la phase de l’etude préalable qui contient un critique de l’existant et la solution proposée , puis je vais présenter la conception de ce travail , Ensuite je vais démontrer mon travail ainsi que les outils et l’architecture utilisés .Enfin je vais clôturer par une conclusion et quelques perspectives .
  6. Les consoles de jeux sont implimenté au niveau des centres commerciaux , les foires ,,,,, Cet dernier est installé sur des écrans géant qui peut avoir 200 pouce et qui s’exerce une qualité très éleve qui influe directement sur le temps de réponse et le temps de chargement
  7. L'impatience des internautes est légendaire. Plus une page prend de temps à charger, plus l'internaute est tenté d'aller voir ailleurs, et parfois, ne plus revenir. D'après une étude d’Akamai [2], 57 % des internautes abandonnent une page qui prend plus de 3 secondes à charger, la première cause de lenteur d'un site web est liée au volume de données chargées.
  8. Malgré le nombre important des internautes dans le monde qui va atteindra 3,07 milliards en 2015, en hausse de +6,2% vs 2014. Cela représentera 42,4% de la population. Pour les 3 années suivantes, les taux de croissance sont estimés à plus de 5%, et la pénétration d'Internet devrait atteindre 48,2% en 2018 selon les dernières prévisions d'eMarketer [3] et dispose la répartition géographique suivante illustrée dans la figure 6. Les console de jeux video ne peut pas implémenté à cet instant au niveau des navigateurs
  9. Problème de fiabilité : l'interface est conçue pour que l'utilisateur commette le moins d'erreur possible mais cette interface se diffère d’un internaute à un autre. Perte de qualité : la qualité des applications de simulation diminue en fonction de la résolution spatiale de chaque terminal. La perte du temps : l’internaute passe plusieurs minutes pour la compréhension de notre système et l’exploitation par la suite. Manque de convivialité : chaque internaute possède son point de vue par rapport l’application fourni mais nous sommes toujours obligé d’améliorer l’interaction homme-machine pour que l'interface devient peu à peu agréable pour l'utilisateur. Application complexe : nécessite une bonne maitrise de la langue et quelque notion informatique.
  10. Tout d’abord je vais présenter les différents points à aborder tout au long de cette présentation: Je vais commencer par l’introduction qui contient le contexte du projet, et la problématique qui nous conduira après a la phase de l’etude préalable qui contient un critique de l’existant et la solution proposée , puis je vais présenter la conception de ce travail , Ensuite je vais démontrer mon travail ainsi que les outils et l’architecture utilisés .Enfin je vais clôturer par une conclusion et quelques perspectives .
  11. Depth - Time of flight technology IR Emitter – Three sensors sending in different wave lengths/fazes Tilt motor – Gone!
  12. Tout d’abord je vais présenter les différents points à aborder tout au long de cette présentation: Je vais commencer par l’introduction qui contient le contexte du projet, et la problématique qui nous conduira après a la phase de l’etude préalable qui contient un critique de l’existant et la solution proposée , puis je vais présenter la conception de ce travail , Ensuite je vais démontrer mon travail ainsi que les outils et l’architecture utilisés .Enfin je vais clôturer par une conclusion et quelques perspectives .
  13. Le diagramme de classe est un diagramme qui permet de présenter les différentes classes de notre application
  14. Tout d’abord je vais présenter les différents points à aborder tout au long de cette présentation: Je vais commencer par l’introduction qui contient le contexte du projet, et la problématique qui nous conduira après a la phase de l’etude préalable qui contient un critique de l’existant et la solution proposée , puis je vais présenter la conception de ce travail , Ensuite je vais démontrer mon travail ainsi que les outils et l’architecture utilisés .Enfin je vais clôturer par une conclusion et quelques perspectives .
  15. Poids Performance Dimensionnement Interaction
  16. Nous vous présentons maintenant une vidéo qui montre comment se servir de notre solution ainsi qu’une démonstration de quelques fonctionnalités
  17. Tout d’abord je vais présenter les différents points à aborder tout au long de cette présentation: Je vais commencer par l’introduction qui contient le contexte du projet, et la problématique qui nous conduira après a la phase de l’etude préalable qui contient un critique de l’existant et la solution proposée , puis je vais présenter la conception de ce travail , Ensuite je vais démontrer mon travail ainsi que les outils et l’architecture utilisés .Enfin je vais clôturer par une conclusion et quelques perspectives .