5. Rendu final
Pour ce rendu final, le site BioSensation arrive à jouer une musique d'une playlist correspondante au biome où se trouve l'utilisateur. L'utilisateur peut soit utiliser la fonction de géolocalisation soit se déplacer manuellement sur la carte. Le lecteur possède un modificateur de son, un bouton pause, deux boutons pour soit passer à la prochaine musique soit revenir à la précédente et un bouton play à côté de chaque musique pour changer à celle qu'il veut. La page de maintenance a été supprimé jugée inutile. L'utilisateur doit se créer un compte pour s'y connecter et aller sur la page principale. Une fois sur celle-ci, il faut qu'il se connecter à son compte spotify pour écouter les musiques proposées par l'application. Finalement, l'utilisateur peut se déconnecter.
Quand un utilisateur essaie de se connecter, une requête SQL est envoyé à la base de donnée et si elle est réussi alors les données sont sauvegardées en session.
La connexion Spotify, elle, est dans un stockage web local qui est un enregistrement persistant comme les cookies.
Lorsque l'utilisateur arrive sur la page principale, une requête Ajax est envoyée à la base de donnée pour récupérer tous les biomes afin de poser un marqueur à leur position.
Lorsque l'utilisateur se déplace et que le browser renvoie une position ou que l'utilisateur clique sur la carte, une requête Ajax est envoyée sur une route liée à un controller. Ce controller essaie de lancer une requête SQL cherchant si l'utilisateur se trouve dans un biome. Si c'est le cas alors la fonction renvoie le nom de la playlist correspondante et Ajax met à jour la playlist en appelant une fonction JS.
La déconnexion détruit la session ainsi que le stockage web local.
Un test unitaire a été effectué sur la classe User qui contient toutes les fonctions de connexion et création de compte
On peut se connecter via différents comptes :
-
- test@test.ch
- 1234