roam/distributed-web-application.svg
2021-10-01 17:48:18 -04:00

25 lines
No EOL
7.6 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" contentScriptType="application/ecmascript" contentStyleType="text/css" height="455px" preserveAspectRatio="none" style="width:276px;height:455px;background:#FFFFFF;" version="1.1" viewBox="0 0 276 455" width="276px" zoomAndPan="magnify"><defs><filter height="300%" id="fef79bhm49snf" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><line style="stroke:#A80036;stroke-width:1.0;" x1="35" x2="35" y1="88.4883" y2="215.7305"/><line style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:1.0,4.0;" x1="35" x2="35" y1="215.7305" y2="243.7305"/><line style="stroke:#A80036;stroke-width:1.0;" x1="35" x2="35" y1="243.7305" y2="370.9727"/><line style="stroke:#A80036;stroke-width:1.0;" x1="142" x2="142" y1="88.4883" y2="215.7305"/><line style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:1.0,4.0;" x1="142" x2="142" y1="215.7305" y2="243.7305"/><line style="stroke:#A80036;stroke-width:1.0;" x1="142" x2="142" y1="243.7305" y2="370.9727"/><line style="stroke:#A80036;stroke-width:1.0;" x1="240" x2="240" y1="88.4883" y2="215.7305"/><line style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:1.0,4.0;" x1="240" x2="240" y1="215.7305" y2="243.7305"/><line style="stroke:#A80036;stroke-width:1.0;" x1="240" x2="240" y1="243.7305" y2="370.9727"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="55" x="5" y="85.5352">Browser</text><ellipse cx="35.5" cy="15" fill="#FEFECE" filter="url(#fef79bhm49snf)" rx="8" ry="8" style="stroke:#A80036;stroke-width:2.0;"/><path d="M35.5,23 L35.5,50 M22.5,31 L48.5,31 M35.5,50 L22.5,65 M35.5,50 L48.5,65 " fill="none" filter="url(#fef79bhm49snf)" style="stroke:#A80036;stroke-width:2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="55" x="5" y="383.5078">Browser</text><ellipse cx="35.5" cy="396.4609" fill="#FEFECE" filter="url(#fef79bhm49snf)" rx="8" ry="8" style="stroke:#A80036;stroke-width:2.0;"/><path d="M35.5,404.4609 L35.5,431.4609 M22.5,412.4609 L48.5,412.4609 M35.5,431.4609 L22.5,446.4609 M35.5,431.4609 L48.5,446.4609 " fill="none" filter="url(#fef79bhm49snf)" style="stroke:#A80036;stroke-width:2.0;"/><rect fill="#FEFECE" filter="url(#fef79bhm49snf)" height="30.4883" style="stroke:#A80036;stroke-width:1.5;" width="71" x="105" y="53"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="57" x="112" y="73.5352">WebApp</text><rect fill="#FEFECE" filter="url(#fef79bhm49snf)" height="30.4883" style="stroke:#A80036;stroke-width:1.5;" width="71" x="105" y="369.9727"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="57" x="112" y="390.5078">WebApp</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="63" x="206" y="85.5352">Database</text><path d="M222.5,36 C222.5,26 240.5,26 240.5,26 C240.5,26 258.5,26 258.5,36 L258.5,62 C258.5,72 240.5,72 240.5,72 C240.5,72 222.5,72 222.5,62 L222.5,36 " fill="#FEFECE" filter="url(#fef79bhm49snf)" style="stroke:#000000;stroke-width:1.5;"/><path d="M222.5,36 C222.5,46 240.5,46 240.5,46 C240.5,46 258.5,46 258.5,36 " fill="none" style="stroke:#000000;stroke-width:1.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="63" x="206" y="383.5078">Database</text><path d="M222.5,396.4609 C222.5,386.4609 240.5,386.4609 240.5,386.4609 C240.5,386.4609 258.5,386.4609 258.5,396.4609 L258.5,422.4609 C258.5,432.4609 240.5,432.4609 240.5,432.4609 C240.5,432.4609 222.5,432.4609 222.5,422.4609 L222.5,396.4609 " fill="#FEFECE" filter="url(#fef79bhm49snf)" style="stroke:#000000;stroke-width:1.5;"/><path d="M222.5,396.4609 C222.5,406.4609 240.5,406.4609 240.5,406.4609 C240.5,406.4609 258.5,406.4609 258.5,396.4609 " fill="none" style="stroke:#000000;stroke-width:1.5;"/><polygon fill="#A80036" points="130.5,115.7988,140.5,119.7988,130.5,123.7988,134.5,119.7988" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="35.5" x2="136.5" y1="119.7988" y2="119.7988"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="83" x="42.5" y="115.0566">Request Page</text><polygon fill="#A80036" points="228.5,145.1094,238.5,149.1094,228.5,153.1094,232.5,149.1094" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="142.5" x2="234.5" y1="149.1094" y2="149.1094"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="63" x="149.5" y="144.3672">Load Data</text><polygon fill="#A80036" points="153.5,174.4199,143.5,178.4199,153.5,182.4199,149.5,178.4199" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="147.5" x2="239.5" y1="178.4199" y2="178.4199"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="74" x="159.5" y="173.6777">Return Data</text><polygon fill="#A80036" points="46.5,203.7305,36.5,207.7305,46.5,211.7305,42.5,207.7305" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="40.5" x2="141.5" y1="207.7305" y2="207.7305"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="76" x="52.5" y="202.9883">Render Page</text><polygon fill="#A80036" points="130.5,261.041,140.5,265.041,130.5,269.041,134.5,265.041" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="35.5" x2="136.5" y1="265.041" y2="265.041"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="64" x="42.5" y="260.2988">Save Form</text><polygon fill="#A80036" points="228.5,290.3516,238.5,294.3516,228.5,298.3516,232.5,294.3516" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="142.5" x2="234.5" y1="294.3516" y2="294.3516"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="65" x="149.5" y="289.6094">Write Data</text><polygon fill="#A80036" points="153.5,319.6621,143.5,323.6621,153.5,327.6621,149.5,323.6621" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="147.5" x2="239.5" y1="323.6621" y2="323.6621"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="73" x="159.5" y="318.9199">Data Stored</text><polygon fill="#A80036" points="46.5,348.9727,36.5,352.9727,46.5,356.9727,42.5,352.9727" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="40.5" x2="141.5" y1="352.9727" y2="352.9727"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="37" x="52.5" y="348.2305">Done!</text><!--MD5=[067d1d3213987250ca722d6732cb602c]
@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.2021.10(Mon Aug 30 09:43:48 EDT 2021)
(GPL source distribution)
Java Runtime: Java(TM) SE Runtime Environment
JVM: Java HotSpot(TM) 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>