Premier projet

Créez votre premier diagramme d'architecture en quelques minutes avec Siovos Archi.

Vous avez créé votre compte, il est temps de concevoir votre première architecture. Ce guide vous accompagne pas à pas, de la création du projet jusqu'au partage avec votre équipe.

Créer un nouveau projet#

Depuis le tableau de bord, cliquez sur Nouveau projet. Une fenêtre s'ouvre avec deux options.

Option 1 : canvas vierge#

Choisissez cette option si vous voulez partir de zéro :

  1. Donnez un nom à votre projet (ex. « Infrastructure Production »).
  2. Sélectionnez le workspace de destination.
  3. Cliquez sur Créer.
  4. Vous arrivez sur un canvas vide, prêt à être rempli.

Option 2 : utiliser un template#

Les templates sont des architectures pré-configurées qui vous font gagner du temps :

  1. Parcourez les catégories (Web, Microservices, Cloud, Sécurité...).
  2. Cliquez sur un template pour voir ses détails.
  3. Sélectionnez Utiliser ce template.
  4. Personnalisez-le selon vos besoins.

Les templates les plus populaires :

  • Web App Simple : frontend, backend et base de données.
  • Microservices : architecture distribuée avec API Gateway.
  • Serverless AWS : Lambda, API Gateway, DynamoDB.

Fenêtre de sélection des templatesFenêtre de sélection des templates

Ajouter votre premier composant#

Trois manières d'ajouter un composant sur le canvas :

Depuis la barre d'ajout#

  1. Ouvrez la barre d'ajout (colonne d'icônes à gauche du canvas).
  2. Parcourez les catégories (Application, Services, Réseau, Sécurité...).
  3. Cliquez sur le type souhaité (ex. Backend).
  4. Cliquez sur le canvas pour placer le composant.

Par glisser-déposer#

  1. Ouvrez une catégorie de la barre d'ajout.
  2. Glissez un type de composant vers le canvas.
  3. Relâchez pour le placer.

Avec la palette de commandes#

  1. Appuyez sur Cmd+K (ou Ctrl+K).
  2. Tapez le nom du composant (ex. « database »).
  3. Sélectionnez-le dans la liste.
  4. Le composant est ajouté au centre du canvas.

La palette de commandes est le moyen le plus rapide d'ajouter des composants quand vous connaissez leur nom. Elle gère la recherche floue : tapez « bdd » pour trouver « Database ».

Personnaliser un composant#

Une fois le composant placé, sélectionnez-le pour ouvrir le panneau de propriétés à droite :

  • Libellé : le nom affiché sur le composant (ex. « API Gateway », « PostgreSQL »).
  • Description : notes détaillées sur ce composant.
  • Métadonnées : champs spécifiques au type (port, technologie, URL...).
  • Style : couleur et dimensions.

Double-cliquez sur un composant pour éditer son libellé directement sur le canvas.

Connecter deux composants#

Les connexions représentent les relations entre vos composants.

  1. Survolez le composant source.
  2. Des points de connexion apparaissent sur les côtés.
  3. Cliquez sur un point et maintenez.
  4. Glissez vers un point du composant cible.
  5. Relâchez pour créer la connexion.

Personnaliser la connexion#

Sélectionnez la connexion pour accéder à ses propriétés :

  • Style : solide, pointillé, tirets.
  • Flèches : aucune, début, fin, les deux.
  • Libellé : texte sur la connexion (ex. « HTTPS », « Port 5432 »).
  • Animation : activez l'animation de flux de données.

Organiser votre architecture#

Déplacer les composants#

Cliquez et glissez pour repositionner. Si plusieurs composants sont sélectionnés (rectangle de sélection ou Ctrl+clic), ils se déplacent ensemble.

Redimensionner#

Sélectionnez un composant, puis glissez les poignées sur les coins ou les côtés.

Grouper en zones#

Pour créer une zone (VPC, cluster, région) :

  1. Sélectionnez plusieurs composants.
  2. Clic droit puis Grouper.
  3. La zone est créée avec une bordure et un libellé.

Sauvegarder#

Bonne nouvelle : tout est sauvegardé automatiquement. Vous n'avez rien à faire.

Un indicateur dans le header confirme le statut de sauvegarde.

Partager avec votre équipe#

Pour inviter des collègues à voir ou modifier votre architecture :

  1. Allez dans les paramètres du workspace.
  2. Dans la section Membres, cliquez sur Inviter.
  3. Entrez l'email du collègue.
  4. Choisissez son rôle :
    • Admin : peut tout gérer.
    • Editor : peut créer et modifier.
    • Viewer : lecture seule.
  5. L'invitation est envoyée par email.

Prochaines étapes#

Votre premier projet est créé. Pour aller plus loin :

  • Le Canvas - découvrez l'espace de travail et ses fonctionnalités.
  • Le Canvas - maîtrisez les interactions avancées.
  • Types de Nodes - explorez les 50+ types disponibles.