Parcours Biodiversité

Description du contexte du projet

Une équipe de passionné de la nature voudrait sensibiliser le plus grand nombre de personnes à la biodiversité de Louvain-La-Neuve. Ils désireraient mettre en place un moyen de mettre en valeurs toute la richesse et la beauté de la biodiversité de Louvain-La-Neuve.

A ce jour, La ville de LLN dispose seulement d’un parcours touristique à travers des QR codes pour découvrir la ville. Il serait donc intéressant de compléter celui-ci par un parcours Biodiversité mettant en valeurs ses arbres, ses oiseaux, … En bref l’écosystème représentant si bien la ville de Louvain-La-Neuve.

Les objectifs du projet

L’objectif principal poursuivi par ce projet est d’implémenter une balade interactive depuis un smartphone en vue de découvrir la biodiversité de Louvain-la-Neuve. De plus l’aspect d’un développement vert (Green It) devra se refléter au fil de ce projet.

Différentes balades seront définies selon différents critères comme le temps à y consacrer, le quartier de la ville à visiter, la catégorie qu’il souhaite découvrir (plantes, protection, mammifère) afin de satisfaire le plus grand nombre de personnes.

Ce parcours pourra être accessible depuis n’importe quels points d’intérêts mis à dispositions.

La partie applicative consistera donc à donner accès aux ressources de ces points d'intérêts, soit en lecture pour le public soit en écriture pour les gestionnaires du site. Ces ressources seront de types textes informatifs, photos, vidéos, son, etc. Tous ces points seront accessibles depuis un service de cartes type OpenStreepMap.

Le design sera basé selon les critères de l’UCL. Les différents types de contenus du site seront fournis par UCL et son équipe en charge du projet.

Cette application web se devra être facile d’utilisation via son smartphone afin de fournir une expérience la plus agréable possible. Un système de guidage GPS devra aussi aider les utilisateurs au bon déroulement de leurs promenade.

Les contraintes techniques

Différents éléments au développement de ce projet s’apparentent à des contraintes techniques, ou non comme :

- Le temps assez court avant de livrer le produit finit et fonctionnel

- Le code design de l’UCL à respecter

- S’adapter à la base de données du client ainsi qu’à son serveur

- Utilisation de langages informatiques encore non maîtrisés

Descriptions des besoins fonctionnelles

Détail des rôles

• Utilisateur : Toute personne ayant accès au site avec ou sans compte ainsi que le client
• Administrateur : Le client uniquement (et nous)

Priorité n°1 :

En tant qu’utilisateur, je veux avoir accès au site internet depuis mon ordinateur.

Cela consiste à développer le front-end en mettant en place la structure principale du site. C’est-à-dire une page "Accueil" contenant une barre de menu (barre de navigation qui sera disponible sur chaque sous points) et ses différentes catégories. Les catégories seront donc "Accueil", "Parcours", "Points Biodiversités", "Mon compte" (brève description de celles-ci):

• Acceuil -> où l'on retrouve la Map de LLN

(url: .../);

• Parcours -> où l'on retrouvera les différents parcours réalisable implémenté prochainement

(url: .../parcours);

• Points Biodiversités -> ou l'on retrouvera une liste des différents point de biodiversité implémenté prochainement

(url: .../pointsBio);

• Mon compte -> ou l'on retrouvera l'accès à la connexion/déconnexion de son compte implémenté prochainement

(url: .../compte) .

Chacune de ces catégories sera cliquable et intégré de façon permanente sur le site (hardcodé), ces catégories seront donc statique. Sur cette même page "Accueil", figurera la carte de LLN utilisant l'API OpenStreetMap (leefleat), un affichage de celle-ci qui contiendra prochainement tout les points de repère fournit par le client.

Il s’agit du développement du site vitrine pour l’instant. Voici un schéma plus ou moins représentatif du résultat attendu. Ici nous voulons avoir accès à la Map, les points seront affiché prochainement dessus. Le design concernant les couleurs n'est pas le plus important dans ce développement.

Priorité n°2 :

En tant qu’utilisateur, lorsque je me rends sur l’application web, j’ai besoin d’avoir à tout les points de repères étant affichés sur la carte.

Cette carte provenant de l'API OSM, plus précisément leeflet, sera sur la page "Accueil". C'est à dire que lorsque je me trouve à n'importe quel endroit du site et que je click sur l'onglet "Acceuil", je serai automatiquement redirigé vers cette carte. Chaque points de repères (implémenté dynamiquement via la base de donnée où sont les coordonnées) sera cliquable et renverra vers la sous-page descriptive du point d’intérêt en question (cette sous page sera développer prochainement). Nous arriverons donc à l'URL ../pointBio/id.

L'API utilisé est :

• http://localhost:8000/api/pointBiodiversite

Afin de naviguer plus facilement, la bar de navigation contenant les 4 sous points restera accessible sur n'importe quelle sous page de l'application Web. Il s'agit bien ici d'un développement afin d'avoir accès aux détails de cette Map (les différents points bios). La carte de LLN ressemblera à celle-ci:

