~aleteoryx/muditaos

muditaos/module-gui/doc/how_ui_work.svg -rw-r--r-- 5.9 KiB
a405cad6Aleteoryx trim readme 6 days ago
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?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="294px" preserveAspectRatio="none" style="width:494px;height:294px;background:#F0F0F0;" version="1.1" viewBox="0 0 494 294" width="494px" zoomAndPan="magnify"><defs><filter height="300%" id="f10fho5c441ctd" 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; stroke-dasharray: 5.0,5.0;" x1="54" x2="54" y1="38.2969" y2="254.0938"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="226.5" x2="226.5" y1="38.2969" y2="254.0938"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="404" x2="404" y1="38.2969" y2="254.0938"/><rect fill="#FEFECE" filter="url(#f10fho5c441ctd)" height="30.2969" style="stroke: #A80036; stroke-width: 1.5;" width="89" x="8" y="3"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="75" x="15" y="22.9951">Application</text><rect fill="#FEFECE" filter="url(#f10fho5c441ctd)" height="30.2969" style="stroke: #A80036; stroke-width: 1.5;" width="89" x="8" y="253.0938"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="75" x="15" y="273.0889">Application</text><rect fill="#FEFECE" filter="url(#f10fho5c441ctd)" height="30.2969" style="stroke: #A80036; stroke-width: 1.5;" width="88" x="180.5" y="3"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="74" x="187.5" y="22.9951">ServiceGUI</text><rect fill="#FEFECE" filter="url(#f10fho5c441ctd)" height="30.2969" style="stroke: #A80036; stroke-width: 1.5;" width="88" x="180.5" y="253.0938"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="74" x="187.5" y="273.0889">ServiceGUI</text><rect fill="#FEFECE" filter="url(#f10fho5c441ctd)" height="30.2969" style="stroke: #A80036; stroke-width: 1.5;" width="93" x="356" y="3"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="79" x="363" y="22.9951">ServiceEink</text><rect fill="#FEFECE" filter="url(#f10fho5c441ctd)" height="30.2969" style="stroke: #A80036; stroke-width: 1.5;" width="93" x="356" y="253.0938"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="79" x="363" y="273.0889">ServiceEink</text><line style="stroke: #A80036; stroke-width: 1.0;" x1="54.5" x2="96.5" y1="69.4297" y2="69.4297"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="96.5" x2="96.5" y1="69.4297" y2="82.4297"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="55.5" x2="96.5" y1="82.4297" y2="82.4297"/><polygon fill="#A80036" points="65.5,78.4297,55.5,82.4297,65.5,86.4297,61.5,82.4297" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="152" x="61.5" y="64.3638">Prepare DOM for render</text><polygon fill="#A80036" points="214.5,107.5625,224.5,111.5625,214.5,115.5625,218.5,111.5625" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="54.5" x2="220.5" y1="111.5625" y2="111.5625"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="148" x="61.5" y="106.4966">Process DOM to render</text><polygon fill="#FBFB77" filter="url(#f10fho5c441ctd)" points="153,124.5625,300,124.5625,310,135.5625,300,147.5625,153,147.5625,143,135.5625,153,124.5625" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="143" x="155" y="140.6294">Draws DOM on canvas</text><polygon fill="#A80036" points="392.5,169.8281,402.5,173.8281,392.5,177.8281,396.5,173.8281" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="226.5" x2="398.5" y1="173.8281" y2="173.8281"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="131" x="233.5" y="168.7622">Process DOM render</text><polygon fill="#A80036" points="237.5,198.9609,227.5,202.9609,237.5,206.9609,233.5,202.9609" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="231.5" x2="403.5" y1="202.9609" y2="202.9609"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="154" x="243.5" y="197.895">Request done (blocking)</text><polygon fill="#FBFB77" filter="url(#f10fho5c441ctd)" points="333,215.9609,475,215.9609,485,226.9609,475,238.9609,333,238.9609,323,226.9609,333,215.9609" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="138" x="335" y="232.0278">Sends data to display</text><!--MD5=[5bd9927c53ca0197899a9acf6844c8ee]
@startuml
skinparam BackgroundColor F0F0F0

Application -> Application : Prepare DOM for render
Application -> ServiceGUI : Process DOM to render

hnote over ServiceGUI
    Draws DOM on canvas
endhnote

ServiceGUI -> ServiceEink: Process DOM render
ServiceGUI <- ServiceEink: Request done (blocking)

hnote over ServiceEink
    Sends data to display
endhnote

@enduml

PlantUML version 1.2020.02(Sun Mar 01 05:22:07 EST 2020)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Java Version: 11.0.12+7-post-Debian-2
Operating System: Linux
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>