Mode Presentation
Creez des presentations interactives de votre architecture avec Architecture Stories. Slides, spotlight et navigation clavier.
Le mode Presentation (Architecture Stories) transforme votre diagramme en une serie de slides guides. Chaque slide met en spotlight un ou plusieurs composants, avec un titre et une description explicative. Ideal pour l'onboarding technique, les revues d'architecture et les presentations clients.
Mode présentation avec spotlight et navigation
Concept#
Une presentation est composee de slides. Chaque slide :
- Met en spotlight un ou plusieurs composants (100% opacite)
- Affiche un titre et une description
- Contient des notes du presentateur (optionnelles)
- Zoome automatiquement sur la zone concernee
- Attenue le reste du diagramme (20% opacite)
Creer une presentation#
Ouvrir l'editeur#
- Cliquez sur le bouton Presentation dans la toolbar
- Ou utilisez le raccourci Cmd+Shift+P (Ctrl+Shift+P sur Windows)
L'editeur s'ouvre dans un panneau lateral.
Panel de l'éditeur de présentation
Nouvelle presentation#
- Cliquez sur Nouvelle presentation
- Donnez un nom descriptif (ex: "Onboarding Architecture API")
- Ajoutez une description optionnelle
- Cliquez sur Creer
Ajouter des slides#
Pour chaque slide :
- Cliquez sur + Ajouter un slide
- Donnez un titre au slide
- Selectionnez les nodes a mettre en spotlight sur le canvas
- Ajoutez une description explicative
- (Optionnel) Ajoutez des notes du presentateur
Capturer la vue actuelle#
Le bouton Capturer la vue cree un slide a partir de :
- La position et le zoom actuels du canvas
- Les nodes actuellement selectionnes
C'est le moyen le plus rapide de construire une presentation.
Reorganiser les slides#
- Drag & drop : Glissez-deposez pour reordonner
- Supprimer : Cliquez sur l'icone corbeille
Lancer une presentation#
Demarrer#
- Dans l'editeur, cliquez sur Lancer a cote de la presentation
- Ou double-cliquez sur la presentation
- Le mode plein ecran s'active
Controles#
| Action | Clavier | Souris/Tactile |
|---|---|---|
| Slide suivant | → Espace Entree | Clic zone droite |
| Slide precedent | ← | Clic zone gauche |
| Aller a un slide | - | Clic sur indicateur |
| Plein ecran | F | Bouton plein ecran |
| Quitter | Echap | Bouton × |
| Premier slide | Home | - |
| Dernier slide | End | - |
Indicateur de progression#
En bas de l'ecran, des points indiquent votre position :
- Point plein : Slide actuel
- Points vides : Autres slides
- Clic sur un point : Aller directement au slide
Effet Spotlight#
Le spotlight est le coeur de l'experience :
- Nodes en focus : 100% d'opacite, couleurs vives
- Autres nodes : Fondu a 20% d'opacite
- Zoom automatique : La vue s'ajuste pour montrer les nodes en focus
- Transition fluide : Animation entre les slides
L'effet spotlight aide l'audience a se concentrer sur la partie pertinente de l'architecture.
Notes du presentateur#
Les notes sont destinees a l'orateur :
- Non affichees pendant la presentation
- Points cles a mentionner
- Questions a poser a l'audience
- Rappels techniques
Pour les consulter pendant la presentation, utilisez un deuxieme ecran avec l'editeur ouvert.
Support mobile#
Les presentations sont consultables sur mobile et tablette :
- Gestes tactiles : Pinch-to-zoom et drag-to-pan
- Tap gauche/droite : Navigation entre slides
- Orientation : Mode paysage recommande
Ideal pour presenter depuis une tablette lors d'une reunion.
Export PDF#
Exportez votre presentation en PDF :
- Ouvrez l'editeur de presentation
- Selectionnez la presentation
- Cliquez sur Exporter PDF
Chaque slide devient une page avec le titre, la capture et la description. Ideal pour partager avec des personnes sans acces a l'application.
Cas d'usage#
Onboarding developpeur#
Structure recommandee :
- Vue d'ensemble de l'architecture complete
- Point d'entree (API Gateway, Frontend)
- Services backend (un par un)
- Couche de donnees
- Infrastructure (monitoring, logs)
Revue de securite#
- Vue d'ensemble
- Points d'entree externes
- Composants d'authentification
- Flux de donnees sensibles
- Zones de confiance
Presentation client#
- Vue utilisateur (frontend, mobile)
- Infrastructure backend (haut niveau)
- Garanties (replicas, backups)
- Points de contact (API, webhooks)
Bonnes pratiques#
Structure#
- Introduction : Vue d'ensemble complete
- Parcours logique : Suivre le flux de donnees ou la hierarchie
- Focus progressif : Du general au specifique
- Conclusion : Retour a la vue d'ensemble
Duree#
- 5-10 slides pour une presentation courte (5 min)
- 15-20 slides pour une presentation complete (15 min)
- Pas de limite technique
Annotations#
Utilisez les descriptions pour :
- Expliquer le role du composant
- Mentionner les technologies utilisees
- Signaler les points d'attention
- Poser des questions a l'audience
FAQ#
Les presentations sont-elles partagees ?#
Oui. Tous les membres du projet avec acces en lecture peuvent voir et lancer les presentations. Seuls les membres avec acces en ecriture peuvent les modifier.
Puis-je modifier une presentation en cours ?#
Oui. Fermez le mode presentation (Echap), modifiez dans l'editeur, puis relancez.
Le spotlight fonctionne-t-il avec les groupes ?#
Oui. Vous pouvez mettre en spotlight un groupe entier. Tous les nodes du groupe seront mis en evidence.
Prochaines etapes#
- Analyse d'impact pour explorer les dependances
- Canvas pour les interactions de base
- Export pour les exports standards