Giter Club home page Giter Club logo

stepout's Introduction

StepOut

Nom : StepOut

Service : aide à la découverte d'une zone géographique en fournissant de l'information historique contextuelle.

L'idée est d'avoir un outil qui permet de nous donner de l'information (histoire générales, faits divers, architechture...) en fonction de notre position géographique. L'application suscite la curiosité de l'utilisateur pour le faire se déplacer vers des lieux en lui proposant des points d'intérêts. Tout en se déplaçant, l'app fournira des proposition de lieux d'intérêts.

Scénario 1.0:

  • Je suis dans Toulouse. Je regarde mon appli qui me géolocalise.
  • Sur mon ecran apparaissent des points d'intérêts sur la carte. Il y a différents types de PI, des principaux et des secondaires.
  • Un PI correspond à des monuments/lieux incontournables de Toulouse! Les PI principaux servent à générer un déplacement qui peut susciter à l'envi d'autre visite de PI secondaires.
  • Pendant mon déplacement un pop-up peu apparaitre quand je passe prêt d'un PI m'invitant à débloquer et conslté de l'information spécifique à ce PI.
  • Je peux débloque l'information spécifique lié au lieu. Information sur le monument: généralités/histoires/images.

Scénario 2.0 :

  • Un système de point à mettre en place en fonctions des PI débloqués.
  • Plusieurs classes de PI :
  • Futures catégories de PI : général, faits divers, a voir absoluement, vue immanquable.

MocuUp

API WIKIPEDIA

stepout's People

Contributors

bazajee avatar ar11tehau avatar louisbrousse avatar jp110 avatar

Watchers

 avatar  avatar

stepout's Issues

2. - 8 - Current position on the map

As an user, I want to see my current position on the map

  • Import and use Leaflet
  • Create EJS templates
  • Icons positioning : menu/logo, layers manager.
  • Geolocalisation management : Add/retrieve device position. Live position
  • Handle zoom

8.5. - 00 - Express Login

As a user i want to access to my information.

Create authentification service.

Back-end auth:
-api/login ( /api/authentification ): take data from a form and return cookiewith jwt token
-api/signin ( /api/sign_in ): take data from a form and return boolean who confirm the user creation

Front-end auth:
makea login IHM

Add click action unlock from POI-2

Action if POI unlocked

First thrid of the screen is done

    • Whole screen
      . slide mouvement
      . arrow down
      . title
      . specific description
      . image

5. - 5 - Clickable POI

As a user, I click on the POI, it should tell me, it's locked

  • position
  • icon
  • color
  • size normal/size big

6. - 5 - Unlock POI informations

As a user, I only have access to the informations of the POI when I'm close to it.

Create the function that calculate the direct distance to the POI

  • distance management
  • unlock when near the POI

3. - 5 - POI on the map

As a user, I want to see point of interest near me

EJS Templates

Action if POI unlocked

  • First thrid of the sreen
    . slide mouvement
    . arrow up
    . title
    . partial description
    . sample image
    . Handle the hide, when click on map option

  • Whole screen
    . slide mouvement
    . arrow down
    . title
    . specific description
    . image

Action if POI locked

zoom on POI ICON
pop up (Title, small image)

7. - 40 - StepOut DB

As an administrator, I wan to give access to several user to the POIs

  • Create schema for User and application
  • Convert JSON
  • Add samples to the DB
  • Do query test

4. - 8 - Layers

As a user, I want to choose the shown layers

  • Layer : must see
  • Layer : good to see

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.