Calques
Organisez votre architecture avec le systeme de calques pour une vision claire et structuree de votre infrastructure.
Vue d'ensemble#
Le systeme de calques permet d'organiser visuellement votre architecture en categories logiques. Chaque calque represente un niveau d'abstraction de votre infrastructure.
Les 4 calques par defaut#
| Calque | Couleur | Description |
|---|---|---|
| Application | Bleu | Applications, APIs, Workers, Fonctions |
| Services | Violet | Bases de donnees, Cache, Queues, Stockage |
| Reseau | Vert | Load Balancers, CDN, DNS, Proxies |
| Securite | Orange | Firewalls, WAF, Zones reseau, Secrets |
Assignation automatique#
Chaque type de node est automatiquement assigne a un calque :
Application#
- Frontend
- Backend
- API
- Worker
- Function
- Mobile
Services#
- Database
- Cache
- Queue
- Storage
- Search
- Auth
Reseau#
- Load Balancer
- Proxy
- CDN
- DNS
- Gateway
- VPN
- Bastion
Securite#
- Firewall
- WAF
- Vault
- Zone
Controler les calques#
Toggle de visibilite#
Dans la toolbar a gauche, vous trouvez la section Calques :
- Cliquez sur l'oeil d'un calque pour le masquer/afficher
- Les nodes du calque masque disparaissent du canvas
- Les connexions vers ces nodes sont egalement masquees
Mode Focus#
Pour vous concentrer sur un seul calque :
- Cliquez sur le nom du calque (pas l'oeil)
- Les autres calques passent en opacite reduite (30%)
- Cliquez ailleurs pour desactiver le focus
Multi-selection#
Vous pouvez avoir plusieurs calques actifs simultanement tout en masquant les autres.
Cas d'usage#
Revue de securite#
- Activez uniquement le calque Securite
- Visualisez tous vos firewalls, WAF et zones reseau
- Identifiez les lacunes de protection
Debug infrastructure#
- Activez les calques Services et Reseau
- Masquez Application et Securite
- Concentrez-vous sur les dependances d'infrastructure
Presentation stakeholders#
- Activez uniquement Application
- Montrez une vue simplifiee aux non-techniques
- Evitez la surcharge d'informations
Onboarding nouveau developpeur#
- Commencez par Application seul
- Ajoutez progressivement Services
- Puis Reseau et Securite
- Expliquez calque par calque
Couleurs et coherence#
Les couleurs des calques sont utilisees dans :
- MiniMap : Vue globale coloree par calque
- Bordures des nodes : Indicateur visuel du calque
- Panneau de proprietes : Badge du calque actuel
Cette coherence visuelle permet d'identifier instantanement a quel calque appartient un element.
Calques additionnels (a venir)#
Des calques supplementaires sont prevus pour les futures versions :
| Calque | Description |
|---|---|
| Observabilite | Logs, Metrics, Traces |
| CI/CD | Pipelines, Deploiement |
| Data Flow | Visualisation des flux |
| Couts | Estimation des couts cloud |
Bonnes pratiques#
Structure#
- Placez les elements du meme calque dans la meme zone du canvas
- Utilisez des groupes pour les sous-ensembles logiques
- Maintenez une hierarchie visuelle claire
Revue reguliere#
- Verifiez periodiquement chaque calque individuellement
- Assurez-vous que tous les elements sont correctement assignes
- Utilisez la checklist pour identifier les lacunes
Documentation#
- Chaque calque raconte une partie de l'histoire
- L'ensemble donne une vue complete
- Exportez des vues par calque pour la documentation
Prochaines etapes#
- Templates : Architectures pre-configurees avec calques organises
- Collaboration : Partagez vos vues avec votre equipe