1. <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
  2. <!-- Définition des éléments graphiques -->
  3. <defs>
  4. <!-- Définition d'un style pour les textes -->
  5. <style>
  6. .text { font-family: Arial, sans-serif; font-size: 14px; fill: #333; }
  7. .title { font-weight: bold; font-size: 18px; }
  8. .tool { fill: #0077cc; }
  9. .component { fill: #00cc66; }
  10. .service { fill: #ffcc00; }
  11. </style>
  12. <!-- Définition d'un filtre pour les ombres -->
  13. <filter id="drop-shadow" x="-20%" y="-20%" width="140%" height="140%">
  14. <feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
  15. <feOffset in="blur" dx="3" dy="3" result="offsetBlur"/>
  16. <feMerge>
  17. <feMergeNode in="offsetBlur"/>
  18. <feMergeNode in="SourceGraphic"/>
  19. </feMerge>
  20. </filter>
  21. </defs>
  22. <!-- Titre de l'architecture -->
  23. <text x="10" y="30" class="text title">Architecture de la Solution</text>
  24. <!-- Définition des éléments -->
  25. <!-- Moodle -->
  26. <rect x="50" y="70" width="100" height="50" class="component"/>
  27. <text x="60" y="100" class="text">Moodle</text>
  28. <!-- JupyterHub -->
  29. <rect x="200" y="70" width="100" height="50" class="component"/>
  30. <text x="210" y="100" class="text">JupyterHub</text>
  31. <!-- VPL -->
  32. <rect x="350" y="70" width="100" height="50" class="component"/>
  33. <text x="370" y="100" class="text">VPL</text>
  34. <!-- Big Blue Button -->
  35. <rect x="500" y="70" width="100" height="50" class="component"/>
  36. <text x="510" y="100" class="text">Big Blue Button</text>
  37. <!-- LDAP Server -->
  38. <rect x="650" y="70" width="100" height="50" class="component"/>
  39. <text x="660" y="100" class="text">LDAP Server</text>
  40. <!-- Autres services -->
  41. <text x="50" y="160" class="text title">Services Complémentaires</text>
  42. <!-- OrangeHRM -->
  43. <rect x="50" y="200" width="100" height="50" class="service"/>
  44. <text x="60" y="230" class="text">OrangeHRM</text>
  45. <!-- RocketChat -->
  46. <rect x="200" y="200" width="100" height="50" class="service"/>
  47. <text x="210" y="230" class="text">RocketChat</text>
  48. <!-- OpenProject -->
  49. <rect x="350" y="200" width="100" height="50" class="service"/>
  50. <text x="360" y="230" class="text">OpenProject</text>
  51. <!-- IRedMail -->
  52. <rect x="500" y="200" width="100" height="50" class="service"/>
  53. <text x="510" y="230" class="text">IRedMail</text>
  54. <!-- RoundCube -->
  55. <rect x="650" y="200" width="100" height="50" class="service"/>
  56. <text x="660" y="230" class="text">RoundCube</text>
  57. <!-- Connexions entre les éléments -->
  58. <!-- Lignes -->
  59. <line x1="150" y1="95" x2="200" y2="95" stroke="black" stroke-width="2"/>
  60. <line x1="300" y1="95" x2="350" y2="95" stroke="black" stroke-width="2"/>
  61. <line x1="450" y1="95" x2="500" y2="95" stroke="black" stroke-width="2"/>
  62. <line x1="600" y1="95" x2="650" y2="95" stroke="black" stroke-width="2"/>
  63. <!-- Flèches -->
  64. <polygon points="200,90 210,95 200,100" fill="black"/>
  65. <polygon points="350,90 360,95 350,100" fill="black"/>
  66. <polygon points="500,90 510,95 500,100" fill="black"/>
  67. <polygon points="650,90 660,95 650,100" fill="black"/>
  68. </svg>
 
 

96

Texte collé #34176

-

PasteBin

Lignes
72
Mots
309
Taille
3,1 Kio
Créé le
Type
text/plain
Public Domain (PD)
Eya Laabidi a écrit le  :

g

Connectez-vous pour ajouter un commentaire !