Skip to content

1. Cahier des charges

Bruno Costa edited this page Oct 8, 2023 · 3 revisions

Cahier des charges

Spécification

Dans le cadre du 2ème semestre de 2ème année d'informatique à l'HE-Arc, il est demandé de créer une application web qui se base sur un framework MVC construit lors du 1er semestre. Le projet choisi est une application utilisant deux APIs existantes : Google Maps et Spotify afin de fonctionner. Son nom est BioSensation.

Description

Le site web BioSensation va permettre à un utilisateur d'écouter une playlist de musique appropriée et correspondante au lieu où il se trouve. Si par exemple un utilisateur se trouve au bord d'une plage, une musique faite au Ukulele pourrait se retrouver dans la playlist.

Objectifs

Objectifs primaires

  • Recherche sur les deux API utilisées
  • Construire l'architecture et l'arborescence des dossiers du projet
  • Construire le squelette html
  • Gérer les accès à la base de données (CRUD)
  • CSS des différentes pages
  • Implémentation de HTTPS dans l'application
  • Intégration de l'API de spotify pour écouter des musiques
  • Utilisation de l'API de spotify pour créer des playlists / regroupement de musique stockée dans une BDD
  • Intégration de la carte de google maps
    • Code pour pouvoir créer des biomes
      • Un point et un rayon
  • Pouvoir se déplacer dans la carte sans se déplacer irl
  • Lier les biomes aux playlists
  • Sécuriser l'application
  • Amélioration du CSS

Objectifs secondaires

  • Créer un algorithme qui créer automatiquement les biomes dans google maps
  • Noter les différentes musiques
  • Gestion des utilisateurs

Actions de l'utilisateur

L'utilisateur pourra se déplacer sur la carte donnée par l'API Google Maps pour tester différents biomes. Selon le biome "choisi", une playlist sera présentée plus bas et proposera des musiques/chansons liées au thème du biome.

Actions

L'utilisateur :

  • Si il visite l'application alors qu'il est sur un téléphone ou un ordinateur possédant une puce GPS. Il pourra utiliser sa position actuelle sur la carte
  • Si son support ne possède pas de puce GPS, il pourra déplacer sa position sur la carte.
  • Selon la position, un biome sera trouvé, par rapport à ce biome, une playlist sera présentée.
  • Il pourra choisir une des chansons pour l'écouter et la noter.

L'administrateur :

  • Il pourra mettre à jour des playlists
  • Il pourra ajouter ou mettre à jour des biomes (Un point gps ainsi que son rayon)

Maquettes

Ci-dessous sont présentées les différentes maquettes (Version Desktop et version Phone) de l'application web BioSensation.

Maquette

Home

L'interface principale de l'application, c'est ici que l'utilisateur pourra utiliser la carte de Google Maps pour trouver des BioPlaylists.

Version "Desktop"

Home - PC - 1st version

Home - PC

Version "Phone"

Home - Phone - 1st version

Home - Phone

Maintenance

Dans la partie maintenance, l'administrateur pourra modifier des données importantes :

  • Les musiques dans une playlist
  • Les biomes existants
  • Les profils des utilisateurs existants
Version "Desktop"

Settings - PC

Version "Phone"

Settings - Phone

Clone this wiki locally