Calques

Le système de calques permet d'organiser visuellement votre architecture en catégories logiques. Chaque calque représente un niveau d'abstraction de votre infrastructure, vous permettant de vous concentrer sur une partie spécifique ou de présenter progressivement votre système.

Les 4 calques par défaut#

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 métier
Services	Violet	Les briques d'infrastructure
Réseau	Vert	Le routage et la distribution
Sécurité	Orange	La protection et les contrôles

Ces couleurs sont utilisées de manière cohérente dans toute l'application : bordures des composants et badges du panneau de propriétés.

Assignation automatique#

Chaque type de node est automatiquement assigné à un calque. Vous n'avez pas à y penser : ajoutez un composant, il apparaît dans le bon calque.

Calque Application#

Frontend
Backend
API
Worker
Function
Mobile

Ces composants représentent ce que vous développez : votre code, vos services, votre logique métier.

Calque Services#

Database
Cache
Queue
Storage
Search
Email
Auth

Les services que vos applications consomment. Ils peuvent être managés (RDS, Redis Cloud) ou auto-hébergés.

Calque Réseau#

Load Balancer
Proxy
CDN
DNS
Gateway
VPN
Bastion

L'infrastructure réseau qui connecte et distribue le trafic entre vos composants.

Calque Sécurité#

Firewall
WAF
Vault
Zone

Les éléments de protection : filtrage, chiffrement, gestion des secrets, segmentation.

Contrôler les calques#

La section Calques dans la toolbar vous permet de contrôler la visibilité :

Masquer un calque#

Cliquez sur l'icône oeil d'un calque pour le masquer :

Les nodes du calque disparaissent du canvas
Les connexions vers ces nodes sont également masquées

Cliquez à nouveau pour réafficher.

Mode Focus#

Cliquez sur le nom du calque (pas l'oeil) pour activer le mode focus :

Le calque sélectionné reste en pleine opacité
Les autres calques passent à 30% d'opacité
Les éléments restent cliquables mais visuellement atténués

Cliquez ailleurs ou sur le même calque pour désactiver le focus.

Multi-sélection#

Vous pouvez avoir plusieurs calques actifs tout en masquant les autres. Combinez les toggles selon vos besoins.

Cas d'usage#

Revue de sécurité#

Imaginez que vous préparez une revue de sécurité avec votre équipe :

Masquez les calques Application et Services
Activez uniquement Sécurité et Réseau
Visualisez tous vos firewalls, WAF, zones réseau et points d'entrée
Identifiez les lacunes : composants exposés sans protection

Le calque Sécurité isolé montre immédiatement l'état de votre posture défensive.

Debug infrastructure#

Quand vous diagnostiquez un problème de performance ou de connectivité :

Activez les calques Services et Réseau
Masquez Application et Sécurité
Concentrez-vous sur les bases de données, caches, load balancers
Identifiez les goulots d'étranglement

Présentation aux stakeholders#

Pour une présentation à des non-techniques :

Activez uniquement Application
Montrez les grandes briques fonctionnelles sans la complexité
Ajoutez progressivement les calques si des questions émergent
Évitez la surcharge d'informations

Onboarding développeur#

Pour présenter l'architecture à un nouveau membre :

Commencez par Application seul - les services qu'il va développer
Ajoutez Services - les dépendances directes
Puis Réseau et Sécurité - le contexte complet
Expliquez calque par calque

Cette approche progressive facilite la compréhension.

Les nodes du calque dans les groupes disparaissent
Le groupe reste visible s'il contient au moins un node visible
Le groupe disparaît si tous ses nodes sont masqués

Calques additionnels (à venir)#

Des calques supplémentaires sont prévus pour enrichir l'organisation :

Calque	Description
Observabilité	Monitoring, logs, traces, alertes
CI/CD	Pipelines, déploiements
Data Flow	Visualisation des flux de données
Coûts	Estimation des coûts cloud

Bonnes pratiques#

Structure spatiale#

Positionnez les éléments du même calque dans des zones similaires du canvas :

Application en haut (ce que l'utilisateur voit)
Services au milieu
Réseau et Sécurité en bas ou sur les côtés

Cette organisation spatiale renforce la cohérence visuelle.

Revue régulière#

Vérifiez périodiquement chaque calque individuellement :

Tous les éléments sont-ils correctement assignés ?
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 souhaité
Exportez en PNG ou SVG
Chaque calque devient une page de votre documentation

Prochaines étapes#

Templates pour des architectures pré-configurées
Types de Nodes pour la liste par calque
Checklist pour valider votre architecture