Beispiel Level 2 C4 Model vom Live Coding Stream am 22.6.2019

c4.puml

!includeurl https://raw.githubusercontent.com/RicardoNiepel/C4-PlantUML/release/1-0/C4_Container.puml

Person(user, "Anwender", "Stellt Reisekostenanträge")
Person(consultant, "Sachbearbeiter", "Prüft und genehmigt")


System_Boundary(portal, "Reisekostenportal"){

    Container(web_app, "Web Applikation", "Spring Boot, Apache", "Stellt die Busainesslogik für das Reisekostenportal bereit")
    
    Container(frontend, "Portalanwendung", "vue.js", "Stell Funktionalität bereit um Reisekostenantreäge zu stellen")
    Container(consultant_frontend, "Sachbearbeiteranwendung", "vue.js", "Stellt die Funktionalität zum Prüfen und gnehmeigen von Reisekostenanträgen bereit")

    Container(db, "Datenbank", "MySQL", "Speicherung der Reisekostenanträge")

    Rel(web_app, frontend, "delivers")
    Rel(web_app, consultant_frontend, "delivers")

    Container(api, "Web API", "Spring Boot", "Stellt Zugriff auf die DB bereit")

    Rel(api, db, "nutz", "JDBC")
    Rel(frontend, api, "ruft auf", "REST, JSON/HTTP")
    Rel(consultant_frontend, api, "ruft auf", "REST, JSON/HTTP")
}

Rel(user, web_app, "brenutzt", "HTTPS")
Rel(user, frontend, "brenutzt", "HTTPS")

Rel(consultant, web_app, "brenutzt", "HTTPS")
Rel(consultant, frontend, "brenutzt", "HTTPS")

System_Ext(mail_server, "Mail Server", "Versendet E-Mails")

Rel(mail_server, user, "versendet E-Mail", "SMTP")
Rel(web_app, mail_server, "triggert Mail-Versand")