What's The Tona ?
Outil permettant la gestion de chants, de listes, etc.
Présentation
What’s The Tona ? est le premier gros projet personnel que j’ai réalisé. Mon entourage,
musiciens,
avait besoin d’un outil
permettant de renseigner la tonalité et le style de chaque chant. Il souhaite aussi pouvoir
créer une liste contenant
plusieurs chants et permettre un affichage avec le nom, la référence et surtout, la tonalité et
le style du chant.
Pour que cet outil soit accessible facilement, j’ai décidé de le réaliser sous forme de site
web, donc avec de l’HTML,
du CSS et du JavaScript.
Fonctionnalités
| Édition de chant
Permet, à partir de la référence du chant, de modifier son titre, ses paroles, son style et sa tonalité.
| Gestion de liste
Permet de créer (et de modifier) une liste avec autant de chants souhaités en renseignant la référence de chaque chant. Il est aussi possible de prendre en photo une liste selon un format prédéfini et le site la convertie en liste numérique.
| Recherche de chants
Permet de rechercher un chant selon son titre ou selon ses paroles. La recherche va récupérer ce qui a été tapé et va rechercher si le titre ou si les paroles contiennent la recherche.
| Paroles d'un chant
Permet, à partir de la référence, d'afficher les paroles d'un chant. Il est possible d'agrandir ou de réduire la taille de la police. Un petit bouton permet d'accéder à la partition de ce chant si elle existe.
| INDEX des chants
Affiche la liste exhaustive de tous les chants de la base de données, indiquant sa référence, son titre, sa tonalité et son style.
| Réglages
Permet d'ajouter une tonalité et/ou un style à la liste des tonalités et styles disponibles sur le site. Il est aussi possible de créer un nouveau chant, la référence sera automatiquement générée.
Fonctionnement
Front End : Site Web
Le site est créé en HTML et CSS et est accessible à mon entourage depuis smartphone, tablette, ordinateur, … C’est la partie visible du site.
Back End : Python
En utilisant FastAPI , un serveur Python s’occupe de faire fonctionner toutes les pages et les différentes API privées.
Back End : Base de données
Les chants et quelques autres paramètres sont stockés dans une base de données MySQL. Le serveur python s’occupe de la communication entre la base de données et le site lui-même.