roam/distributed-web-application.svg
2022-10-29 02:36:10 -04:00

25 lines
No EOL
7.1 KiB
XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentStyleType="text/css" height="469px" preserveAspectRatio="none" style="width:273px;height:469px;background:#FFFFFF;" version="1.1" viewBox="0 0 273 469" width="273px" zoomAndPan="magnify"><defs/><g><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="35" x2="35" y1="84.0679" y2="220.892"/><line style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:1.0,4.0;" x1="35" x2="35" y1="220.892" y2="248.892"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="35" x2="35" y1="248.892" y2="385.716"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="141" x2="141" y1="84.0679" y2="220.892"/><line style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:1.0,4.0;" x1="141" x2="141" y1="220.892" y2="248.892"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="141" x2="141" y1="248.892" y2="385.716"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="237" x2="237" y1="84.0679" y2="220.892"/><line style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:1.0,4.0;" x1="237" x2="237" y1="220.892" y2="248.892"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="237" x2="237" y1="248.892" y2="385.716"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="55" x="5" y="79.9659">Browser</text><ellipse cx="35.5" cy="13.5" fill="#E2E2F0" rx="8" ry="8" style="stroke:#181818;stroke-width:0.5;"/><path d="M35.5,21.5 L35.5,48.5 M22.5,29.5 L48.5,29.5 M35.5,48.5 L22.5,63.5 M35.5,48.5 L48.5,63.5 " fill="none" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="55" x="5" y="399.682">Browser</text><ellipse cx="35.5" cy="412.284" fill="#E2E2F0" rx="8" ry="8" style="stroke:#181818;stroke-width:0.5;"/><path d="M35.5,420.284 L35.5,447.284 M22.5,428.284 L48.5,428.284 M35.5,447.284 L22.5,462.284 M35.5,447.284 L48.5,462.284 " fill="none" style="stroke:#181818;stroke-width:0.5;"/><rect fill="#E2E2F0" height="33.0679" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="71" x="106" y="50"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="57" x="113" y="71.9659">WebApp</text><rect fill="#E2E2F0" height="33.0679" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="71" x="106" y="384.716"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="57" x="113" y="406.682">WebApp</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="63" x="203" y="79.9659">Database</text><path d="M219.5,29 C219.5,19 237.5,19 237.5,19 C237.5,19 255.5,19 255.5,29 L255.5,55 C255.5,65 237.5,65 237.5,65 C237.5,65 219.5,65 219.5,55 L219.5,29 " fill="#E2E2F0" style="stroke:#181818;stroke-width:1.5;"/><path d="M219.5,29 C219.5,39 237.5,39 237.5,39 C237.5,39 255.5,39 255.5,29 " fill="none" style="stroke:#181818;stroke-width:1.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="63" x="203" y="399.682">Database</text><path d="M219.5,413.784 C219.5,403.784 237.5,403.784 237.5,403.784 C237.5,403.784 255.5,403.784 255.5,413.784 L255.5,439.784 C255.5,449.784 237.5,449.784 237.5,449.784 C237.5,449.784 219.5,449.784 219.5,439.784 L219.5,413.784 " fill="#E2E2F0" style="stroke:#181818;stroke-width:1.5;"/><path d="M219.5,413.784 C219.5,423.784 237.5,423.784 237.5,423.784 C237.5,423.784 255.5,423.784 255.5,413.784 " fill="none" style="stroke:#181818;stroke-width:1.5;"/><polygon fill="#181818" points="129.5,113.7739,139.5,117.7739,129.5,121.7739,133.5,117.7739" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="35.5" x2="135.5" y1="117.7739" y2="117.7739"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="82" x="42.5" y="111.9649">Request Page</text><polygon fill="#181818" points="225.5,145.4799,235.5,149.4799,225.5,153.4799,229.5,149.4799" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="141.5" x2="231.5" y1="149.4799" y2="149.4799"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="61" x="148.5" y="143.6709">Load Data</text><polygon fill="#181818" points="152.5,177.186,142.5,181.186,152.5,185.186,148.5,181.186" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="146.5" x2="236.5" y1="181.186" y2="181.186"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="72" x="158.5" y="175.377">Return Data</text><polygon fill="#181818" points="46.5,208.892,36.5,212.892,46.5,216.892,42.5,212.892" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="40.5" x2="140.5" y1="212.892" y2="212.892"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="76" x="52.5" y="207.083">Render Page</text><polygon fill="#181818" points="129.5,268.598,139.5,272.598,129.5,276.598,133.5,272.598" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="35.5" x2="135.5" y1="272.598" y2="272.598"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="63" x="42.5" y="266.789">Save Form</text><polygon fill="#181818" points="225.5,300.304,235.5,304.304,225.5,308.304,229.5,304.304" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="141.5" x2="231.5" y1="304.304" y2="304.304"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="63" x="148.5" y="298.495">Write Data</text><polygon fill="#181818" points="152.5,332.01,142.5,336.01,152.5,340.01,148.5,336.01" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="146.5" x2="236.5" y1="336.01" y2="336.01"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="71" x="158.5" y="330.201">Data Stored</text><polygon fill="#181818" points="46.5,363.716,36.5,367.716,46.5,371.716,42.5,367.716" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="40.5" x2="140.5" y1="367.716" y2="367.716"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="36" x="52.5" y="361.907">Done!</text><!--MD5=[153617dfb65346760ae39679441e98ba]
@startuml
actor Browser
participant WebApp
database Database
Browser -> WebApp : Request Page
WebApp -> Database : Load Data
Database -> WebApp : Return Data
WebApp -> Browser : Render Page
...
Browser -> WebApp : Save Form
WebApp -> Database : Write Data
Database -> WebApp : Data Stored
WebApp -> Browser : Done!
@enduml
PlantUML version 1.2022.12(Sun Oct 23 14:12:26 EDT 2022)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>