La base de données, le socle de toute application

par birnou · 5 janvier 2025

Une application moderne, dynamique et évolutive repose sur une base de données bien conçue. Elle joue le rôle de cœur du système, où toutes les informations nécessaires sont centralisées, organisées et rendues accessibles. Dans le cadre de notre projet, De l’idée à la réalisation : Concevoir une application web avec Vue.js et Tailwind CSS, la base de données nous servira à pouvoir structurer les vidéos, les utilisateurs, les genres musicaux, les mots-clés, et leurs relations. Cette organisation garantit la fluidité des interactions et la robustesse de l’ensemble.

La conception d’une base de données relationnelle, bien qu’intimidante pour les débutants, s’appuie sur des principes simples. Chaque table est pensée pour représenter une entité ou un concept clé, tandis que les relations entre ces entités permettent de maintenir une cohérence et une extensibilité. L’objectif ici est de poser les bases solides de l’application, tout en gardant la flexibilité nécessaire pour intégrer de nouvelles fonctionnalités à l’avenir.

Ressources et outils pour démarrer

Si la gestion des bases de données est encore un sujet nouveau pour vous, il est recommandé de consulter quelques articles que nous avons publiés sur Puce et Média. Ces ressources vous aideront à mieux comprendre les bases relationnelles, les types de relations, et les outils comme PHPMyAdmin :

Ces lectures vous permettront de mieux appréhender les concepts que nous allons explorer dans cet article.

Nomenclature et organisation des données

Pour garantir la clarté et la maintenabilité de la base de données, une nomenclature cohérente est essentielle. Toutes les tables de l’application suivent un préfixe commun, tab_, indiquant qu’il s’agit d’une table. De même, les champs commencent par ch_, suivi d’un identifiant spécifique à leur table. Par exemple, dans la table tab_videos, le champ principal (généralement appelé id) devient ch_video_id. Cette convention systématique facilite la navigation dans la base et évite les ambiguïtés.

La structuration de cette base de données peut être divisée en trois grandes étapes. La première consiste à définir les tables principales et leurs champs : vidéos, groupes, genres, mots-clés, et utilisateurs. La deuxième étape établit les relations entre ces tables via des clés étrangères et des tables d’association. Enfin, la dernière étape se concentre sur l’évolutivité : concevoir une structure qui puisse accueillir des fonctionnalités futures comme des commentaires, des annotations étoilées, ou des playlists.

Chaque table joue un rôle précis :

tab_videos contient les informations essentielles sur les vidéos : titre, groupe, durée, année, lien YouTube, etc.
tab_groupes recense les groupes ou artistes musicaux.
tab_genres standardise les genres musicaux associés aux vidéos.
tab_keywords liste les mots-clés pour une classification plus fine.
tab_users enregistre les informations sur les utilisateurs de l’application.

Les relations entre ces tables sont assurées par des clés étrangères, ce qui garantit une cohérence stricte des données. Par exemple, dans tab_videos, le champ ch_video_groupes_id fait référence à l’identifiant d’un groupe dans la table tab_groupes. De même, deux tables spécifiques, tab_genres_association et tab_keywords_association, permettent de gérer les relations multiples entre les vidéos et leurs genres ou mots-clés associés.

Table : tab_videos
Nom du champ	Type	Description
ch_video_id	SMALLINT UNSIGNED	Identifiant unique de la vidéo
ch_video_label	VARCHAR(255)	Titre de la vidéo
ch_video_groupes_id	SMALLINT UNSIGNED	Référence au groupe musical (relation avec tab_groupes)
ch_video_image	VARCHAR(100)	URL de l’image associée
ch_video_duration	VARCHAR(10)	Durée de la vidéo au format HH:MM:SS
ch_video_year	YEAR	Année de publication ou de production
ch_video_link	VARCHAR(20)	Clé unique de l’URL YouTube
ch_video_user_id	SMALLINT UNSIGNED	Référence à l’utilisateur ayant ajouté la vidéo (relation avec tab_users)
ch_video_added_at	TIMESTAMP	Date et heure d’ajout de la vidéo
ch_video_status	ENUM(‘pending’, ‘approved’, ‘rejected’)	Statut de la vidéo

Table : tab_groupes
Nom du champ	Type	Description
ch_group_id	SMALLINT UNSIGNED	Identifiant unique du groupe
ch_group_label	VARCHAR(100)	Nom du groupe ou artiste
ch_group_wikipedia	VARCHAR(255)	URL vers la page Wikipedia du groupe
ch_group_image	VARCHAR(255)	URL de l’image du groupe

Table : tab_genres
Nom du champ	Type	Description
ch_genre_id	SMALLINT UNSIGNED	Identifiant unique du genre
ch_genre_label	VARCHAR(50)	Nom du genre musical
ch_genre_wikipedia	VARCHAR(255)	URL vers la page Wikipedia du genre

Table : tab_keywords
Nom du champ	Type	Description
ch_keyword_id	SMALLINT UNSIGNED	Identifiant unique du mot-clé
ch_keyword_label	VARCHAR(100)	Nom du mot-clé

Table : tab_users
Nom du champ	Type	Description
ch_user_id	SMALLINT UNSIGNED	Identifiant unique de l’utilisateur
ch_user_pseudo	VARCHAR(255)	Pseudo de l’utilisateur
ch_user_mail	VARCHAR(255)	Adresse e-mail de l’utilisateur
ch_user_status	ENUM(‘active’,’inactive’,’banned’)	Statut de l’utilisateur
ch_user_firstconn	TIMESTAMP	Date et heure de la première connexion
ch_user_lastconn	TIMESTAMP	Date et heure de la dernière connexion
ch_user_nbconn	INT UNSIGNED	Nombre total de connexions

Table : tab_genres_association
Nom du champ	Type	Description
ch_genasso_id	INT UNSIGNED	Identifiant unique de l’association
ch_genasso_videoid	SMALLINT UNSIGNED	Référence à la vidéo (relation avec tab_videos)
ch_genasso_genreid	SMALLINT UNSIGNED	Référence au genre (relation avec tab_genres)

Table : tab_keywords_association
Nom du champ	Type	Description
ch_keyasso_id	INT UNSIGNED	Identifiant unique de l’association
ch_keyasso_videoid	SMALLINT UNSIGNED	Référence à la vidéo (relation avec tab_videos)
ch_keyasso_keywordid	SMALLINT UNSIGNED	Référence au mot-clé (relation avec tab_keywords)

Pour le moment, nous nous limiterons à ce socle fonctionnel, qui constituera une base solide pour le développement de l’application. Il est néanmoins important de garder en tête les besoins potentiels à venir, afin d’assurer une continuité dans la conception.

Téléchargement du fichier SQL

Pour simplifier le processus, le fichier SQL bdd_app_musique.sql prêt à l’emploi est mis à disposition. Ce fichier inclut la création des tables et l’insertion de quelques données initiales. Vous pouvez le télécharger et l’importer directement dans votre environnement via PHPMyAdmin ou tout autre outil de gestion de base de données. Si besoin, n’hésitez pas à vous rapprocher des articles Installer et configurer un serveur web en local et Démarrer avec PHPMyAdmin : Création de votre Première Base de Données.

Transition vers les étapes suivantes

Avec cette base en place, nous sommes prêts à avancer dans le projet. Dans les articles suivants, nous verrons comment connecter cette structure à notre application Vue.js, interagir avec les données de manière dynamique, et commencer à styliser l’interface utilisateur avec Tailwind CSS. Ce parcours progressif nous permettra de construire une application complète, tout en découvrant les méthodologies modernes du développement web.