SMARTCLASSROOM - imagair.imag.fr/images/a/ad/TransparentsProjetSmartClassRoom.pdf · SocketIO....

20
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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