NodeJS et SocketIO en mode scalable dans le Cloud - GAB 2015
SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO....
Transcript of SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO....
![Page 1: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/1.jpg)
SMARTCLASSROOM
Youcef HAMDANI – Vincent MESNIER – Abdulmelik SAK – Thibault SAUSSAC – Sébastien TOUSSAINT – Sébastien ZOPPELLO
Didier DONSEZ – Jérôme MAISONNASSE
Développeur Développeur DUT / Développeur
Chef de projet /Développeur
Développeur DUT / Développeur
![Page 2: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/2.jpg)
SOMMAIRE
Contexte Travail réalisé Gestion Projet& Bilan
- Présentation du projet
- Objectifs
- Chat
- Interaction des images
- Snake
- Configuration des tables
- NFC
- Planning
- Difficultés rencontrées
- Bilan
- Amélioration à apporter
![Page 3: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/3.jpg)
1.Contexte
![Page 4: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/4.jpg)
Présentation de SMARTCLASSROOM
�Un projet collaboratif
�Le projet existant :- Ping-Pong- Shared Windows- Tiled Display
![Page 5: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/5.jpg)
Objectifs
�Élargir la bibliothèque d’applications
�Configuration dynamique des tables
�Tableau interactif
�Documentation
� Immersion dans un projet de développement
![Page 6: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/6.jpg)
2.Travail réalisé
![Page 7: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/7.jpg)
Le CHAT
�Gestion des connexions- Indispensable pour le projet
�Découverte & Utilisation de SocketIO
![Page 8: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/8.jpg)
Interaction avec une image
�Zoom
�Rotation
�Drag
![Page 9: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/9.jpg)
Le SNAKE
�SNAKE multi-joueurs avec TiledDisplay
�Adaptation au canvas Full-Screen
![Page 10: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/10.jpg)
Configuration dynamique des tables
�Nombre variable d’écrans connectés
�Split des médias dynamique
�Possibilité de choisir l’emplacement de chaque écran
� Interface utilisateur
![Page 11: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/11.jpg)
Configuration dynamique des tables
![Page 12: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/12.jpg)
Configuration dynamique des tables
![Page 13: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/13.jpg)
NFC / Migration (DUT)
�Étude de la technologique.
� Installation sur les tables.
�Création d’un SCRIPT Python pour l’intégration de NFC dans de futurs projets.
�Etude de la migration nowJS vers SocketIO.
![Page 14: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/14.jpg)
3.Gestion de projet & Bilan
![Page 15: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/15.jpg)
Planning
Initial :
Final :
![Page 16: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/16.jpg)
DIFFICULTÉS :
- Mise en route
- Technologies obsolètes
- Matériel défectueux
- Manque de documentation
- DUTs
Difficultés & solutions apportées
SOLUTIONS : - Communication avec les anciens
- Cohabitation avec une techno
similaire - Réparation et échanges
- Pertes de temps pour la création
de la documentation - Demande de conseils à des
experts
![Page 17: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/17.jpg)
Améliorations possibles
�Utilisation de NFC
�Migration du projet vers SocketIO
�Amélioration du SNAKE à plus de 2 joueurs �S’échanger les écrans
�Configuration Automatique des tables (cf. Capteurs)
![Page 18: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/18.jpg)
Merci!Avez vous des questions?Suivez nous : http://air.imag.fr/index.php/Projets-2015-2016-SmartClassRoom & [email protected]
![Page 19: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/19.jpg)
4.Démonstration
![Page 20: SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO. Interaction avec une image Zoom Rotation Drag. Le SNAKE SNAKE multi-joueurs avec TiledDisplay](https://reader033.fdocuments.net/reader033/viewer/2022053001/5f056dd07e708231d412eb38/html5/thumbnails/20.jpg)