samples/C4_Container Diagram Sample - bigbankplc-icons.puml

1@startuml2!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml3!define DEVICONS https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/devicons4!define FONTAWESOME https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/font-awesome-55' uncomment the following line and comment the first to use locally6' !include C4_Container.puml7!include DEVICONS/angular.puml8!include DEVICONS/dotnet.puml9!include DEVICONS/java.puml10!include DEVICONS/msql_server.puml11!include FONTAWESOME/server.puml12!include FONTAWESOME/envelope.puml13​14' LAYOUT_TOP_DOWN()15' LAYOUT_AS_SKETCH()16LAYOUT_WITH_LEGEND()17​18title Container diagram for Internet Banking System19​20Person(customer, Customer, "A customer of the bank, with personal bank accounts")21​22System_Boundary(c1, "Internet Banking") {23    Container(web_app, "Web Application", "Java, Spring MVC", "Delivers the static content and the Internet banking SPA", "java")24    Container(spa, "Single-Page App", "JavaScript, Angular", "Provides all the Internet banking functionality to cutomers via their web browser", "angular")25    Container(mobile_app, "Mobile App", "C#, Xamarin", "Provides a limited subset of the Internet banking functionality to customers via their mobile device", "dotnet")26    ContainerDb(database, "Database", "SQL Database", "Stores user registraion information, hased auth credentials, access logs, etc.", "msql_server")27    Container(backend_api, "API Application", "Java, Docker Container", "Provides Internet banking functionality via API", "server")28}29​30System_Ext(email_system, "E-Mail System", "The internal Microsoft Exchange system", "envelope")31System_Ext(banking_system, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.")32​33Rel(customer, web_app, "Uses", "HTTPS")34Rel(customer, spa, "Uses", "HTTPS")35Rel(customer, mobile_app, "Uses")36​37Rel_Neighbor(web_app, spa, "Delivers")38Rel(spa, backend_api, "Uses", "async, JSON/HTTPS")39Rel(mobile_app, backend_api, "Uses", "async, JSON/HTTPS")40Rel_Back_Neighbor(database, backend_api, "Reads from and writes to", "sync, JDBC")41​42Rel_Back(customer, email_system, "Sends e-mails to")43Rel_Back(email_system, backend_api, "Sends e-mails using", "sync, SMTP")44Rel_Neighbor(backend_api, banking_system, "Uses", "sync/async, XML/HTTPS")45@enduml46​