hypertopic / vitraux-visiteurs Goto Github PK
View Code? Open in Web Editor NEWVitraux Visiteurs is a Web App built to guide people into discovering the beauty and history of stained-glass windows in Troyes, France.
Vitraux Visiteurs is a Web App built to guide people into discovering the beauty and history of stained-glass windows in Troyes, France.
Comme les correspondance dans le métro. Sauf qu'un changement de ligne dans le métro serait un changement de parcours dans notre cas.
Benoit et Lucie en couple depuis 4 ans maintenant et vivant à Paris décident de s’offrir un moment de détente dans une ville plein de charme : Troyes. Après les quelques aléas du voyage en train et les retards de la SNCF, ils arrivent à leur hôtel situé en plein centre ville.
Bien décidés à découvrir chaque recoin de la ville durant leur week-end, ils demandent alors au réceptionniste de combler leur intentions. Celui-ci, qui veut terminer son épisode de Game Of Thrones, les invite à télécharger une application de visite culturelle des vitraux de Troyes. Il leur explique qu’ils peuvent effectuer un parcours dédié aux touristes dans lequel il visiteront les églises et lieux touristiques les plus connues pour en connaître un peu plus sur des vitraux connus mondialement. Le couple étant hésitant, il leur explique qu’il y a des bons et coupons à gagner à la fin du parcours, ils n’hésitent plus.
Chacun télécharge alors l’application sur son smartphone, et choisit le parcours touristique contenant les différents vitraux sur Moise. L’utilisateur indique son point de départ et son point d’arriver.
Le parcours Moise s’affiche alors sur le smartphone. Une carte indique le placements des différentes étapes ainsi que l’itinéraire pour toutes les visiter. De plus, un barre de progression permet d’informer les utilisateurs sur la progression dans le parcours.
Arrivés à l’église Saint-Nizier, l’application leur propose un jeu en duel, le premier qui découvre tous les vitraux du lieu et réponds au Quizz est gagnant.
Lucie gagne et décide de partager son résultat et activité sur Facebook avec ses amis et famille.
Benoit, se sentant humilié, demande sa revanche et perd encore une fois lors de leur visite de l’église Saint-Rémi.
Entre chaque lieu comportant des vitraux, l’appli les invite à visiter d’autres lieux connus dans Troyes.
Après avoir terminé leur journée dans la dernière étape, l’église Saint-Madeleine, ils décident de dîner dans un restaurant pour lequel ils ont obtenu un coupon de réduction grâce à l’application.
-Visualiser tous les vitraux sur une carte sous forme des clusters
-Consulter les informations relatives à un vitrail en cliquant sur le marqueur d'un vitrail
Les parents inscrivent leurs enfants à des sessions de chasses au Trésor sur notre application. Une session est composé de 6 groupes de 6 personnes de 5 ans et plus. L’organisateur valide les inscriptions en fonction de l'âge et des disponibilités. Il associe les enfants à des équipes de 6. Les parents reçoivent ensuite un mail de confirmation, sur la date et les membres du groupe et le point de rassemblement et le lien pour télé charger l'application. Le parcours de la chasse au trésor se déroule sur 6 églises (Vu la proximité géographique). Lors de l'explication du parcours de la chasse au trésor, ils vérifient que tous groupes disposent de l’application qui permet d’afficher les indices, les étapes à suivre et la position des groupes ou personnes. Les groupes se regroupent et reçoivent le premier indice.
Amélioration de #6
On peut donner son avis et noter le parcours une fois effectué
Le visiteur souhaite programmer une visite aux différentes églises de Troyes pour voir les vitraux. Il va donc accéder à l’application et choisir un parcours à thème parmi ceux proposés.
L’application lui propose donc plusieurs parcours possibles avec des informations comme sa durée, sa note et sa distance.
L'application permet de synchroniser le parcours entre les différentes appareils grâce au bluetooth ou wifi, l’application permet d’envoyer une demande d’affiliation aux autres périphériques à proximité ayant lancé l’application.
A chaque fois que l'utilisateur va scanner un vitrail, il va obtenir un badge dans l'application pour le récompenser.
En visitant un lieu et en terminant un parcours, le visiteur gagne des points et peut valider certains badges.
Amélioration de #14
Il est possible à la fin du parcours de partager sur Facebook différentes informations à propos du parcours comme le nombre de badge obtenus ou le nombre de kilomètres effectués.
Amélioration de #13
Avoir accès au différents parcours liés au vitrail que l'on vient de scanné
L’application invite l'utilisateur à obtenir plus d’information pour chaque vitrail en scannant les différents QRCodes disposés sous les oeuvres.
Après avoir terminé un Quizz, l’application offre des coupons de réduction ou indique les promotions des marchands locaux, magasins, ou restaurants aux alentours.
Après avoir visité une église ou terminé un parcours, le visiteur a le choix de répondre à plusieurs questions portant sur les Vitraux qu’il a scanné.
Le visiteur peut reconstituer un vitrail sous forme de puzzle. L’image du vitrail se divise en plusieurs petites cases en désordre. Le but du jeu étant de remettre le jeu en ordre.
En savoir plus sur un vitrail qui se trouve devant moi en scannant un QR Code
Luc se rends à la Cathédrale Saint Pierre Saint Paul pour jeter un coup d’oeil aux magnifiques vitraux dont il a entendu parlé.
A l’entrée, il remarque une affiche qui l’intéresse tout particulièrement. Celle-ci lui propose de télécharger une application pour son smartphone ou tablette afin de profiter d’une visite guidée dans la Cathédrale.
Après avoir installé l’application, il la lance et recherche Saint Pierre Saint Paul pour comprendre l’histoire de la Cathédrale et ses vitraux.
L’application l’invite à obtenir plus d’information pour chaque vitrail en scannant les différents QRCodes disposés sous les oeuvres.
Luc, de nature curieuse, décide de scanner les différents vitraux et découvre un nouveau monde !
Un des vitraux de la Cathédrale avait attisé sa curiosité : “Le Pressoir Mystique”, il décide alors de scanner le QRCode en dessous et a accès à une photo haute définition, à des informations sur l’artiste, sa signification et son histoire. Bien décidé à en parler, il rédige un avis et partage la page du vitrail ainsi qu’un selfie devant son oeuvre préférée sur les réseaux sociaux.
L’application lui propose alors de découvrir les autres vitraux dans la même thématique que son vitrail préféré et ainsi continuer son histoire !
“Wow !” - dit-il.
Il choisit alors un parcours pour continuer l’histoire. Après un temps indéterminé, il fini le parcours et réponds à un Quizz pour valider ses acquis. Il débloque alors un badge et un bon d’achat à utiliser chez un marchand local. Il achète finalement 1kg de pommes à moitié prix.
scénario sur GitHub
scénario testé sur Cucumber
maquettes réalisées sur BalsamiQ
test d'intégration (syntaxe) sur Capybara
implémentation
test d'intégration sur Capybara
durée
distance
nombre de vitraux
moyens de transport
thématiques
guides audio disponibles ?
collecte et collection de badges ?
défier les autres visiteurs en duel ?
proposer des quiz ?
proposer une expérience en réalité augmentée ?
scénario sur GitHub
scénario testé sur Cucumber
maquettes réalisées sur Balsamiq
test d'intégration (syntaxe) sur Capybara
implémentation
test d'intégration sur Capybara
Le visiteur peut rechercher via l’application une église en la localisant. Il peut également faire une recherche par thème, par taille, par période pour retrouver un vitrail et son descriptif.
Le visiteur a une image modifiée du vitrail sur son application. Il doit la comparer avec le vitrail réel qu’il a devant les yeux et cliquer sur les différences.
Un week-end, François cherche à emmener sa femme et ses deux enfants Léa (10 ans) et Luc (8 ans) à la découverte de la ville de Troyes. Après plusieurs minutes de recherche sur internet sur ce qu’ils peuvent bien faire, il découvre sur le site internet de la ville, un lien vers une application qui propose des parcours personnalisés pour découvrir ses vitraux.
François télécharge l’application sur son smartphone et tablette pour les enfants.
Le père de famille créé àl’aide de l’application, un parcours personnalisé sur son smartphone en choisissant les lieux à visiter et la durée qu’il veut y consacrer à savoir 4h. L’application calcul l’itinéraire optimal et débute la chasse aux trésors. (Le parcours est calculé en fonction des temps de visite moyen de chaque église).
L’application lui propose de synchroniser le parcours avec un autre appareil mobile afin de profiter du parcours simultanément sur plusieurs périphériques. Il est possible de synchroniser le parcours entre les différentes appareils grâce au bluetooth ou wifi, l’application permet d’envoyer une demande d’affiliation aux autres périphériques à proximité ayant lancé l’application. Il est aussi possible de voir sur une carte les personnes utilisant l’application aux alentours et ainsi leur envoyer un message pour leur proposer d’effectuer le parcours ensemble ou de faire un duel (voir scénario : Léa et Luc font un duel / Visite familiale : collaboration).
Le père synchronise sa tablette avec le parcours afin que les enfants puissent faire les jeux proposés par l’application.
A la fin de ces 4h, la famille est très contente, ils viennent d’accomplir leur parcours même s’ils sont fatigués de l’après-midi. Ils répondent à un Quizz Final qui leur permet de gagner un trophée ainsi que des coupons et bons d’achats à utiliser chez les commerçants locaux et au MacDo !
La chasse au trésors est terminée ! Les enfants demandent un Happy Meal et les parents un Menu Maxi Best Of.
Cas 1 : Léa et Luc font un duel
A leur entrée dans la première église du parcours, la famille propose de se défier ... La maman se met avec Luc (équipe 1) sur la tablette et le papa fait équipe avec sa fille (équipe 2) sur le smartphone. Ils se séparent dans l’église. Le premier vitrail que croise l’équipe 1 comporte un jeu des 7 différences, c’est à dire qu’ils doivent comparer le vitrail qui se trouve en face d’eux et celui qui est sur la tablette, lorsqu’ils repèrent une différence, ils touchent l’endroit de la différence sur la tablette. Le but de ce jeu est de trouver toutes les différences le plus rapidement possible.
Pendant ce temps l’équipe 2 réalise un coloriage du vitrail se trouvant dans la nef. Chaque couleur mise au bon endroit rapporte un point.
Lorsque les deux équipes ont fait le tour de toutes les activités proposées dans l’église, ils jouent a un quizz qui porte sur l’ensemble du parcours. Après le calcul des points, c’est l’équipe 2 qui gagne !
Le parcours des églises de Troyes reprend après son cours normal (voir scénario : visite familiale)
Cas 2 : collaboration
François décide de faire collaborer ses enfants et endosse le rôle de maître de jeu. La première étape consiste a se rendre à la première église qu’ils doivent visiter.
Les enfants, nourris au glucose, s’y donnent à coeur joie et suivent les instructions de la carte grâce à la géolocalisation. L’application les notifie qu’ils sont arrivés devant la première église et le père leur raconte une histoire grâce aux informations affichés, l’histoire de l’église et de ses vitraux. Il décide ensuite de démarrer un jeu sur la tablette : où est le vitrail ? Luc & Léa doivent retrouver des vitraux dans l’église à l’aide d’une photo ou de son titre. Tous les moyens sont bon, et quand ils le trouve, ils scannent le QRCode en dessous pour obtenir des points.
Monsieur François propose à son fils de faire le jeu de coloriage de l’application sur son smartphone, en passant devant le vitrail de la vierge à l’enfant, afin que celui ci comprenne la complexité de la réalisation d’une telle pièce de maître. Ce jeu consiste en la coloration de chacune des pièce de verre du vitrail en appliquant la couleur à la pièce entière.
Pendant ce temps, Léa qui a avancé toute seul dans son parcours joue maintenant au jeu des sept différences sur la tablette. Elle doit comparer le vitrail qui se trouve en face d’elle et celui qui est sur la tablette, lorsqu’elle repère une différence, elle touche l’endroit de la différence sur la tablette.
Bien sûr, les parents font en sorte qu’ils apprennent quelque chose de ce jeu et leur racontent l’histoire de chaque vitrail au fur et à mesure. Aidé de sa soeur, Luc reconstitue même le puzzle d’un des vitraux qu’il a scanné !
L'utilisateur peut partager sur Facebook un parcours.
Le visiteur doit retrouver des vitraux dans l’église à l’aide d’une photo en scannant le QRCode.
Pouvoir demander des renseignements sur un parcours avant de le faire, ou répondre a des questions d'autres utilisateurs sur un parcours que l'on a déjà fait
L’application lui propose de synchroniser le parcours avec un autre appareil mobile afin de profiter du parcours simultanément sur plusieurs périphériques. Il est possible de synchroniser le parcours entre les différentes appareils grâce au bluetooth ou wifi, l’application permet d’envoyer une demande d’affiliation aux autres périphériques à proximité ayant lancé l’application.
Le visiteur se rend devant une église de la ville de Troyes. L’application le notifie qu’il peut commencer une visite guidée.
Le visiteur accepte de commencer la visite et se laisse guider par l’application.
L’application lui offre une présentation de l’église grâce à la géolocalisation avec ses vitraux majeurs.
L’application lui demande alors de scanner les QRCodes situés en dessous de chaque vitrail pour obtenir plus d’informations : l’histoire de l’artiste, l’histoire du vitrail en question, des photos du vitrail, des rapports avec d’autres vitraux, des avis et commentaires.
Le visiteur récupère une représentation des formes du vitrail sans coloration sur son application. Le visiteur doit alors colorier le vitrail virtuel grâce à une palette de couleur qui lui est fournie, en suivant (ou non) le modèle de vitrail réel qu’il a devant les yeux.
L'application permet de se localiser sur une carte et de se rendre aux différentes étapes avec un itinéraire indiqué.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.