Implémentation supplémentaire US 2:

• Bouton permettant de se localiser sur la carte
• Icone ouvrante permettant de choisir une vue satellite ou normal de la carte
• Dans cette même icone le traçage ds différents parcours (à sélectionner aussi dans l'icone)

Priorité n°3 :

En tant qu’utilisateur, lorsque je me rends sur l’application web, j’ai besoin d’avoir accès à une liste afin d'y voir tous les points de repères.

Sous l'onglet "Points Biodiversités", figurera une liste de tous les points de bioversités disponibles. Le plus important ici est d'avoir accès à cette liste. Celle-ci contiendra donc simplement le nom Latin de chaque espèces. Chaque nom sera cliquable ainsi pouvant renvoyer vers la description de l'espèce en question (même description que si l'on venait d'un point de la map) l'url sera donc également ../pointBio/id. La description du point bio sélectionné sera implémenté prochainement. La page Points Bio peut s'inspirer de ce design :

Pour cette US l'appel vers l'API (pour le moment en localhost, prochainement en ligne) :

• http://localhost:8000/api/pointBiodiversite
• http://localhost:8000/api/parcours

La base de données contiendra 3 tables :

A savoir que le contenu multimédia ne sera pas stocké sur la DB mais simplement des liens renvoyant vers la plateforme de streaming (Youtube/Soundcloud).

Priorité n°4 :

En tant qu’utilisateur, je veux avoir accès à toutes les informations des différents points via mon ordinateur sans utiliser les QR code.

Tout cela depuis le site web via l’onglet « Points Biodiversités » du menu, le simple faite de cliquer sur le nom d'un point me redirigera vers une page contenant les informations plus détaillée de celui-ci. Et via la map sous l'onglet « accueil » lorsque je clique sur un point de la map, j'accède également aux données de celui-ci.

Le but ici est d’implémenter une page "descriptive" pour les différents points de biodiversités.

Priorité n°5 :

En tant qu’utilisateur, je veux pouvoir choisir une balade prédéfinie depuis mon smartphone ou ordinateur.

Un onglet « Parcours » doit figurer sur la barre du menu. Cette sous-page « Parcours » contiendra un outil de filtrage. Il y a aura le choix entre le temps de balade, le type de biodiversité à découvrir (animaux, arbres, …) et la distance.

Une liste de parcours prédéfinit qui correspondra au filtrage apparaîtront alors dynamiquement à l’écran. Chaque parcours renvoie vers une page descriptive de celui-ci.

Priorité n°6 :

En tant qu’administrateur, lorsque je suis sur le site web, je veux avoir accès à tous les points de repères existant et pouvoir les modifier/ajouter/supprimer.

Cela consiste à développer une interface spécialement pour les administrateurs et leurs donner accès à la gestion de la base de données. Cela se fera à travers des boutons qui feront les requêtes à la base de données.

Priorité n°7 :

En tant qu’utilisateur, lorsque je scan un QR code je veux avoir accès à la description de cet endroit via mon smartphone, sous la catégories « Point Biodiversité ».

Cela consiste à développer chaque sous page du site principal afin qu’elles soient accessibles via les QR code. Cette sous page sera "la même" que si l'on essaye d'y accéder via les points de la map ou via la liste des points de biodiversités situé sous l'onglet « Points Biodiversités ». C'est à dire même redirection pour l'accès aux informations détaillés d'un point précis sélectionné (US 11).

Priorité n°8 :

En tant qu’utilisateur, lorsque j’accède au site internet depuis mon smartphone, je veux qu’il soit rapide, agréable et intuitif vu la taille de mon smartphone.

Cela implique de développer une interface pour smartphone, en plus de celle d’un PC. Critère d’acceptation : être parfaitement « user friendly ».

Priorité n°9 :

En tant qu’utilisateur, je veux avoir la possibilité de me créer un compte afin de pouvoir stocker diverses informations utiles pour la balade. Comme le parcours choisit, des points d’intérêts mit en favoris.

Priorité n°10 :

En tant qu’utilisateur, je veux pouvoir faire une balade personnalisée à l’avance depuis mon ordinateur. Cela implique de sauvegarder celle-ci sous l’onglet « Mon compte ».

Priorité n°11 :

En tant qu’utilisateur, je veux avoir un historique des balades que j’ai déjà fait. Et toutes les informations liées à celles-ci, sous l’onglet « Mon compte ».

Priorité n°12 :

En tant qu’utilisateur, je veux pouvoir commencer un parcours depuis n’importe quels points d’intérêts dans LLN sans difficultés. Cela signifie de prendre en compte la position actuelle de l’utilisateur et établir le parcours à partir de cela. L’utilisateur pourra effectuer cette action sous l’onglet « Parcours », où un bouton « Commencer mon parcours » figurera.