Vous vous êtes déjà demandé comment réaliser un schéma de base de données qui soit facile à faire et esthétique ? Laissez-moi vous présenter en plusieurs catégories les meilleurs sites pour réaliser votre conception de façon efficace.

Les sites de conception avec du texte

Pour cette catégorie, j’ai trouvé deux sites qui permettent de réaliser des conceptions de base de données en écrivant directement les relations en texte qui seront ensuite interprétées pour réaliser en temps réel des tableaux.

TS Diagram

TSDiagram - Diagrams as code with TypeScript
Create diagrams and plan your code with TypeScript.

Ce site a la particularité d'utiliser le langage TypeScript pour réaliser les tableaux, ce qui peut faciliter l'apprentissage pour ceux qui ont déjà travaillé avec TypeScript. N'ayez pas peur si ce n'est pas le cas, car cela s'avère tout de même facile à faire. L'avantage de ce site par rapport aux autres, c'est que si jamais vous utilisez un système qui permet de créer des bases de données avec TypeScript, il n'y aura rien à changer, et tout sera déjà structuré comme il faut, à condition que vous ayez bien fait vos tableaux. De même, cela peut aussi servir pour le typage des variables dans la partie front.

Untitled
TS Diagram

Azimutt

Azimutt · Database explorer and analyzer
Next-Gen ERD: Design, Explore, Document and Analyze your database.

C'est TS Diagram mais en version surboostée. En plus des fonctionnalités de TS Diagram, Azimutt offre la possibilité de trier et de cacher des variables et relations. Vous pouvez également choisir la couleur pour chaque tableau, avec la possibilité de voir en détail les informations complètes, y compris les tags et notes attribués. Ajoutez à cela la capacité d'ajouter manuellement des relations et des tables via le curseur. Azimutt propose de nombreuses autres options de personnalisation et d'amélioration, y compris la possibilité d'ajouter une base de données existante via une URL. En ce qui concerne la typographie, l’outil a opté pour une syntaxe propre appelée AML syntaxe, qu'il faudra donc obligatoirement apprendre. Cependant, elle est conçue pour être intuitive et rapide à apprendre et à écrire.

Untitled
Azimutt

Une version payante encore plus poussée

Tout ceci paraît parfait, et il y a bien sûr certaines fonctionnalités incluses seulement dans la version pro à 13€/mois, telles que le changement de couleurs ou la vérification des problèmes de clés primaire et étrangère. La fonctionnalité la plus importante pour la version payante est probablement l’exportation en SQL du code réalisé. Néanmoins, la version gratuite reste tout de même très complète pour de la conception.

azimutt-pricing.png
Les différentes offres d'Azimutt

Les sites de créations de diagrammes avec des formes

Il existe un autre type de site pour réaliser des schémas de base de données, ce sont les sites qui permettent de réaliser tout type de diagrammes, dont lesdits schémas qui nous intéressent. Ils ont l'avantage d’être faciles d'utilisation, mais sont longs à utiliser, car il faut placer les variables une par une dans les tables et créer des relations qui ne sont pas réellement des associations entre deux valeurs mais juste visuelles. En fait, tout l’avantage et le désavantage de ces sites, c’est qu’ils sont visuels, donc ils ne servent que pour la conception et ne permettent pas plus que visualiser une base de données. Cela peut être pratique lorsque l’on apprend à créer des bases de données ou lorsque l’on n'est pas un développeur, donc plus généralement, lorsque l’on ne veut pas être assidu sur la qualité ou l’exactitude des valeurs, un peu comme un diagramme UML.

Diagrams.net (draw.io)

draw.io

Si vous connaissez l’un des deux, eh bien sachez que vous connaissez les deux, car bien qu’il y ait écrit draw.io sur le site, celui-ci a en fait changé de nom en diagrams.net, ce qui entretient la confusion sur ce site mythique et très utilisé pendant les cours de bases de données. C’est le must-have pour les étudiants, mais qui en même temps peut s’avérer un piège lorsque l’on veut modifier l’ensemble de sa BDD puisque les relations n’existent pas. Mention spéciale tout de même à la possibilité de ne pas avoir à créer de compte, d’importer et exporter ses diagrams depuis Google Drive, One Drive, son ordinateur, Dropbox, ou même GitHub et GitLab, le tout toujours sans inscription.

Merci pour la confusion
Merci pour la confusion
Untitled
Diagrams.net

LucidChart

Lucid visual collaboration suite: Log in
Go from imagining the future to building it. Log in to access Lucidchart for intelligent diagramming or Lucidspark for virtual whiteboarding. Teams can collaborate, ideate, and build projects in real time.

Comme pour la catégorie précédente, on augmente un peu en niveau avec LucidChart qui propose tout ce que fait Diagrams.net, mais en mieux : c’est plus esthétique, il y a plus de formes, plus de personnalisation sur les schémas, et c’est plus facile à faire des relations. En soi, tout cela est logique car il s’agit ici d’un site géré avec plusieurs offres et qui peut donc se targuer d’améliorer ses services. Toutefois, l’offre gratuite est limitée à 60 formes par document et 3 documents, ce qui, pour le cas des schémas de base de données, est suffisant. Néanmoins, pour d’autres diagrammes ou lors de gros schémas, cela pourrait vous arriver d’atteindre la limite.

Untitled
LucidChart

L’offre payante pour enlever la limitation

Si vous êtes prêt à payer 8€/mois, alors vous ne serez plus limité par un nombre de formes ou de documents. Vous pourrez aussi profiter de 1Go de stockage, de modèles premium, ainsi que de l’import et export de modèle Visio (pour Microsoft Visio). Autant dire qu’il s’agit d’une version plutôt destinée à des professionnels, et il faut payer la version équipe à 1€ de plus pour pouvoir profiter de l’historique et de l’intégration de Microsoft 365, GitHub, Confluence, Jira, et LeanIX.

chrome_2023-12-22_11-54-09.png

L’entre deux

Et si je vous disais qu’il existait un site qui permettait de créer des schémas visuels, mais sans les défauts de ceux-ci, c’est-à-dire en faisant en sorte qu’il s’agisse de vraies relations qui sont réalisées, avec la possibilité d’ajouter des clés primaires et étrangères, des types de variables et autres.

DrawSQL

DrawSQL - 🔥 Database schema diagrams
Simple, beautiful database diagram editor for developers to create, collaborate and visualize their entity relationship diagrams.

Je vous présente donc DrawSQL, le site que j’utilise personnellement lorsque je veux faire un schéma rapidement sans la prise de tête d’écrire le code relationnel ni même de devoir bien aligner les formes. C’est un peu un mélange de tout ce que je vous ai montré, et tout cela avec une offre gratuite qui n’a rien à envier à celles payantes.

On peut aussi voir d’autres templates qui sont disponibles en public (obligatoire avec la version gratuite), comme ici avec le schéma de base de données de Koel, un projet open source de streaming de musique auto-hébergé qui utilise Vue et Laravel. On peut même choisir de le copier avec une variante MySQL, PostgreSQL, ou SQL Server.

Untitled

Des versions payantes pour les nombreux et/ou gros projets

Comme dit précédemment, il n’y a pas de grandes différences entre la version gratuite et payante, si ce n’est la limitation en quantité du nombre de tables, schémas et utilisateurs. Bon, ok, les versions payantes permettent aussi d’avoir des schémas privés, ce qui, si on fait un projet open-source ou perso, n’a pas grand intérêt. C’est d’ailleurs le fait que ces outils ne restreignent pas leurs fonctionnalités qui me fait rester.

chrome_2023-12-22_14-38-41.png