samples/C4_Container Diagram Sample - bigbankplc-styles.puml

1@startuml2!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml3​4SHOW_PERSON_OUTLINE()5AddElementTag("backendContainer", $fontColor=$ELEMENT_FONT_COLOR, $bgColor="#335DA5", $shape=EightSidedShape(), $legendText="backend container (eight sided)")6AddRelTag("async", $textColor=$ARROW_COLOR, $lineColor=$ARROW_COLOR, $lineStyle=DashedLine())7AddRelTag("sync/async", $textColor=$ARROW_COLOR, $lineColor=$ARROW_COLOR, $lineStyle=DottedLine())8​9title Container diagram for Internet Banking System10​11Person(customer, Customer, "A customer of the bank, with personal bank accounts")12​13System_Boundary(c1, "Internet Banking") {14    Container(web_app, "Web Application", "Java, Spring MVC", "Delivers the static content and the Internet banking SPA")15    Container(spa, "Single-Page App", "JavaScript, Angular", "Provides all the Internet banking functionality to cutomers via their web browser")16    Container(mobile_app, "Mobile App", "C#, Xamarin", "Provides a limited subset of the Internet banking functionality to customers via their mobile device")17    ContainerDb(database, "Database", "SQL Database", "Stores user registration information, hashed auth credentials, access logs, etc.")18    Container(backend_api, "API Application", "Java, Docker Container", "Provides Internet banking functionality via API", $tags="backendContainer")19}20​21System_Ext(email_system, "E-Mail System", "The internal Microsoft Exchange system")22System_Ext(banking_system, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.")23​24Rel(customer, web_app, "Uses", "HTTPS")25Rel(customer, spa, "Uses", "HTTPS")26Rel(customer, mobile_app, "Uses")27​28Rel_Neighbor(web_app, spa, "Delivers")29Rel(spa, backend_api, "Uses", "async, JSON/HTTPS", $tags="async")30Rel(mobile_app, backend_api, "Uses", "async, JSON/HTTPS", $tags="async")31Rel_Back_Neighbor(database, backend_api, "Reads from and writes to", "sync, JDBC")32​33Rel_Back(customer, email_system, "Sends e-mails to")34Rel_Back(email_system, backend_api, "Sends e-mails using", "sync, SMTP")35Rel_Neighbor(backend_api, banking_system, "Uses", "sync/async, XML/HTTPS", $tags="sync/async")36​37SHOW_LEGEND()38@enduml39​