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
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
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
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
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,
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,
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,
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,
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,
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
.
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
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.
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
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.
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
.
Depth - Time of flight technology
IR Emitter – Three sensors sending in different wave lengths/fazes
Tilt motor – Gone!
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
.
Le diagramme de classe est un diagramme qui permet de présenter les différentes classes de notre application
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
.
Poids
Performance
Dimensionnement
Interaction
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
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
.