Proj-2014-2015-Interactive Digitale Signage

=Preambule=

The project subject Interactive Digitale Signage

This project is handled from years to years by Polytech Students : Projet en collaboration RICM5 et DSAA L3+1 (Agence Limonade)


 * Etudiantes DSAA: Lauriane DUGIT-GROS, Ophelie BATTAGLIA, Julie FUND . Enseignant Jean-Baptiste Joatton. fiche de suivi
 * Eleves RICM5 : Simon BISCH, Aurélien CLAVELIN, Florian FOURURE . Enseignant Didier Donsez. fiche de suivi

& &  & video & github

It is now handled by two Polytech students : Christophe Adam and Zhengmeng Zhang

=Project presentation=

Le but du projet est d'améliorer la borne interactive qui a été commencé il y a deux ans par des élèves de RICM5.

La borne doit pouvoir:


 * afficher des informations sur Polytech de façon autonome (les informations seront dans un PowerPoint).
 * afficher l'emploi du temps des différentes filières.
 * indiquer le prochain cours lorsqu'une personne passe une carte NFC devant le lecteur NFC.

= Team =


 * Supervisors : Amr Alyafi, Didier Donsez


 * Members : Christophe Adam, Zhengmeng Zhang


 * Departement : RICM 4, Polytech Grenoble

= Progress of the project =

The project started January 14th, 2015.

Week 1 (January 13th - January 18th)

 * Choix du projet

Week 2 (January 19th - January 25th)

 * Découverte du projet
 * Mise en route de la machine
 * Récupération du code
 * Mise en place des exigences

SRS

Week 3 (January 26th - February 01st)
Réalisation des diagrammes UML

Diagrammes UML

