Coder Social home page Coder Social logo

hypertopic / vitraux-visiteurs Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 13.0 7.28 MB

Vitraux Visiteurs is a Web App built to guide people into discovering the beauty and history of stained-glass windows in Troyes, France.

HTML 9.11% JavaScript 55.05% CSS 5.69% Ruby 12.81% Gherkin 17.34%
gamification heritage mobile-app stained-glass-windows tourism

vitraux-visiteurs's People

Contributors

alexandrepa avatar aminebenj avatar antoineprudhomme5 avatar atom-max avatar benel avatar brandaod avatar cadapear avatar denischenesseau avatar dianoupac avatar edjimario avatar imenbfdl avatar kureb avatar lougrimal avatar maximecouture avatar maximusdihunger avatar titiardo avatar vrajau avatar yassinedoghri avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

brandaod alexandrepa maximusdihunger kureb imenbfdl vanphucle lougrimal dianoupac sergeaka antoineprudhomme5 zhanghetong cadapear yassinedoghri

vitraux-visiteurs's Issues

Je peux valider chaque étape du parcours.

  • 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

Reconstituer un vitrail (puzzle)

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.

Suivre un parcours thématique pour découvrir les vitraux

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.

  • Manuel (imane, nora)
  • Tests de recette (Hélène SOW,...)
  • Implémentation (Yassine Doghri, Amine Benjelloun, ...)

Découverte d’une église

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.

Lancer la visite d'un lieu.

  • 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

Je peux découvrir les vitraux de manière ludique.

  • 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

Retrouver les Vitraux

Le visiteur doit retrouver des vitraux dans l’église à l’aide d’une photo en scannant le QRCode.

Chasse au trésor pour enfants et parents

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.

Visite d'un lieu contenant des vitraux

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.

Jeu des différences

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.

Je peux avoir des informations sur un vitrail

  • 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

Coupons, offres promos

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.

Quizz

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é.

Géolocalisation

L'application permet de se localiser sur une carte et de se rendre aux différentes étapes avec un itinéraire indiqué.

Visite de la ville

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.

Poser une question sur un parcours ou y répondre

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

  • Manuel
  • Tests de recette
  • Implémntation

Visite Familiale

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é !

Partager les détails d'un parcours suivi avec mes amis

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.

  • Manuel
  • Tests de recette
  • Implémentation

Lecture de QR Code

En savoir plus sur un vitrail qui se trouve devant moi en scannant un QR Code

  • Manuel
  • Tests de recette
  • Implémentation

Synchronisation du parcours avec d'autres appareils

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.

Synchronisation bluetooth ou wifi

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.

Je peux accéder à ma collection de badges.

  • 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

Coloriage de Vitraux

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.

Recherche d'église ou de vitrail

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.