This is a demo of a web site generated from an action model with PlantUML C4 representations. Diagram elements below are linked to the pages (actions) of respective components.
!include <c4/C4_Context.puml>
'ref http://plantuml.com/stdlib
!include <office/Users/user.puml>
!include <office/Users/mobile_user.puml>
'LAYOUT_WITH_LEGEND
title System Context diagram for Internet Banking System
Person(customer , Customer , "<$user> <$mobile_user>\n A customer of the bank, with personal bank accounts", $link="customer.html")
System(banking_system, "Internet Banking System", "Allows customers to view information about their bank accounts, and make payments.", $link="systems/internet-banking/index.html")
System_Ext(mail_system, "E-mail system", "The internal Microsoft Exchange e-mail system.", $link="systems/external/e-mail.html")
System_Ext(mainframe, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.", $link="systems/external/mainframe.html")
Rel(customer, banking_system, "Uses")
Rel_Back(customer, mail_system, "Sends e-mails to")
Rel_Neighbor(banking_system, mail_system, "Sends e-mails", "SMTP")
Rel(banking_system, mainframe, "Uses")
Detailed description goes here.
Nasdanika