Calques
Organisez votre architecture avec le systeme de calques pour une vision claire et structuree par niveau d'abstraction.
Le systeme de calques permet d'organiser visuellement votre architecture en categories logiques. Chaque calque represente un niveau d'abstraction de votre infrastructure, vous permettant de vous concentrer sur une partie specifique ou de presenter progressivement votre systeme.
Les 4 calques par defaut#
Siovos Archi organise les composants en 4 calques correspondant aux couches typiques d'une architecture moderne :
| Calque | Couleur | Description |
|---|---|---|
| Application | Bleu | Le code et les services metier |
| Services | Violet | Les briques d'infrastructure |
| Reseau | Vert | Le routage et la distribution |
| Securite | Orange | La protection et les controles |
Ces couleurs sont utilisees de maniere coherente dans toute l'application : bordures des nodes, minimap, badges du panneau de proprietes.
Assignation automatique#
Chaque type de node est automatiquement assigne a un calque. Vous n'avez pas a y penser : ajoutez un composant, il apparait dans le bon calque.
Calque Application#
- Frontend
- Backend
- API
- Worker
- Function
- Mobile
Ces composants representent ce que vous developpez : votre code, vos services, votre logique metier.
Calque Services#
- Database
- Cache
- Queue
- Storage
- Search
- Auth
Les services que vos applications consomment. Ils peuvent etre manages (RDS, Redis Cloud) ou auto-heberges.
Calque Reseau#
- Load Balancer
- Proxy
- CDN
- DNS
- Gateway
- VPN
- Bastion
L'infrastructure reseau qui connecte et distribue le trafic entre vos composants.
Calque Securite#
- Firewall
- WAF
- Vault
- Zone
Les elements de protection : filtrage, chiffrement, gestion des secrets, segmentation.
Controler les calques#
La section Calques dans la toolbar vous permet de controler la visibilite :
Masquer un calque#
Cliquez sur l'icone oeil d'un calque pour le masquer :
- Les nodes du calque disparaissent du canvas
- Les connexions vers ces nodes sont egalement masquees
- La minimap reflete les changements
Cliquez a nouveau pour reafficher.
Mode Focus#
Cliquez sur le nom du calque (pas l'oeil) pour activer le mode focus :
- Le calque selectionne reste en pleine opacite
- Les autres calques passent a 30% d'opacite
- Les elements restent cliquables mais visuellement attenues
Cliquez ailleurs ou sur le meme calque pour desactiver le focus.
Multi-selection#
Vous pouvez avoir plusieurs calques actifs tout en masquant les autres. Combinez les toggles selon vos besoins.
Cas d'usage#
Revue de securite#
Imaginez que vous preparez une revue de securite avec votre equipe :
- Masquez les calques Application et Services
- Activez uniquement Securite et Reseau
- Visualisez tous vos firewalls, WAF, zones reseau et points d'entree
- Identifiez les lacunes : composants exposes sans protection
Le calque Securite isole montre immediatement l'etat de votre posture defensive.
Debug infrastructure#
Quand vous diagnostiquez un probleme de performance ou de connectivite :
- Activez les calques Services et Reseau
- Masquez Application et Securite
- Concentrez-vous sur les bases de donnees, caches, load balancers
- Identifiez les goulots d'etranglement
Presentation aux stakeholders#
Pour une presentation a des non-techniques :
- Activez uniquement Application
- Montrez les grandes briques fonctionnelles sans la complexite
- Ajoutez progressivement les calques si des questions emergent
- Evitez la surcharge d'informations
Onboarding developpeur#
Pour presenter l'architecture a un nouveau membre :
- Commencez par Application seul - les services qu'il va developper
- Ajoutez Services - les dependances directes
- Puis Reseau et Securite - le contexte complet
- Expliquez calque par calque
Cette approche progressive facilite la comprehension.
Couleurs et coherence#
Les couleurs des calques sont appliquees a plusieurs endroits :
Minimap#
La minimap affiche les nodes colores par calque. Cela vous permet d'identifier la repartition de votre architecture en un coup d'oeil.
Bordures des nodes#
Chaque node a une bordure legerement coloree selon son calque. Cet indicateur subtil aide a l'orientation visuelle.
Panneau de proprietes#
Un badge indique le calque du node selectionne. Si vous vous demandez a quel calque appartient un element, selectionnez-le.
Calques et groupes#
Les groupes (zones) ne sont pas assignes a un calque. Ils contiennent des nodes de potentiellement plusieurs calques.
Quand vous masquez un calque :
- Les nodes du calque dans les groupes disparaissent
- Le groupe reste visible s'il contient au moins un node visible
- Le groupe disparait si tous ses nodes sont masques
Calques additionnels (a venir)#
Des calques supplementaires sont prevus pour enrichir l'organisation :
| Calque | Description |
|---|---|
| Observabilite | Monitoring, logs, traces, alertes |
| CI/CD | Pipelines, deploiements |
| Data Flow | Visualisation des flux de donnees |
| Couts | Estimation des couts cloud |
Bonnes pratiques#
Structure spatiale#
Positionnez les elements du meme calque dans des zones similaires du canvas :
- Application en haut (ce que l'utilisateur voit)
- Services au milieu
- Reseau et Securite en bas ou sur les cotes
Cette organisation spatiale renforce la coherence visuelle.
Revue reguliere#
Verifiez periodiquement chaque calque individuellement :
- Tous les elements sont-ils correctement assignes ?
- La checklist identifie-t-elle des lacunes ?
- Les nouvelles additions respectent-elles la structure ?
Export par calque#
Pour la documentation, exportez des vues par calque :
- Activez uniquement le calque souhaite
- Exportez en PNG ou PDF
- Chaque calque devient une page de votre documentation
Prochaines etapes#
- Templates pour des architectures pre-configurees
- Types de Nodes pour la liste par calque
- Checklist pour valider votre architecture