@startuml skinparam style strictuml skinparam componentStyle uml2 node "Browser moderne" { component [Application frontale\nminimaliste, par exemple\nles pages web (templates)\net un peu de JavaScript] as GUI } node "Système de gestion\ndes apprentissages\n(SGA)" <<Système>> { interface Routage as Router [Application conçue\nselon la méthodologie\nproposée par Larman] as App database "Solution\nsimple" as SimpleDB { } } node "Système de gestion\ndes borderaux\n(SGB)" as SGB <<Système>> #999999 { note as SGBNote <&arrow-circle-left> Source pour les infos sur les cours, les étudiants, etc. <&arrow-circle-right> Destination pour les résultats des question- naires et devoirs. end note } GUI -left-( Router : API REST niveau 1 Router -down- App App -down- SimpleDB App -right- SGB : API REST @enduml Submit amiga aws-orange black-knight bluegray blueprint cerulean-outline cerulean crt-amber crt-green cyborg-outline cyborg hacker lightgray mars materia-outline materia metal mimeograph minty plain reddress-darkblue reddress-darkgreen reddress-darkorange reddress-darkred reddress-lightblue reddress-lightgreen reddress-lightorange reddress-lightred sandstone silver sketchy-outline sketchy spacelab spacelab-white superhero-outline superhero toy united vibrant       🎉 Discover the future PlantUML Web Editor! 🚀  PNG  SVG  ASCII Art