Visite guidee

Decouvrez les principales fonctionnalites de Siovos Archi en 5 minutes avec cette visite guidee interactive.

Cette visite guidee vous presente les fonctionnalites essentielles de Siovos Archi. En 5 minutes, vous aurez une vue d'ensemble complete de ce que l'outil peut faire pour vous.

L'interface en un coup d'oeil#

Quand vous ouvrez un projet, vous voyez l'interface principale composee de plusieurs zones :

Interface complete de Siovos ArchiInterface complete de Siovos Archi

La sidebar contient votre navigation : workspaces, dossiers et projets. Le WorkspaceSwitcher en haut vous permet de changer d'espace de travail rapidement.

Canvas (centre)#

L'espace de travail principal ou vous concevez votre architecture. Zoomez avec la molette, deplacez la vue avec clic droit + glisser.

Toolbar (gauche du canvas)#

Les outils pour ajouter des nodes, controler le zoom et acceder a l'historique (undo/redo).

Panneau droit#

S'ouvre quand vous selectionnez un element. Trois onglets :

  • Proprietes : Modifier l'element
  • Checklist : Suggestions d'amelioration
  • Commentaires : Discussion avec l'equipe

Minimap (bas droite)#

Vue globale de votre architecture, utile pour les grands diagrammes.

Les 25+ types de nodes#

Siovos Archi propose plus de 25 types de composants pre-configures, organises en 5 categories :

CategorieExemples
ApplicationFrontend, Backend, API, Worker, Function
ServicesDatabase, Cache, Queue, Storage, Search
ReseauLoad Balancer, CDN, DNS, Proxy, Gateway
SecuriteFirewall, WAF, Vault, Zone
ExterneExternal API, User

Chaque type a une icone distinctive, une couleur par defaut et des champs de metadonnees adaptes (port, technologie, URL...).

Connexions intelligentes#

Les connexions ne sont pas de simples lignes. Elles representent des relations specifiques entre vos composants :

  • 6 styles de ligne : Solid, dashed, dotted, dash-dot...
  • 7 types de chemin : Smoothstep, bezier, step, straight...
  • Labels : Annotez avec "HTTPS", "gRPC", "Port 5432"
  • Animation : Visualisez le flux de donnees en mouvement

Double-cliquez sur une connexion pour editer son label directement sur le canvas.

Systeme de calques#

Les 4 calques organisent votre architecture par niveau d'abstraction :

  • Application (bleu) : Code et services metier
  • Services (violet) : Bases de donnees, cache, queues
  • Reseau (vert) : Load balancers, CDN, proxies
  • Securite (orange) : Firewalls, WAF, zones

Masquez un calque pour vous concentrer sur une partie specifique. Ideal pour les revues de securite ou les presentations.

Templates pre-configures#

Plutot que de partir de zero, utilisez un des 20+ templates disponibles :

  • Web App Simple
  • Microservices
  • Serverless AWS
  • Zero Trust
  • E-commerce
  • Et bien d'autres...

Chaque template est un point de depart que vous personnalisez selon vos besoins.

Collaboration en temps reel#

Commentaires#

Selectionnez un node et ajoutez un commentaire. Les commentaires sont lies au composant, ce qui rend les discussions contextuelles.

@Mentions#

Tapez @nom pour mentionner un collegue. Il recoit une notification instantanee avec un lien direct vers le commentaire.

Synchronisation#

Les modifications se synchronisent en temps reel. Tous les membres connectes voient les changements instantanement.

Mode Presentation#

Architecture Stories transforme votre diagramme en presentation guidee :

  1. Creez des slides qui mettent en spotlight des composants specifiques
  2. Ajoutez titres et descriptions
  3. Lancez la presentation avec navigation clavier (fleches)
  4. Le reste du diagramme passe en fondu pour attirer l'attention

Parfait pour l'onboarding des nouveaux developpeurs ou les revues d'architecture.

Analyse d'impact#

Avant de modifier un composant critique, visualisez les consequences :

  • Downstream : Quels composants seront affectes ?
  • Upstream : De quels services ce composant depend-il ?

Le resultat s'affiche avec un overlay visuel sur le canvas.

Raccourcis essentiels#

ActionRaccourci
Palette de commandesCmd+K
AnnulerCmd+Z
RetablirCmd+Shift+Z
DupliquerCmd+D
SupprimerDelete
Zoom 100%Cmd+0
Fit viewCmd+1

Historique de versions#

L'historique fonctionne comme Google Docs :

  • Versions automatiques lors des changements structurels
  • Versions nommees pour les jalons importants
  • Restauration en un clic

Vous pouvez experimenter sans risque : chaque modification est recuperable.

Export#

Partagez vos architectures dans differents formats :

FormatUtilisation
PNGPresentations, Slack, emails
SVGDocumentation, edition
PDFImpressions, archives

Et sur mobile ?#

Siovos Archi est consultable sur smartphone et tablette :

  • Navigation tactile (pinch-to-zoom, drag-to-pan)
  • Consultation des commentaires
  • Presentations Architecture Stories

L'edition reste optimisee pour desktop.

Prochaines etapes#

Vous avez maintenant une vue d'ensemble de Siovos Archi. Pour approfondir :