https://air.imag.fr/api.php?action=feedcontributions&user=Thibault.Saussac&feedformat=atomair - User contributions [en]2024-03-29T05:34:37ZUser contributionsMediaWiki 1.35.13https://air.imag.fr/index.php?title=Projets_2015-2016&diff=28299Projets 2015-20162016-03-17T14:46:38Z<p>Thibault.Saussac: /* Projets */</p>
<hr />
<div><<[[Projets 2014-2015]] | [[Projets]] | [[Projets 2016-2017]]>><br />
=RICM=<br />
==RICM3==<br />
<br />
==RICM4==<br />
===Projet Semestre S8===<br />
<br />
Enseignants responsables : Olivier Richard, Didier Donsez<br />
<br />
<br />
* '''Evaluation à mi-parcours le lundi 7 mars''': Format: 10min (5min de présentation 3 slides au plus, 5min de discussion). Cette évaluation sera prise en compte dans la note finale.<br />
<br />
'''Consignes générales:'''<br />
<br />
* '''Vous devez être pro-actifs !!!''': Si des points sont pas ou mals spécifiés, vous le faîtes et vous justifiez vos choix. Pour les problèmes techniques éventuels vous pouvez: vous creusez la question, vous contactez l'auteur du code si il y a lieux, vous faites un rapport de bug ('''Attention:''' ca se prépare !), vous soumettez un patch, vous contactez l'enseignant ou la personne suivant le projet.<br />
<br />
* '''Vous devez maintenir une fiche de suivi de projet''': elle doit être mise à jour chaque semaine, elle rassemble les élements essentiels du projet, elle <br />
indique les évolutions du projet et présente sa feuille de route. '''Note:''' le nom de la fiche doit être composé du nom du projet et suffixé par ricm4_2015_2016.<br />
<br />
* '''Vous devez utiliser un logiciel de gestion de version''' pour vos développements comme [http://en.wikipedia.org/wiki/Git_%28software%29 git ] et nous vous conseillons d'utiliser le site [https://github.com github] pour l'hébergement de votre dépôt public.<br />
<br />
* Les document public (exemple sur github) doivent être rédigés en anglais (README, documentation, commentaires de code, nom de variables et de fonctions). Une bonnification sera accordée si le rapport et les transparents sont en anglais (la soutenance sera en francais).<br />
<br />
{|class="wikitable alternance"<br />
|+ Affectation des projets RICM4 2015-2016<br />
|-<br />
|<br />
!scope="col"| Sujet<br />
!scope="col"| Etudiants<br />
!scope="col"| Enseignant(s)<br />
!scope="col"| Fiche de suivi<br />
!scope="col"| Dépot git<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[Dashboard pour gestionnaire de tâches et de ressources]]<br />
| CROUZET, MATHIEU<br />
| Richard<br />
| [[Projets-2015-2016-DashBoard| '''Fiche''']]<br />
| [https://github.com/MatthieuCrouzet/Projet4A '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_groupe1.pdf|Rapport Consultant]] - [[Media:Paterns.pdf|Patterns]] - [[Media:PresentationDashboard.pdf|Presentation]]<br />
|-<br />
<br />
!scope="row"| 2<br />
| [[Speeding Simplified Script Language]]<br />
| POPEK, BERTRAND-DALECHAMPS, WEI<br />
| Richard<br />
| [[Projets-2015-2016-SSSL| '''Fiche''']] - [[SSSL-UML| '''UML''']]<br />
| [https://github.com/FlorianPO/Speeding-Simplified-Script-Language.git '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:Groupe2_AIR.pdf|Rapport Consultant]] - [[Media:PresentationProjet.pdf|Presentation]]<br />
|-<br />
<br />
!scope="row"| 3<br />
| [[Borne interactive]] <br />
| DUNAND - NAVARRO - REVEL<br />
| Maisonnasse<br />
| [[Projets-2015-2016-Borne-Interactive| '''Fiche''']] - [[Projets-2015-2016-Borne-Interactive-SRS | '''SRS''']] - [[Projets-2015-2016-Borne-Interactive/UML_Diagrams | '''UML''']]<br />
| [https://github.com/Kant73/InteractiveDisplay '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:IPopo.pdf|Rapport Consultant]] - [[Media:PatternDesign.pdf | '''Design Pattern''']] - [[Media:PresentationInteractiveDisplay.pdf|Présentation Intermédiaire]]<br />
|-<br />
<br />
!scope="row"| 4<br />
| [[Sonotone]]<br />
| LECORPS, VOUTAT, Hattinguais <br />
| Maisonnasse, Richard<br />
| [[Projets-2015-2016-Sonotone| '''Fiche''']] - [[Projets-2015-2016-Sonotone-SRS | '''SRS''']] <br />
| [https://github.com/Gorgorot38/Sonotone-RICM4 '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:SRS_Consultant_Sonotone_4.pdf|Rapport_Consultant]] - [[Media:pattern_sonotone.pdf|Pattern]] - [[Media:Soutenance.pdf|Soutenance_miparcours]]<br />
|-<br />
<br />
!scope="row"| 5<br />
| [[Sous-titre_en_temps_r%C3%A9el_d%27un_cours| Sous-titre d'un cours en temps réel]]<br />
| LECHEVALLIER, BUI, OUNISSI <br />
| Maisonnasse<br />
| [[LiveSubtitles| '''Fiche''']]<br />
| [https://github.com/Lechevallier/RealTimeSubtitles '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media: SRS_Groupe_5.pdf| Rapport Consultant]]<br />
|-<br />
<br />
!scope="row"| 6<br />
| [[GrenobloisFuté]]<br />
| MOURET, DELAPORTE, Lucidarme<br />
| Nicolas Palix<br />
| [[GrenobleFuté| '''Fiche''']]<br />
| [https://github.com/Lucidarme/Osmand.git '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProjet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_G14.pdf|Rapport Consultant]]<br />
|-<br />
<br />
!scope="row"| 7<br />
| [[Streaming en stéréoscopie]]<br />
| ZHAO ZILONG, HAMMOUTI<br />
| Maisonnasse<br />
| [[Projets-2015-2016-Streaming-Stereoscopie| '''Fiche''']] - [[SRS - Streaming en stéréoscopie | '''SRS''']] <br />
| [https://github.com/zhao-zilong/streaming_stereo '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:bruel_medewou_ndiaye.pdf|Rapport_consultant]] - [[Media:streaming.pdf|mi-parcours]]<br />
|-<br />
<br />
!scope="row"| 8<br />
| [[PersyCup2016]]<br />
| BIN, ZEGAOUI, ELLAPIN <br />
| Donsez, Maisonnasse<br />
| [[PersyCup| '''Fiche''']]<br />
| [https://github.com/legominstorm/lego '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:SoutenanceMiParcours-Persycup2016.pdf|Soutenance Mi-parcours]]<br />
|-<br />
<br />
!scope="row"| 9<br />
| [[Services étendus pour le modèle de composants iPOPO pour Python]]<br />
| FOUNAS, HALLAL, GATTAZ <br />
| Calmant & Donsez<br />
| [[Proj-2015-2016-Extensions_IPOPO | '''Fiche''']] - [[Proj-2015-2016-Extensions_IPOPO/SRS | '''SRS''']] - [[Proj-2015-2016-Extensions_IPOPO/UML | '''UML''']] <br />
| [https://github.com/abdelazizFounas/ipopo/tree/tlsremote '''github IPOPO'''] <br /> [https://github.com/gattazr/IPOPO-Remote-Client '''github IPOPO Client''']<br />
| [[Media:9_RapportProjet.pdf|Rapport]] - [[Media:9_TransparentsProojet.pdf|Transparents]] - [[Media:9_FlyerProjet.pdf|Flyer]] - [[Media:3-SRS-Pres.pdf| Rapport Consultant]] - [[Media:9_PatternStrat.pdf|Pattern Design]] - [[Media:9_Mid-Presentation.pdf|Mid Presentation]] - [[Media:9_Gantt.pdf|Gantt]]<br />
|-<br />
<br />
!scope="row"| 10<br />
| [[IndoorGeoloc2016]]<br />
| ARRADA - CRASTES - FAURE - STOIAN <br />
| Donsez<br />
| [[Proj-2015-2016-IndoorGeoloc/Fiche| '''Fiche''']] - [[Proj-2015-2016-IndoorGeoloc/SRS|SRS]]<br />
| [https://github.com/QuentinFA/Geoloc_Indoor '''github''']<br />
| [[Media:Proj-2015-2016-IndoorGeoloc/RapportProjet.pdf|Rapport]] - [[Media:Proj-2015-2016-IndoorGeoloc/TransparentsProjet.pdf|Transparents]] - [[Media:Proj-2015-2016-IndoorGeoloc/FlyerProjet.pdf|Flyer]] - [[Media: SRSGroupe17.pdf| Rapport Consultant]] - [[Media:Mi_parcours.pdf|Mid presentation]]<br />
|-<br />
<br />
!scope="row"| 11<br />
| [[UPnPOpenHAB2016]]<br />
| Medewou , Ndiyae Yacine , Bruel Anna <br />
| Didier Donsez & Jérome Maisonnasse<br />
| [[Proj-Openhab-2016| '''Fiche''']] - [[Proj-2015-2016-Int%C3%A9gration_de_cam%C3%A9ra_de_surveillance_UPnP_%C3%A0_Openhab/SRS| '''SRS''']] - [[Proj-Openhab/UML| '''UML''']]<br />
| [https://github.com/openHab-UPnP '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_ZHAO_HAMMOUTI.pdf|Rapport Consultant]] - [[Media:pattern_ZHAO_HAMMOUTI.pdf|Patterns]] - [[Media:fichier.pdf|Mini soutenance]]<br />
|-<br />
<br />
!scope="row"| 12<br />
| [[Sign2Speech]]<br />
| NIOGRET, NOGUERON, TITH<br />
| Didier Donsez<br />
| [[sign2speech_ricm4_2015_2016| '''Fiche''']] - [[SRS - Sign2Speech | '''SRS''']] - [[UML | '''UML''']]<br />
| [https://github.com/SignToSpeech-Project '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:12-Sign2Speech-RapportConsultant.pdf|Rapport Consultant]] - [[Media:12-Sign2Speech-MidPres.pdf|Mid presentation]]<br />
|-<br />
<br />
!scope="row"| 13<br />
| [[AstroImage]] <br />
| RACHEX, BLANC, GERRY<br />
| Olivier Richard et Bruno Bzeznik<br />
| [[Proj-2015-2016-Astroimage/Fiche| '''Fiche''']] - [[AstroImage/SRS | '''SRS''']] - [[Media:AstroImage-UML.pdf | '''UML''']]<br />
| [https://github.com/nicolas-blanc/AstroImage '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:13-AstroImage-RapportConsultant.pdf|Rapport Consultant]] - [https://docs.google.com/presentation/d/15F8DRktwmOuSNabdxMASniyr-TIiRzGNNG1mOhcoSnk/edit?usp=sharing '''Patterns''']<br />
|-<br />
<br />
!scope="row"| 14<br />
| [[Tachymètre]]<br />
| MACE, NOUGUIER, RAMEL<br />
| Olivier Gattaz<br />
| [[Fiche - Tachymètre | '''Fiche''']] - [[SRS - Tachymètre| '''SRS''']] - [[UML - Tachymètre| '''UML''']]<br />
| [https://github.com/Quego/Tachymetre '''github - Tachymètre''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:srs_tachymetre.pdf|Rapport consultant]] - [[Media:14_PatternDesign.pdf | Pattern Design]] - [[Media:Tachymetre_Presentation.pdf | Présentation]]<br />
|-<br />
<br />
!scope="row"| 15<br />
| [[SmartProjector]]<br />
| BRANGER, HABLOT<br />
| Donsez, Maisonnasse<br />
| [[Fiche_SmartProjector_ricm4_2015_2016| '''Fiche''']] - [[SRS - SmartProjector| '''SRS''']] - [[UML - SmartProjector| '''UML''']]<br />
| [https://github.com/P0ppoff/SmartProjector '''github''']<br />
| [[Rapport]] - [[Media:PresentationPorjet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:Gl_groupe16.pdf|Rapport Consultant]] - [http://air.imag.fr/index.php/Patron_de_conception_-_SmartProjector patterns]<br />
|-<br />
<br />
|}<br />
<br />
===Liste de projets===<br />
<br />
* [[Dashboard pour gestionnaire de tâches et de ressources]], Olivier Richard<br />
* [[Moteur distribué d'exécution de commande]], Olivier Richard<br />
* [[Environnement d'expérimentation de pour NVIDIA Shield (Tegra X1)]], Olivier Richard <br />
* [[Speeding Simplified Script Language]], Olivier Richard<br />
<br />
* Aide (Open-Source)au Handicap Auditif, avec Didier Donsez, Jérome Maisonnasse, Marie-Paule Balicco (SAH UGA) et Nicolas Vuillerme<br />
** [[Borne interactive]] (1 sujet)<br />
** [[Sonotone]] (1 sujet)<br />
** [[Sous-titre en temps réel d'un cours]] (1 sujet)<br />
* [[GrenobloisFuté]] Couche trafic sur OsmAnd avec un greffon. Données dynamique de la métro. Dvp Android. Nicolas Palix.<br />
* [[GeoDiff]] Production, visualisation, fusion de variations (diff) sur de l'information géocodée : Nicolas Palix<br />
* [[Smart campus augmenté et contributif]] Didier Donsez, Vivien Quema<br />
<br />
* [[Streaming en stéréoscopie]] sur [[WebRTC]] avec rendu sur [[Oculus]] pour le robot [[RobAIR]], Jérôme Maisonnasse. ([http://gstconf.ubicast.tv/videos/stereoscopic-3d-video/ voir]).<br />
* [[STM32F7]] : Mise en oeuvre de la chaîne de compilation sous Linux avec [[OpenSTM32]] et [[OpenOCD]]. Nicolas Palix<br />
* [[PersyCup2016]] : Persyval Robocup, Didier Donsez, Vivien Quema, Jérome Maisonnasse. (3 étudiants)<br />
* [[Services étendus pour le modèle de composants iPOPO pour Python]], Didier Donsez & Thomas Calmant. (2 étudiants)<br />
* [[SmartClassRoom2016|Développement d'une interface partagée pour tables tactiles (projet SmartClassRoom)]], Didier Donsez, Jérôme Maisonnasse. (2 étudiants)<br />
* [[iRock2016|iRock : surveillance de glissement de terrains]], Didier Donsez & Vivien Quema<br />
* [[IndoorGeoloc2016|Géolocalisation in-door au moyen de balises (beacon) BLE et Wifi à base de STM32 et de balises iBeacon & AltBeacon]], Didier Donsez & Vivien Quema<br />
* [[UPnPOpenHAB2016|Intégration et gestion de caméras de surveillance UPnP dans la plateforme domotique open-source OpenHAB et myOpenHAB]], Didier Donsez & Jérome Maisonnasse.<br />
<br />
'''Projets non prioritaires'''<br />
<br />
* [[Liveprogramming with Kivy]], Olivier Richard<br />
* [[AstroImage]] production d'image d'astronomie, Olivier Richard et Bruno Bzeznik<br />
* [[G-code Cruncher]] Controle de machine CNC (Nucleo grbl + esp8266 + Sdcard), Olivier Richard<br />
* [[Intégration OpenHAB / OpenTele]] Nicolas Palix<br />
<br />
==RICM5==<br />
<br />
===Projet Semestre S10===<br />
<br />
Enseignant responsable : Didier Donsez<br />
<br />
Démarrage : Lundi 25/01 à 10H30-12H30, P253 (Rendez-vous devant la salle AIR) - Visioconf pour Thibaut Cordier<br />
<br />
Soutenance : Jeudi 17/03 à 13H00-17H00, salle P043 (Polytech Grenoble)puis en salle C005 (Batiment C) <br />
<br />
Etudiants : RICM5 + 8 étudiants Avosti DUT RT<br />
<br />
Rappel séances MPI<br />
* Séance 1 : mardi 26 janvier après midi - Stéphanie Diligent<br />
* Séance 2 : mardi 2 février après midi - Stéphanie Diligent<br />
* Séance 3 : lundi 8 février matin - Emmanuelle Tréhoust<br />
* Séance 4 : jeudi 11 février matin - Emmanuelle Tréhoust<br />
* Séance 5 : lundi 21 mars matin - Stéphanie Diligent et Emmanuelle Tréhoust<br />
<br />
=====Soutenances=====<br />
Planning:<br />
* Bossa (13H00-13H40 en salle P043)<br />
* Immersion EDF (13H45-14H25 en salle P043)<br />
* IaaS Docker (14H30-15H10 en salle P043)<br />
* SmartCampus (15H15-15H55 en salle P043 et salle P259 AIR)<br />
* SmartClassRoom (16H15-16H55 en C005)<br />
* Pot d' "Au Revoir" (17H00-1800 en C005)<br />
<br />
Instructions:<br />
*Chaque soutenance comporte 15 minutes de présentation, 15 minutes de démonstration et 10 minutes de questions. Un transparent doit être consacré au travail confié et réalisé par les étudiants en DUT (AVOSTI).<br />
* Répétez plusieurs fois votre présentation et votre démonstration.<br />
* L'ensemble des documents (y compris photos, vidéos et ''[[Logiciels#Screencast|screencast]]s'') doivent être accessibles depuis le tableau ci-dessous et dans chaque fiche de suivi. Prévoyez une copie sur clé USB.<br />
* Les étudiants vous accompagnent lors de votre soutenance.<br />
* '''TOUT Le matériel prêté devra être rapporté et restitué dans un sac cabas lors de la soutenance.'''<br />
<br />
=====Projets=====<br />
{|class="wikitable alternance"<br />
|+ Affectation des projets RICM5 2015-2016<br />
|-<br />
|<br />
!scope="col"| Sujet<br />
!scope="col"| Etudiants<br />
!scope="col"| Enseignant(s)<br />
!scope="col"| Fiche de suivi<br />
!scope="col"| Dépot git<br />
!scope="col"| Documents<br />
|-<br />
<br />
!scope="row"| 1<br />
| [http://air.imag.fr/index.php/IaaS_collaboratif_avec_Docker IaaS - Docker]<br />
| Eudes Robin, Damotte Alan, Barthelemy Romain, Mammar Malek, Guo Kai<br />
| Didier Donsez<br />
| [[Projets-2015-2016-IaaS_Docker| '''Fiche''']] - [[Projets-2015-2016-IaaS_Docker-SRS| '''SRS''']]<br />
| [https://github.com/EudesRobin/iaas-collaboratif '''github''']<br />
| [[Media:RapportMPI_Iaas.pdf|Rapport MPI]] - [[Media:Transparents_IaaS.pdf|Transparents]] - [[Media:Flyer_IaaS.pdf|Flyer]] - [https://youtu.be/qtqgZNrgcRc '''Screencast''']<br />
|-<br />
!scope="row"| 2<br />
| [http://air.imag.fr/index.php/Portage_de_Bossa Portage de Bossa sur le Kernel Linux 4x]<br />
| Eric Michel Fotsing, Ombeline Rossi, Longfei Yao<br />
| Nicolas Palix, Didier Donsez<br />
| [[Projets-2015-2016-Portage_Bossa| '''Fiche''']] - [[Projets-2015-2016-Portage_Bossa-SRS| '''SRS''']]<br />
| Private repository<br />
| [[Media:Rapport_Bossa.pdf|Rapport]] - [[Media:Transparents_Bossa.pdf|Transparents]] - [[Media:Flyer_Bossa.pdf|Flyer]] - Photos - Vidéos <br />
|-<br />
<br />
!scope="row"| 3<br />
| [[Visite immersive en réalité virtuelle dans une usine avec EDF]]<br />
| Adam Christophe, Aissanou Sarah, Klipffel Tararaina, Qian Jean, Zominy Laurent<br />
| Didier Donsez, Georges-Pierre Bonneau, Thibaut Cordier (EDF)<br />
| [[Projets-2015-2016-VisiteImmersiveEDF| '''Fiche''']]<br />
| [https://github.com/VisiteImmersiveEDF '''github''']<br />
| [[Media:RapportProjetX.pdf|Rapport]] - [[Media:TransparentsProojetX.pdf|Transparents]] - [[Media:FlyerProjetX.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 4<br />
| [[Contribution à OpenSmartCampus]] (voir http://data.beta.metropolegrenoble.fr/)<br />
| Quentin Torck, Vivien Michel, Jérémy Hammerer, Rama Codazzi, Zhengmeng Zhang<br />
| Didier Donsez, Vivien Quéma<br />
| [[Projets-2015-2016-OpenSmartCampus| '''Fiche''']]<br />
| [https://github.com/quentin74/SmartCampus.git '''github''']<br />
| [[Media:RapportProjetOpenSmartCampus2016.pdf|Rapport]] - [[Media:TransparentsProojetOpenSmartCampus2016.pdf|Transparents]] - [[Media:FlyerProjetOpenSmartCampus2016.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 5<br />
| [[Contribution à SmartClassRoom]] (Interfaces tactiles distribuées et partagées)<br />
| Saussac Thibault, Toussaint Sébastien, Hamdani Youcef, Zoppello Sebastien, Melik sak, Mesnier Vincent<br />
| Jérôme Maisonnasse, Didier Donsez<br />
| [[Projets-2015-2016-SmartClassRoom| '''Fiche''']] - [[Projets-2015-2016-SmartClassRoom/SRS| '''SRS''']]<br />
| [https://github.com/vince0508/SmartClassroom-TiledDisplayPart-master_Main '''github''']<br />
| [[Media:RapportProjetSmartClassRoom.pdf|Rapport]] - [[Media:TransparentsProjetSmartClassRoom.pdf|Transparents]] - [[Media:FlyerProjetSmartClassRoom.pdf|Flyer]] - [https://youtu.be/FEwoA4S9rsM '''Screencast/Vidéo''']<br />
|-<br />
<br />
<br />
|}<br />
<br />
===Projets annulés et reportés===<br />
* Projet avec [[Tango Project]] (Annulé)<br />
* Hack the Beam, Didier Donsez & Jérôme Maisonnasse.<br />
* [[Algorithmes de suivi de personnes pour robot de téléprésence RobAIR]] (Jérôme Maisonnasse, Didier Donsez)<br />
<br />
=M2PGI=<br />
==[[Projets M2PGI Services Machine-to-Machine|Projet Services Machine-to-Machine]]==<br />
* [[PM2M/2016/TP|Sujet et groupes]]</div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:TransparentsProjetSmartClassRoom.pdf&diff=28295File:TransparentsProjetSmartClassRoom.pdf2016-03-17T14:33:15Z<p>Thibault.Saussac: </p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=28240Projets-2015-2016-SmartClassRoom2016-03-17T10:57:19Z<p>Thibault.Saussac: /* Touch Interaction */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permis de prendre en main la smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structurée de notre projet nous avons rédigé une fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisée en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiants de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand il doit davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans les journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interactions) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé, ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatique. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez, d'utiliser les méthodes agiles afin d'avoir un suivi régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet, ce qui nous parait intéressant au vu de la composition de l'équipe qui possède des compétences et des emplois du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision globale du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que nous avons mis en place. Vous aurez ensuite tous le travail détaillé STEP by STEP ;)<br />
<br />
[[File:Projets-2015-2016-Gantt.png | 600px| center]]<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Pour but de récupérer des informations et d'avoir des idées innovantes.<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donné différentes idées pour le projet Smartclassroom. Cependant, le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacté Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier, <br />
nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 s'est bien passé nous avons pu réalisé les différentes taches prévues. L'aide des anciens (Malick et Adam), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le contexte et le but du projet. <br />
<br />
Nous avons pu mettre en place un planning dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse est mise dynamiquement, si problème aujoutez manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place un chat <br />
- Utilisation du JAVASCRIPT pour le chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction du tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint, nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles. De plus, nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant, nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donné aux DUT pour débriefing pour voir si cela est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'images '''<br />
- Nous avons beaucoup étudié le code, merci notamment à Adam. Nous pouvons partagé l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser sur les 3 objectifs suivants : l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassée'''<br />
- Changement du nuc avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tileddisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalités seront disponibles.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 8 (March, 9st - March, 17th) ==<br />
===Objectifs ===<br />
'''- Finir le développement du snake (le Tiled display)'''<br />
'''- Etre au point au niveau du rendu et soutenance'''<br />
<br />
=== Travail Réalisé === <br />
'''- Debugging du jeux Snake '''<br />
-Debug du mode tiled (multijoueurs), gestion des collisions et des murs non bloquants<br />
<br />
'''- Implémentation du bouton "quit" sur le Snake'''<br />
-Pour le mode fullScreen et TiledDisplay<br />
'''- Réalisation de la video-Screencast pour le rendu (disponible [https://www.youtube.com/watch?v=FEwoA4S9rsM&feature=youtu.be ici])<br />
'''- Rédaction du wiki'''<br />
'''- Mise en place de la démo pour la soutenance'''<br />
'''- Préparation de la soutenance (oral et powerpoint)'''<br />
<br />
=== Rétrospective Sprint 7 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé. Nous avons passé beaucoup de temps sur la partie TiledDisplay du snake, nous avons du corriger beaucoup de bugs. Les journées ont été chargées mais nous sommes satisfait car nous avons réalisé nos objectifs.<br />
<br />
== Comptabilisation des heures ==<br />
<br />
Nous avons réalisé un excel pour compter le nombre d'heures passé sur le projet lors de ces 8 semaines :<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_H1.jpg|center|thumb|400px| Comptabilisation des heures]]<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet. En effet, nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
==== Tutoriel implémentation ====<br />
<br />
===== L'existant =====<br />
Au départ, l'ensemble de l'application était conçue pour exactement 4 écrans (ni plus ni moins). Il n'y avait aucun moyen d'ajouter d'autres écrans ou de modifier le "split" de l'image dans le cas où un écran était en panne. Chaque écran possédait une orientation qui lui était affectée par ordre de connexion lors de l'accès à l'URL de l'application :<br />
<br />
- NW (north west) avec les positions i = 0 et j = 0 (1er écran qui se connecte)<br />
<br />
- NE (north east) avec les positions i = 1 et j = 0 (2eme écran qui se connecte)<br />
<br />
- SW (south west) avec les positions i = 0 et j = 1 (3eme écran qui se connecte)<br />
<br />
- SE (south east) avec les positions i = 1 et j = 1 (4eme écran qui se connecte)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_codeExistant.png | center | 600px ]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_disposition.png | center | 600px ]]<br />
<br />
===== L'évolution =====<br />
Nous avons donc décidé de créer une configuration des écrans beaucoup plus dynamique et flexible. Pour cela, nous avons supprimé les orientations NW,NE,SW et SE qui ne veulent plus rien dire dans une disposition à 2 ou 8 écrans. Nous avons seulement gardé l'idée de la matrice de disposition avec les positions i (pour les colonnes) et j (pour les lignes). Nous avons aussi décidé de créer une interface sur l'application qui permettrai à l'utilisateur de choisir la disposition des écrans dans cette matrice (cf Tutoriel utilisation). Pour réaliser cette interface et la communication avec notre serveur, nous avons choisi une technologie qui s'appelle '''socket.IO'''. En effet, la technologie utilisé par les étudiants précédent '''NowJs''' étant désormais obsolète et abandonnée.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_socketIO.png | center | 600px ]]<br />
<br />
Il serait préférable de migrer l'ensemble de l'application '''SmartClassroom''' vers du '''Socket.IO''' pour les futurs développements (cf étude de migration totale).<br />
<br />
Afin de retirer les orientations NW,NE,SW et SE, nous avons du reformaté l'ensemble de l'application afin que les positions i et j de chaque client (écrans) soient affecté seulement lorsque le client utilise l'interface et non plus lors de la connexion du client. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_evolutionOrientaions.png | center | 600px ]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_evolutionOrientaions2.png | center | 600px]]<br />
<br />
Nous avons aussi modifié la fonction de split des images/vidéos/pdf afin qu'elle prennent en paramètres un nombre dynamique de lignes/colonnes.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_split.png | center | 600px ]]<br />
<br />
Grâce à ces changements, la matrice de disposition des écrans est devenue variable. Elle n'est plus restreinte à 4 écrans.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_disposition2.png | center | 600px ]]<br />
<br />
==== Tutoriel utilisation ====<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
=== Touch Interaction ===<br />
<br />
Nous avons fait le choix de rajouter la possibilité d'interagir avec les les images sur une table. cela permettra d'apporter plus d'interaction entre l'utilisateur et la tablette.<br />
<br />
Pour réaliser cette fonctionnalité nous avons modifier le fichier LOADMEDIA.js et la fonction loadpicture dans lequel nous avons ajouter les algorithmes pour le tracker de doigt afin de faire bouger une image et de la zoomer.<br />
<br />
Le code si dessous permet de réaliser le zoom et le tracker :<br />
<br />
=== Chat ===<br />
<br />
Le chat, que nous avons réalisé, est fait à l'aide de la bibliothèque [http://socket.io Socket.io]. Elle se base sur plusieurs techniques différentes qui permettent la communication en temps réel comme WebSocket. Socket.io fonctionne sous forme d'événements comme un événement lors d'une connexion ou une déconnexion. On peut émettre des événements. Le principe de Socket.io c'est que le client et le serveur peuvent émettre et recevoir des événements en temps réel et ainsi réagir en conséquence. De plus, il est possible de transmettre des données avec ces événements<br />
Le serveur (celui qui lance le nodeJS) possède tout ce qui a en commun et le diffuse au client qui l'affiche dans le html.<br />
<br />
<br />
En faite le serveur (WEB.JS) permet de gérer les connexions de clients c'est dans ce fichier que se fait la connection, la déconnection et l'émission d'un message vers les clients.<br />
<br />
<br />
Dans le HTML, qui sera chargé par chaque client, nous gérons la réception des messages, la récupération des champs INPUT et l'émission vers web.js<br />
<br />
<br />
L'utilisateur doit rentrer un pseudonyme avant de pouvoir utiliser le chat. On peut voir la liste des utilisateurs connectés, réinitialiser la conversation et quitter le chat. Pour utiliser toute l'application, l'utilisateur doit rentrer un pseudonyme pour voir le menu s'afficher.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_Chat6.png | 800px| center]]<br />
<br />
=== Snake ===<br />
<br />
L'objectif est de réaliser une autre application multi-utilisateur avec une gestion de l'affichage en Tiled Display (comme le jeux PingPong). Nous avons donc choisi le jeux classique Snake. Pour cela, nous sommes parti d'un snake basique réalisé en JavaScript et nous avons apporté des modification pour que celui ci fonctionne avec le projet (Nous nous sommes aidés d'un jeux déjà réalisé Ping Pong).<br />
<br />
Dans notre Snake nous avons choisi d'implémenter deux modes de jeu :<br />
<br />
- Un premier mode un-joueur. Ce mode permet de jouer au Snake Classique avec des bords bloquants. Pour réaliser cette partie, nous avons adapter le Snake afin qu'il puisse être affichable dans une de nos "canvas". Puis nous avons implanté le code nécessaire afin que le Snake puisse se jouer en "mode grand écran".<br />
<br />
- Un deuxième mode multi-joueur, qui permet à plusieurs personnes de jouer en Snake. Dans cette version nous avons défini des murs bloquants et non bloquants. Les murs non bloquants permettent de passer le Snake d'un utilisateur à l'autre.<br />
<br />
<br />
Afin d'implanté le Snake dans l'application existante, nous avons utilisé les principes mis en place par les étudiants de l'année 2014-2015. C'est dire que le jeu fonctionne selon un modèle d'architecture en deux couches. Il y a tout d'abords une partie moteur qui calcul et transmet les informations de position du Snake. Puis nous avons la vue qui affiche les éléments calculés par le moteur.<br />
<br />
En mode multi-joueur, ce qui se passe sur les écrans des différents joueur dépend de la location du Snake. L'écran qui possède le Snake sollicitera le moteur pour faire les calculs de déplacement et autres. Tandis que les autres écrans seront neutre, mis à part l'affichage du score qui changera en fonction des éléments mangés par le Snake.<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Snake1.jpg|center|thumb|400px| Snake en petite écran]]<br />
<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Snake2.jpg|center|thumb|400px| Snake en grand écran]]<br />
<br />
<br />
En résumé les différences notables entre les deux modes du jeux Snake sont :<br />
- la présence du bouton « quit » sur l'écran du jeu multi-joueur<br />
- la présence de mur non bloquants dans le mode multi-joueur<br />
<br />
<br />
== Les Métriques ==<br />
<br />
Nous avons pour ce projet réaliser des métriques sur différents critère, à la fois sur le nombre de ligne, le nombre de fichier. Pour réaliser ces métriques nous avons fait le choix d'utiliser l'outil CLOC disponible directement sur l'eclipse market. si vous êtes intéressé vous pouvez allé jeter un coup d'oeuil à l'outil : [[http://cloc.sourceforge.net CLOC]]<br />
Vous pouvez maintenant prendre connaissance des différentes métriques en lien avec notre projet ci-dessous.`<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Met1.jpg|center|thumb|400px| Mesure générales]]<br />
[[Image:Projets-2015-2016-SmartClassRoom_Met2.jpg|center|thumb|400px| Fichiers créées et modifiés]]<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
'''Utilisation du code existant :'''<br />
<br />
Le projet Smart ClassRoom est un projet collaboratif, nous avons eu beaucoup de mal à prendre en mains le code déjà existant. Les groupes des années précédente ayant réaliser un travail très important au niveau de code mais ont délaissé un peu la documentation. Nous avons donc passé beaucoup de temps à documenter cette partie afin que les groupes avenir n’aient pas de problèmes de prise en mains du code qui aurait du etre pour nous quelque chose de rapide.<br />
<br />
'''Trouver de nouvelles idées :'''<br />
<br />
Le projet existant depuis déjà pas mal de temps nous avons eu pas mal de difficultés pour innover et trouver de nouvelles idée afin de rendre ce projet encore plus futuriste. L’aide de nombreuse personne et d’une enquete afin de savoir se que les personnes attendent d’un tel projet nous a permis d’étudier l’attente et de proposer des solutions en parfait accord avec la demande.<br />
<br />
'''Migration vers SocketIO :'''<br />
<br />
La librairie nowJS n’existant plus nous avons dû trouver une solution pour l’implémentation des nouvelles fonctionnalités, nous avons pour cela fait le choix de la nouvelle librairie SocketIO. Nous n’avons pas supprimé nowJS, nous avons simplement fait cohabité ces librairies. La partie cohabitation est très documenté dans ce wiki. <br />
<br />
'''Les réunions dans la salle : '''<br />
<br />
Nous avons au début rencontrés beaucoup de probleme par rapport à la disponibilité de la salle SMARTCLASSROOM, celle ci étant avant tout une salle de réunion pour le laboratoire LIG. Nous avons souvent du quitter la salle pour cause : réunion. Nous tenons à remercier Jérome Maisonnasse d’avoir fait le maximum pour nous tenir au courant des disponibilités de la salle.<br />
<br />
== Notre ressenti ==<br />
<br />
Nous avons chacun le point par rapport à notre ressenti du projet :<br />
<br />
=== HAMDANI Youcef ===<br />
<br />
En termes de contribution à l’équipe, je pense avoir contribué de manière régulière et apporté des informations utiles à l’équipe. <br />
<br />
Notre projet regroupe deux grands axes de l’informatique ; les réseaux et la programmation. De par mon background en DUT Informatique, je possède un solide bagage en programmation. J’ai donc pu aider mes camarades lors de leurs développements et les débloquer de certaines situations ainsi que les orienter vers des technologies qui pourrait faciliter leur travail. Dans le groupe, nous avons aussi d’anciens DUT réseaux/télécoms qui eux étaient davantage spécialisés dans les problématiques réseaux du projet.<br />
<br />
En ce qui concerne l’organisation, nous avons découpé le projet en plusieurs missions indépendantes pour permettre à chacun de développer à son rythme. Nous faisions le point chaque jour pour voir l’avancement de chacun et pouvoir aider une personne en difficulté. <br />
<br />
J’ai été ponctuel en général (+10/-10 min maximum de l’horaire du rendez-vous). Cependant, j’ai dû m'absenter quelques demi-journées pour pouvoir passer des entretiens d'embauche pour mon stage. J'ai aussi eu une journée d’absence à cause d’un sinistre dans mon immeuble (incendie au sous-sol).<br />
<br />
J’ai essayé d’apporter une ambiance motivante et conviviale dans le groupe en apportant parfois le petit déjeuné ou simplement de l’humour pour relativiser les problèmes rencontrés. <br />
<br />
Nous étions toujours ensemble pour travailler. Nous avons donc communiqué le plus souvent de manière orale. Nous avions aussi un groupe Facebook en cas de changement de programme. J’ai toujours prévenu le groupe en avance de mes futures absences ou des problèmes que je rencontrais. <br />
<br />
Nous avions une très bonne entente dans le groupe. Chacun a trouvé sa place très rapidement. Il y avait beaucoup d’entraide de bonne humeur et de motivation. Nous n’avons rencontré aucun problème que l’on peut qualifier de « conflit ».<br />
J'ai choisi ce projet d’une part pour ma grande affinité avec l’ensemble des membres du groupe et d’autre part pour le sujet. En effet, j’avais pour objectif personnel d’améliorer mes compétences et connaissances en JAVASCRIPT et en réseaux. Les supports (tables tactiles et tableau interactif) étaient aussi des technologies intéressantes à découvrir.<br />
<br />
<br />
=== MESNIER Vincent===<br />
<br />
Durant ce projet de 8 semaines, j’ai essayé d’apporter ma bonne humeur et mes compétences dans le domaine de la programmation (au niveau des langages web tel que JavaScript). J’ai travaillé dans un premier temps avec tout le groupe pour comprendre l’existant (ce qui a été fait et comment cela marcher) pour ensuite travailler essentiellement avec Sébastien Toussaint sur le jeu que nous avons ajouté (le snake). J’ai aussi participer à la conception du chat entre les utilisateurs de l’application. Globalement, nous étions tous concerné par toutes les parties du projet (par exemple pour aider un collègue)<br />
Dans notre groupe de projet, le dialogue a été facile car nous avons eu l’habitude de travailler ensemble durant ces 3 années à Polytech. Pour les sujets où il y a eu des débats techniques, les discussions étaient constructives et chacun a pu contribuer à ces discussions. Le fait que nous ayons une bonne complicité a facilité beaucoup de chose durant ce projet tel que l’entraide et la communication ce qui a rendu ces semaines de travail agréable et plutôt efficace.<br />
<br />
Après avoir étudier l’existant et définit nos taches sur lesquels nous allions travailler, nous avons reparti les taches en fonction des compétences de chacun. Il n’y a pas eu de soucis là-dessus. Nous avions utilisé Git pour tout ce qui est la gestion de version. <br />
<br />
Concernant la ponctualité, nous nous donnions rendez vous à la FabLab sur le campus chaque jour a une horaire fixe. Cependant nous étions assez souples au niveau des horaires. Tant que chacun faisait ce qu'il avait à faire et était là suffisamment souvent pour que l'on discute.<br />
<br />
Du faite que nous nous connaissions bien, Il y a eu une bonne ambiance et nous avons travailler de manière plutôt efficace. Ce projet m’a beaucoup appris au niveau des langages WEB. Le sujet était plutôt motivant et intéressant. <br />
<br />
Un point qui a été important dans ce projet a était, de mon point de vue, d’avoir une bonne équipe. Je pense que notre équipe, en regroupant des gens qui ont déjà̀ travaillés ensemble et qui se connaissent bien, a été́ un atout pour le projet. De plus la bonne humeur dans le groupe m’a motivé a donner le meilleur de moi même. Le faite de découvrir une technologie tel que NodeJS m’a aussi encourager à travailler.<br />
<br />
<br />
===SAUSSAC Thibault===<br />
<br />
Le projet Smart ClassRoom est pour moi l’aboutissement des 3 années passé à Polytech Grenoble. Ce projet innovant nous a permis de prendre en main de nouvelles technologies et d’apprendre à gérer les conflits, le stress, et surtout le travail de groupe. <br />
<br />
<br />
Je me suis beaucoup investi dans la vie du groupe, notamment en récupérant en voiture les membres du groupe pour ne pas leur faire perdre du temps dans les transports en commun. De plus j’ai fais le choix de rapporter ma machine à café personnel. L’intérêt a été d’apporter un climat convivial et de pouvoir boire un café ensemble pour se poser des questions entre nous. Cela nous a apporté beaucoup de cohésion.<br />
De plus je n’ai pas hésité à m’occupé de la partie réseau, c’est à dire branchement des tables et leurs configurations afin que les autres membres du groupe puissent se focaliser sur l’implémentation du code.<br />
<br />
<br />
Au niveau de la communication à l’intérieur du groupe, je me suis focalisé sur une communication lors des pauses café ou durant la pause déjeunée à midi. Cependant si un problème me bloque depuis un certain temps je n’ai pas hésité à demander de l’aide à mes collègues qui ont toujours étaient à l’écoutent. Dans le groupe nous avons toujours pensé qu’il était plus efficace de travailler ensemble plutôt que de ce renfermé sur soit même. Les membres du groupe sont très à l’écoute puisque les décisions ne sont pas prises par le chef de projet mais par toute l’équipe. <br />
<br />
<br />
Au niveau de l’organisation, nous avons utilisé la méthode SCRUM avec des sprints de 1 semaines ce qui m’a permis de montrer à l’équipe mon évolution toute les semaines et bien sur de voir l’évolution des autres membres. Avec les tables tactiles à notre disposition il nous a été facile de faire les stand-up tous les matins afin de donner mes objectifs du jour et les difficultés que j’ai rencontré. Le « Travailler ensemble » nous a permit, de ne pas rencontré de difficultés particulière pendant l’intégration de toutes les parties du projet. <br />
<br />
<br />
Aucun problème dû à la ponctualité puisque je récupérer l’ensemble des membres en voiture celle à permit d’éviter le manque de ponctualité. J’ai cependant eu quelque fois un peu de retard pour les récupérer mais cela était souvent du au bouchons dans le centre de Grenoble.<br />
<br />
<br />
Le projet c’est très bien passé dans l’ensemble, le travail en équipe n’a pas était un problème et nous avons su nous organiser et gérer au mieux l’entente dans le groupe. Le projet étant assez libre et les profs très peu disponibles nous avons énormément gagné en autonomie et en estime de soit. <br />
N’ayant auparavant jamais fais du JavaScript j’ai pu apprendre un nouveau langage qui est de plus en plus demander sur un CV.<br />
<br />
<br />
Au niveau de ma motivation durant le projet<br />
<br />
Durant ce projet ma motivation à le plus souvent était importante mais quelques raisons personnelles ont engendré une baisse de motivation durant un certain temps. De plus au début du projet il a été très frustrant de ne pas avoir le code pour commencé, nous avions l’impression que personne n’était intéressé pour nous aider.<br />
<br />
<br />
===TOUSSAINT Sébastien===<br />
<br />
Depuis trois ans Polytech Grenoble et l'équipe pédagogique de l'université de Grenoble Alpe développent une Smart ClassRoom. Dans de le but contribué à ce projet nous avons créer une équipe de quatre étudiants de Polytech et deux étudiants des DUT Réseaux et Télécom.<br />
<br />
L'équipe au sein du quelle je travail est mon équipe depuis ma première année à Polytech. C'est pour cela que l'entente avec les membres du groupe étaient sans problème. J'ai eu beaucoup de mal à me lancer dans le projet à cause des retards au seins des présentations des architectures et des difficultés à trouver un sujet à réaliser. Après avoir définit un sujet précis nous avons divisé les taches. Par la suite j'ai pu vraiment me mettre dans le projet. <br />
<br />
Au niveau de l'organisation on était dans une attitude d'entraide. La séparation des taches nous permettait d'avoir une vision séparer du code. Ceci est très utile car si l'un d'entre nous était bloqué il posait une question, qui était répondu par la personne en charge de la partie du code mis en question. Ensuite pour la réalisation des objectifs nous avons utiliser des techniques « agiles » vu en cours de Génie Logiciel, pour juger l'avancer de notre projet. Ceci était super bien car ça nous a permis de bien structurés notre projet. Concernant les étudiants de DUT, le fait qu'ils n'aient pas de journées banalisés pour le projet à fait que nous les avons pas vu souvent. Donc nous avons essentiellement travailler par l’intermédiaire des mails et autres outils de communication à distance. <br />
<br />
Au niveau de la communication avec les autres acteurs du projet spécialement les encadrants. Cela s’est bien passé avec des prises de réunions très fréquente. <br />
<br />
Durant le projet j'ai été confronté à plusieurs problèmes. J'ai sollicité l'aide des étudiants qui ont contribué au projet l'année dernière. Ils ont à chaque fois réussi a m'aider. <br />
<br />
En résumé le fait d'avoir déjà plusieurs fois travaillé avec les membres de mon équipe m'a permis de pleinement m'épanouir dans le projet. Mon seul regret est de ne pas avoir réussi à travailler plus avec les étudiants de DUT.<br />
<br />
= Remerciements =<br />
<br />
Nous tenons à remercier et témoigner toute notre reconnaissance à Polytech GRENOBLE, l’Université Grenoble Alpes pour la qualité de leur formation et aux personnes suivantes, pour l’expérience enrichissante et pleine d’intérêt qu’ils nous ont faite vivre durant ces semaines ainsi que pour l’aide et les conseils qu’ils nous ont apportés lors des différents suivis :<br />
<br />
A Monsieur Didier DONSEZ, professeur tuteur, pour ces différents conseilles et ces idées toujours plus innovantes. <br />
<br />
A Monsieur Jérôme MAISONNASSE, Responsable de la FABLAB MSTIC, pour sa présentions, son aide dans la récupération du projet et ces conseilles par rapport à l’organisation du projet.<br />
<br />
A l’ensemble de l’équipe pédagogique de Polytech Grenoble pour leurs différents cours nous ayant aidé dans le déroulement du projet.<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=28228Projets-2015-2016-SmartClassRoom2016-03-17T10:45:02Z<p>Thibault.Saussac: /* Remerciements */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permis de prendre en main la smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structurée de notre projet nous avons rédigé une fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisée en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiants de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand il doit davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans les journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interactions) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé, ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatique. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez, d'utiliser les méthodes agiles afin d'avoir un suivi régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet, ce qui nous parait intéressant au vu de la composition de l'équipe qui possède des compétences et des emplois du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision globale du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que nous avons mis en place. Vous aurez ensuite tous le travail détaillé STEP by STEP ;)<br />
<br />
[[File:Projets-2015-2016-Gantt.png | 600px| center]]<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Pour but de récupérer des informations et d'avoir des idées innovantes.<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donné différentes idées pour le projet Smartclassroom. Cependant, le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacté Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier, <br />
nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 s'est bien passé nous avons pu réalisé les différentes taches prévues. L'aide des anciens (Malick et Adam), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le contexte et le but du projet. <br />
<br />
Nous avons pu mettre en place un planning dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse est mise dynamiquement, si problème aujoutez manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place un chat <br />
- Utilisation du JAVASCRIPT pour le chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction du tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint, nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles. De plus, nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant, nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donné aux DUT pour débriefing pour voir si cela est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'images '''<br />
- Nous avons beaucoup étudié le code, merci notamment à Adam. Nous pouvons partagé l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 8 (March, 9st - March, 17th) ==<br />
===Objectifs ===<br />
'''- Finir le développement du snake (le Tiled display)'''<br />
'''- Etre au point au niveau du rendu et soutenance'''<br />
<br />
=== Travail Réalisé === <br />
'''- Debugging du jeux Snake '''<br />
-Debug du mode tiled (multijoueurs), gestion des collisions et des murs non bloquants<br />
<br />
'''- Implémentation du bouton "quit" sur le Snake'''<br />
-Pour le mode fullScreen et TiledDisplay<br />
'''- Réalisation de la video-Screencast pour le rendu (disponible [https://www.youtube.com/watch?v=FEwoA4S9rsM&feature=youtu.be ici])<br />
'''- Rédaction du wiki'''<br />
'''- Mise en place de la démo pour la soutenance'''<br />
'''- Préparation de la soutenance (oral et powerpoint)'''<br />
<br />
=== Rétrospective Sprint 7 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé. Nous avons passé beaucoup de temps sur la partie TiledDisplay du snake, nous avons du corriger beaucoup de bugs. Les journées ont été chargées mais nous sommes satisfait car nous avons réalisé nos objectif.<br />
<br />
== Comptabilisation des heures ==<br />
<br />
Nous avons réalisé un excel pour compter le nombre d'heure passé sur le projet lors de ces 8 semaines :<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_H1.jpg|center|thumb|400px| Comptabilisation des heures]]<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
==== Tutoriel implémentation ====<br />
<br />
===== L'existant =====<br />
Au départ, l'ensemble de l'application était conçue pour exactement 4 écrans (ni plus ni moins). Il n'y avait aucun moyen d'ajouter d'autres écrans ou de modifier le "split" de l'image dans le cas où un écran était en panne. Chaque écran possédait une orientation qui lui était affectée par ordre de connexion lors de l'accès à l'URL de l'application :<br />
<br />
- NW (north west) avec les positions i = 0 et j = 0 (1er écran qui se connecte)<br />
<br />
- NE (north east) avec les positions i = 1 et j = 0 (2eme écran qui se connecte)<br />
<br />
- SW (south west) avec les positions i = 0 et j = 1 (3eme écran qui se connecte)<br />
<br />
- SE (south east) avec les positions i = 1 et j = 1 (4eme écran qui se connecte)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_codeExistant.png | center | 600px ]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_disposition.png | center | 600px ]]<br />
<br />
===== L'évolution =====<br />
Nous avons donc décidé de créer une configuration des écrans beaucoup plus dynamique et flexible. Pour cela, nous avons supprimé les orientations NW,NE,SW et SE qui ne veulent plus rien dire dans une disposition à 2 ou 8 écrans. Nous avons seulement gardé l'idée de la matrice de disposition avec les positions i (pour les colonnes) et j (pour les lignes). Nous avons aussi décidé de créer une interface sur l'application qui permettrai à l'utilisateur de choisir la disposition des écrans dans cette matrice (cf Tutoriel utilisation). Pour réaliser cette interface et la communication avec notre serveur, nous avons choisi une technologie qui s'appelle '''socket.IO'''. En effet, la technologie utilisé par les étudiants précédent '''NowJs''' étant désormais obsolète et abandonnée.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_socketIO.png | center | 600px ]]<br />
<br />
Il serait préférable de migrer l'ensemble de l'application '''SmartClassroom''' vers du '''Socket.IO''' pour les futurs développements (cf étude de migration totale).<br />
<br />
Afin de retirer les orientations NW,NE,SW et SE, nous avons du reformaté l'ensemble de l'application afin que les positions i et j de chaque client (écrans) soient affecté seulement lorsque le client utilise l'interface et non plus lors de la connexion du client. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_evolutionOrientaions.png | center | 600px ]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_evolutionOrientaions2.png | center | 600px]]<br />
<br />
Nous avons aussi modifié la fonction de split des images/vidéos/pdf afin qu'elle prennent en paramètres un nombre dynamique de lignes/colonnes.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_split.png | center | 600px ]]<br />
<br />
Grâce à ces changements, la matrice de disposition des écrans est devenue variable. Elle n'est plus restreinte à 4 écrans.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_disposition2.png | center | 600px ]]<br />
<br />
==== Tutoriel utilisation ====<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
=== Touch Interaction ===<br />
<br />
=== Chat ===<br />
<br />
Le chat, que nous avons réalisé, est fait à l'aide de la bibliothèque [http://socket.io Socket.io]. Elle se base sur plusieurs techniques différentes qui permettent la communication en temps réel comme WebSocket. Socket.io fonctionne sous forme d'événements comme un événement lors d'une connexion ou une déconnexion. On peut émettre des événements. Le principe de Socket.io c'est que le client et le serveur peuvent émettre et recevoir des événements en temps réel et ainsi réagir en conséquence. De plus, il est possible de transmettre des données avec ces événements<br />
Le serveur (celui qui lance le nodeJS) possède tout ce qui a en commun et le diffuse au client qui l'affiche dans le html.<br />
<br />
<br />
En faite le serveur (WEB.JS) permet de gérer les connexions de clients c'est dans ce fichier que se fait la connection, la déconnection et l'émission d'un message vers les clients.<br />
<br />
<br />
Dans le HTML, qui sera chargé par chaque client, nous gérons la réception des messages, la récupération des champs INPUT et l'émission vers web.js<br />
<br />
<br />
L'utilisateur doit rentrer un pseudonyme avant de pouvoir utiliser le chat. On peut voir la liste des utilisateurs connectés, réinitialiser la conversation et quitter le chat. Pour utiliser toute l'application, l'utilisateur doit rentrer un pseudonyme pour voir le menu s'afficher.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_Chat6.png | 800px| center]]<br />
<br />
=== Snake ===<br />
<br />
L'objectif est de réaliser une autre application multi-utilisateur avec une gestion de l'affichage en Tiled Display (comme le jeux PingPong). Nous avons donc choisi le jeux classique Snake. Pour cela, nous sommes parti d'un snake basique réalisé en JavaScript et nous avons apporté des modification pour que celui ci fonctionne avec le projet (Nous nous sommes aidés d'un jeux déjà réalisé Ping Pong).<br />
<br />
Dans notre Snake nous avons choisi d'implémenter deux modes de jeu :<br />
<br />
- Un premier mode un-joueur. Ce mode permet de jouer au Snake Classique avec des bords bloquants. Pour réaliser cette partie, nous avons adapter le Snake afin qu'il puisse être affichable dans une de nos "canvas". Puis nous avons implanté le code nécessaire afin que le Snake puisse se jouer en "mode grand écran".<br />
<br />
- Un deuxième mode multi-joueur, qui permet à plusieurs personnes de jouer en Snake. Dans cette version nous avons défini des murs bloquants et non bloquants. Les murs non bloquants permettent de passer le Snake d'un utilisateur à l'autre.<br />
<br />
<br />
Afin d'implanté le Snake dans l'application existante, nous avons utilisé les principes mis en place par les étudiants de l'année 2014-2015. C'est dire que le jeu fonctionne selon un modèle d'architecture en deux couches. Il y a tout d'abords une partie moteur qui calcul et transmet les informations de position du Snake. Puis nous avons la vue qui affiche les éléments calculés par le moteur.<br />
<br />
En mode multi-joueur, ce qui se passe sur les écrans des différents joueur dépend de la location du Snake. L'écran qui possède le Snake sollicitera le moteur pour faire les calculs de déplacement et autres. Tandis que les autres écrans seront neutre, mis à part l'affichage du score qui changera en fonction des éléments mangés par le Snake.<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Snake1.jpg|center|thumb|400px| Snake en petite écran]]<br />
<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Snake2.jpg|center|thumb|400px| Snake en grand écran]]<br />
<br />
<br />
En résumé les différences notables entre les deux modes du jeux Snake sont :<br />
- la présence du bouton « quit » sur l'écran du jeu multi-joueur<br />
- la présence de mur non bloquants dans le mode multi-joueur<br />
<br />
<br />
== Les Métriques ==<br />
<br />
Nous avons pour ce projet réaliser des métriques sur différents critère, à la fois sur le nombre de ligne, le nombre de fichier. Pour réaliser ces métriques nous avons fait le choix d'utiliser l'outil CLOC disponible directement sur l'eclipse market. si vous êtes intéressé vous pouvez allé jeter un coup d'oeuil à l'outil : [[http://cloc.sourceforge.net CLOC]]<br />
Vous pouvez maintenant prendre connaissance des différentes métriques en lien avec notre projet ci-dessous.`<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Met1.jpg|center|thumb|400px| Mesure générales]]<br />
[[Image:Projets-2015-2016-SmartClassRoom_Met2.jpg|center|thumb|400px| Fichiers créées et modifiés]]<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
'''Utilisation du code existant :'''<br />
<br />
Le projet Smart ClassRoom est un projet collaboratif, nous avons eu beaucoup de mal à prendre en mains le code déjà existant. Les groupes des années précédente ayant réaliser un travail très important au niveau de code mais ont délaissé un peu la documentation. Nous avons donc passé beaucoup de temps à documenter cette partie afin que les groupes avenir n’aient pas de problèmes de prise en mains du code qui aurait du etre pour nous quelque chose de rapide.<br />
<br />
'''Trouver de nouvelles idées :'''<br />
<br />
Le projet existant depuis déjà pas mal de temps nous avons eu pas mal de difficultés pour innover et trouver de nouvelles idée afin de rendre ce projet encore plus futuriste. L’aide de nombreuse personne et d’une enquete afin de savoir se que les personnes attendent d’un tel projet nous a permis d’étudier l’attente et de proposer des solutions en parfait accord avec la demande.<br />
<br />
'''Migration vers SocketIO :'''<br />
<br />
La librairie nowJS n’existant plus nous avons dû trouver une solution pour l’implémentation des nouvelles fonctionnalités, nous avons pour cela fait le choix de la nouvelle librairie SocketIO. Nous n’avons pas supprimé nowJS, nous avons simplement fait cohabité ces librairies. La partie cohabitation est très documenté dans ce wiki. <br />
<br />
'''Les réunions dans la salle : '''<br />
<br />
Nous avons au début rencontrés beaucoup de probleme par rapport à la disponibilité de la salle SMARTCLASSROOM, celle ci étant avant tout une salle de réunion pour le laboratoire LIG. Nous avons souvent du quitter la salle pour cause : réunion. Nous tenons à remercier Jérome Maisonnasse d’avoir fait le maximum pour nous tenir au courant des disponibilités de la salle.<br />
<br />
== Notre ressenti ==<br />
<br />
Nous avons chacun le point par rapport à notre ressenti du projet :<br />
<br />
=== HAMDANI Youcef ===<br />
<br />
En termes de contribution à l’équipe, je pense avoir contribué de manière régulière et apporté des informations utiles à l’équipe. <br />
<br />
Notre projet regroupe deux grands axes de l’informatique ; les réseaux et la programmation. De par mon background en DUT Informatique, je possède un solide bagage en programmation. J’ai donc pu aider mes camarades lors de leurs développements et les débloquer de certaines situations ainsi que les orienter vers des technologies qui pourrait faciliter leur travail. Dans le groupe, nous avons aussi d’anciens DUT réseaux/télécoms qui eux étaient davantage spécialisés dans les problématiques réseaux du projet.<br />
<br />
En ce qui concerne l’organisation, nous avons découpé le projet en plusieurs missions indépendantes pour permettre à chacun de développer à son rythme. Nous faisions le point chaque jour pour voir l’avancement de chacun et pouvoir aider une personne en difficulté. <br />
<br />
J’ai été ponctuel en général (+10/-10 min maximum de l’horaire du rendez-vous). Cependant, j’ai dû m'absenter quelques demi-journées pour pouvoir passer des entretiens d'embauche pour mon stage. J'ai aussi eu une journée d’absence à cause d’un sinistre dans mon immeuble (incendie au sous-sol).<br />
<br />
J’ai essayé d’apporter une ambiance motivante et conviviale dans le groupe en apportant parfois le petit déjeuné ou simplement de l’humour pour relativiser les problèmes rencontrés. <br />
<br />
Nous étions toujours ensemble pour travailler. Nous avons donc communiqué le plus souvent de manière orale. Nous avions aussi un groupe Facebook en cas de changement de programme. J’ai toujours prévenu le groupe en avance de mes futures absences ou des problèmes que je rencontrais. <br />
<br />
Nous avions une très bonne entente dans le groupe. Chacun a trouvé sa place très rapidement. Il y avait beaucoup d’entraide de bonne humeur et de motivation. Nous n’avons rencontré aucun problème que l’on peut qualifier de « conflit ».<br />
J'ai choisi ce projet d’une part pour ma grande affinité avec l’ensemble des membres du groupe et d’autre part pour le sujet. En effet, j’avais pour objectif personnel d’améliorer mes compétences et connaissances en JAVASCRIPT et en réseaux. Les supports (tables tactiles et tableau interactif) étaient aussi des technologies intéressantes à découvrir.<br />
<br />
<br />
=== MESNIER Vincent===<br />
<br />
Durant ce projet de 8 semaines, j’ai essayé d’apporter ma bonne humeur et mes compétences dans le domaine de la programmation (au niveau des langages web tel que JavaScript). J’ai travaillé dans un premier temps avec tout le groupe pour comprendre l’existant (ce qui a été fait et comment cela marcher) pour ensuite travailler essentiellement avec Sébastien Toussaint sur le jeu que nous avons ajouté (le snake). J’ai aussi participer à la conception du chat entre les utilisateurs de l’application. Globalement, nous étions tous concerné par toutes les parties du projet (par exemple pour aider un collègue)<br />
Dans notre groupe de projet, le dialogue a été facile car nous avons eu l’habitude de travailler ensemble durant ces 3 années à Polytech. Pour les sujets où il y a eu des débats techniques, les discussions étaient constructives et chacun a pu contribuer à ces discussions. Le fait que nous ayons une bonne complicité a facilité beaucoup de chose durant ce projet tel que l’entraide et la communication ce qui a rendu ces semaines de travail agréable et plutôt efficace.<br />
<br />
Après avoir étudier l’existant et définit nos taches sur lesquels nous allions travailler, nous avons reparti les taches en fonction des compétences de chacun. Il n’y a pas eu de soucis là-dessus. Nous avions utilisé Git pour tout ce qui est la gestion de version. <br />
<br />
Concernant la ponctualité, nous nous donnions rendez vous à la FabLab sur le campus chaque jour a une horaire fixe. Cependant nous étions assez souples au niveau des horaires. Tant que chacun faisait ce qu'il avait à faire et était là suffisamment souvent pour que l'on discute.<br />
<br />
Du faite que nous nous connaissions bien, Il y a eu une bonne ambiance et nous avons travailler de manière plutôt efficace. Ce projet m’a beaucoup appris au niveau des langages WEB. Le sujet était plutôt motivant et intéressant. <br />
<br />
Un point qui a été important dans ce projet a était, de mon point de vue, d’avoir une bonne équipe. Je pense que notre équipe, en regroupant des gens qui ont déjà̀ travaillés ensemble et qui se connaissent bien, a été́ un atout pour le projet. De plus la bonne humeur dans le groupe m’a motivé a donner le meilleur de moi même. Le faite de découvrir une technologie tel que NodeJS m’a aussi encourager à travailler.<br />
<br />
<br />
===SAUSSAC Thibault===<br />
<br />
Le projet Smart ClassRoom est pour moi l’aboutissement des 3 années passé à Polytech Grenoble. Ce projet innovant nous a permis de prendre en main de nouvelles technologies et d’apprendre à gérer les conflits, le stress, et surtout le travail de groupe. <br />
<br />
<br />
Je me suis beaucoup investi dans la vie du groupe, notamment en récupérant en voiture les membres du groupe pour ne pas leur faire perdre du temps dans les transports en commun. De plus j’ai fais le choix de rapporter ma machine à café personnel. L’intérêt a été d’apporter un climat convivial et de pouvoir boire un café ensemble pour se poser des questions entre nous. Cela nous a apporté beaucoup de cohésion.<br />
De plus je n’ai pas hésité à m’occupé de la partie réseau, c’est à dire branchement des tables et leurs configurations afin que les autres membres du groupe puissent se focaliser sur l’implémentation du code.<br />
<br />
<br />
Au niveau de la communication à l’intérieur du groupe, je me suis focalisé sur une communication lors des pauses café ou durant la pause déjeunée à midi. Cependant si un problème me bloque depuis un certain temps je n’ai pas hésité à demander de l’aide à mes collègues qui ont toujours étaient à l’écoutent. Dans le groupe nous avons toujours pensé qu’il était plus efficace de travailler ensemble plutôt que de ce renfermé sur soit même. Les membres du groupe sont très à l’écoute puisque les décisions ne sont pas prises par le chef de projet mais par toute l’équipe. <br />
<br />
<br />
Au niveau de l’organisation, nous avons utilisé la méthode SCRUM avec des sprints de 1 semaines ce qui m’a permis de montrer à l’équipe mon évolution toute les semaines et bien sur de voir l’évolution des autres membres. Avec les tables tactiles à notre disposition il nous a été facile de faire les stand-up tous les matins afin de donner mes objectifs du jour et les difficultés que j’ai rencontré. Le « Travailler ensemble » nous a permit, de ne pas rencontré de difficultés particulière pendant l’intégration de toutes les parties du projet. <br />
<br />
<br />
Aucun problème dû à la ponctualité puisque je récupérer l’ensemble des membres en voiture celle à permit d’éviter le manque de ponctualité. J’ai cependant eu quelque fois un peu de retard pour les récupérer mais cela était souvent du au bouchons dans le centre de Grenoble.<br />
<br />
<br />
Le projet c’est très bien passé dans l’ensemble, le travail en équipe n’a pas était un problème et nous avons su nous organiser et gérer au mieux l’entente dans le groupe. Le projet étant assez libre et les profs très peu disponibles nous avons énormément gagné en autonomie et en estime de soit. <br />
N’ayant auparavant jamais fais du JavaScript j’ai pu apprendre un nouveau langage qui est de plus en plus demander sur un CV.<br />
<br />
<br />
Au niveau de ma motivation durant le projet<br />
<br />
Durant ce projet ma motivation à le plus souvent était importante mais quelques raisons personnelles ont engendré une baisse de motivation durant un certain temps. De plus au début du projet il a été très frustrant de ne pas avoir le code pour commencé, nous avions l’impression que personne n’était intéressé pour nous aider.<br />
<br />
<br />
===TOUSSAINT Sébastien===<br />
<br />
Depuis trois ans Polytech Grenoble et l'équipe pédagogique de l'université de Grenoble Alpe développent une Smart ClassRoom. Dans de le but contribué à ce projet nous avons créer une équipe de quatre étudiants de Polytech et deux étudiants des DUT Réseaux et Télécom.<br />
<br />
L'équipe au sein du quelle je travail est mon équipe depuis ma première année à Polytech. C'est pour cela que l'entente avec les membres du groupe étaient sans problème. J'ai eu beaucoup de mal à me lancer dans le projet à cause des retards au seins des présentations des architectures et des difficultés à trouver un sujet à réaliser. Après avoir définit un sujet précis nous avons divisé les taches. Par la suite j'ai pu vraiment me mettre dans le projet. <br />
<br />
Au niveau de l'organisation on était dans une attitude d'entraide. La séparation des taches nous permettait d'avoir une vision séparer du code. Ceci est très utile car si l'un d'entre nous était bloqué il posait une question, qui était répondu par la personne en charge de la partie du code mis en question. Ensuite pour la réalisation des objectifs nous avons utiliser des techniques « agiles » vu en cours de Génie Logiciel, pour juger l'avancer de notre projet. Ceci était super bien car ça nous a permis de bien structurés notre projet. Concernant les étudiants de DUT, le fait qu'ils n'aient pas de journées banalisés pour le projet à fait que nous les avons pas vu souvent. Donc nous avons essentiellement travailler par l’intermédiaire des mails et autres outils de communication à distance. <br />
<br />
Au niveau de la communication avec les autres acteurs du projet spécialement les encadrants. Cela s’est bien passé avec des prises de réunions très fréquente. <br />
<br />
Durant le projet j'ai été confronté à plusieurs problèmes. J'ai sollicité l'aide des étudiants qui ont contribué au projet l'année dernière. Ils ont à chaque fois réussi a m'aider. <br />
<br />
En résumé le fait d'avoir déjà plusieurs fois travaillé avec les membres de mon équipe m'a permis de pleinement m'épanouir dans le projet. Mon seul regret est de ne pas avoir réussi à travailler plus avec les étudiants de DUT.<br />
<br />
= Remerciements =<br />
<br />
Nous tenons à remercier et témoigner toute notre reconnaissance à Polytech GRENOBLE, l’Université Grenoble Alpes pour la qualité de leur formation et aux personnes suivantes, pour l’expérience enrichissante et pleine d’intérêt qu’ils nous ont faite vivre durant ces semaines ainsi que pour l’aide et les conseils qu’ils nous ont apportés lors des différents suivis :<br />
<br />
A Monsieur Didier DONSEZ, professeur tuteur, pour ces différents conseilles et ces idées toujours plus innovantes. <br />
<br />
A Monsieur Jérôme MAISONNASSE, Responsable de la FABLAB MSTIC, pour sa présentions, son aide dans la récupération du projet et ces conseilles par rapport à l’organisation du projet.<br />
<br />
A l’ensemble de l’équipe pédagogique de Polytech Grenoble pour leurs différents cours nous ayant aidé dans le déroulement du projet.<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=28226Projets-2015-2016-SmartClassRoom2016-03-17T10:44:07Z<p>Thibault.Saussac: /* Product functions */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permis de prendre en main la smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structurée de notre projet nous avons rédigé une fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisée en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiants de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand il doit davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans les journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interactions) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé, ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatique. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez, d'utiliser les méthodes agiles afin d'avoir un suivi régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet, ce qui nous parait intéressant au vu de la composition de l'équipe qui possède des compétences et des emplois du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision globale du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que nous avons mis en place. Vous aurez ensuite tous le travail détaillé STEP by STEP ;)<br />
<br />
[[File:Projets-2015-2016-Gantt.png | 600px| center]]<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Pour but de récupérer des informations et d'avoir des idées innovantes.<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donné différentes idées pour le projet Smartclassroom. Cependant, le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacté Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier, <br />
nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 s'est bien passé nous avons pu réalisé les différentes taches prévues. L'aide des anciens (Malick et Adam), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le contexte et le but du projet. <br />
<br />
Nous avons pu mettre en place un planning dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse est mise dynamiquement, si problème aujoutez manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place un chat <br />
- Utilisation du JAVASCRIPT pour le chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction du tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint, nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles. De plus, nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant, nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 8 (March, 9st - March, 17th) ==<br />
===Objectifs ===<br />
'''- Finir le développement du snake (le Tiled display)'''<br />
'''- Etre au point au niveau du rendu et soutenance'''<br />
<br />
=== Travail Réalisé === <br />
'''- Debugging du jeux Snake '''<br />
-Debug du mode tiled (multijoueurs), gestion des collisions et des murs non bloquants<br />
<br />
'''- Implémentation du bouton "quit" sur le Snake'''<br />
-Pour le mode fullScreen et TiledDisplay<br />
'''- Réalisation de la video-Screencast pour le rendu (disponible [https://www.youtube.com/watch?v=FEwoA4S9rsM&feature=youtu.be ici])<br />
'''- Rédaction du wiki'''<br />
'''- Mise en place de la démo pour la soutenance'''<br />
'''- Préparation de la soutenance (oral et powerpoint)'''<br />
<br />
=== Rétrospective Sprint 7 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé. Nous avons passé beaucoup de temps sur la partie TiledDisplay du snake, nous avons du corriger beaucoup de bugs. Les journées ont été chargées mais nous sommes satisfait car nous avons réalisé nos objectif.<br />
<br />
== Comptabilisation des heures ==<br />
<br />
Nous avons réalisé un excel pour compter le nombre d'heure passé sur le projet lors de ces 8 semaines :<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_H1.jpg|center|thumb|400px| Comptabilisation des heures]]<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
==== Tutoriel implémentation ====<br />
<br />
===== L'existant =====<br />
Au départ, l'ensemble de l'application était conçue pour exactement 4 écrans (ni plus ni moins). Il n'y avait aucun moyen d'ajouter d'autres écrans ou de modifier le "split" de l'image dans le cas où un écran était en panne. Chaque écran possédait une orientation qui lui était affectée par ordre de connexion lors de l'accès à l'URL de l'application :<br />
<br />
- NW (north west) avec les positions i = 0 et j = 0 (1er écran qui se connecte)<br />
<br />
- NE (north east) avec les positions i = 1 et j = 0 (2eme écran qui se connecte)<br />
<br />
- SW (south west) avec les positions i = 0 et j = 1 (3eme écran qui se connecte)<br />
<br />
- SE (south east) avec les positions i = 1 et j = 1 (4eme écran qui se connecte)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_codeExistant.png | center | 600px ]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_disposition.png | center | 600px ]]<br />
<br />
===== L'évolution =====<br />
Nous avons donc décidé de créer une configuration des écrans beaucoup plus dynamique et flexible. Pour cela, nous avons supprimé les orientations NW,NE,SW et SE qui ne veulent plus rien dire dans une disposition à 2 ou 8 écrans. Nous avons seulement gardé l'idée de la matrice de disposition avec les positions i (pour les colonnes) et j (pour les lignes). Nous avons aussi décidé de créer une interface sur l'application qui permettrai à l'utilisateur de choisir la disposition des écrans dans cette matrice (cf Tutoriel utilisation). Pour réaliser cette interface et la communication avec notre serveur, nous avons choisi une technologie qui s'appelle '''socket.IO'''. En effet, la technologie utilisé par les étudiants précédent '''NowJs''' étant désormais obsolète et abandonnée.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_socketIO.png | center | 600px ]]<br />
<br />
Il serait préférable de migrer l'ensemble de l'application '''SmartClassroom''' vers du '''Socket.IO''' pour les futurs développements (cf étude de migration totale).<br />
<br />
Afin de retirer les orientations NW,NE,SW et SE, nous avons du reformaté l'ensemble de l'application afin que les positions i et j de chaque client (écrans) soient affecté seulement lorsque le client utilise l'interface et non plus lors de la connexion du client. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_evolutionOrientaions.png | center | 600px ]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_evolutionOrientaions2.png | center | 600px]]<br />
<br />
Nous avons aussi modifié la fonction de split des images/vidéos/pdf afin qu'elle prennent en paramètres un nombre dynamique de lignes/colonnes.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_split.png | center | 600px ]]<br />
<br />
Grâce à ces changements, la matrice de disposition des écrans est devenue variable. Elle n'est plus restreinte à 4 écrans.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_disposition2.png | center | 600px ]]<br />
<br />
==== Tutoriel utilisation ====<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
=== Touch Interaction ===<br />
<br />
=== Chat ===<br />
<br />
Le chat, que nous avons réalisé, est fait à l'aide de la bibliothèque [http://socket.io Socket.io]. Elle se base sur plusieurs techniques différentes qui permettent la communication en temps réel comme WebSocket. Socket.io fonctionne sous forme d'événements comme un événement lors d'une connexion ou une déconnexion. On peut émettre des événements. Le principe de Socket.io c'est que le client et le serveur peuvent émettre et recevoir des événements en temps réel et ainsi réagir en conséquence. De plus, il est possible de transmettre des données avec ces événements<br />
Le serveur (celui qui lance le nodeJS) possède tout ce qui a en commun et le diffuse au client qui l'affiche dans le html.<br />
<br />
<br />
En faite le serveur (WEB.JS) permet de gérer les connexions de clients c'est dans ce fichier que se fait la connection, la déconnection et l'émission d'un message vers les clients.<br />
<br />
<br />
Dans le HTML, qui sera chargé par chaque client, nous gérons la réception des messages, la récupération des champs INPUT et l'émission vers web.js<br />
<br />
<br />
L'utilisateur doit rentrer un pseudonyme avant de pouvoir utiliser le chat. On peut voir la liste des utilisateurs connectés, réinitialiser la conversation et quitter le chat. Pour utiliser toute l'application, l'utilisateur doit rentrer un pseudonyme pour voir le menu s'afficher.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_Chat6.png | 800px| center]]<br />
<br />
=== Snake ===<br />
<br />
L'objectif est de réaliser une autre application multi-utilisateur avec une gestion de l'affichage en Tiled Display (comme le jeux PingPong). Nous avons donc choisi le jeux classique Snake. Pour cela, nous sommes parti d'un snake basique réalisé en JavaScript et nous avons apporté des modification pour que celui ci fonctionne avec le projet (Nous nous sommes aidés d'un jeux déjà réalisé Ping Pong).<br />
<br />
Dans notre Snake nous avons choisi d'implémenter deux modes de jeu :<br />
<br />
- Un premier mode un-joueur. Ce mode permet de jouer au Snake Classique avec des bords bloquants. Pour réaliser cette partie, nous avons adapter le Snake afin qu'il puisse être affichable dans une de nos "canvas". Puis nous avons implanté le code nécessaire afin que le Snake puisse se jouer en "mode grand écran".<br />
<br />
- Un deuxième mode multi-joueur, qui permet à plusieurs personnes de jouer en Snake. Dans cette version nous avons défini des murs bloquants et non bloquants. Les murs non bloquants permettent de passer le Snake d'un utilisateur à l'autre.<br />
<br />
<br />
Afin d'implanté le Snake dans l'application existante, nous avons utilisé les principes mis en place par les étudiants de l'année 2014-2015. C'est dire que le jeu fonctionne selon un modèle d'architecture en deux couches. Il y a tout d'abords une partie moteur qui calcul et transmet les informations de position du Snake. Puis nous avons la vue qui affiche les éléments calculés par le moteur.<br />
<br />
En mode multi-joueur, ce qui se passe sur les écrans des différents joueur dépend de la location du Snake. L'écran qui possède le Snake sollicitera le moteur pour faire les calculs de déplacement et autres. Tandis que les autres écrans seront neutre, mis à part l'affichage du score qui changera en fonction des éléments mangés par le Snake.<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Snake1.jpg|center|thumb|400px| Snake en petite écran]]<br />
<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Snake2.jpg|center|thumb|400px| Snake en grand écran]]<br />
<br />
<br />
En résumé les différences notables entre les deux modes du jeux Snake sont :<br />
- la présence du bouton « quit » sur l'écran du jeu multi-joueur<br />
- la présence de mur non bloquants dans le mode multi-joueur<br />
<br />
<br />
== Les Métriques ==<br />
<br />
Nous avons pour ce projet réaliser des métriques sur différents critère, à la fois sur le nombre de ligne, le nombre de fichier. Pour réaliser ces métriques nous avons fait le choix d'utiliser l'outil CLOC disponible directement sur l'eclipse market. si vous êtes intéressé vous pouvez allé jeter un coup d'oeuil à l'outil : [[http://cloc.sourceforge.net CLOC]]<br />
Vous pouvez maintenant prendre connaissance des différentes métriques en lien avec notre projet ci-dessous.`<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Met1.jpg|center|thumb|400px| Mesure générales]]<br />
[[Image:Projets-2015-2016-SmartClassRoom_Met2.jpg|center|thumb|400px| Fichiers créées et modifiés]]<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
'''Utilisation du code existant :'''<br />
<br />
Le projet Smart ClassRoom est un projet collaboratif, nous avons eu beaucoup de mal à prendre en mains le code déjà existant. Les groupes des années précédente ayant réaliser un travail très important au niveau de code mais ont délaissé un peu la documentation. Nous avons donc passé beaucoup de temps à documenter cette partie afin que les groupes avenir n’aient pas de problèmes de prise en mains du code qui aurait du etre pour nous quelque chose de rapide.<br />
<br />
'''Trouver de nouvelles idées :'''<br />
<br />
Le projet existant depuis déjà pas mal de temps nous avons eu pas mal de difficultés pour innover et trouver de nouvelles idée afin de rendre ce projet encore plus futuriste. L’aide de nombreuse personne et d’une enquete afin de savoir se que les personnes attendent d’un tel projet nous a permis d’étudier l’attente et de proposer des solutions en parfait accord avec la demande.<br />
<br />
'''Migration vers SocketIO :'''<br />
<br />
La librairie nowJS n’existant plus nous avons dû trouver une solution pour l’implémentation des nouvelles fonctionnalités, nous avons pour cela fait le choix de la nouvelle librairie SocketIO. Nous n’avons pas supprimé nowJS, nous avons simplement fait cohabité ces librairies. La partie cohabitation est très documenté dans ce wiki. <br />
<br />
'''Les réunions dans la salle : '''<br />
<br />
Nous avons au début rencontrés beaucoup de probleme par rapport à la disponibilité de la salle SMARTCLASSROOM, celle ci étant avant tout une salle de réunion pour le laboratoire LIG. Nous avons souvent du quitter la salle pour cause : réunion. Nous tenons à remercier Jérome Maisonnasse d’avoir fait le maximum pour nous tenir au courant des disponibilités de la salle.<br />
<br />
== Notre ressenti ==<br />
<br />
Nous avons chacun le point par rapport à notre ressenti du projet :<br />
<br />
=== HAMDANI Youcef ===<br />
<br />
En termes de contribution à l’équipe, je pense avoir contribué de manière régulière et apporté des informations utiles à l’équipe. <br />
<br />
Notre projet regroupe deux grands axes de l’informatique ; les réseaux et la programmation. De par mon background en DUT Informatique, je possède un solide bagage en programmation. J’ai donc pu aider mes camarades lors de leurs développements et les débloquer de certaines situations ainsi que les orienter vers des technologies qui pourrait faciliter leur travail. Dans le groupe, nous avons aussi d’anciens DUT réseaux/télécoms qui eux étaient davantage spécialisés dans les problématiques réseaux du projet.<br />
<br />
En ce qui concerne l’organisation, nous avons découpé le projet en plusieurs missions indépendantes pour permettre à chacun de développer à son rythme. Nous faisions le point chaque jour pour voir l’avancement de chacun et pouvoir aider une personne en difficulté. <br />
<br />
J’ai été ponctuel en général (+10/-10 min maximum de l’horaire du rendez-vous). Cependant, j’ai dû m'absenter quelques demi-journées pour pouvoir passer des entretiens d'embauche pour mon stage. J'ai aussi eu une journée d’absence à cause d’un sinistre dans mon immeuble (incendie au sous-sol).<br />
<br />
J’ai essayé d’apporter une ambiance motivante et conviviale dans le groupe en apportant parfois le petit déjeuné ou simplement de l’humour pour relativiser les problèmes rencontrés. <br />
<br />
Nous étions toujours ensemble pour travailler. Nous avons donc communiqué le plus souvent de manière orale. Nous avions aussi un groupe Facebook en cas de changement de programme. J’ai toujours prévenu le groupe en avance de mes futures absences ou des problèmes que je rencontrais. <br />
<br />
Nous avions une très bonne entente dans le groupe. Chacun a trouvé sa place très rapidement. Il y avait beaucoup d’entraide de bonne humeur et de motivation. Nous n’avons rencontré aucun problème que l’on peut qualifier de « conflit ».<br />
J'ai choisi ce projet d’une part pour ma grande affinité avec l’ensemble des membres du groupe et d’autre part pour le sujet. En effet, j’avais pour objectif personnel d’améliorer mes compétences et connaissances en JAVASCRIPT et en réseaux. Les supports (tables tactiles et tableau interactif) étaient aussi des technologies intéressantes à découvrir.<br />
<br />
<br />
=== MESNIER Vincent===<br />
<br />
Durant ce projet de 8 semaines, j’ai essayé d’apporter ma bonne humeur et mes compétences dans le domaine de la programmation (au niveau des langages web tel que JavaScript). J’ai travaillé dans un premier temps avec tout le groupe pour comprendre l’existant (ce qui a été fait et comment cela marcher) pour ensuite travailler essentiellement avec Sébastien Toussaint sur le jeu que nous avons ajouté (le snake). J’ai aussi participer à la conception du chat entre les utilisateurs de l’application. Globalement, nous étions tous concerné par toutes les parties du projet (par exemple pour aider un collègue)<br />
Dans notre groupe de projet, le dialogue a été facile car nous avons eu l’habitude de travailler ensemble durant ces 3 années à Polytech. Pour les sujets où il y a eu des débats techniques, les discussions étaient constructives et chacun a pu contribuer à ces discussions. Le fait que nous ayons une bonne complicité a facilité beaucoup de chose durant ce projet tel que l’entraide et la communication ce qui a rendu ces semaines de travail agréable et plutôt efficace.<br />
<br />
Après avoir étudier l’existant et définit nos taches sur lesquels nous allions travailler, nous avons reparti les taches en fonction des compétences de chacun. Il n’y a pas eu de soucis là-dessus. Nous avions utilisé Git pour tout ce qui est la gestion de version. <br />
<br />
Concernant la ponctualité, nous nous donnions rendez vous à la FabLab sur le campus chaque jour a une horaire fixe. Cependant nous étions assez souples au niveau des horaires. Tant que chacun faisait ce qu'il avait à faire et était là suffisamment souvent pour que l'on discute.<br />
<br />
Du faite que nous nous connaissions bien, Il y a eu une bonne ambiance et nous avons travailler de manière plutôt efficace. Ce projet m’a beaucoup appris au niveau des langages WEB. Le sujet était plutôt motivant et intéressant. <br />
<br />
Un point qui a été important dans ce projet a était, de mon point de vue, d’avoir une bonne équipe. Je pense que notre équipe, en regroupant des gens qui ont déjà̀ travaillés ensemble et qui se connaissent bien, a été́ un atout pour le projet. De plus la bonne humeur dans le groupe m’a motivé a donner le meilleur de moi même. Le faite de découvrir une technologie tel que NodeJS m’a aussi encourager à travailler.<br />
<br />
<br />
===SAUSSAC Thibault===<br />
<br />
Le projet Smart ClassRoom est pour moi l’aboutissement des 3 années passé à Polytech Grenoble. Ce projet innovant nous a permis de prendre en main de nouvelles technologies et d’apprendre à gérer les conflits, le stress, et surtout le travail de groupe. <br />
<br />
<br />
Je me suis beaucoup investi dans la vie du groupe, notamment en récupérant en voiture les membres du groupe pour ne pas leur faire perdre du temps dans les transports en commun. De plus j’ai fais le choix de rapporter ma machine à café personnel. L’intérêt a été d’apporter un climat convivial et de pouvoir boire un café ensemble pour se poser des questions entre nous. Cela nous a apporté beaucoup de cohésion.<br />
De plus je n’ai pas hésité à m’occupé de la partie réseau, c’est à dire branchement des tables et leurs configurations afin que les autres membres du groupe puissent se focaliser sur l’implémentation du code.<br />
<br />
<br />
Au niveau de la communication à l’intérieur du groupe, je me suis focalisé sur une communication lors des pauses café ou durant la pause déjeunée à midi. Cependant si un problème me bloque depuis un certain temps je n’ai pas hésité à demander de l’aide à mes collègues qui ont toujours étaient à l’écoutent. Dans le groupe nous avons toujours pensé qu’il était plus efficace de travailler ensemble plutôt que de ce renfermé sur soit même. Les membres du groupe sont très à l’écoute puisque les décisions ne sont pas prises par le chef de projet mais par toute l’équipe. <br />
<br />
<br />
Au niveau de l’organisation, nous avons utilisé la méthode SCRUM avec des sprints de 1 semaines ce qui m’a permis de montrer à l’équipe mon évolution toute les semaines et bien sur de voir l’évolution des autres membres. Avec les tables tactiles à notre disposition il nous a été facile de faire les stand-up tous les matins afin de donner mes objectifs du jour et les difficultés que j’ai rencontré. Le « Travailler ensemble » nous a permit, de ne pas rencontré de difficultés particulière pendant l’intégration de toutes les parties du projet. <br />
<br />
<br />
Aucun problème dû à la ponctualité puisque je récupérer l’ensemble des membres en voiture celle à permit d’éviter le manque de ponctualité. J’ai cependant eu quelque fois un peu de retard pour les récupérer mais cela était souvent du au bouchons dans le centre de Grenoble.<br />
<br />
<br />
Le projet c’est très bien passé dans l’ensemble, le travail en équipe n’a pas était un problème et nous avons su nous organiser et gérer au mieux l’entente dans le groupe. Le projet étant assez libre et les profs très peu disponibles nous avons énormément gagné en autonomie et en estime de soit. <br />
N’ayant auparavant jamais fais du JavaScript j’ai pu apprendre un nouveau langage qui est de plus en plus demander sur un CV.<br />
<br />
<br />
Au niveau de ma motivation durant le projet<br />
<br />
Durant ce projet ma motivation à le plus souvent était importante mais quelques raisons personnelles ont engendré une baisse de motivation durant un certain temps. De plus au début du projet il a été très frustrant de ne pas avoir le code pour commencé, nous avions l’impression que personne n’était intéressé pour nous aider.<br />
<br />
<br />
===TOUSSAINT Sébastien===<br />
<br />
Depuis trois ans Polytech Grenoble et l'équipe pédagogique de l'université de Grenoble Alpe développent une Smart ClassRoom. Dans de le but contribué à ce projet nous avons créer une équipe de quatre étudiants de Polytech et deux étudiants des DUT Réseaux et Télécom.<br />
<br />
L'équipe au sein du quelle je travail est mon équipe depuis ma première année à Polytech. C'est pour cela que l'entente avec les membres du groupe étaient sans problème. J'ai eu beaucoup de mal à me lancer dans le projet à cause des retards au seins des présentations des architectures et des difficultés à trouver un sujet à réaliser. Après avoir définit un sujet précis nous avons divisé les taches. Par la suite j'ai pu vraiment me mettre dans le projet. <br />
<br />
Au niveau de l'organisation on était dans une attitude d'entraide. La séparation des taches nous permettait d'avoir une vision séparer du code. Ceci est très utile car si l'un d'entre nous était bloqué il posait une question, qui était répondu par la personne en charge de la partie du code mis en question. Ensuite pour la réalisation des objectifs nous avons utiliser des techniques « agiles » vu en cours de Génie Logiciel, pour juger l'avancer de notre projet. Ceci était super bien car ça nous a permis de bien structurés notre projet. Concernant les étudiants de DUT, le fait qu'ils n'aient pas de journées banalisés pour le projet à fait que nous les avons pas vu souvent. Donc nous avons essentiellement travailler par l’intermédiaire des mails et autres outils de communication à distance. <br />
<br />
Au niveau de la communication avec les autres acteurs du projet spécialement les encadrants. Cela s’est bien passé avec des prises de réunions très fréquente. <br />
<br />
Durant le projet j'ai été confronté à plusieurs problèmes. J'ai sollicité l'aide des étudiants qui ont contribué au projet l'année dernière. Ils ont à chaque fois réussi a m'aider. <br />
<br />
En résumé le fait d'avoir déjà plusieurs fois travaillé avec les membres de mon équipe m'a permis de pleinement m'épanouir dans le projet. Mon seul regret est de ne pas avoir réussi à travailler plus avec les étudiants de DUT.<br />
<br />
= Remerciements =<br />
<br />
Nous tenons à remercier et témoigner toute notre reconnaissance à Polytech GRENOBLE, l’Université Grenoble Alpes pour la qualité de leur formation et aux personnes suivantes, pour l’expérience enrichissante et pleine d’intérêt qu’ils nous ont faite vivre durant ces semaines ainsi que pour l’aide et les conseils qu’ils nous ont apportés lors des différents suivis :<br />
<br />
A Monsieur Didier DONSEZ, professeur tuteur, pour ces différents conseilles et ces idées toujours plus innovantes. <br />
<br />
A Monsieur Jérôme MAISONNASSE, Responsable de la FABLAB MSTIC, pour sa présentions, son aide dans la récupération du projet et ces conseilles par rapport à l’organisation du projet.<br />
A l’ensemble de l’équipe pédagogique de Polytech Grenoble pour leurs différents cours nous ayant aidé dans le déroulement du projet.<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=28218Projets-2015-2016-SmartClassRoom2016-03-17T10:38:35Z<p>Thibault.Saussac: /* Notre ressenti */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permis de prendre en main la smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structurée de notre projet nous avons rédigé une fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisée en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiants de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand il doit davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans les journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interactions) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé, ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatique. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez, d'utiliser les méthodes agiles afin d'avoir un suivi régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet, ce qui nous parait intéressant au vu de la composition de l'équipe qui possède des compétences et des emplois du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision globale du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que nous avons mis en place. Vous aurez ensuite tous le travail détaillé STEP by STEP ;)<br />
<br />
[[File:Projets-2015-2016-Gantt.png | 600px| center]]<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Pour but de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 8 (March, 9st - March, 17th) ==<br />
===Objectifs ===<br />
'''- Finir le développement du snake (le Tiled display)'''<br />
'''- Etre au point au niveau du rendu et soutenance'''<br />
<br />
=== Travail Réalisé === <br />
'''- Debugging du jeux Snake '''<br />
-Debug du mode tiled (multijoueurs), gestion des collisions et des murs non bloquants<br />
<br />
'''- Implémentation du bouton "quit" sur le Snake'''<br />
-Pour le mode fullScreen et TiledDisplay<br />
'''- Réalisation de la video-Screencast pour le rendu (disponible [https://www.youtube.com/watch?v=FEwoA4S9rsM&feature=youtu.be ici])<br />
'''- Rédaction du wiki'''<br />
'''- Mise en place de la démo pour la soutenance'''<br />
'''- Préparation de la soutenance (oral et powerpoint)'''<br />
<br />
=== Rétrospective Sprint 7 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé. Nous avons passé beaucoup de temps sur la partie TiledDisplay du snake, nous avons du corriger beaucoup de bugs. Les journées ont été chargées mais nous sommes satisfait car nous avons réalisé nos objectif.<br />
<br />
== Comptabilisation des heures ==<br />
<br />
Nous avons réalisé un excel pour compter le nombre d'heure passé sur le projet lors de ces 8 semaines :<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_H1.jpg|center|thumb|400px| Comptabilisation des heures]]<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
==== Tutoriel implémentation ====<br />
<br />
===== L'existant =====<br />
Au départ, l'ensemble de l'application était conçue pour exactement 4 écrans (ni plus ni moins). Il n'y avait aucun moyen d'ajouter d'autres écrans ou de modifier le "split" de l'image dans le cas où un écran était en panne. Chaque écran possédait une orientation qui lui était affectée par ordre de connexion lors de l'accès à l'URL de l'application :<br />
<br />
- NW (north west) avec les positions i = 0 et j = 0 (1er écran qui se connecte)<br />
<br />
- NE (north east) avec les positions i = 1 et j = 0 (2eme écran qui se connecte)<br />
<br />
- SW (south west) avec les positions i = 0 et j = 1 (3eme écran qui se connecte)<br />
<br />
- SE (south east) avec les positions i = 1 et j = 1 (4eme écran qui se connecte)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_codeExistant.png | center | 600px ]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_disposition.png | center | 600px ]]<br />
<br />
===== L'évolution =====<br />
Nous avons donc décidé de créer une configuration des écrans beaucoup plus dynamique et flexible. Pour cela, nous avons supprimé les orientations NW,NE,SW et SE qui ne veulent plus rien dire dans une disposition à 2 ou 8 écrans. Nous avons seulement gardé l'idée de la matrice de disposition avec les positions i (pour les colonnes) et j (pour les lignes). Nous avons aussi décidé de créer une interface sur l'application qui permettrai à l'utilisateur de choisir la disposition des écrans dans cette matrice (cf Tutoriel utilisation). Pour réaliser cette interface et la communication avec notre serveur, nous avons choisi une technologie qui s'appelle '''socket.IO'''. En effet, la technologie utilisé par les étudiants précédent '''NowJs''' étant désormais obsolète et abandonnée.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_socketIO.png | center | 600px ]]<br />
<br />
Il serait préférable de migrer l'ensemble de l'application '''SmartClassroom''' vers du '''Socket.IO''' pour les futurs développements (cf étude de migration totale).<br />
<br />
Afin de retirer les orientations NW,NE,SW et SE, nous avons du reformaté l'ensemble de l'application afin que les positions i et j de chaque client (écrans) soient affecté seulement lorsque le client utilise l'interface et non plus lors de la connexion du client. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_evolutionOrientaions.png | center | 600px ]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_evolutionOrientaions2.png | center | 600px]]<br />
<br />
Nous avons aussi modifié la fonction de split des images/vidéos/pdf afin qu'elle prennent en paramètres un nombre dynamique de lignes/colonnes.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_split.png | center | 600px ]]<br />
<br />
Grâce à ces changements, la matrice de disposition des écrans est devenue variable. Elle n'est plus restreinte à 4 écrans.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_disposition2.png | center | 600px ]]<br />
<br />
==== Tutoriel utilisation ====<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
=== Touch Interaction ===<br />
<br />
=== Chat ===<br />
<br />
Le chat, que nous avons réalisé, est fait à l'aide de la bibliothèque [http://socket.io Socket.io]. Elle se base sur plusieurs techniques différentes qui permettent la communication en temps réel comme WebSocket. Socket.io fonctionne sous forme d'événements comme un événement lors d'une connexion ou une déconnexion. On peut émettre des événements. Le principe de Socket.io c'est que le client et le serveur peuvent émettre et recevoir des événements en temps réel et ainsi réagir en conséquence. De plus, il est possible de transmettre des données avec ces événements<br />
Le serveur (celui qui lance le nodeJS) possède tout ce qui a en commun et le diffuse au client qui l'affiche dans le html.<br />
<br />
<br />
En faite le serveur (WEB.JS) permet de gérer les connexions de clients c'est dans ce fichier que se fait la connection, la déconnection et l'émission d'un message vers les clients.<br />
<br />
<br />
Dans le HTML, qui sera chargé par chaque client, nous gérons la réception des messages, la récupération des champs INPUT et l'émission vers web.js<br />
<br />
<br />
L'utilisateur doit rentrer un pseudonyme avant de pouvoir utiliser le chat. On peut voir la liste des utilisateurs connectés, réinitialiser la conversation et quitter le chat. Pour utiliser toute l'application, l'utilisateur doit rentrer un pseudonyme pour voir le menu s'afficher.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_Chat6.png | 800px| center]]<br />
<br />
=== Snake ===<br />
<br />
L'objectif est de réaliser une autre application multi-utilisateur avec une gestion de l'affichage en Tiled Display (comme le jeux PingPong). Nous avons donc choisi le jeux classique Snake. Pour cela, nous sommes parti d'un snake basique réalisé en JavaScript et nous avons apporté des modification pour que celui ci fonctionne avec le projet (Nous nous sommes aidés d'un jeux déjà réalisé Ping Pong).<br />
<br />
Dans notre Snake nous avons choisi d'implémenter deux modes de jeu :<br />
<br />
- Un premier mode un-joueur. Ce mode permet de jouer au Snake Classique avec des bords bloquants. Pour réaliser cette partie, nous avons adapter le Snake afin qu'il puisse être affichable dans une de nos "canvas". Puis nous avons implanté le code nécessaire afin que le Snake puisse se jouer en "mode grand écran".<br />
<br />
- Un deuxième mode multi-joueur, qui permet à plusieurs personnes de jouer en Snake. Dans cette version nous avons défini des murs bloquants et non bloquants. Les murs non bloquants permettent de passer le Snake d'un utilisateur à l'autre.<br />
<br />
<br />
Afin d'implanté le Snake dans l'application existante, nous avons utilisé les principes mis en place par les étudiants de l'année 2014-2015. C'est dire que le jeu fonctionne selon un modèle d'architecture en deux couches. Il y a tout d'abords une partie moteur qui calcul et transmet les informations de position du Snake. Puis nous avons la vue qui affiche les éléments calculés par le moteur.<br />
<br />
En mode multi-joueur, ce qui se passe sur les écrans des différents joueur dépend de la location du Snake. L'écran qui possède le Snake sollicitera le moteur pour faire les calculs de déplacement et autres. Tandis que les autres écrans seront neutre, mis à part l'affichage du score qui changera en fonction des éléments mangés par le Snake.<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Snake1.jpg|center|thumb|400px| Snake en petite écran]]<br />
<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Snake2.jpg|center|thumb|400px| Snake en grand écran]]<br />
<br />
<br />
En résumé les différences notables entre les deux modes du jeux Snake sont :<br />
- la présence du bouton « quit » sur l'écran du jeu multi-joueur<br />
- la présence de mur non bloquants dans le mode multi-joueur<br />
<br />
<br />
== Les Métriques ==<br />
<br />
Nous avons pour ce projet réaliser des métriques sur différents critère, à la fois sur le nombre de ligne, le nombre de fichier. Pour réaliser ces métriques nous avons fait le choix d'utiliser l'outil CLOC disponible directement sur l'eclipse market. si vous êtes intéressé vous pouvez allé jeter un coup d'oeuil à l'outil : [[http://cloc.sourceforge.net CLOC]]<br />
Vous pouvez maintenant prendre connaissance des différentes métriques en lien avec notre projet ci-dessous.`<br />
<br />
[[Image:Projets-2015-2016-SmartClassRoom_Met1.jpg|center|thumb|400px| Mesure générales]]<br />
[[Image:Projets-2015-2016-SmartClassRoom_Met2.jpg|center|thumb|400px| Fichiers créées et modifiés]]<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
'''Utilisation du code existant :'''<br />
<br />
Le projet Smart ClassRoom est un projet collaboratif, nous avons eu beaucoup de mal à prendre en mains le code déjà existant. Les groupes des années précédente ayant réaliser un travail très important au niveau de code mais ont délaissé un peu la documentation. Nous avons donc passé beaucoup de temps à documenter cette partie afin que les groupes avenir n’aient pas de problèmes de prise en mains du code qui aurait du etre pour nous quelque chose de rapide.<br />
<br />
'''Trouver de nouvelles idées :'''<br />
<br />
Le projet existant depuis déjà pas mal de temps nous avons eu pas mal de difficultés pour innover et trouver de nouvelles idée afin de rendre ce projet encore plus futuriste. L’aide de nombreuse personne et d’une enquete afin de savoir se que les personnes attendent d’un tel projet nous a permis d’étudier l’attente et de proposer des solutions en parfait accord avec la demande.<br />
<br />
'''Migration vers SocketIO :'''<br />
<br />
La librairie nowJS n’existant plus nous avons dû trouver une solution pour l’implémentation des nouvelles fonctionnalités, nous avons pour cela fait le choix de la nouvelle librairie SocketIO. Nous n’avons pas supprimé nowJS, nous avons simplement fait cohabité ces librairies. La partie cohabitation est très documenté dans ce wiki. <br />
<br />
'''Les réunions dans la salle : '''<br />
<br />
Nous avons au début rencontrés beaucoup de probleme par rapport à la disponibilité de la salle SMARTCLASSROOM, celle ci étant avant tout une salle de réunion pour le laboratoire LIG. Nous avons souvent du quitter la salle pour cause : réunion. Nous tenons à remercier Jérome Maisonnasse d’avoir fait le maximum pour nous tenir au courant des disponibilités de la salle.<br />
<br />
== Notre ressenti ==<br />
<br />
Nous avons chacun le point par rapport à notre ressenti du projet :<br />
<br />
=== HAMDANI Youcef ===<br />
<br />
En termes de contribution à l’équipe, je pense avoir contribué de manière régulière et apporté des informations utiles à l’équipe. <br />
<br />
Notre projet regroupe deux grands axes de l’informatique ; les réseaux et la programmation. De par mon background en DUT Informatique, je possède un solide bagage en programmation. J’ai donc pu aider mes camarades lors de leurs développements et les débloquer de certaines situations ainsi que les orienter vers des technologies qui pourrait faciliter leur travail. Dans le groupe, nous avons aussi d’anciens DUT réseaux/télécoms qui eux étaient davantage spécialisés dans les problématiques réseaux du projet.<br />
<br />
En ce qui concerne l’organisation, nous avons découpé le projet en plusieurs missions indépendantes pour permettre à chacun de développer à son rythme. Nous faisions le point chaque jour pour voir l’avancement de chacun et pouvoir aider une personne en difficulté. <br />
<br />
J’ai été ponctuel en général (+10/-10 min maximum de l’horaire du rendez-vous). Cependant, j’ai dû m'absenter quelques demi-journées pour pouvoir passer des entretiens d'embauche pour mon stage. J'ai aussi eu une journée d’absence à cause d’un sinistre dans mon immeuble (incendie au sous-sol).<br />
<br />
J’ai essayé d’apporter une ambiance motivante et conviviale dans le groupe en apportant parfois le petit déjeuné ou simplement de l’humour pour relativiser les problèmes rencontrés. <br />
<br />
Nous étions toujours ensemble pour travailler. Nous avons donc communiqué le plus souvent de manière orale. Nous avions aussi un groupe Facebook en cas de changement de programme. J’ai toujours prévenu le groupe en avance de mes futures absences ou des problèmes que je rencontrais. <br />
<br />
Nous avions une très bonne entente dans le groupe. Chacun a trouvé sa place très rapidement. Il y avait beaucoup d’entraide de bonne humeur et de motivation. Nous n’avons rencontré aucun problème que l’on peut qualifier de « conflit ».<br />
J'ai choisi ce projet d’une part pour ma grande affinité avec l’ensemble des membres du groupe et d’autre part pour le sujet. En effet, j’avais pour objectif personnel d’améliorer mes compétences et connaissances en JAVASCRIPT et en réseaux. Les supports (tables tactiles et tableau interactif) étaient aussi des technologies intéressantes à découvrir.<br />
<br />
<br />
=== MESNIER Vincent===<br />
<br />
Durant ce projet de 8 semaines, j’ai essayé d’apporter ma bonne humeur et mes compétences dans le domaine de la programmation (au niveau des langages web tel que JavaScript). J’ai travaillé dans un premier temps avec tout le groupe pour comprendre l’existant (ce qui a été fait et comment cela marcher) pour ensuite travailler essentiellement avec Sébastien Toussaint sur le jeu que nous avons ajouté (le snake). J’ai aussi participer à la conception du chat entre les utilisateurs de l’application. Globalement, nous étions tous concerné par toutes les parties du projet (par exemple pour aider un collègue)<br />
Dans notre groupe de projet, le dialogue a été facile car nous avons eu l’habitude de travailler ensemble durant ces 3 années à Polytech. Pour les sujets où il y a eu des débats techniques, les discussions étaient constructives et chacun a pu contribuer à ces discussions. Le fait que nous ayons une bonne complicité a facilité beaucoup de chose durant ce projet tel que l’entraide et la communication ce qui a rendu ces semaines de travail agréable et plutôt efficace.<br />
<br />
Après avoir étudier l’existant et définit nos taches sur lesquels nous allions travailler, nous avons reparti les taches en fonction des compétences de chacun. Il n’y a pas eu de soucis là-dessus. Nous avions utilisé Git pour tout ce qui est la gestion de version. <br />
<br />
Concernant la ponctualité, nous nous donnions rendez vous à la FabLab sur le campus chaque jour a une horaire fixe. Cependant nous étions assez souples au niveau des horaires. Tant que chacun faisait ce qu'il avait à faire et était là suffisamment souvent pour que l'on discute.<br />
<br />
Du faite que nous nous connaissions bien, Il y a eu une bonne ambiance et nous avons travailler de manière plutôt efficace. Ce projet m’a beaucoup appris au niveau des langages WEB. Le sujet était plutôt motivant et intéressant. <br />
<br />
Un point qui a été important dans ce projet a était, de mon point de vue, d’avoir une bonne équipe. Je pense que notre équipe, en regroupant des gens qui ont déjà̀ travaillés ensemble et qui se connaissent bien, a été́ un atout pour le projet. De plus la bonne humeur dans le groupe m’a motivé a donner le meilleur de moi même. Le faite de découvrir une technologie tel que NodeJS m’a aussi encourager à travailler.<br />
<br />
<br />
===SAUSSAC Thibault===<br />
<br />
Le projet Smart ClassRoom est pour moi l’aboutissement des 3 années passé à Polytech Grenoble. Ce projet innovant nous a permis de prendre en main de nouvelles technologies et d’apprendre à gérer les conflits, le stress, et surtout le travail de groupe. <br />
<br />
<br />
Je me suis beaucoup investi dans la vie du groupe, notamment en récupérant en voiture les membres du groupe pour ne pas leur faire perdre du temps dans les transports en commun. De plus j’ai fais le choix de rapporter ma machine à café personnel. L’intérêt a été d’apporter un climat convivial et de pouvoir boire un café ensemble pour se poser des questions entre nous. Cela nous a apporté beaucoup de cohésion.<br />
De plus je n’ai pas hésité à m’occupé de la partie réseau, c’est à dire branchement des tables et leurs configurations afin que les autres membres du groupe puissent se focaliser sur l’implémentation du code.<br />
<br />
<br />
Au niveau de la communication à l’intérieur du groupe, je me suis focalisé sur une communication lors des pauses café ou durant la pause déjeunée à midi. Cependant si un problème me bloque depuis un certain temps je n’ai pas hésité à demander de l’aide à mes collègues qui ont toujours étaient à l’écoutent. Dans le groupe nous avons toujours pensé qu’il était plus efficace de travailler ensemble plutôt que de ce renfermé sur soit même. Les membres du groupe sont très à l’écoute puisque les décisions ne sont pas prises par le chef de projet mais par toute l’équipe. <br />
<br />
<br />
Au niveau de l’organisation, nous avons utilisé la méthode SCRUM avec des sprints de 1 semaines ce qui m’a permis de montrer à l’équipe mon évolution toute les semaines et bien sur de voir l’évolution des autres membres. Avec les tables tactiles à notre disposition il nous a été facile de faire les stand-up tous les matins afin de donner mes objectifs du jour et les difficultés que j’ai rencontré. Le « Travailler ensemble » nous a permit, de ne pas rencontré de difficultés particulière pendant l’intégration de toutes les parties du projet. <br />
<br />
<br />
Aucun problème dû à la ponctualité puisque je récupérer l’ensemble des membres en voiture celle à permit d’éviter le manque de ponctualité. J’ai cependant eu quelque fois un peu de retard pour les récupérer mais cela était souvent du au bouchons dans le centre de Grenoble.<br />
<br />
<br />
Le projet c’est très bien passé dans l’ensemble, le travail en équipe n’a pas était un problème et nous avons su nous organiser et gérer au mieux l’entente dans le groupe. Le projet étant assez libre et les profs très peu disponibles nous avons énormément gagné en autonomie et en estime de soit. <br />
N’ayant auparavant jamais fais du JavaScript j’ai pu apprendre un nouveau langage qui est de plus en plus demander sur un CV.<br />
<br />
<br />
Au niveau de ma motivation durant le projet<br />
<br />
Durant ce projet ma motivation à le plus souvent était importante mais quelques raisons personnelles ont engendré une baisse de motivation durant un certain temps. De plus au début du projet il a été très frustrant de ne pas avoir le code pour commencé, nous avions l’impression que personne n’était intéressé pour nous aider.<br />
<br />
<br />
===TOUSSAINT Sébastien===<br />
<br />
Depuis trois ans Polytech Grenoble et l'équipe pédagogique de l'université de Grenoble Alpe développent une Smart ClassRoom. Dans de le but contribué à ce projet nous avons créer une équipe de quatre étudiants de Polytech et deux étudiants des DUT Réseaux et Télécom.<br />
<br />
L'équipe au sein du quelle je travail est mon équipe depuis ma première année à Polytech. C'est pour cela que l'entente avec les membres du groupe étaient sans problème. J'ai eu beaucoup de mal à me lancer dans le projet à cause des retards au seins des présentations des architectures et des difficultés à trouver un sujet à réaliser. Après avoir définit un sujet précis nous avons divisé les taches. Par la suite j'ai pu vraiment me mettre dans le projet. <br />
<br />
Au niveau de l'organisation on était dans une attitude d'entraide. La séparation des taches nous permettait d'avoir une vision séparer du code. Ceci est très utile car si l'un d'entre nous était bloqué il posait une question, qui était répondu par la personne en charge de la partie du code mis en question. Ensuite pour la réalisation des objectifs nous avons utiliser des techniques « agiles » vu en cours de Génie Logiciel, pour juger l'avancer de notre projet. Ceci était super bien car ça nous a permis de bien structurés notre projet. Concernant les étudiants de DUT, le fait qu'ils n'aient pas de journées banalisés pour le projet à fait que nous les avons pas vu souvent. Donc nous avons essentiellement travailler par l’intermédiaire des mails et autres outils de communication à distance. <br />
<br />
Au niveau de la communication avec les autres acteurs du projet spécialement les encadrants. Cela s’est bien passé avec des prises de réunions très fréquente. <br />
<br />
Durant le projet j'ai été confronté à plusieurs problèmes. J'ai sollicité l'aide des étudiants qui ont contribué au projet l'année dernière. Ils ont à chaque fois réussi a m'aider. <br />
<br />
En résumé le fait d'avoir déjà plusieurs fois travaillé avec les membres de mon équipe m'a permis de pleinement m'épanouir dans le projet. Mon seul regret est de ne pas avoir réussi à travailler plus avec les étudiants de DUT.<br />
<br />
= Remerciements =<br />
<br />
Nous tenons à remercier et témoigner toute notre reconnaissance à Polytech GRENOBLE, l’Université Grenoble Alpes pour la qualité de leur formation et aux personnes suivantes, pour l’expérience enrichissante et pleine d’intérêt qu’ils nous ont faite vivre durant ces semaines ainsi que pour l’aide et les conseils qu’ils nous ont apportés lors des différents suivis :<br />
<br />
A Monsieur Didier DONSEZ, professeur tuteur, pour ces différents conseilles et ces idées toujours plus innovantes. <br />
<br />
A Monsieur Jérôme MAISONNASSE, Responsable de la FABLAB MSTIC, pour sa présentions, son aide dans la récupération du projet et ces conseilles par rapport à l’organisation du projet.<br />
A l’ensemble de l’équipe pédagogique de Polytech Grenoble pour leurs différents cours nous ayant aidé dans le déroulement du projet.<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:RapportProjetSmartClassRoom.pdf&diff=28147File:RapportProjetSmartClassRoom.pdf2016-03-17T09:36:34Z<p>Thibault.Saussac: tttt</p>
<hr />
<div>tttt</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets_2015-2016&diff=28099Projets 2015-20162016-03-17T02:18:29Z<p>Thibault.Saussac: /* Projets */</p>
<hr />
<div><<[[Projets 2014-2015]] | [[Projets]] | [[Projets 2016-2017]]>><br />
=RICM=<br />
==RICM3==<br />
<br />
==RICM4==<br />
===Projet Semestre S8===<br />
<br />
Enseignants responsables : Olivier Richard, Didier Donsez<br />
<br />
<br />
* '''Evaluation à mi-parcours le lundi 7 mars''': Format: 10min (5min de présentation 3 slides au plus, 5min de discussion). Cette évaluation sera prise en compte dans la note finale.<br />
<br />
'''Consignes générales:'''<br />
<br />
* '''Vous devez être pro-actifs !!!''': Si des points sont pas ou mals spécifiés, vous le faîtes et vous justifiez vos choix. Pour les problèmes techniques éventuels vous pouvez: vous creusez la question, vous contactez l'auteur du code si il y a lieux, vous faites un rapport de bug ('''Attention:''' ca se prépare !), vous soumettez un patch, vous contactez l'enseignant ou la personne suivant le projet.<br />
<br />
* '''Vous devez maintenir une fiche de suivi de projet''': elle doit être mise à jour chaque semaine, elle rassemble les élements essentiels du projet, elle <br />
indique les évolutions du projet et présente sa feuille de route. '''Note:''' le nom de la fiche doit être composé du nom du projet et suffixé par ricm4_2015_2016.<br />
<br />
* '''Vous devez utiliser un logiciel de gestion de version''' pour vos développements comme [http://en.wikipedia.org/wiki/Git_%28software%29 git ] et nous vous conseillons d'utiliser le site [https://github.com github] pour l'hébergement de votre dépôt public.<br />
<br />
* Les document public (exemple sur github) doivent être rédigés en anglais (README, documentation, commentaires de code, nom de variables et de fonctions). Une bonnification sera accordée si le rapport et les transparents sont en anglais (la soutenance sera en francais).<br />
<br />
{|class="wikitable alternance"<br />
|+ Affectation des projets RICM4 2015-2016<br />
|-<br />
|<br />
!scope="col"| Sujet<br />
!scope="col"| Etudiants<br />
!scope="col"| Enseignant(s)<br />
!scope="col"| Fiche de suivi<br />
!scope="col"| Dépot git<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[Dashboard pour gestionnaire de tâches et de ressources]]<br />
| CROUZET, MATHIEU<br />
| Richard<br />
| [[Projets-2015-2016-DashBoard| '''Fiche''']]<br />
| [https://github.com/MatthieuCrouzet/Projet4A '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_groupe1.pdf|Rapport Consultant]] - [[Media:Paterns.pdf|Patterns]] - [[Media:PresentationDashboard.pdf|Presentation]]<br />
|-<br />
<br />
!scope="row"| 2<br />
| [[Speeding Simplified Script Language]]<br />
| POPEK, BERTRAND-DALECHAMPS, WEI<br />
| Richard<br />
| [[Projets-2015-2016-SSSL| '''Fiche''']] - [[SSSL-UML| '''UML''']]<br />
| [https://github.com/FlorianPO/Speeding-Simplified-Script-Language.git '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:Groupe2_AIR.pdf|Rapport Consultant]] - [[Media:PresentationProjet.pdf|Presentation]]<br />
|-<br />
<br />
!scope="row"| 3<br />
| [[Borne interactive]] <br />
| DUNAND - NAVARRO - REVEL<br />
| Maisonnasse<br />
| [[Projets-2015-2016-Borne-Interactive| '''Fiche''']] - [[Projets-2015-2016-Borne-Interactive-SRS | '''SRS''']] - [[Projets-2015-2016-Borne-Interactive/UML_Diagrams | '''UML''']]<br />
| [https://github.com/Kant73/InteractiveDisplay '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:IPopo.pdf|Rapport Consultant]] - [[Media:PatternDesign.pdf | '''Design Pattern''']] - [[Media:PresentationInteractiveDisplay.pdf|Présentation Intermédiaire]]<br />
|-<br />
<br />
!scope="row"| 4<br />
| [[Sonotone]]<br />
| LECORPS, VOUTAT, Hattinguais <br />
| Maisonnasse, Richard<br />
| [[Projets-2015-2016-Sonotone| '''Fiche''']] - [[Projets-2015-2016-Sonotone-SRS | '''SRS''']] <br />
| [https://github.com/Gorgorot38/Sonotone-RICM4 '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:SRS_Consultant_Sonotone_4.pdf|Rapport_Consultant]] - [[Media:pattern_sonotone.pdf|Pattern]] - [[Media:Soutenance.pdf|Soutenance_miparcours]]<br />
|-<br />
<br />
!scope="row"| 5<br />
| [[Sous-titre_en_temps_r%C3%A9el_d%27un_cours| Sous-titre d'un cours en temps réel]]<br />
| LECHEVALLIER, BUI, OUNISSI <br />
| Maisonnasse<br />
| [[LiveSubtitles| '''Fiche''']]<br />
| [https://github.com/Lechevallier/RealTimeSubtitles '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media: SRS_Groupe_5.pdf| Rapport Consultant]]<br />
|-<br />
<br />
!scope="row"| 6<br />
| [[GrenobloisFuté]]<br />
| MOURET, DELAPORTE, Lucidarme<br />
| Nicolas Palix<br />
| [[GrenobleFuté| '''Fiche''']]<br />
| [https://github.com/Lucidarme/Osmand.git '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProjet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_G14.pdf|Rapport Consultant]]<br />
|-<br />
<br />
!scope="row"| 7<br />
| [[Streaming en stéréoscopie]]<br />
| ZHAO ZILONG, HAMMOUTI<br />
| Maisonnasse<br />
| [[Projets-2015-2016-Streaming-Stereoscopie| '''Fiche''']] - [[SRS - Streaming en stéréoscopie | '''SRS''']] <br />
| [https://github.com/zhao-zilong/streaming_stereo '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:bruel_medewou_ndiaye.pdf|Rapport_consultant]] - [[Media:streaming.pdf|mi-parcours]]<br />
|-<br />
<br />
!scope="row"| 8<br />
| [[PersyCup2016]]<br />
| BIN, ZEGAOUI, ELLAPIN <br />
| Donsez, Maisonnasse<br />
| [[PersyCup| '''Fiche''']]<br />
| [https://github.com/legominstorm/lego '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:SoutenanceMiParcours-Persycup2016.pdf|Soutenance Mi-parcours]]<br />
|-<br />
<br />
!scope="row"| 9<br />
| [[Services étendus pour le modèle de composants iPOPO pour Python]]<br />
| FOUNAS, HALLAL, GATTAZ <br />
| Calmant & Donsez<br />
| [[Proj-2015-2016-Extensions_IPOPO | '''Fiche''']] - [[Proj-2015-2016-Extensions_IPOPO/SRS | '''SRS''']] - [[Proj-2015-2016-Extensions_IPOPO/UML | '''UML''']] <br />
| [https://github.com/abdelazizFounas/ipopo/tree/tlsremote '''github IPOPO'''] <br /> [https://github.com/gattazr/IPOPO-Remote-Client '''github IPOPO Client''']<br />
| [[Media:9_RapportProjet.pdf|Rapport]] - [[Media:9_TransparentsProojet.pdf|Transparents]] - [[Media:9_FlyerProjet.pdf|Flyer]] - [[Media:3-SRS-Pres.pdf| Rapport Consultant]] - [[Media:9_PatternStrat.pdf|Pattern Design]] - [[Media:9_Mid-Presentation.pdf|Mid Presentation]] - [[Media:9_Gantt.pdf|Gantt]]<br />
|-<br />
<br />
!scope="row"| 10<br />
| [[IndoorGeoloc2016]]<br />
| ARRADA - CRASTES - FAURE - STOIAN <br />
| Donsez<br />
| [[Proj-2015-2016-IndoorGeoloc/Fiche| '''Fiche''']] - [[Proj-2015-2016-IndoorGeoloc/SRS|SRS]]<br />
| [https://github.com/QuentinFA/Geoloc_Indoor '''github''']<br />
| [[Media:Proj-2015-2016-IndoorGeoloc/RapportProjet.pdf|Rapport]] - [[Media:Proj-2015-2016-IndoorGeoloc/TransparentsProjet.pdf|Transparents]] - [[Media:Proj-2015-2016-IndoorGeoloc/FlyerProjet.pdf|Flyer]] - [[Media: SRSGroupe17.pdf| Rapport Consultant]] - [[Media:Mi_parcours.pdf|Mid presentation]]<br />
|-<br />
<br />
!scope="row"| 11<br />
| [[UPnPOpenHAB2016]]<br />
| Medewou , Ndiyae Yacine , Bruel Anna <br />
| Didier Donsez & Jérome Maisonnasse<br />
| [[Proj-Openhab-2016| '''Fiche''']] - [[Proj-2015-2016-Int%C3%A9gration_de_cam%C3%A9ra_de_surveillance_UPnP_%C3%A0_Openhab/SRS| '''SRS''']] - [[Proj-Openhab/UML| '''UML''']]<br />
| [https://github.com/openHab-UPnP '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_ZHAO_HAMMOUTI.pdf|Rapport Consultant]] - [[Media:pattern_ZHAO_HAMMOUTI.pdf|Patterns]] - [[Media:fichier.pdf|Mini soutenance]]<br />
|-<br />
<br />
!scope="row"| 12<br />
| [[Sign2Speech]]<br />
| NIOGRET, NOGUERON, TITH<br />
| Didier Donsez<br />
| [[sign2speech_ricm4_2015_2016| '''Fiche''']] - [[SRS - Sign2Speech | '''SRS''']] - [[UML | '''UML''']]<br />
| [https://github.com/SignToSpeech-Project '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:12-Sign2Speech-RapportConsultant.pdf|Rapport Consultant]] - [[Media:12-Sign2Speech-MidPres.pdf|Mid presentation]]<br />
|-<br />
<br />
!scope="row"| 13<br />
| [[AstroImage]] <br />
| RACHEX, BLANC, GERRY<br />
| Olivier Richard et Bruno Bzeznik<br />
| [[Proj-2015-2016-Astroimage/Fiche| '''Fiche''']] - [[AstroImage/SRS | '''SRS''']] - [[Media:AstroImage-UML.pdf | '''UML''']]<br />
| [https://github.com/nicolas-blanc/AstroImage '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:13-AstroImage-RapportConsultant.pdf|Rapport Consultant]] - [https://docs.google.com/presentation/d/15F8DRktwmOuSNabdxMASniyr-TIiRzGNNG1mOhcoSnk/edit?usp=sharing '''Patterns''']<br />
|-<br />
<br />
!scope="row"| 14<br />
| [[Tachymètre]]<br />
| MACE, NOUGUIER, RAMEL<br />
| Olivier Gattaz<br />
| [[Fiche - Tachymètre | '''Fiche''']] - [[SRS - Tachymètre| '''SRS''']] - [[UML - Tachymètre| '''UML''']]<br />
| [https://github.com/Quego/Tachymetre '''github - Tachymètre''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:srs_tachymetre.pdf|Rapport consultant]] - [[Media:14_PatternDesign.pdf | Pattern Design]] - [[Media:Tachymetre_Presentation.pdf | Présentation]]<br />
|-<br />
<br />
!scope="row"| 15<br />
| [[SmartProjector]]<br />
| BRANGER, HABLOT<br />
| Donsez, Maisonnasse<br />
| [[Fiche_SmartProjector_ricm4_2015_2016| '''Fiche''']] - [[SRS - SmartProjector| '''SRS''']] - [[UML - SmartProjector| '''UML''']]<br />
| [https://github.com/P0ppoff/SmartProjector '''github''']<br />
| [[Rapport]] - [[Media:PresentationPorjet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:Gl_groupe16.pdf|Rapport Consultant]] - [http://air.imag.fr/index.php/Patron_de_conception_-_SmartProjector patterns]<br />
|-<br />
<br />
|}<br />
<br />
===Liste de projets===<br />
<br />
* [[Dashboard pour gestionnaire de tâches et de ressources]], Olivier Richard<br />
* [[Moteur distribué d'exécution de commande]], Olivier Richard<br />
* [[Environnement d'expérimentation de pour NVIDIA Shield (Tegra X1)]], Olivier Richard <br />
* [[Speeding Simplified Script Language]], Olivier Richard<br />
<br />
* Aide (Open-Source)au Handicap Auditif, avec Didier Donsez, Jérome Maisonnasse, Marie-Paule Balicco (SAH UGA) et Nicolas Vuillerme<br />
** [[Borne interactive]] (1 sujet)<br />
** [[Sonotone]] (1 sujet)<br />
** [[Sous-titre en temps réel d'un cours]] (1 sujet)<br />
* [[GrenobloisFuté]] Couche trafic sur OsmAnd avec un greffon. Données dynamique de la métro. Dvp Android. Nicolas Palix.<br />
* [[GeoDiff]] Production, visualisation, fusion de variations (diff) sur de l'information géocodée : Nicolas Palix<br />
* [[Smart campus augmenté et contributif]] Didier Donsez, Vivien Quema<br />
<br />
* [[Streaming en stéréoscopie]] sur [[WebRTC]] avec rendu sur [[Oculus]] pour le robot [[RobAIR]], Jérôme Maisonnasse. ([http://gstconf.ubicast.tv/videos/stereoscopic-3d-video/ voir]).<br />
* [[STM32F7]] : Mise en oeuvre de la chaîne de compilation sous Linux avec [[OpenSTM32]] et [[OpenOCD]]. Nicolas Palix<br />
* [[PersyCup2016]] : Persyval Robocup, Didier Donsez, Vivien Quema, Jérome Maisonnasse. (3 étudiants)<br />
* [[Services étendus pour le modèle de composants iPOPO pour Python]], Didier Donsez & Thomas Calmant. (2 étudiants)<br />
* [[SmartClassRoom2016|Développement d'une interface partagée pour tables tactiles (projet SmartClassRoom)]], Didier Donsez, Jérôme Maisonnasse. (2 étudiants)<br />
* [[iRock2016|iRock : surveillance de glissement de terrains]], Didier Donsez & Vivien Quema<br />
* [[IndoorGeoloc2016|Géolocalisation in-door au moyen de balises (beacon) BLE et Wifi à base de STM32 et de balises iBeacon & AltBeacon]], Didier Donsez & Vivien Quema<br />
* [[UPnPOpenHAB2016|Intégration et gestion de caméras de surveillance UPnP dans la plateforme domotique open-source OpenHAB et myOpenHAB]], Didier Donsez & Jérome Maisonnasse.<br />
<br />
'''Projets non prioritaires'''<br />
<br />
* [[Liveprogramming with Kivy]], Olivier Richard<br />
* [[AstroImage]] production d'image d'astronomie, Olivier Richard et Bruno Bzeznik<br />
* [[G-code Cruncher]] Controle de machine CNC (Nucleo grbl + esp8266 + Sdcard), Olivier Richard<br />
* [[Intégration OpenHAB / OpenTele]] Nicolas Palix<br />
<br />
==RICM5==<br />
<br />
===Projet Semestre S10===<br />
<br />
Enseignant responsable : Didier Donsez<br />
<br />
Démarrage : Lundi 25/01 à 10H30-12H30, P253 (Rendez-vous devant la salle AIR) - Visioconf pour Thibaut Cordier<br />
<br />
Soutenance : Jeudi 17/03 à 13H00-17H00, salle P043 (Polytech Grenoble)puis en salle C005 (Batiment C) <br />
<br />
Etudiants : RICM5 + 8 étudiants Avosti DUT RT<br />
<br />
Rappel séances MPI<br />
* Séance 1 : mardi 26 janvier après midi - Stéphanie Diligent<br />
* Séance 2 : mardi 2 février après midi - Stéphanie Diligent<br />
* Séance 3 : lundi 8 février matin - Emmanuelle Tréhoust<br />
* Séance 4 : jeudi 11 février matin - Emmanuelle Tréhoust<br />
* Séance 5 : lundi 21 mars matin - Stéphanie Diligent et Emmanuelle Tréhoust<br />
<br />
=====Soutenances=====<br />
Planning:<br />
* Bossa (13H00-13H40 en salle P043)<br />
* Immersion EDF (13H45-14H25 en salle P043)<br />
* IaaS Docker (14H30-15H10 en salle P043)<br />
* SmartCampus (15H15-15H55 en salle P043 et salle P259 AIR)<br />
* SmartClassRoom (16H15-16H55 en C005)<br />
* Pot d' "Au Revoir" (17H00-1800 en C005)<br />
<br />
Instructions:<br />
*Chaque soutenance comporte 15 minutes de présentation, 15 minutes de démonstration et 10 minutes de questions. Un transparent doit être consacré au travail confié et réalisé par les étudiants en DUT (AVOSTI).<br />
* Répétez plusieurs fois votre présentation et votre démonstration.<br />
* L'ensemble des documents (y compris photos, vidéos et ''[[Logiciels#Screencast|screencast]]s'') doivent être accessibles depuis le tableau ci-dessous et dans chaque fiche de suivi. Prévoyez une copie sur clé USB.<br />
* Les étudiants vous accompagnent lors de votre soutenance.<br />
* '''TOUT Le matériel prêté devra être rapporté et restitué dans un sac cabas lors de la soutenance.'''<br />
<br />
=====Projets=====<br />
{|class="wikitable alternance"<br />
|+ Affectation des projets RICM5 2015-2016<br />
|-<br />
|<br />
!scope="col"| Sujet<br />
!scope="col"| Etudiants<br />
!scope="col"| Enseignant(s)<br />
!scope="col"| Fiche de suivi<br />
!scope="col"| Dépot git<br />
!scope="col"| Documents<br />
|-<br />
<br />
!scope="row"| 1<br />
| [http://air.imag.fr/index.php/IaaS_collaboratif_avec_Docker IaaS - Docker]<br />
| Eudes Robin, Damotte Alan, Barthelemy Romain, Mammar Malek, Guo Kai<br />
| Didier Donsez<br />
| [[Projets-2015-2016-IaaS_Docker| '''Fiche''']] - [[Projets-2015-2016-IaaS_Docker-SRS| '''SRS''']]<br />
| [https://github.com/EudesRobin/iaas-collaboratif '''github''']<br />
| [[Media:Rapport_IaaS.pdf|Rapport]] - [[Media:Transparents_IaaS.pdf|Transparents]] - [[Media:Flyer_IaaS.pdf|Flyer]] - [https://youtu.be/qtqgZNrgcRc '''Screencast''']<br />
|-<br />
!scope="row"| 2<br />
| [http://air.imag.fr/index.php/Portage_de_Bossa Portage de Bossa sur le Kernel Linux 4x]<br />
| Eric Michel Fotsing, Ombeline Rossi, Longfei Yao<br />
| Nicolas Palix, Didier Donsez<br />
| [[Projets-2015-2016-Portage_Bossa| '''Fiche''']] - [[Projets-2015-2016-Portage_Bossa-SRS| '''SRS''']]<br />
| [https://github.com/ZenithKaizer/ '''github''']<br />
| [[Media:Rapport_Bossa.pdf|Rapport]] - [[Media:Transparents_Bossa.pdf|Transparents]] - [[Media:Flyer_Bossa.pdf|Flyer]] - Photos - Vidéos <br />
|-<br />
<br />
!scope="row"| 3<br />
| [[Visite immersive en réalité virtuelle dans une usine avec EDF]]<br />
| Adam Christophe, Aissanou Sarah, Klipffel Tararaina, Qian Jean, Zominy Laurent<br />
| Didier Donsez, Georges-Pierre Bonneau, Thibaut Cordier (EDF)<br />
| [[Projets-2015-2016-VisiteImmersiveEDF| '''Fiche''']]<br />
| [https://github.com/VisiteImmersiveEDF '''github''']<br />
| [[Media:RapportProjetX.pdf|Rapport]] - [[Media:TransparentsProojetX.pdf|Transparents]] - [[Media:FlyerProjetX.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 4<br />
| [[Contribution à OpenSmartCampus]] (voir http://data.beta.metropolegrenoble.fr/)<br />
| Quentin Torck, Vivien Michel, Jérémy Hammerer, Rama Codazzi, Zhengmeng Zhang<br />
| Didier Donsez, Vivien Quéma<br />
| [[Projets-2015-2016-OpenSmartCampus| '''Fiche''']]<br />
| [https://github.com/quentin74/SmartCampus.git '''github''']<br />
| [[Media:RapportProjetOpenSmartCampus2016.pdf|Rapport]] - [[Media:TransparentsProojetOpenSmartCampus2016.pdf|Transparents]] - [[Media:FlyerProjetOpenSmartCampus2016.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 5<br />
| [[Contribution à SmartClassRoom]] (Interfaces tactiles distribuées et partagées)<br />
| Saussac Thibault, Toussaint Sébastien, Hamdani Youcef, Zoppello Sebastien, Melik sak, Mesnier Vincent<br />
| Jérôme Maisonnasse, Didier Donsez<br />
| [[Projets-2015-2016-SmartClassRoom| '''Fiche''']] - [[Projets-2015-2016-SmartClassRoom/SRS| '''SRS''']]<br />
| [https://github.com/XXXX '''github''']<br />
| [[Media:RapportProjetSmartClassRoom.pdf|Rapport]] - [[Media:TransparentsProjetSmartClassRoom.pdf|Transparents]] - [[Media:FlyerProjetSmartClassRoom.pdf|Flyer]] - Photos - [https://youtu.be/FEwoA4S9rsM '''Screencast/Vidéo''']<br />
|-<br />
<br />
<br />
|}<br />
<br />
===Projets annulés et reportés===<br />
* Projet avec [[Tango Project]] (Annulé)<br />
* Hack the Beam, Didier Donsez & Jérôme Maisonnasse.<br />
* [[Algorithmes de suivi de personnes pour robot de téléprésence RobAIR]] (Jérôme Maisonnasse, Didier Donsez)<br />
<br />
=M2PGI=<br />
==[[Projets M2PGI Services Machine-to-Machine|Projet Services Machine-to-Machine]]==<br />
* [[PM2M/2016/TP|Sujet et groupes]]</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets_2015-2016&diff=28098Projets 2015-20162016-03-17T02:17:14Z<p>Thibault.Saussac: /* Projets */</p>
<hr />
<div><<[[Projets 2014-2015]] | [[Projets]] | [[Projets 2016-2017]]>><br />
=RICM=<br />
==RICM3==<br />
<br />
==RICM4==<br />
===Projet Semestre S8===<br />
<br />
Enseignants responsables : Olivier Richard, Didier Donsez<br />
<br />
<br />
* '''Evaluation à mi-parcours le lundi 7 mars''': Format: 10min (5min de présentation 3 slides au plus, 5min de discussion). Cette évaluation sera prise en compte dans la note finale.<br />
<br />
'''Consignes générales:'''<br />
<br />
* '''Vous devez être pro-actifs !!!''': Si des points sont pas ou mals spécifiés, vous le faîtes et vous justifiez vos choix. Pour les problèmes techniques éventuels vous pouvez: vous creusez la question, vous contactez l'auteur du code si il y a lieux, vous faites un rapport de bug ('''Attention:''' ca se prépare !), vous soumettez un patch, vous contactez l'enseignant ou la personne suivant le projet.<br />
<br />
* '''Vous devez maintenir une fiche de suivi de projet''': elle doit être mise à jour chaque semaine, elle rassemble les élements essentiels du projet, elle <br />
indique les évolutions du projet et présente sa feuille de route. '''Note:''' le nom de la fiche doit être composé du nom du projet et suffixé par ricm4_2015_2016.<br />
<br />
* '''Vous devez utiliser un logiciel de gestion de version''' pour vos développements comme [http://en.wikipedia.org/wiki/Git_%28software%29 git ] et nous vous conseillons d'utiliser le site [https://github.com github] pour l'hébergement de votre dépôt public.<br />
<br />
* Les document public (exemple sur github) doivent être rédigés en anglais (README, documentation, commentaires de code, nom de variables et de fonctions). Une bonnification sera accordée si le rapport et les transparents sont en anglais (la soutenance sera en francais).<br />
<br />
{|class="wikitable alternance"<br />
|+ Affectation des projets RICM4 2015-2016<br />
|-<br />
|<br />
!scope="col"| Sujet<br />
!scope="col"| Etudiants<br />
!scope="col"| Enseignant(s)<br />
!scope="col"| Fiche de suivi<br />
!scope="col"| Dépot git<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[Dashboard pour gestionnaire de tâches et de ressources]]<br />
| CROUZET, MATHIEU<br />
| Richard<br />
| [[Projets-2015-2016-DashBoard| '''Fiche''']]<br />
| [https://github.com/MatthieuCrouzet/Projet4A '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_groupe1.pdf|Rapport Consultant]] - [[Media:Paterns.pdf|Patterns]] - [[Media:PresentationDashboard.pdf|Presentation]]<br />
|-<br />
<br />
!scope="row"| 2<br />
| [[Speeding Simplified Script Language]]<br />
| POPEK, BERTRAND-DALECHAMPS, WEI<br />
| Richard<br />
| [[Projets-2015-2016-SSSL| '''Fiche''']] - [[SSSL-UML| '''UML''']]<br />
| [https://github.com/FlorianPO/Speeding-Simplified-Script-Language.git '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:Groupe2_AIR.pdf|Rapport Consultant]] - [[Media:PresentationProjet.pdf|Presentation]]<br />
|-<br />
<br />
!scope="row"| 3<br />
| [[Borne interactive]] <br />
| DUNAND - NAVARRO - REVEL<br />
| Maisonnasse<br />
| [[Projets-2015-2016-Borne-Interactive| '''Fiche''']] - [[Projets-2015-2016-Borne-Interactive-SRS | '''SRS''']] - [[Projets-2015-2016-Borne-Interactive/UML_Diagrams | '''UML''']]<br />
| [https://github.com/Kant73/InteractiveDisplay '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:IPopo.pdf|Rapport Consultant]] - [[Media:PatternDesign.pdf | '''Design Pattern''']] - [[Media:PresentationInteractiveDisplay.pdf|Présentation Intermédiaire]]<br />
|-<br />
<br />
!scope="row"| 4<br />
| [[Sonotone]]<br />
| LECORPS, VOUTAT, Hattinguais <br />
| Maisonnasse, Richard<br />
| [[Projets-2015-2016-Sonotone| '''Fiche''']] - [[Projets-2015-2016-Sonotone-SRS | '''SRS''']] <br />
| [https://github.com/Gorgorot38/Sonotone-RICM4 '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:SRS_Consultant_Sonotone_4.pdf|Rapport_Consultant]] - [[Media:pattern_sonotone.pdf|Pattern]] - [[Media:Soutenance.pdf|Soutenance_miparcours]]<br />
|-<br />
<br />
!scope="row"| 5<br />
| [[Sous-titre_en_temps_r%C3%A9el_d%27un_cours| Sous-titre d'un cours en temps réel]]<br />
| LECHEVALLIER, BUI, OUNISSI <br />
| Maisonnasse<br />
| [[LiveSubtitles| '''Fiche''']]<br />
| [https://github.com/Lechevallier/RealTimeSubtitles '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media: SRS_Groupe_5.pdf| Rapport Consultant]]<br />
|-<br />
<br />
!scope="row"| 6<br />
| [[GrenobloisFuté]]<br />
| MOURET, DELAPORTE, Lucidarme<br />
| Nicolas Palix<br />
| [[GrenobleFuté| '''Fiche''']]<br />
| [https://github.com/Lucidarme/Osmand.git '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProjet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_G14.pdf|Rapport Consultant]]<br />
|-<br />
<br />
!scope="row"| 7<br />
| [[Streaming en stéréoscopie]]<br />
| ZHAO ZILONG, HAMMOUTI<br />
| Maisonnasse<br />
| [[Projets-2015-2016-Streaming-Stereoscopie| '''Fiche''']] - [[SRS - Streaming en stéréoscopie | '''SRS''']] <br />
| [https://github.com/zhao-zilong/streaming_stereo '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:bruel_medewou_ndiaye.pdf|Rapport_consultant]] - [[Media:streaming.pdf|mi-parcours]]<br />
|-<br />
<br />
!scope="row"| 8<br />
| [[PersyCup2016]]<br />
| BIN, ZEGAOUI, ELLAPIN <br />
| Donsez, Maisonnasse<br />
| [[PersyCup| '''Fiche''']]<br />
| [https://github.com/legominstorm/lego '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:SoutenanceMiParcours-Persycup2016.pdf|Soutenance Mi-parcours]]<br />
|-<br />
<br />
!scope="row"| 9<br />
| [[Services étendus pour le modèle de composants iPOPO pour Python]]<br />
| FOUNAS, HALLAL, GATTAZ <br />
| Calmant & Donsez<br />
| [[Proj-2015-2016-Extensions_IPOPO | '''Fiche''']] - [[Proj-2015-2016-Extensions_IPOPO/SRS | '''SRS''']] - [[Proj-2015-2016-Extensions_IPOPO/UML | '''UML''']] <br />
| [https://github.com/abdelazizFounas/ipopo/tree/tlsremote '''github IPOPO'''] <br /> [https://github.com/gattazr/IPOPO-Remote-Client '''github IPOPO Client''']<br />
| [[Media:9_RapportProjet.pdf|Rapport]] - [[Media:9_TransparentsProojet.pdf|Transparents]] - [[Media:9_FlyerProjet.pdf|Flyer]] - [[Media:3-SRS-Pres.pdf| Rapport Consultant]] - [[Media:9_PatternStrat.pdf|Pattern Design]] - [[Media:9_Mid-Presentation.pdf|Mid Presentation]] - [[Media:9_Gantt.pdf|Gantt]]<br />
|-<br />
<br />
!scope="row"| 10<br />
| [[IndoorGeoloc2016]]<br />
| ARRADA - CRASTES - FAURE - STOIAN <br />
| Donsez<br />
| [[Proj-2015-2016-IndoorGeoloc/Fiche| '''Fiche''']] - [[Proj-2015-2016-IndoorGeoloc/SRS|SRS]]<br />
| [https://github.com/QuentinFA/Geoloc_Indoor '''github''']<br />
| [[Media:Proj-2015-2016-IndoorGeoloc/RapportProjet.pdf|Rapport]] - [[Media:Proj-2015-2016-IndoorGeoloc/TransparentsProjet.pdf|Transparents]] - [[Media:Proj-2015-2016-IndoorGeoloc/FlyerProjet.pdf|Flyer]] - [[Media: SRSGroupe17.pdf| Rapport Consultant]] - [[Media:Mi_parcours.pdf|Mid presentation]]<br />
|-<br />
<br />
!scope="row"| 11<br />
| [[UPnPOpenHAB2016]]<br />
| Medewou , Ndiyae Yacine , Bruel Anna <br />
| Didier Donsez & Jérome Maisonnasse<br />
| [[Proj-Openhab-2016| '''Fiche''']] - [[Proj-2015-2016-Int%C3%A9gration_de_cam%C3%A9ra_de_surveillance_UPnP_%C3%A0_Openhab/SRS| '''SRS''']] - [[Proj-Openhab/UML| '''UML''']]<br />
| [https://github.com/openHab-UPnP '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_ZHAO_HAMMOUTI.pdf|Rapport Consultant]] - [[Media:pattern_ZHAO_HAMMOUTI.pdf|Patterns]] - [[Media:fichier.pdf|Mini soutenance]]<br />
|-<br />
<br />
!scope="row"| 12<br />
| [[Sign2Speech]]<br />
| NIOGRET, NOGUERON, TITH<br />
| Didier Donsez<br />
| [[sign2speech_ricm4_2015_2016| '''Fiche''']] - [[SRS - Sign2Speech | '''SRS''']] - [[UML | '''UML''']]<br />
| [https://github.com/SignToSpeech-Project '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:12-Sign2Speech-RapportConsultant.pdf|Rapport Consultant]] - [[Media:12-Sign2Speech-MidPres.pdf|Mid presentation]]<br />
|-<br />
<br />
!scope="row"| 13<br />
| [[AstroImage]] <br />
| RACHEX, BLANC, GERRY<br />
| Olivier Richard et Bruno Bzeznik<br />
| [[Proj-2015-2016-Astroimage/Fiche| '''Fiche''']] - [[AstroImage/SRS | '''SRS''']] - [[Media:AstroImage-UML.pdf | '''UML''']]<br />
| [https://github.com/nicolas-blanc/AstroImage '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:13-AstroImage-RapportConsultant.pdf|Rapport Consultant]] - [https://docs.google.com/presentation/d/15F8DRktwmOuSNabdxMASniyr-TIiRzGNNG1mOhcoSnk/edit?usp=sharing '''Patterns''']<br />
|-<br />
<br />
!scope="row"| 14<br />
| [[Tachymètre]]<br />
| MACE, NOUGUIER, RAMEL<br />
| Olivier Gattaz<br />
| [[Fiche - Tachymètre | '''Fiche''']] - [[SRS - Tachymètre| '''SRS''']] - [[UML - Tachymètre| '''UML''']]<br />
| [https://github.com/Quego/Tachymetre '''github - Tachymètre''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:srs_tachymetre.pdf|Rapport consultant]] - [[Media:14_PatternDesign.pdf | Pattern Design]] - [[Media:Tachymetre_Presentation.pdf | Présentation]]<br />
|-<br />
<br />
!scope="row"| 15<br />
| [[SmartProjector]]<br />
| BRANGER, HABLOT<br />
| Donsez, Maisonnasse<br />
| [[Fiche_SmartProjector_ricm4_2015_2016| '''Fiche''']] - [[SRS - SmartProjector| '''SRS''']] - [[UML - SmartProjector| '''UML''']]<br />
| [https://github.com/P0ppoff/SmartProjector '''github''']<br />
| [[Rapport]] - [[Media:PresentationPorjet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:Gl_groupe16.pdf|Rapport Consultant]] - [http://air.imag.fr/index.php/Patron_de_conception_-_SmartProjector patterns]<br />
|-<br />
<br />
|}<br />
<br />
===Liste de projets===<br />
<br />
* [[Dashboard pour gestionnaire de tâches et de ressources]], Olivier Richard<br />
* [[Moteur distribué d'exécution de commande]], Olivier Richard<br />
* [[Environnement d'expérimentation de pour NVIDIA Shield (Tegra X1)]], Olivier Richard <br />
* [[Speeding Simplified Script Language]], Olivier Richard<br />
<br />
* Aide (Open-Source)au Handicap Auditif, avec Didier Donsez, Jérome Maisonnasse, Marie-Paule Balicco (SAH UGA) et Nicolas Vuillerme<br />
** [[Borne interactive]] (1 sujet)<br />
** [[Sonotone]] (1 sujet)<br />
** [[Sous-titre en temps réel d'un cours]] (1 sujet)<br />
* [[GrenobloisFuté]] Couche trafic sur OsmAnd avec un greffon. Données dynamique de la métro. Dvp Android. Nicolas Palix.<br />
* [[GeoDiff]] Production, visualisation, fusion de variations (diff) sur de l'information géocodée : Nicolas Palix<br />
* [[Smart campus augmenté et contributif]] Didier Donsez, Vivien Quema<br />
<br />
* [[Streaming en stéréoscopie]] sur [[WebRTC]] avec rendu sur [[Oculus]] pour le robot [[RobAIR]], Jérôme Maisonnasse. ([http://gstconf.ubicast.tv/videos/stereoscopic-3d-video/ voir]).<br />
* [[STM32F7]] : Mise en oeuvre de la chaîne de compilation sous Linux avec [[OpenSTM32]] et [[OpenOCD]]. Nicolas Palix<br />
* [[PersyCup2016]] : Persyval Robocup, Didier Donsez, Vivien Quema, Jérome Maisonnasse. (3 étudiants)<br />
* [[Services étendus pour le modèle de composants iPOPO pour Python]], Didier Donsez & Thomas Calmant. (2 étudiants)<br />
* [[SmartClassRoom2016|Développement d'une interface partagée pour tables tactiles (projet SmartClassRoom)]], Didier Donsez, Jérôme Maisonnasse. (2 étudiants)<br />
* [[iRock2016|iRock : surveillance de glissement de terrains]], Didier Donsez & Vivien Quema<br />
* [[IndoorGeoloc2016|Géolocalisation in-door au moyen de balises (beacon) BLE et Wifi à base de STM32 et de balises iBeacon & AltBeacon]], Didier Donsez & Vivien Quema<br />
* [[UPnPOpenHAB2016|Intégration et gestion de caméras de surveillance UPnP dans la plateforme domotique open-source OpenHAB et myOpenHAB]], Didier Donsez & Jérome Maisonnasse.<br />
<br />
'''Projets non prioritaires'''<br />
<br />
* [[Liveprogramming with Kivy]], Olivier Richard<br />
* [[AstroImage]] production d'image d'astronomie, Olivier Richard et Bruno Bzeznik<br />
* [[G-code Cruncher]] Controle de machine CNC (Nucleo grbl + esp8266 + Sdcard), Olivier Richard<br />
* [[Intégration OpenHAB / OpenTele]] Nicolas Palix<br />
<br />
==RICM5==<br />
<br />
===Projet Semestre S10===<br />
<br />
Enseignant responsable : Didier Donsez<br />
<br />
Démarrage : Lundi 25/01 à 10H30-12H30, P253 (Rendez-vous devant la salle AIR) - Visioconf pour Thibaut Cordier<br />
<br />
Soutenance : Jeudi 17/03 à 13H00-17H00, salle P043 (Polytech Grenoble)puis en salle C005 (Batiment C) <br />
<br />
Etudiants : RICM5 + 8 étudiants Avosti DUT RT<br />
<br />
Rappel séances MPI<br />
* Séance 1 : mardi 26 janvier après midi - Stéphanie Diligent<br />
* Séance 2 : mardi 2 février après midi - Stéphanie Diligent<br />
* Séance 3 : lundi 8 février matin - Emmanuelle Tréhoust<br />
* Séance 4 : jeudi 11 février matin - Emmanuelle Tréhoust<br />
* Séance 5 : lundi 21 mars matin - Stéphanie Diligent et Emmanuelle Tréhoust<br />
<br />
=====Soutenances=====<br />
Planning:<br />
* Bossa (13H00-13H40 en salle P043)<br />
* Immersion EDF (13H45-14H25 en salle P043)<br />
* IaaS Docker (14H30-15H10 en salle P043)<br />
* SmartCampus (15H15-15H55 en salle P043 et salle P259 AIR)<br />
* SmartClassRoom (16H15-16H55 en C005)<br />
* Pot d' "Au Revoir" (17H00-1800 en C005)<br />
<br />
Instructions:<br />
*Chaque soutenance comporte 15 minutes de présentation, 15 minutes de démonstration et 10 minutes de questions. Un transparent doit être consacré au travail confié et réalisé par les étudiants en DUT (AVOSTI).<br />
* Répétez plusieurs fois votre présentation et votre démonstration.<br />
* L'ensemble des documents (y compris photos, vidéos et ''[[Logiciels#Screencast|screencast]]s'') doivent être accessibles depuis le tableau ci-dessous et dans chaque fiche de suivi. Prévoyez une copie sur clé USB.<br />
* Les étudiants vous accompagnent lors de votre soutenance.<br />
* '''TOUT Le matériel prêté devra être rapporté et restitué dans un sac cabas lors de la soutenance.'''<br />
<br />
=====Projets=====<br />
{|class="wikitable alternance"<br />
|+ Affectation des projets RICM5 2015-2016<br />
|-<br />
|<br />
!scope="col"| Sujet<br />
!scope="col"| Etudiants<br />
!scope="col"| Enseignant(s)<br />
!scope="col"| Fiche de suivi<br />
!scope="col"| Dépot git<br />
!scope="col"| Documents<br />
|-<br />
<br />
!scope="row"| 1<br />
| [http://air.imag.fr/index.php/IaaS_collaboratif_avec_Docker IaaS - Docker]<br />
| Eudes Robin, Damotte Alan, Barthelemy Romain, Mammar Malek, Guo Kai<br />
| Didier Donsez<br />
| [[Projets-2015-2016-IaaS_Docker| '''Fiche''']] - [[Projets-2015-2016-IaaS_Docker-SRS| '''SRS''']]<br />
| [https://github.com/EudesRobin/iaas-collaboratif '''github''']<br />
| [[Media:Rapport_IaaS.pdf|Rapport]] - [[Media:Transparents_IaaS.pdf|Transparents]] - [[Media:Flyer_IaaS.pdf|Flyer]] - [https://youtu.be/qtqgZNrgcRc '''Screencast''']<br />
|-<br />
!scope="row"| 2<br />
| [http://air.imag.fr/index.php/Portage_de_Bossa Portage de Bossa sur le Kernel Linux 4x]<br />
| Eric Michel Fotsing, Ombeline Rossi, Longfei Yao<br />
| Nicolas Palix, Didier Donsez<br />
| [[Projets-2015-2016-Portage_Bossa| '''Fiche''']] - [[Projets-2015-2016-Portage_Bossa-SRS| '''SRS''']]<br />
| [https://github.com/ZenithKaizer/ '''github''']<br />
| [[Media:Rapport_Bossa.pdf|Rapport]] - [[Media:Transparents_Bossa.pdf|Transparents]] - [[Media:Flyer_Bossa.pdf|Flyer]] - Photos - - [https://youtu.be/FEwoA4S9rsM '''Screencast/Vidéo''']<br />
|-<br />
<br />
!scope="row"| 3<br />
| [[Visite immersive en réalité virtuelle dans une usine avec EDF]]<br />
| Adam Christophe, Aissanou Sarah, Klipffel Tararaina, Qian Jean, Zominy Laurent<br />
| Didier Donsez, Georges-Pierre Bonneau, Thibaut Cordier (EDF)<br />
| [[Projets-2015-2016-VisiteImmersiveEDF| '''Fiche''']]<br />
| [https://github.com/VisiteImmersiveEDF '''github''']<br />
| [[Media:RapportProjetX.pdf|Rapport]] - [[Media:TransparentsProojetX.pdf|Transparents]] - [[Media:FlyerProjetX.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 4<br />
| [[Contribution à OpenSmartCampus]] (voir http://data.beta.metropolegrenoble.fr/)<br />
| Quentin Torck, Vivien Michel, Jérémy Hammerer, Rama Codazzi, Zhengmeng Zhang<br />
| Didier Donsez, Vivien Quéma<br />
| [[Projets-2015-2016-OpenSmartCampus| '''Fiche''']]<br />
| [https://github.com/quentin74/SmartCampus.git '''github''']<br />
| [[Media:RapportProjetOpenSmartCampus2016.pdf|Rapport]] - [[Media:TransparentsProojetOpenSmartCampus2016.pdf|Transparents]] - [[Media:FlyerProjetOpenSmartCampus2016.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 5<br />
| [[Contribution à SmartClassRoom]] (Interfaces tactiles distribuées et partagées)<br />
| Saussac Thibault, Toussaint Sébastien, Hamdani Youcef, Zoppello Sebastien, Melik sak, Mesnier Vincent<br />
| Jérôme Maisonnasse, Didier Donsez<br />
| [[Projets-2015-2016-SmartClassRoom| '''Fiche''']] - [[Projets-2015-2016-SmartClassRoom/SRS| '''SRS''']]<br />
| [https://github.com/XXXX '''github''']<br />
| [[Media:RapportProjetSmartClassRoom.pdf|Rapport]] - [[Media:TransparentsProjetSmartClassRoom.pdf|Transparents]] - [[Media:FlyerProjetSmartClassRoom.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
<br />
|}<br />
<br />
===Projets annulés et reportés===<br />
* Projet avec [[Tango Project]] (Annulé)<br />
* Hack the Beam, Didier Donsez & Jérôme Maisonnasse.<br />
* [[Algorithmes de suivi de personnes pour robot de téléprésence RobAIR]] (Jérôme Maisonnasse, Didier Donsez)<br />
<br />
=M2PGI=<br />
==[[Projets M2PGI Services Machine-to-Machine|Projet Services Machine-to-Machine]]==<br />
* [[PM2M/2016/TP|Sujet et groupes]]</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=28025Projets-2015-2016-SmartClassRoom2016-03-16T16:05:55Z<p>Thibault.Saussac: /* Chat */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision global du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que vous avons mis en place. Vous aurez ensuite tous le travaille détaillé STEP by STEP ;)<br />
<br />
[[File:Projets-2015-2016-Gantt.png | 600px| center]]<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
=== Touch Interaction ===<br />
<br />
=== Chat ===<br />
<br />
Le chat, que nous avons réalisé, est fait à l'aide de la bibliothèque [http://socket.io Socket.io]. Elle se base sur plusieurs techniques différentes qui permettent la communication en temps réel comme WebSocket. Socket.io fonctionne sous forme d'événements comme un événement lors d'une connexion ou une déconnexion. On peut émettre des événements. Le principe de Socket.io c'est que le client et le serveur peuvent émettre et recevoir des événements en temps réel et ainsi réagir en conséquence. De plus, il est possible de transmettre des données avec ces événements<br />
Le serveur (celui qui lance le nodeJS) possède tout ce qui a en commun et le diffuse au client qui l'affiche dans le html.<br />
<br />
<br />
En faite le serveur (WEB.JS) permet de gérer les connexions de clients c'est dans ce fichier que se fait la connection, la déconnection et l'émission d'un message vers les clients.<br />
<br />
<br />
Dans le HTML, qui sera chargé par chaque client, nous gérons la réception des messages, la récupération des champs INPUT et l'émission vers web.js<br />
<br />
<br />
L'utilisateur doit rentrer un pseudonyme avant de pouvoir utiliser le chat. On peut voir la liste des utilisateurs connectés, réinitialiser la conversation et quitter le chat. Pour utiliser toute l'application, l'utilisateur doit rentrer un pseudonyme pour voir le menu s'afficher.<br />
<br />
=== Snake ===<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=28024Projets-2015-2016-SmartClassRoom2016-03-16T16:05:25Z<p>Thibault.Saussac: /* Chat */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision global du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que vous avons mis en place. Vous aurez ensuite tous le travaille détaillé STEP by STEP ;)<br />
<br />
[[File:Projets-2015-2016-Gantt.png | 600px| center]]<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
=== Touch Interaction ===<br />
<br />
=== Chat ===<br />
<br />
Le chat, que nous avons réalisé, est fait à l'aide de la bibliothèque [http://socket.io Socket.io]. Elle se base sur plusieurs techniques différentes qui permettent la communication en temps réel comme WebSocket. Socket.io fonctionne sous forme d'événements comme un événement lors d'une connexion ou une déconnexion. On peut émettre des événements. Le principe de Socket.io c'est que le client et le serveur peuvent émettre et recevoir des événements en temps réel et ainsi réagir en conséquence. De plus, il est possible de transmettre des données avec ces événements<br />
Le serveur (celui qui lance le nodeJS) possède tout ce qui a en commun et le diffuse au client qui l'affiche dans le html.<br />
<br />
En faite le serveur (WEB.JS) permet de gérer les connexions de clients c'est dans ce fichier que se fait la connection, la déconnection et l'émission d'un message vers les clients.<br />
<br />
Dans le HTML, qui sera chargé par chaque client, nous gérons la réception des messages, la récupération des champs INPUT et l'émission vers web.js<br />
<br />
L'utilisateur doit rentrer un pseudonyme avant de pouvoir utiliser le chat. On peut voir la liste des utilisateurs connectés, réinitialiser la conversation et quitter le chat. Pour utiliser toute l'application, l'utilisateur doit rentrer un pseudonyme pour voir le menu s'afficher.<br />
<br />
=== Snake ===<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=28009Projets-2015-2016-SmartClassRoom2016-03-16T15:12:58Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision global du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que vous avons mis en place. Vous aurez ensuite tous le travaille détaillé STEP by STEP ;)<br />
<br />
[[File:Projets-2015-2016-Gantt.png | 600px| center]]<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
=== Touch Interaction ===<br />
<br />
=== Chat ===<br />
<br />
=== Snake ===<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets_2015-2016&diff=28007Projets 2015-20162016-03-16T15:07:04Z<p>Thibault.Saussac: /* Projets */</p>
<hr />
<div><<[[Projets 2014-2015]] | [[Projets]] | [[Projets 2016-2017]]>><br />
=RICM=<br />
==RICM3==<br />
<br />
==RICM4==<br />
===Projet Semestre S8===<br />
<br />
Enseignants responsables : Olivier Richard, Didier Donsez<br />
<br />
<br />
* '''Evaluation à mi-parcours le lundi 7 mars''': Format: 10min (5min de présentation 3 slides au plus, 5min de discussion). Cette évaluation sera prise en compte dans la note finale.<br />
<br />
'''Consignes générales:'''<br />
<br />
* '''Vous devez être pro-actifs !!!''': Si des points sont pas ou mals spécifiés, vous le faîtes et vous justifiez vos choix. Pour les problèmes techniques éventuels vous pouvez: vous creusez la question, vous contactez l'auteur du code si il y a lieux, vous faites un rapport de bug ('''Attention:''' ca se prépare !), vous soumettez un patch, vous contactez l'enseignant ou la personne suivant le projet.<br />
<br />
* '''Vous devez maintenir une fiche de suivi de projet''': elle doit être mise à jour chaque semaine, elle rassemble les élements essentiels du projet, elle <br />
indique les évolutions du projet et présente sa feuille de route. '''Note:''' le nom de la fiche doit être composé du nom du projet et suffixé par ricm4_2015_2016.<br />
<br />
* '''Vous devez utiliser un logiciel de gestion de version''' pour vos développements comme [http://en.wikipedia.org/wiki/Git_%28software%29 git ] et nous vous conseillons d'utiliser le site [https://github.com github] pour l'hébergement de votre dépôt public.<br />
<br />
* Les document public (exemple sur github) doivent être rédigés en anglais (README, documentation, commentaires de code, nom de variables et de fonctions). Une bonnification sera accordée si le rapport et les transparents sont en anglais (la soutenance sera en francais).<br />
<br />
{|class="wikitable alternance"<br />
|+ Affectation des projets RICM4 2015-2016<br />
|-<br />
|<br />
!scope="col"| Sujet<br />
!scope="col"| Etudiants<br />
!scope="col"| Enseignant(s)<br />
!scope="col"| Fiche de suivi<br />
!scope="col"| Dépot git<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[Dashboard pour gestionnaire de tâches et de ressources]]<br />
| CROUZET, MATHIEU<br />
| Richard<br />
| [[Projets-2015-2016-DashBoard| '''Fiche''']]<br />
| [https://github.com/MatthieuCrouzet/Projet4A '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_groupe1.pdf|Rapport Consultant]] - [[Media:Paterns.pdf|Patterns]] - [[Media:PresentationDashboard.pdf|Presentation]]<br />
|-<br />
<br />
!scope="row"| 2<br />
| [[Speeding Simplified Script Language]]<br />
| POPEK, BERTRAND-DALECHAMPS, WEI<br />
| Richard<br />
| [[Projets-2015-2016-SSSL| '''Fiche''']] - [[SSSL-UML| '''UML''']]<br />
| [https://github.com/FlorianPO/Speeding-Simplified-Script-Language.git '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:Groupe2_AIR.pdf|Rapport Consultant]] - [[Media:PresentationProjet.pdf|Presentation]]<br />
|-<br />
<br />
!scope="row"| 3<br />
| [[Borne interactive]] <br />
| DUNAND - NAVARRO - REVEL<br />
| Maisonnasse<br />
| [[Projets-2015-2016-Borne-Interactive| '''Fiche''']] - [[Projets-2015-2016-Borne-Interactive-SRS | '''SRS''']] - [[Projets-2015-2016-Borne-Interactive/UML_Diagrams | '''UML''']]<br />
| [https://github.com/Kant73/InteractiveDisplay '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:IPopo.pdf|Rapport Consultant]] - [[Media:PatternDesign.pdf | '''Design Pattern''']] - [[Media:PresentationInteractiveDisplay.pdf|Présentation Intermédiaire]]<br />
|-<br />
<br />
!scope="row"| 4<br />
| [[Sonotone]]<br />
| LECORPS, VOUTAT, Hattinguais <br />
| Maisonnasse, Richard<br />
| [[Projets-2015-2016-Sonotone| '''Fiche''']] - [[Projets-2015-2016-Sonotone-SRS | '''SRS''']] <br />
| [https://github.com/Gorgorot38/Sonotone-RICM4 '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:SRS_Consultant_Sonotone_4.pdf|Rapport_Consultant]] - [[Media:pattern_sonotone.pdf|Pattern]] - [[Media:Soutenance.pdf|Soutenance_miparcours]]<br />
|-<br />
<br />
!scope="row"| 5<br />
| [[Sous-titre_en_temps_r%C3%A9el_d%27un_cours| Sous-titre d'un cours en temps réel]]<br />
| LECHEVALLIER, BUI, OUNISSI <br />
| Maisonnasse<br />
| [[LiveSubtitles| '''Fiche''']]<br />
| [https://github.com/Lechevallier/RealTimeSubtitles '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media: SRS_Groupe_5.pdf| Rapport Consultant]]<br />
|-<br />
<br />
!scope="row"| 6<br />
| [[GrenobloisFuté]]<br />
| MOURET, DELAPORTE, Lucidarme<br />
| Nicolas Palix<br />
| [[GrenobleFuté| '''Fiche''']]<br />
| [https://github.com/Lucidarme/Osmand.git '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProjet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_G14.pdf|Rapport Consultant]]<br />
|-<br />
<br />
!scope="row"| 7<br />
| [[Streaming en stéréoscopie]]<br />
| ZHAO ZILONG, HAMMOUTI<br />
| Maisonnasse<br />
| [[Projets-2015-2016-Streaming-Stereoscopie| '''Fiche''']] - [[SRS - Streaming en stéréoscopie | '''SRS''']] <br />
| [https://github.com/zhao-zilong/streaming_stereo '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:bruel_medewou_ndiaye.pdf|Rapport_consultant]] - [[Media:streaming.pdf|mi-parcours]]<br />
|-<br />
<br />
!scope="row"| 8<br />
| [[PersyCup2016]]<br />
| BIN, ZEGAOUI, ELLAPIN <br />
| Donsez, Maisonnasse<br />
| [[PersyCup| '''Fiche''']]<br />
| [https://github.com/legominstorm/lego '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:SoutenanceMiParcours-Persycup2016.pdf|Soutenance Mi-parcours]]<br />
|-<br />
<br />
!scope="row"| 9<br />
| [[Services étendus pour le modèle de composants iPOPO pour Python]]<br />
| FOUNAS, HALLAL, GATTAZ <br />
| Calmant & Donsez<br />
| [[Proj-2015-2016-Extensions_IPOPO | '''Fiche''']] - [[Proj-2015-2016-Extensions_IPOPO/SRS | '''SRS''']] - [[Proj-2015-2016-Extensions_IPOPO/UML | '''UML''']] <br />
| [https://github.com/abdelazizFounas/ipopo/tree/tlsremote '''github IPOPO'''] <br /> [https://github.com/gattazr/IPOPO-Remote-Client '''github IPOPO Client''']<br />
| [[Media:9_RapportProjet.pdf|Rapport]] - [[Media:9_TransparentsProojet.pdf|Transparents]] - [[Media:9_FlyerProjet.pdf|Flyer]] - [[Media:3-SRS-Pres.pdf| Rapport Consultant]] - [[Media:9_PatternStrat.pdf|Pattern Design]] - [[Media:9_Mid-Presentation.pdf|Mid Presentation]] - [[Media:9_Gantt.pdf|Gantt]]<br />
|-<br />
<br />
!scope="row"| 10<br />
| [[IndoorGeoloc2016]]<br />
| ARRADA - CRASTES - FAURE - STOIAN <br />
| Donsez<br />
| [[Proj-2015-2016-IndoorGeoloc/Fiche| '''Fiche''']] - [[Proj-2015-2016-IndoorGeoloc/SRS|SRS]]<br />
| [https://github.com/QuentinFA/Geoloc_Indoor '''github''']<br />
| [[Media:Proj-2015-2016-IndoorGeoloc/RapportProjet.pdf|Rapport]] - [[Media:Proj-2015-2016-IndoorGeoloc/TransparentsProjet.pdf|Transparents]] - [[Media:Proj-2015-2016-IndoorGeoloc/FlyerProjet.pdf|Flyer]] - [[Media: SRSGroupe17.pdf| Rapport Consultant]] - [[Media:Mi_parcours.pdf|Mid presentation]]<br />
|-<br />
<br />
!scope="row"| 11<br />
| [[UPnPOpenHAB2016]]<br />
| Medewou , Ndiyae Yacine , Bruel Anna <br />
| Didier Donsez & Jérome Maisonnasse<br />
| [[Proj-Openhab-2016| '''Fiche''']] - [[Proj-2015-2016-Int%C3%A9gration_de_cam%C3%A9ra_de_surveillance_UPnP_%C3%A0_Openhab/SRS| '''SRS''']] - [[Proj-Openhab/UML| '''UML''']]<br />
| [https://github.com/openHab-UPnP '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:gl_ZHAO_HAMMOUTI.pdf|Rapport Consultant]] - [[Media:pattern_ZHAO_HAMMOUTI.pdf|Patterns]] - [[Media:fichier.pdf|Mini soutenance]]<br />
|-<br />
<br />
!scope="row"| 12<br />
| [[Sign2Speech]]<br />
| NIOGRET, NOGUERON, TITH<br />
| Didier Donsez<br />
| [[sign2speech_ricm4_2015_2016| '''Fiche''']] - [[SRS - Sign2Speech | '''SRS''']] - [[UML | '''UML''']]<br />
| [https://github.com/SignToSpeech-Project '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:12-Sign2Speech-RapportConsultant.pdf|Rapport Consultant]] - [[Media:12-Sign2Speech-MidPres.pdf|Mid presentation]]<br />
|-<br />
<br />
!scope="row"| 13<br />
| [[AstroImage]] <br />
| RACHEX, BLANC, GERRY<br />
| Olivier Richard et Bruno Bzeznik<br />
| [[Proj-2015-2016-Astroimage/Fiche| '''Fiche''']] - [[AstroImage/SRS | '''SRS''']] - [[Media:AstroImage-UML.pdf | '''UML''']]<br />
| [https://github.com/nicolas-blanc/AstroImage '''github''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:13-AstroImage-RapportConsultant.pdf|Rapport Consultant]] - [https://docs.google.com/presentation/d/15F8DRktwmOuSNabdxMASniyr-TIiRzGNNG1mOhcoSnk/edit?usp=sharing '''Patterns''']<br />
|-<br />
<br />
!scope="row"| 14<br />
| [[Tachymètre]]<br />
| MACE, NOUGUIER, RAMEL<br />
| Olivier Gattaz<br />
| [[Fiche - Tachymètre | '''Fiche''']] - [[SRS - Tachymètre| '''SRS''']] - [[UML - Tachymètre| '''UML''']]<br />
| [https://github.com/Quego/Tachymetre '''github - Tachymètre''']<br />
| [[Media:RapportProjet.pdf|Rapport]] - [[Media:TransparentsProojet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:srs_tachymetre.pdf|Rapport consultant]] - [[Media:14_PatternDesign.pdf | Pattern Design]] - [[Media:Tachymetre_Presentation.pdf | Présentation]]<br />
|-<br />
<br />
!scope="row"| 15<br />
| [[SmartProjector]]<br />
| BRANGER, HABLOT<br />
| Donsez, Maisonnasse<br />
| [[Fiche_SmartProjector_ricm4_2015_2016| '''Fiche''']] - [[SRS - SmartProjector| '''SRS''']] - [[UML - SmartProjector| '''UML''']]<br />
| [https://github.com/P0ppoff/SmartProjector '''github''']<br />
| [[Rapport]] - [[Media:PresentationPorjet.pdf|Transparents]] - [[Media:FlyerProjet.pdf|Flyer]] - [[Media:Gl_groupe16.pdf|Rapport Consultant]] - [http://air.imag.fr/index.php/Patron_de_conception_-_SmartProjector patterns]<br />
|-<br />
<br />
|}<br />
<br />
===Liste de projets===<br />
<br />
* [[Dashboard pour gestionnaire de tâches et de ressources]], Olivier Richard<br />
* [[Moteur distribué d'exécution de commande]], Olivier Richard<br />
* [[Environnement d'expérimentation de pour NVIDIA Shield (Tegra X1)]], Olivier Richard <br />
* [[Speeding Simplified Script Language]], Olivier Richard<br />
<br />
* Aide (Open-Source)au Handicap Auditif, avec Didier Donsez, Jérome Maisonnasse, Marie-Paule Balicco (SAH UGA) et Nicolas Vuillerme<br />
** [[Borne interactive]] (1 sujet)<br />
** [[Sonotone]] (1 sujet)<br />
** [[Sous-titre en temps réel d'un cours]] (1 sujet)<br />
* [[GrenobloisFuté]] Couche trafic sur OsmAnd avec un greffon. Données dynamique de la métro. Dvp Android. Nicolas Palix.<br />
* [[GeoDiff]] Production, visualisation, fusion de variations (diff) sur de l'information géocodée : Nicolas Palix<br />
* [[Smart campus augmenté et contributif]] Didier Donsez, Vivien Quema<br />
<br />
* [[Streaming en stéréoscopie]] sur [[WebRTC]] avec rendu sur [[Oculus]] pour le robot [[RobAIR]], Jérôme Maisonnasse. ([http://gstconf.ubicast.tv/videos/stereoscopic-3d-video/ voir]).<br />
* [[STM32F7]] : Mise en oeuvre de la chaîne de compilation sous Linux avec [[OpenSTM32]] et [[OpenOCD]]. Nicolas Palix<br />
* [[PersyCup2016]] : Persyval Robocup, Didier Donsez, Vivien Quema, Jérome Maisonnasse. (3 étudiants)<br />
* [[Services étendus pour le modèle de composants iPOPO pour Python]], Didier Donsez & Thomas Calmant. (2 étudiants)<br />
* [[SmartClassRoom2016|Développement d'une interface partagée pour tables tactiles (projet SmartClassRoom)]], Didier Donsez, Jérôme Maisonnasse. (2 étudiants)<br />
* [[iRock2016|iRock : surveillance de glissement de terrains]], Didier Donsez & Vivien Quema<br />
* [[IndoorGeoloc2016|Géolocalisation in-door au moyen de balises (beacon) BLE et Wifi à base de STM32 et de balises iBeacon & AltBeacon]], Didier Donsez & Vivien Quema<br />
* [[UPnPOpenHAB2016|Intégration et gestion de caméras de surveillance UPnP dans la plateforme domotique open-source OpenHAB et myOpenHAB]], Didier Donsez & Jérome Maisonnasse.<br />
<br />
'''Projets non prioritaires'''<br />
<br />
* [[Liveprogramming with Kivy]], Olivier Richard<br />
* [[AstroImage]] production d'image d'astronomie, Olivier Richard et Bruno Bzeznik<br />
* [[G-code Cruncher]] Controle de machine CNC (Nucleo grbl + esp8266 + Sdcard), Olivier Richard<br />
* [[Intégration OpenHAB / OpenTele]] Nicolas Palix<br />
<br />
==RICM5==<br />
<br />
===Projet Semestre S10===<br />
<br />
Enseignant responsable : Didier Donsez<br />
<br />
Démarrage : Lundi 25/01 à 10H30-12H30, P253 (Rendez-vous devant la salle AIR) - Visioconf pour Thibaut Cordier<br />
<br />
Soutenance : Jeudi 17/03 à 13H00-17H00, salle P043 (Polytech Grenoble)puis en salle C005 (Batiment C) <br />
<br />
Etudiants : RICM5 + 8 étudiants Avosti DUT RT<br />
<br />
Rappel séances MPI<br />
* Séance 1 : mardi 26 janvier après midi - Stéphanie Diligent<br />
* Séance 2 : mardi 2 février après midi - Stéphanie Diligent<br />
* Séance 3 : lundi 8 février matin - Emmanuelle Tréhoust<br />
* Séance 4 : jeudi 11 février matin - Emmanuelle Tréhoust<br />
* Séance 5 : lundi 21 mars matin - Stéphanie Diligent et Emmanuelle Tréhoust<br />
<br />
=====Soutenances=====<br />
Planning:<br />
* Bossa (13H00-13H40 en salle P043)<br />
* Immersion EDF (13H45-14H25 en salle P043)<br />
* IaaS Docker (14H30-15H10 en salle P043)<br />
* SmartCampus (15H15-15H55 en salle P043 et salle P259 AIR)<br />
* SmartClassRoom (16H15-16H55 en C005)<br />
* Pot d' "Au Revoir" (17H00-1800 en C005)<br />
<br />
Instructions:<br />
*Chaque soutenance comporte 15 minutes de présentation, 15 minutes de démonstration et 10 minutes de questions. Un transparent doit être consacré au travail confié et réalisé par les étudiants en DUT (AVOSTI).<br />
* Répétez plusieurs fois votre présentation et votre démonstration.<br />
* L'ensemble des documents (y compris photos, vidéos et ''[[Logiciels#Screencast|screencast]]s'') doivent être accessibles depuis le tableau ci-dessous et dans chaque fiche de suivi. Prévoyez une copie sur clé USB.<br />
* '''TOUT Le matériel prêté devra être rapporté et restitué dans un sac cabas lors de la soutenance.'''<br />
<br />
=====Projets=====<br />
{|class="wikitable alternance"<br />
|+ Affectation des projets RICM5 2015-2016<br />
|-<br />
|<br />
!scope="col"| Sujet<br />
!scope="col"| Etudiants<br />
!scope="col"| Enseignant(s)<br />
!scope="col"| Fiche de suivi<br />
!scope="col"| Dépot git<br />
!scope="col"| Documents<br />
|-<br />
<br />
!scope="row"| 1<br />
| [http://air.imag.fr/index.php/IaaS_collaboratif_avec_Docker IaaS - Docker]<br />
| Eudes Robin, Damotte Alan, Barthelemy Romain, Mammar Malek, Guo Kai<br />
| Didier Donsez<br />
| [[Projets-2015-2016-IaaS_Docker| '''Fiche''']] - [[Projets-2015-2016-IaaS_Docker-SRS| '''SRS''']]<br />
| [https://github.com/EudesRobin/iaas-collaboratif '''github''']<br />
| [[Media:Rapport_IaaS.pdf|Rapport]] - [[Media:Transparents_IaaS.pdf|Transparents]] - [[Media:Flyer_IaaS.pdf|Flyer]] - [https://youtu.be/qtqgZNrgcRc '''Screencast''']<br />
|-<br />
!scope="row"| 2<br />
| [http://air.imag.fr/index.php/Portage_de_Bossa Portage de Bossa sur le Kernel Linux 4x]<br />
| Eric Michel Fotsing, Ombeline Rossi, Longfei Yao<br />
| Nicolas Palix, Didier Donsez<br />
| [[Projets-2015-2016-Portage_Bossa| '''Fiche''']]<br />
| [https://github.com/ZenithKaizer/ '''github''']<br />
| [[Media:Rapport_Bossa.pdf|Rapport]] - [[Media:Transparents_Bossa.pdf|Transparents]] - [[Media:Flyer_Bossa.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 3<br />
| [[Visite immersive en réalité virtuelle dans une usine avec EDF]]<br />
| Adam Christophe, Aissanou Sarah, Klipffel Tararaina, Qian Jean, Zominy Laurent<br />
| Didier Donsez, Georges-Pierre Bonneau, Thibaut Cordier (EDF)<br />
| [[Projets-2015-2016-VisiteImmersiveEDF| '''Fiche''']]<br />
| [https://github.com/VisiteImmersiveEDF '''github''']<br />
| [[Media:RapportProjetX.pdf|Rapport]] - [[Media:TransparentsProojetX.pdf|Transparents]] - [[Media:FlyerProjetX.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 4<br />
| [[Contribution à OpenSmartCampus]] (voir http://data.beta.metropolegrenoble.fr/)<br />
| Quentin Torck, Vivien Michel, Jérémy Hammerer, Rama Codazzi, Zhengmeng Zhang<br />
| Didier Donsez, Vivien Quéma<br />
| [[Projets-2015-2016-OpenSmartCampus| '''Fiche''']]<br />
| [https://github.com/quentin74/SmartCampus.git '''github''']<br />
| [[Media:RapportProjetOpenSmartCampus2016.pdf|Rapport]] - [[Media:TransparentsProojetOpenSmartCampus2016.pdf|Transparents]] - [[Media:FlyerProjetOpenSmartCampus2016.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
!scope="row"| 5<br />
| [[Contribution à SmartClassRoom]] (Interfaces tactiles distribuées et partagées)<br />
| Saussac Thibault, Toussaint Sébastien, Hamdani Youcef, Zoppello Sebastien, Melik sak, Mesnier Vincent<br />
| Jérôme Maisonnasse, Didier Donsez<br />
| [[Projets-2015-2016-SmartClassRoom| '''Fiche''']] - [[Projets-2015-2016-SmartClassRoom/SRS| '''SRS''']]<br />
| [https://github.com/XXXX '''github''']<br />
| [[Media:RapportProjetSmartClassRoom.pdf|Rapport]] - [[Media:TransparentsProjetSmartClassRoom.pdf|Transparents]] - [[Media:FlyerProjetSmartClassRoom.pdf|Flyer]] - Photos - Vidéos<br />
|-<br />
<br />
<br />
|}<br />
<br />
===Projets annulés et reportés===<br />
* Projet avec [[Tango Project]] (Annulé)<br />
* Hack the Beam, Didier Donsez & Jérôme Maisonnasse.<br />
* [[Algorithmes de suivi de personnes pour robot de téléprésence RobAIR]] (Jérôme Maisonnasse, Didier Donsez)<br />
<br />
=M2PGI=<br />
==[[Projets M2PGI Services Machine-to-Machine|Projet Services Machine-to-Machine]]==<br />
* [[PM2M/2016/TP|Sujet et groupes]]</div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:FlyerProjetSmartClassRoom.pdf&diff=28006File:FlyerProjetSmartClassRoom.pdf2016-03-16T14:59:01Z<p>Thibault.Saussac: </p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:Projets-2015-2016-Gantt.png&diff=27855File:Projets-2015-2016-Gantt.png2016-03-14T09:26:02Z<p>Thibault.Saussac: </p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27854Projets-2015-2016-SmartClassRoom2016-03-14T09:21:02Z<p>Thibault.Saussac: /* Project schedule */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision global du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que vous avons mis en place. Vous aurez ensuite tous le travaille détaillé STEP by STEP ;)<br />
<br />
[[File:Projets-2015-2016-Gantt.png | 600px| center]]<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27853Projets-2015-2016-SmartClassRoom2016-03-14T09:19:55Z<p>Thibault.Saussac: /* Project schedule */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
Nous avons commencé par faire un planning de Gantt afin d'avoir un vision global du projet. Je vous laisse ci-dessous prendre connaissance du diagramme que vous avons mis en place.<br />
<br />
<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27852Projets-2015-2016-SmartClassRoom2016-03-14T09:03:17Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine (suivant les places qui ne sont pas encore utilisés)<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
L'application se chargera de couper l'image comme nous l'avons défini précédemment, je vous laisse prendre connaissant ci-dessous le résultat de la découpe d'écran. <br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27850Projets-2015-2016-SmartClassRoom2016-03-14T08:40:57Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
Le serveur enverra à chaque machine la disposition des tables qui a été rentré il ne reste plus qu'a l'administrateur de choisir sa position pour chaque machine<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27849Projets-2015-2016-SmartClassRoom2016-03-14T08:32:54Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper du NFC il rencontre beaucoup de problèmes par rapport à l'installation ce qui nous donner au finale beaucoup de travail pour du Débug.<br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png&diff=27847File:Projets-2015-2016-SmartClassRoom ConfigTable4.png2016-03-11T15:08:05Z<p>Thibault.Saussac: </p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png&diff=27846File:Projets-2015-2016-SmartClassRoom ConfigTable3.png2016-03-11T15:07:25Z<p>Thibault.Saussac: </p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png&diff=27845File:Projets-2015-2016-SmartClassRoom ConfigTable2.png2016-03-11T15:06:55Z<p>Thibault.Saussac: </p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27844Projets-2015-2016-SmartClassRoom2016-03-11T15:06:27Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
Pour cela :<br />
Allez dans : <br />
- Menu<br />
- Picture<br />
- Select Picture<br />
- Choisi une image<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 600px| center]]<br />
Je vous laisse maintenant entrer le nombre de lignes et de colonne pour les tables que vous avez actuellement. ( Par exemple ici nous allons faire une configuration 2*2)<br />
<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.png | 600px| center]]<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.png | 600px| center]]<br />
<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.png | 600px| center]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27843Projets-2015-2016-SmartClassRoom2016-03-11T15:02:35Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 300px| center]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.jpg]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27842Projets-2015-2016-SmartClassRoom2016-03-11T15:02:14Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png | 300px]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.jpg]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27841Projets-2015-2016-SmartClassRoom2016-03-11T15:00:39Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.jpg]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png&diff=27840File:Projets-2015-2016-SmartClassRoom ConfigTable1.png2016-03-11T14:59:49Z<p>Thibault.Saussac: Thibault.Saussac uploaded a new version of &quot;File:Projets-2015-2016-SmartClassRoom ConfigTable1.png&quot;</p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:Projets-2015-2016-SmartClassRoom_ConfigTable1.png&diff=27839File:Projets-2015-2016-SmartClassRoom ConfigTable1.png2016-03-11T14:58:29Z<p>Thibault.Saussac: </p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27838Projets-2015-2016-SmartClassRoom2016-03-11T14:56:40Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
- Ouvrir un navigateur (Chrome)<br />
- Je vous laisse rentrer votre Login<br />
<br />
Passons maintenant à la partie intéressante pour configurer les tables dynamiquement.<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable1.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable2.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable3.jpg]]<br />
<br />
[[File:Projets-2015-2016-SmartClassRoom_ConfigTable4.jpg]]<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27837Projets-2015-2016-SmartClassRoom2016-03-11T14:44:30Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres. Ainsi avec cette nouvelle évolution, l'administrateur pourra définir le nombre de tablette suivant L*l (Longueur * largeur) ou Lignes * Colonnes.<br />
<br />
Nous allons maintenant voir comment cela fonctionne sur les écrans.<br />
<br />
Tout d'abord il vous faut lancer l'application :<br />
- Allez dans ifconfig et notez l'adresse IP de cette machine<br />
- Allez dans le répertoire SMARTCLASSROOM<br />
- Lancer web.js : nodejs ./web.js<br />
-<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27836Projets-2015-2016-SmartClassRoom2016-03-11T14:22:06Z<p>Thibault.Saussac: /* Configuration Dynamiques des Tables */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
La configuration des tables dynamiques est une partie importante de notre projet, en effet nous avons mis en place un système permettant à l'utilisateur de choisir sa position par rapport aux autres<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27835Projets-2015-2016-SmartClassRoom2016-03-11T14:20:42Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#Configuration_Dynamiques_des_Tables |Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27834Projets-2015-2016-SmartClassRoom2016-03-11T14:19:22Z<p>Thibault.Saussac: </p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#ConfigTables|Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
=== Configuration Dynamiques des Tables===<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27833Projets-2015-2016-SmartClassRoom2016-03-11T14:17:21Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables : [[Projets-2015-2016-SmartClassRoom#ConfigTables|Tutoriel configuration dynamique]]<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27832Projets-2015-2016-SmartClassRoom2016-03-11T14:06:38Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables :<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la boomer etc...<br />
'''- Problèmes '''<br />
- La cohabitation entre NOWJS (l'ensemble de projet à été codé avec cette librairie) et socket IO. Nous avons eu beaucoup de mal à trouver un solution pour remplacer NOWJS puisque cette librairie n'existe plus nous avons du faire le choix d'utiliser SocketIO. La grande difficulté à été de faire cohabité ces deux librairies.<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27831Projets-2015-2016-SmartClassRoom2016-03-11T14:01:32Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
'''- Configuration des tables tactiles '''<br />
- voir le tutoriel sur la configuration dynamique des tables :<br />
<br />
'''- Snake'''<br />
- Quelques problème avec le twiled display, en espérant règler les problèmes ce week end pour intégrer Lundi <br />
<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27830Projets-2015-2016-SmartClassRoom2016-03-11T13:58:53Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf ]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27829Projets-2015-2016-SmartClassRoom2016-03-11T13:58:33Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [File:MPI_SmartClassRoom.pdf | Dossier MPI]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27828Projets-2015-2016-SmartClassRoom2016-03-11T13:58:17Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf | Dossier MPI]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27827Projets-2015-2016-SmartClassRoom2016-03-11T13:58:01Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf Dossier MPI]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=File:MPI_SmartClassRoom.pdf&diff=27826File:MPI SmartClassRoom.pdf2016-03-11T13:50:39Z<p>Thibault.Saussac: </p>
<hr />
<div></div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27825Projets-2015-2016-SmartClassRoom2016-03-11T13:49:55Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- vous pouvez le consulter ici : [[File:MPI_SmartClassRoom.pdf]]<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27824Projets-2015-2016-SmartClassRoom2016-03-11T13:38:33Z<p>Thibault.Saussac: </p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 8th - March, 13rd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
===Travail Réalisé===<br />
'''- Rendu dossier MPI'''<br />
- Rendu du dossier pour le cours d'MPI<br />
- Nouveau mot de passe = admin<br />
'''- NFC'''<br />
- Nous avons chargé les DUT de s'occuper de la <br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27604Projets-2015-2016-SmartClassRoom2016-03-07T07:57:14Z<p>Thibault.Saussac: /* Week 6 (March, 2nd - March, 8th) */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 1nd - March, 7th) ==<br />
<br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Réparation de la table cassé'''<br />
- Changement du nock avec installation de la distribution.<br />
- Nouveau mot de passe = admin<br />
'''- Snake'''<br />
- Le grand écran du snake<br />
- En cours d'intégration du Tweldisplay<br />
'''- Configuration des tables tactiles '''<br />
- Création d'une interface pour une configuration dynamique<br />
- Début du code moteur pour intégrer la solution dynamique à l'application.<br />
'''- Préparation de la JPO Polytech'''<br />
- Préparation de la démo pour la journée Porte ouverte à Polytech<br />
'''- Modification des images '''<br />
- Possibilité de faire bouger une image, de la zoomer etc...<br />
- ajouter la rotation de l'image dans le canevas<br />
<br />
<br />
=== Rétrospective Sprint 6 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargées. Bientôt trois nouvelles fonctionnalité seront disponible.<br />
<br />
== Week 7 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir la configuration dynamique des tables'''<br />
'''- Gérer le changement d'écran du Snake'''<br />
'''- Finir les action sur une image'''<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27403Projets-2015-2016-SmartClassRoom2016-02-29T07:51:17Z<p>Thibault.Saussac: /* Week 4 (February, 16th - February, 22nd) */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
===Travail Réalisé===<br />
'''- Le chat est maintenant fonctionnel'''<br />
- Intégration du Chat dans le projet <br />
- Voir les personnes en Ligne<br />
- Correction des bugs lors du passage PC - tablette<br />
- Mode de connexion<br />
'''- Le NFC'''<br />
- Donnez aux DUT pour débriefing pour voir si c'est adapter<br />
'''- Rotation et zoom d'images '''<br />
- Implementation de la rotation, translation et zoom de plusieurs images<br />
- Il faut maintenant l'intégrer au projet<br />
'''- Snake '''<br />
- Nous sommes entrain d'intégrer un snake dans la liste des jeux disponibles sur l'application<br />
- Quelques problèmes avec l'intégration.<br />
'''- Configuration dynamique d'image '''<br />
- Nous avons beaucoup étudier le code, merci notamment à Adam. Nous pouvons partager l'écran en 2, 3 ou 4 sur les tablettes choix dynamique.<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, Nous avons notamment mis au point la stratégie suivante :<br />
Nous focaliser les 3 objectifs , l'intégration du snake, la configuration dynamique des écrans et enfin le rotozoom des images.<br />
L'ambiance a été bonne durant ce sprint.<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 2nd - March, 8th) ==<br />
<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27402Projets-2015-2016-SmartClassRoom2016-02-29T07:18:41Z<p>Thibault.Saussac: /* Week 5 (February, 23rd - March, 1st) */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
===Objectifs===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
===Travail Réalisé===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
Interruption pédagogique d'une semaine, rédaction du Wiki<br />
<br />
== Week 6 (March, 2nd - March, 8th) ==<br />
<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27012Projets-2015-2016-SmartClassRoom2016-02-15T08:32:55Z<p>Thibault.Saussac: /* Week 2 (February, 2nd - February, 8th) */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
=== Travail Réalisé ===<br />
<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
=== Objectifs ===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
=== Travail Réalisé ===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
<br />
== Week 6 (March, 2nd - March, 8th) ==<br />
<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27011Projets-2015-2016-SmartClassRoom2016-02-15T08:31:28Z<p>Thibault.Saussac: /* Week 1 (January, 25th - February, 1st) */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
=== Objectifs ===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
=== Travail Réalisé ===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
<br />
== Week 6 (March, 2nd - March, 8th) ==<br />
<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussachttps://air.imag.fr/index.php?title=Projets-2015-2016-SmartClassRoom&diff=27010Projets-2015-2016-SmartClassRoom2016-02-15T08:30:22Z<p>Thibault.Saussac: /* Travail Réalisé */</p>
<hr />
<div>= Project presentation=<br />
<br />
Pour la présentation du sujet nous avons fait le choix d'utiliser la technique '''QQQOP''' qui permet de mobiliser ses connaissances d'une manière structurée. Cela nous à notamment permet de prendre en main le smartClassroom qui est dit "très libre". <br />
<br />
Afin de donner une analyse structuré de notre projet nous avons rédigé un fiche '''"Software Requirements Specification"''' (SRS) .<br />
<br />
== Qui ? ==<br />
<br />
Le projet est suivi par deux encadrant : <br />
<br />
'''- Monsieur Didier DONSEZ'''<br />
<br />
'''- Monsieur Jérôme MAISONNASSE'''<br />
<br />
<br />
L’équipe en charge du projet est divisé en deux, 4 élèves de la filière RICM5 de Polytech Grenoble :<br />
<br />
'''- HAMDANI Youcef'''<br />
<br />
'''- MESNIER Vincent'''<br />
<br />
'''- SAUSSAC Thibault'''<br />
<br />
'''- TOUSSAINT Sébastien'''<br />
<br />
<br />
Viendront compléter l’équipe, deux étudiant de DUT Réseaux et Télécoms (première année). <br />
<br />
'''- SAK Melik'''<br />
<br />
'''- ZOPP Sébastien'''<br />
<br />
== Quoi ? Définition du sujet ==<br />
<br />
L'objectif à moyen voir à long terme de ce projet est de mettre en place des technologies qui permettent d'améliorer les enseignements dans les salles de cours en utilisant des technologies innovantes inspiré par des résultats de travaux de recherche.<br />
<br />
On peut ainsi imaginer des activités pédagogiques interactives comme des évaluations fournissant des réponses instantanées et permettant ainsi aux enseignants de voir quand un concept doit être révisé ou quand ils doivent davantage aider les élèves. Ce projet est donc principalement destiné aux enseignants. Il leur permettra de passer d'un type d'enseignement à un autre plus évolué, c'est à dire gérer plus efficacement leurs classes, et évaluer la compréhension des élèves durant le cours. On distingue ensuite les élèves qui pourront entre autres organiser leurs propres fichiers multimédias, prendre des notes, collaborer avec d'autres élèves ou partager des fichiers avec les enseignants.<br />
<br />
<br />
==Quand ? ==<br />
<br />
L’objectif est d’utiliser ce projet durant différents cours, les conférences ou dans journées portes ouvertes afin de mettre en avant l’école.<br />
<br />
<br />
==Où ? Le lieu où se situe le projet==<br />
<br />
Ce projet pourra s’implanter dans les différentes salles de cours dans les universités de France, dans un premier temps sur le campus Grenoblois.<br />
<br />
<br />
==Pourquoi ?==<br />
<br />
- Faire évoluer l’enseignement en apportant plus de technologie (interaction) qui est aujourd’hui un facteur important dans l’apprentissage.<br />
<br />
- Ne pas prendre de retard en cas d’absence puisqu’un élève pourra suivre un cours à distance depuis un hôpital ou simplement depuis chez lui.<br />
<br />
- Facilité l’accès aux informations en ayant une plateforme collaborative entre professeurs et étudiants.<br />
<br />
- D’un point de vue santé ce projet permet d’éviter la surcharge des sacs des étudiants. Facilité le coté administratif en gérant la présence des élèves de manière automatiques. (Le temps pour faire l’appel en début de cours ne sera plus nécessaire.)<br />
<br />
==Software Requirements Specification==<br />
"A software requirements specification (SRS) is a description of a software system to be developed. It lays out functional and non-functional requirements, and may include a set of use cases that describe user interactions that the software must provide."(src. Wikipédia)<br />
<br />
Vous pouvez consulter notre SRS en cliquant sur le liens ci-dessous :<br />
[[Projets-2015-2016-SmartClassRoom/SRS|Fiche SRS]]<br />
<br />
==Product functions==<br />
<br />
==Product evolution==<br />
<br />
=Links=<br />
<br />
=Project schedule=<br />
<br />
Le projet a commencé depuis le 25 Janvier 2015 à 10h30.<br />
<br />
Pour ce projet nous avons fais le choix, sous l'influence de Monsieur Donsez d'utiliser les méthodes agiles afin d'avoir un suivis régulier et un travail organisé. De plus, la méthode SCRUM apporte une grande flexibilité pour le projet ce qui nous parait intéressant au vu de la composition de l'équipe ayant des compétences et des emploi du temps très différents (DUT et Polytech).<br />
<br />
== Week 1 (January, 25th - February, 1st) ==<br />
=== Travail Réalisé === <br />
<br />
'''- Comprendre le sujet, et le définir''' <br />
- Cette objectif est de récupérer des informations et d'avoir des idées innovantes afin de p<br />
<br />
'''- Récupération de nouvelles idées'''<br />
- Connexion smartphone - Table --> Afficher le contenu d'un smartphone sur une table<br />
- Faire bouger des objets avec des gestes élémentaires via le rétroprojecteur <br />
- Chat permettant la communication intra classe <br />
- Animation de figures avec moteurs physiques<br />
- Projection 3D (pour effet Lumière à Lyon)<br />
'''- Rendez-vous avec Jérome Maisonnasse'''<br />
- Jérome nous a donnée différentes idée pour le projet Smartclassroom. Cependant le code n'étant pas disponible il se <br />
charge de le trouver pour le sprint suivant.<br />
'''- Contact des anciens (Projet SmartClassroom 2015)'''<br />
- Nous avons contacter Malick et Adam qui nous ont bien expliqué les travaux qu'ils ont réalisés l'an dernier. <br />
Nous donnant de nouvelles idées d'amélioration (voir ci-dessus)<br />
'''- Création du Wiki'''<br />
- Création de la page [[Projets-2015-2016-SmartClassRoom/SRS | SRS]]<br />
- Création de la page du projet [[Projets-2015-2016-SmartClassRoom | SmartClassRoom]]<br />
<br />
=== Rétrospective Sprint 1 ===<br />
<br />
Ce Sprint 1 c'est bien passé nous avons pu réalisé les différentes taches prévu. L'aide des anciens (Malick), de Messieurs DONSEZ & MAISONNASSE nous a été très importante pour comprendre le context et le but du projet. <br />
<br />
Nous avons pu mettre en place un planing dans le groupe l'organisation dans les différentes taches de récupérations d'informations a été très bonne.<br />
<br />
== Week 2 (February, 2nd - February, 8th) ==<br />
'''- Installation de l'application sur les Tables de la FABLAB''' <br />
- Récupération du code de l'an dernier<br />
- Brancher les machines sur un switch<br />
- Allez dans le projet /SmartClassRoom --> executer web.js<br />
- Sur les 3 tables ouvrir un navigateur (Chrome de préférence)<br />
- Entrez dans le navigateur : @IPserveur:8080<br />
- (L'adresse mise dynamiquement mise si problème aujouté manuellement)<br />
- Profitez ....<br />
<br />
'''- Quelques nouvelles idées'''<br />
- Etendre le "screen" à des tablettes.<br />
- Mettre les cours du prof directement en ligne depuis la caméra du rétroprojecteur<br />
- Configuration de la localisation des tables plus dynamique<br />
<br />
'''- Première lecture du code'''<br />
- Analyser le code pour voir la conception du projet.<br />
- Étude du ping pong<br />
<br />
'''- Début du développement d'un CHAT en JavaScript'''<br />
- Nous voulions mettre en place en chat <br />
- Utilisation du JAVASCRIPT pour un chat<br />
<br />
'''- Définitions des tâches '''<br />
- Réunion avec les DUTs<br />
- Le javascript est t'il possible pour un chat?<br />
- Rédaction de tutoriel d'installation de l'application<br />
- Apport de nouvelles idées<br />
<br />
<br />
=== Rétrospective Sprint 2 ===<br />
<br />
Durant ce sprint nous avons pris un peu de retard pour l'implémentation du code. Impossibilité d'exécuter le code sur nos machines personnelles, de plus nous n'avons pas encore eu la démo pour le rétroprojecteur (ni le code).<br />
<br />
Cependant nous avons pu avancer sur des taches parallèles. L'ambiance dans le groupe est bonne, malgré les difficultés pour récupérer le code qui nous fait perdre pas mal de temps<br />
<br />
== Week 3 (February, 9th - February, 15th) == <br />
=== Objectifs ===<br />
'''- Récupérer l'ensemble du code'''<br />
'''- Conception'''<br />
'''- Début du développement'''<br />
<br />
=== Travail Réalisé ===<br />
'''- Demonstration du projet de tableau intelligent'''<br />
- Prise en main de l'application<br />
'''- Implémentation d'un chat'''<br />
- Développement du chat en Javascript <br />
- Intégration du chat dans l'application principale<br />
'''- Etude de l'affichage des tables tactiles '''<br />
- Analyse du code de l'affichage existant <br />
- Recherche et analyse de différents type d'affichage en Javascript<br />
'''- Problèmes rencontrés '''<br />
- Difficulté d'intégration du chat dans l'application principale.<br />
- Interrogation sur le projet du tableau intelligent, car les moyens de détection et d'interaction vont changer<br />
<br />
<br />
=== Rétrospective Sprint 3 ===<br />
Durant ce sprint l'ensemble des objectifs fixés ont été réalisé, de plus toujours une bonne entente dans le groupe. Les journées ont été chargé du fait de certain cours en parallèle. Le Chat est maintenant en place, ce qui est la satisfaction de la semaine.<br />
<br />
== Week 4 (February, 16th - February, 22nd) ==<br />
=== Objectifs ===<br />
'''- Finir l'intégration du chat'''<br />
'''- Choix d'implémentation de la configuration pour l'affichage'''<br />
'''- Réflexion sur le tableau intelligent'''<br />
<br />
== Week 5 (February, 23rd - March, 1st) ==<br />
<br />
<br />
== Week 6 (March, 2nd - March, 8th) ==<br />
<br />
<br />
== Week 7 (March, 9st - March, 15th) ==<br />
<br />
<br />
== Week 8 (March, 16th - March, 22nd) ==<br />
<br />
= Bilan =<br />
<br />
<br />
== Travail Réalisé ==<br />
<br />
<br />
<br />
== Difficultés rencontrées ==<br />
<br />
<br />
<br />
== Notre ressenti ==<br />
<br />
<br />
<br />
<br />
= Références =<br />
<br />
<br />
=Matériels fournis=<br />
* [[MAG3110|MAG3110 Triple Axis Magnetometer Breakout Module]]<br />
* Lecteur [[Near Field Communication|NFC]]<br />
** [[ACS ACR 122]] x1<br />
** [[SCL3711]] x4<br />
* Tags NFC MiFare</div>Thibault.Saussac