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 Archi
Sidebar (gauche)#
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 :
| Categorie | Exemples |
|---|---|
| Application | Frontend, Backend, API, Worker, Function |
| Services | Database, Cache, Queue, Storage, Search |
| Reseau | Load Balancer, CDN, DNS, Proxy, Gateway |
| Securite | Firewall, WAF, Vault, Zone |
| Externe | External 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 :
- Creez des slides qui mettent en spotlight des composants specifiques
- Ajoutez titres et descriptions
- Lancez la presentation avec navigation clavier (fleches)
- 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#
| Action | Raccourci |
|---|---|
| Palette de commandes | Cmd+K |
| Annuler | Cmd+Z |
| Retablir | Cmd+Shift+Z |
| Dupliquer | Cmd+D |
| Supprimer | Delete |
| Zoom 100% | Cmd+0 |
| Fit view | Cmd+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 :
| Format | Utilisation |
|---|---|
| PNG | Presentations, Slack, emails |
| SVG | Documentation, edition |
| Impressions, 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 :
- Le Canvas : Maitrisez toutes les interactions
- Composants : Explorez la bibliotheque complete
- Collaboration : Travaillez efficacement en equipe
- Mode Presentation : Creez vos premieres Architecture Stories