Week 4 (February 02nd - February 08th)
Utilisation de l'outil Scrum.


 * Réalisation du Planning Poker avec les User story pour chaque acteurs (cf. les acteurs du diagramme de cas d'utilisation réalisé dans la partie UML).
 * Réalisation de Product Backlog avec les différents niveaux de priorités.
 * Écriture du 1er Sprint et de 2nd Sprint.

Scrum

Bilan de la marche à suivre.

Pour la fonctionnalité emploi du temps :


 * Utilisation de la fonctionnalité Export d’ADE pour obtenir l’emploi du temps au format ICalendar et en suite le traité pour extraire l’information désirée. Au final, c’est une base de donnée qui sera remplit pour l’emploi du temps de chaque filière. La base de données sera réalisée avec MongoDB et sera mise à jour régulièrement.

Pour l'affichage des informations sur Polytech :


 * L’affichage des informations sur Polytech avec Reveals.js. Les informations à afficher seront dans un PowerPoint pour plus de facilité.
 * La récupération de l’emploi du temps se fera à travers un serveur Node.js.
 * L’ensemble du projet est codé en HTML/CSS/PHP/JavaScript/JSON.

Week 5 (February 09th - February 15th)
[[Media:Conception Architecturale.pdf|Conception Architecturale]]


 * Mise en place d'un système de synthèse vocale avec Voxygen pour faire parler la borne. (Fonctionnel avec 20 voix différentes)


 * Découverte de node.js.


 * Continuation de la réalisation d'une présentation de Polytech avec l'outil Reveal.js.


 * Etude sur la façon de récupérer l'emploi du temps de chaque filière. (Choix du format iCalendar)


 * Parsage du fichier iCalendar en node.js.


 * Utilisation probable de MangoDB pour stocker les emplois du temps dans une base de donnée.

Lien waffle.io : https://waffle.io/zhangzhengmeng/projetids2015

Week 6 (February 23th - March 1st)
Travail réalisé :


 * Emploi du temps (chargement auto, traitement, sauvegarde) -> OK
 * Synthèse vocale (lecture d’information, création de phrase dynamique) -> OK
 * Présentation dynamique de Polytech avec Reveal.js -> OK
 * Affichage emploi du temps -> OK
 * Création d’un serveur avec node.js -> OK

Travail restant :

https://github.com/bengfarrell/nuimotion https://github.com/pgte/node-openni-browser
 * Utilisation du lecteur NFC
 * Utilisation de la Kinect pour contrôle par gestes sur les pages web
 * Installation des programmes réalisés sur la borne

[[Media:Evalution mi-parcours IDS.pdf|Slides évalution mi-parcours]]

Week 7 (March 02nd - March 08nd)

 * Nettoyage du code réalisé en Java pour la partie emploi du temps et synthèse vocale.
 * Présentation du travail réalisé jusqu'ici lors de la soutenance de mi-parcours.
 * Travail sur la partie NFC (récupération du lecteur NFC).

Week 8 (March 09nd - March 15nd)

 * Travail sur la partie NFC.
 * Récupération des puces NFC et du code réalisé par des élèves de l'ENSIMAG pour utiliser le lecteur NFC.
 * Adaptation du code au projet.

Week 9 (March 16nd - March 22nd)

 * Problème avec le lecteur NFC et le code fourni.
 * Problème avec une puce NFC... décidemment '^^...
 * Visite de la CTI.

Week 10 (March 23nd - March 29nd)

 * Problème du lecteur NFC résolu -> nouveau lecteur bien mieux
 * Intégration du code NFC -> OK
 * Récupération de puces NFC supplémentaires car seulement une puce fonctionne (pas terrible pour les tests)
 * Récupération du nouveau PC à installer dans la borne (il y a de la musique quand on ouvre la boite ou qu'il y a de la lumière)
 * Récupération d'une clé pour installer Windows 7 Professionnel 64bits
 * Récupération d'un téléphone Android pour programmer les puces (Android c'est nul xD)

Week 11 (March 30nd - April 05nd)

 * Installation de Windows 7 Professionnel sur le nouveau PC
 * Installation du programme qui gère les emplois du temps (avec WampServer)
 * Installation du programme qui gère l'affichage sur la borne et la détection des gestes

=Synthèse du projet=

Contexte
Interactive Digital Signage

Les bornes interactives à la pointes de la technologies commencent à apparaitre dans nos villes. Au potentiel infini, elles vont révolutionner le monde de l’information et de la publicité.

Examples:
 * http://vds-technology.com/PLV-dynamique/nos_produits/e-totems/
 * http://www.connected-store.com/des-cabines-d%E2%80%99essayage-virtuelles-et-connectees-dans-un-magasin-john-lewis-4894
 * http://www.connected-store.com/un-miroir-interactif-et-connecte-dans-un-magasin-de-lenseigne-princess-polly-9832
 * http://www.connected-store.com/une-vitrine-tactile-et-des-bornes-connectees-pour-le-nouveau-concept-store-dorange-a-lile-maurice-4002

Matériel

 * Borne IDS contenant
 * TV 37 Pouces Full HD
 * Verre trempé IKEA
 * mini PC Intel
 * Kinect XBox
 * Haut Parleurs
 * Lecteur NFC (SCM Microsystems Inc. SCL3711 reader & NFC device 0)
 * Tag NFC
 * Téléphone Android (pour programmer les puces NFC)

Logiciels (utilisés)

 * http://voxygen.fr/index.php (synthèse vocale)
 * javax.smartcardio (lecteur NFC)
 * Reveals.js (affichage interactif des informations)
 * OpenNI (Kinect)
 * Intel® Perceptual Computing SDK

Logiciels (réalisés)
Le dépôt global des sources est sur github

Voici la liste des différentes applications que nous avons réalisées dans le but de répondre au cahier des charges.

Emploi du temps et NFC
Le programme créé tourne en tache de fond sur la borne. Tout les lundi à 6h du matin, il télécharge les emplois du temps de la semaine pour chaque filière. Dès qu'une puce NCF est détectée, une fenêtre s'ouvre avec les informations sur le prochain cours de la personne, la salle dans laquelle elle sera, son enseignant ainsi que les horaires du cours. Au moment de l'ouverture de cette fenêtre, la borne se met à parler à la personne qui est en face d'elle pour lui donner verbalement ces informations via la synthèse vocale. A la fin du speech, la fenêtre se ferme.

Info sur le programme

Le programme a été écrit intégralement en Java.

Les emplois du temps de chaque filière sont télécharger automatiquement tout les lundi matin à 6h du matin.

La synthèse vocale fonctionne grâce au site web de l'entreprise Voxygen qui permet d'utiliser des voix à la pointe de la technologie qui ont été mise en ligne comme exemple.

Le texte du speech est créé dynamiquement par le programme pour s'adapter à chaque utilisateur. Ensuite, il est envoyé sur le serveur de Voxygen qui va alors renvoyer un fichier audio au format mp3 avec le contenu vocal souhaité. Enfin, le programme lance la lecture du fichier son pour faire parler la borne. A la fin de la lecture, la fenêtre se ferme.

Fenêtre du programme réalisé :



Lecteur NFC SCL3711 utilisé :



Kinect et Reveals.js
=Ressources=
 * https://github.com/SalemHarrache/ricm.quicker
 * https://developer.mozilla.org/fr/docs/IndexedDB/Using_IndexedDB
 * Reveal.js
 * https://github.com/hakimel/reveal.js/issues/1039