doc/website-flow.svg

<?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="1614px" preserveAspectRatio="none" style="width:697px;height:1614px;background:#FFFFFF;" version="1.1" viewBox="0 0 697 1614" width="697px" zoomAndPan="magnify"><defs/><g><rect height="57.1094" style="stroke:#00000000;stroke-width:1.0;fill:none;" width="225" x="232" y="10"/><text fill="#000000" font-family="sans-serif" font-size="20" font-weight="bold" lengthAdjust="spacing" textLength="215" x="237" y="34.3359">DanNet website flow</text><text fill="#000000" font-family="sans-serif" font-size="20" font-style="italic" font-weight="bold" lengthAdjust="spacing" textLength="130" x="279.5" y="57.8906">2022-04-26</text><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="148" x2="148" y1="152.0859" y2="1519.5078"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="251" x2="251" y1="152.0859" y2="1519.5078"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="329" x2="329" y1="152.0859" y2="1519.5078"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="431" x2="431" y1="152.0859" y2="1519.5078"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="532.5" x2="532.5" y1="152.0859" y2="1519.5078"/><line style="stroke:#181818;stroke-width:0.5;stroke-dasharray:5.0,5.0;" x1="640" x2="640" y1="152.0859" y2="1519.5078"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="30" x="130" y="149.1328">user</text><ellipse cx="148" cy="84.0977" fill="#E2E2F0" rx="8" ry="8" style="stroke:#181818;stroke-width:0.5;"/><path d="M148,92.0977 L148,119.0977 M135,100.0977 L161,100.0977 M148,119.0977 L135,134.0977 M148,119.0977 L161,134.0977 " fill="none" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="30" x="130" y="1532.043">user</text><ellipse cx="148" cy="1543.4961" fill="#E2E2F0" rx="8" ry="8" style="stroke:#181818;stroke-width:0.5;"/><path d="M148,1551.4961 L148,1578.4961 M135,1559.4961 L161,1559.4961 M148,1578.4961 L135,1593.4961 M148,1578.4961 L161,1593.4961 " fill="none" style="stroke:#181818;stroke-width:0.5;"/><rect fill="#E2E2F0" height="30.4883" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="70" x="216" y="120.5977"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="56" x="223" y="141.1328">browser</text><rect fill="#E2E2F0" height="30.4883" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="70" x="216" y="1518.5078"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="56" x="223" y="1539.043">browser</text><rect fill="#E2E2F0" height="46.9766" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="64" x="297" y="104.1094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="50" x="304" y="124.6445">DanNet</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="26" x="316" y="141.1328">app</text><rect fill="#E2E2F0" height="46.9766" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="64" x="297" y="1518.5078"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="50" x="304" y="1539.043">DanNet</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="26" x="316" y="1555.5313">app</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="50" x="403" y="132.6445">DanNet</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="42" x="407" y="149.1328">server</text><path d="M410.5,91.1094 L410.5,115.1094 M410.5,103.1094 L427.5,103.1094 " fill="none" style="stroke:#181818;stroke-width:0.5;"/><ellipse cx="439.5" cy="103.1094" fill="#E2E2F0" rx="12" ry="12" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="50" x="403" y="1532.043">DanNet</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="42" x="407" y="1548.5313">server</text><path d="M410.5,1555.4844 L410.5,1579.4844 M410.5,1567.4844 L427.5,1567.4844 " fill="none" style="stroke:#181818;stroke-width:0.5;"/><ellipse cx="439.5" cy="1567.4844" fill="#E2E2F0" rx="12" ry="12" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="52" x="504" y="132.6445">content</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="79" x="490.5" y="149.1328">negotiation</text><ellipse cx="533" cy="103.1094" fill="#E2E2F0" rx="12" ry="12" style="stroke:#181818;stroke-width:0.5;"/><polygon fill="#181818" points="529,91.1094,535,86.1094,533,91.1094,535,96.1094,529,91.1094" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="52" x="504" y="1532.043">content</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="79" x="490.5" y="1548.5313">negotiation</text><ellipse cx="533" cy="1567.4844" fill="#E2E2F0" rx="12" ry="12" style="stroke:#181818;stroke-width:0.5;"/><polygon fill="#181818" points="529,1555.4844,535,1550.4844,533,1555.4844,535,1560.4844,529,1555.4844" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="84" x="595" y="132.6445">Apache Jena</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="41" x="616.5" y="149.1328">graph</text><path d="M622,83.1094 C622,73.1094 640,73.1094 640,73.1094 C640,73.1094 658,73.1094 658,83.1094 L658,109.1094 C658,119.1094 640,119.1094 640,119.1094 C640,119.1094 622,119.1094 622,109.1094 L622,83.1094 " fill="#E2E2F0" style="stroke:#181818;stroke-width:1.5;"/><path d="M622,83.1094 C622,93.1094 640,93.1094 640,93.1094 C640,93.1094 658,93.1094 658,83.1094 " fill="none" style="stroke:#181818;stroke-width:1.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="84" x="595" y="1532.043">Apache Jena</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="41" x="616.5" y="1548.5313">graph</text><path d="M622,1561.4844 C622,1551.4844 640,1551.4844 640,1551.4844 C640,1551.4844 658,1551.4844 658,1561.4844 L658,1587.4844 C658,1597.4844 640,1597.4844 640,1597.4844 C640,1597.4844 622,1597.4844 622,1587.4844 L622,1561.4844 " fill="#E2E2F0" style="stroke:#181818;stroke-width:1.5;"/><path d="M622,1561.4844 C622,1571.4844 640,1571.4844 640,1571.4844 C640,1571.4844 658,1571.4844 658,1561.4844 " fill="none" style="stroke:#181818;stroke-width:1.5;"/><rect fill="#EEEEEE" height="3" style="stroke:#EEEEEE;stroke-width:1.0;" width="690" x="0" y="182.7412"/><line style="stroke:#000000;stroke-width:1.0;" x1="0" x2="690" y1="182.7412" y2="182.7412"/><line style="stroke:#000000;stroke-width:1.0;" x1="0" x2="690" y1="185.7412" y2="185.7412"/><rect fill="#EEEEEE" height="23.3105" style="stroke:#000000;stroke-width:2.0;" width="127" x="281.5" y="172.0859"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacing" textLength="109" x="287.5" y="188.6543">Initial page load</text><polygon fill="#181818" points="239,222.707,249,226.707,239,230.707,243,226.707" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="148" x2="245" y1="226.707" y2="226.707"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="78" x="155" y="221.9648">visit DanNet</text><polygon fill="#181818" points="419,255.0176,429,259.0176,419,263.0176,423,259.0176" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="251" x2="425" y1="259.0176" y2="259.0176"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="47" x="258" y="254.2754">request</text><path d="M154,239.707 L154,264.707 L246,264.707 L246,249.707 L236,239.707 L154,239.707 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M236,239.707 L236,249.707 L246,249.707 L236,239.707 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="71" x="160" y="257.2754">"text/html"</text><polygon fill="#181818" points="628,287.3281,638,291.3281,628,295.3281,632,291.3281" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="431" x2="634" y1="291.3281" y2="291.3281"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="35" x="438" y="286.5859">query</text><polygon fill="#181818" points="544,316.6387,534,320.6387,544,324.6387,540,320.6387" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="538" x2="639" y1="320.6387" y2="320.6387"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="83" x="550" y="315.8965">RDF resource</text><line style="stroke:#181818;stroke-width:1.0;" x1="533" x2="575" y1="349.9492" y2="349.9492"/><line style="stroke:#181818;stroke-width:1.0;" x1="575" x2="575" y1="349.9492" y2="362.9492"/><line style="stroke:#181818;stroke-width:1.0;" x1="534" x2="575" y1="362.9492" y2="362.9492"/><polygon fill="#181818" points="544,358.9492,534,362.9492,544,366.9492,540,362.9492" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="45" x="540" y="345.207">encode</text><polygon fill="#181818" points="442,388.2598,432,392.2598,442,396.2598,438,392.2598" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="436" x2="532" y1="392.2598" y2="392.2598"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="36" x="448" y="387.5176">HTML</text><polygon fill="#181818" points="262,417.5703,252,421.5703,262,425.5703,258,421.5703" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="256" x2="430" y1="421.5703" y2="421.5703"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="36" x="268" y="416.8281">HTML</text><line style="stroke:#181818;stroke-width:1.0;" x1="251" x2="293" y1="450.8809" y2="450.8809"/><line style="stroke:#181818;stroke-width:1.0;" x1="293" x2="293" y1="450.8809" y2="463.8809"/><line style="stroke:#181818;stroke-width:1.0;" x1="252" x2="293" y1="463.8809" y2="463.8809"/><polygon fill="#181818" points="262,459.8809,252,463.8809,262,467.8809,258,463.8809" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="45" x="258" y="446.1387">decode</text><polygon fill="#181818" points="159,492.1914,149,496.1914,159,500.1914,155,496.1914" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="153" x2="250" y1="496.1914" y2="496.1914"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="30" x="165" y="491.4492">page</text><path d="M33,476.8809 L33,501.8809 L143,501.8809 L143,486.8809 L133,476.8809 L33,476.8809 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M133,476.8809 L133,486.8809 L143,486.8809 L133,476.8809 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="89" x="39" y="494.4492">visible to user</text><polygon fill="#181818" points="317,524.502,327,528.502,317,532.502,321,528.502" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="251" x2="323" y1="528.502" y2="528.502"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="54" x="258" y="523.7598">initialize</text><rect fill="#EEEEEE" height="3" style="stroke:#EEEEEE;stroke-width:1.0;" width="690" x="0" y="557.1572"/><line style="stroke:#000000;stroke-width:1.0;" x1="0" x2="690" y1="557.1572" y2="557.1572"/><line style="stroke:#000000;stroke-width:1.0;" x1="0" x2="690" y1="560.1572" y2="560.1572"/><rect fill="#EEEEEE" height="23.3105" style="stroke:#000000;stroke-width:2.0;" width="157" x="266.5" y="546.502"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacing" textLength="139" x="272.5" y="563.0703">Client app hydration</text><polygon fill="#181818" points="419,600.123,429,604.123,419,608.123,423,604.123" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="329" x2="425" y1="604.123" y2="604.123"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="47" x="336" y="599.3809">request</text><path d="M138,584.8125 L138,609.8125 L324,609.8125 L324,594.8125 L314,584.8125 L138,584.8125 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M314,584.8125 L314,594.8125 L324,594.8125 L314,584.8125 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="165" x="144" y="602.3809">"application/transit+json"</text><polygon fill="#181818" points="628,632.4336,638,636.4336,628,640.4336,632,636.4336" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="431" x2="634" y1="636.4336" y2="636.4336"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="35" x="438" y="631.6914">query</text><polygon fill="#181818" points="544,661.7441,534,665.7441,544,669.7441,540,665.7441" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="538" x2="639" y1="665.7441" y2="665.7441"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="83" x="550" y="661.002">RDF resource</text><line style="stroke:#181818;stroke-width:1.0;" x1="533" x2="575" y1="695.0547" y2="695.0547"/><line style="stroke:#181818;stroke-width:1.0;" x1="575" x2="575" y1="695.0547" y2="708.0547"/><line style="stroke:#181818;stroke-width:1.0;" x1="534" x2="575" y1="708.0547" y2="708.0547"/><polygon fill="#181818" points="544,704.0547,534,708.0547,544,712.0547,540,708.0547" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="45" x="540" y="690.3125">encode</text><polygon fill="#181818" points="442,733.3652,432,737.3652,442,741.3652,438,737.3652" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="436" x2="532" y1="737.3652" y2="737.3652"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="78" x="448" y="732.623">transit+json</text><polygon fill="#181818" points="340,762.6758,330,766.6758,340,770.6758,336,766.6758" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="334" x2="430" y1="766.6758" y2="766.6758"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="78" x="346" y="761.9336">transit+json</text><line style="stroke:#181818;stroke-width:1.0;" x1="329" x2="371" y1="795.9863" y2="795.9863"/><line style="stroke:#181818;stroke-width:1.0;" x1="371" x2="371" y1="795.9863" y2="808.9863"/><line style="stroke:#181818;stroke-width:1.0;" x1="330" x2="371" y1="808.9863" y2="808.9863"/><polygon fill="#181818" points="340,804.9863,330,808.9863,340,812.9863,336,808.9863" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="45" x="336" y="791.2441">decode</text><polygon fill="#181818" points="262,834.2969,252,838.2969,262,842.2969,258,838.2969" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="256" x2="328" y1="838.2969" y2="838.2969"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="43" x="268" y="833.5547">update</text><polygon fill="#181818" points="159,866.6074,149,870.6074,159,874.6074,155,870.6074" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="153" x2="250" y1="870.6074" y2="870.6074"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="30" x="165" y="865.8652">page</text><path d="M5,851.2969 L5,876.2969 L143,876.2969 L143,861.2969 L133,851.2969 L5,851.2969 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M133,851.2969 L133,861.2969 L143,861.2969 L133,851.2969 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="117" x="11" y="868.8652">no visible changes</text><rect fill="#EEEEEE" height="3" style="stroke:#EEEEEE;stroke-width:1.0;" width="690" x="0" y="902.2627"/><line style="stroke:#000000;stroke-width:1.0;" x1="0" x2="690" y1="902.2627" y2="902.2627"/><line style="stroke:#000000;stroke-width:1.0;" x1="0" x2="690" y1="905.2627" y2="905.2627"/><rect fill="#EEEEEE" height="23.3105" style="stroke:#000000;stroke-width:2.0;" width="174" x="258" y="891.6074"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacing" textLength="156" x="264" y="908.1758">Subsequent navigation</text><polygon fill="#181818" points="239,942.2285,249,946.2285,239,950.2285,243,946.2285" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="148" x2="245" y1="946.2285" y2="946.2285"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="79" x="155" y="941.4863">change page</text><polygon fill="#181818" points="317,971.5391,327,975.5391,317,979.5391,321,975.5391" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="251" x2="323" y1="975.5391" y2="975.5391"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="53" x="258" y="970.7969">delegate</text><polygon fill="#181818" points="419,1003.8496,429,1007.8496,419,1011.8496,423,1007.8496" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="329" x2="425" y1="1007.8496" y2="1007.8496"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="47" x="336" y="1003.1074">request</text><path d="M138,988.5391 L138,1013.5391 L324,1013.5391 L324,998.5391 L314,988.5391 L138,988.5391 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M314,988.5391 L314,998.5391 L324,998.5391 L314,988.5391 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="165" x="144" y="1006.1074">"application/transit+json"</text><polygon fill="#181818" points="628,1036.1602,638,1040.1602,628,1044.1602,632,1040.1602" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="431" x2="634" y1="1040.1602" y2="1040.1602"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="35" x="438" y="1035.418">query</text><polygon fill="#181818" points="544,1065.4707,534,1069.4707,544,1073.4707,540,1069.4707" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="538" x2="639" y1="1069.4707" y2="1069.4707"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="83" x="550" y="1064.7285">RDF resource</text><line style="stroke:#181818;stroke-width:1.0;" x1="533" x2="575" y1="1098.7813" y2="1098.7813"/><line style="stroke:#181818;stroke-width:1.0;" x1="575" x2="575" y1="1098.7813" y2="1111.7813"/><line style="stroke:#181818;stroke-width:1.0;" x1="534" x2="575" y1="1111.7813" y2="1111.7813"/><polygon fill="#181818" points="544,1107.7813,534,1111.7813,544,1115.7813,540,1111.7813" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="45" x="540" y="1094.0391">encode</text><polygon fill="#181818" points="442,1137.0918,432,1141.0918,442,1145.0918,438,1141.0918" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="436" x2="532" y1="1141.0918" y2="1141.0918"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="78" x="448" y="1136.3496">transit+json</text><polygon fill="#181818" points="340,1166.4023,330,1170.4023,340,1174.4023,336,1170.4023" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="334" x2="430" y1="1170.4023" y2="1170.4023"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="78" x="346" y="1165.6602">transit+json</text><line style="stroke:#181818;stroke-width:1.0;" x1="329" x2="371" y1="1199.7129" y2="1199.7129"/><line style="stroke:#181818;stroke-width:1.0;" x1="371" x2="371" y1="1199.7129" y2="1212.7129"/><line style="stroke:#181818;stroke-width:1.0;" x1="330" x2="371" y1="1212.7129" y2="1212.7129"/><polygon fill="#181818" points="340,1208.7129,330,1212.7129,340,1216.7129,336,1212.7129" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="45" x="336" y="1194.9707">decode</text><polygon fill="#181818" points="262,1238.0234,252,1242.0234,262,1246.0234,258,1242.0234" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="256" x2="328" y1="1242.0234" y2="1242.0234"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="43" x="268" y="1237.2813">update</text><polygon fill="#181818" points="159,1270.334,149,1274.334,159,1278.334,155,1274.334" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="153" x2="250" y1="1274.334" y2="1274.334"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="30" x="165" y="1269.5918">page</text><path d="M35,1255.0234 L35,1280.0234 L143,1280.0234 L143,1265.0234 L133,1255.0234 L35,1255.0234 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M133,1255.0234 L133,1265.0234 L143,1265.0234 L133,1255.0234 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="87" x="41" y="1272.5918">page changed</text><rect fill="#EEEEEE" height="3" style="stroke:#EEEEEE;stroke-width:1.0;" width="690" x="0" y="1305.9893"/><line style="stroke:#000000;stroke-width:1.0;" x1="0" x2="690" y1="1305.9893" y2="1305.9893"/><line style="stroke:#000000;stroke-width:1.0;" x1="0" x2="690" y1="1308.9893" y2="1308.9893"/><rect fill="#EEEEEE" height="23.3105" style="stroke:#000000;stroke-width:2.0;" width="147" x="271.5" y="1295.334"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacing" textLength="129" x="277.5" y="1311.9023">Client-side change</text><polygon fill="#181818" points="239,1361.2656,249,1365.2656,239,1369.2656,243,1365.2656" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="148" x2="245" y1="1365.2656" y2="1365.2656"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="45" x="155" y="1345.2129">change</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="57" x="155" y="1360.5234">language</text><polygon fill="#181818" points="317,1390.5762,327,1394.5762,317,1398.5762,321,1394.5762" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;" x1="251" x2="323" y1="1394.5762" y2="1394.5762"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="53" x="258" y="1389.834">delegate</text><line style="stroke:#181818;stroke-width:1.0;" x1="329" x2="371" y1="1423.8867" y2="1423.8867"/><line style="stroke:#181818;stroke-width:1.0;" x1="371" x2="371" y1="1423.8867" y2="1436.8867"/><line style="stroke:#181818;stroke-width:1.0;" x1="330" x2="371" y1="1436.8867" y2="1436.8867"/><polygon fill="#181818" points="340,1432.8867,330,1436.8867,340,1440.8867,336,1436.8867" style="stroke:#181818;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="43" x="336" y="1419.1445">update</text><polygon fill="#181818" points="262,1462.1973,252,1466.1973,262,1470.1973,258,1466.1973" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="256" x2="328" y1="1466.1973" y2="1466.1973"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="43" x="268" y="1461.4551">update</text><polygon fill="#181818" points="159,1494.5078,149,1498.5078,159,1502.5078,155,1498.5078" style="stroke:#181818;stroke-width:1.0;"/><line style="stroke:#181818;stroke-width:1.0;stroke-dasharray:2.0,2.0;" x1="153" x2="250" y1="1498.5078" y2="1498.5078"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="30" x="165" y="1493.7656">page</text><path d="M8,1479.1973 L8,1504.1973 L143,1504.1973 L143,1489.1973 L133,1479.1973 L8,1479.1973 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><path d="M133,1479.1973 L133,1489.1973 L143,1489.1973 L133,1479.1973 " fill="#FEFFDD" style="stroke:#181818;stroke-width:0.5;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="114" x="14" y="1496.7656">language changed</text><!--MD5=[d6e600f736247f57802a3e4bd91995d0]
@startuml
'https://plantuml.com/sequence-diagram

skinparam titleFontsize 20
title DanNet website flow\n<i>2022-04-26</i>

actor user
participant browser
participant "DanNet\napp" as app
boundary "DanNet\nserver" as service
control "content\nnegotiation" as conneg
database "Apache Jena\ngraph" as graph

== Initial page load ==
user -> browser :visit DanNet
browser -> service :request
note left : "text/html"
service -> graph :query
graph - -> conneg :RDF resource
conneg -> conneg :encode
conneg - -> service :HTML
service - -> browser :HTML
browser -> browser :decode
browser - -> user :page
note left : visible to user
browser -> app :initialize

== Client app hydration ==
app -> service :request
note left : "application/transit+json"
service -> graph :query
graph - -> conneg :RDF resource
conneg -> conneg :encode
conneg - -> service :transit+json
service - -> app :transit+json
app -> app :decode
app - -> browser :update
browser - -> user :page
note left : no visible changes

== Subsequent navigation ==
user -> browser :change page
browser -> app :delegate
app -> service :request
note left : "application/transit+json"

service -> graph :query
graph - -> conneg :RDF resource
conneg -> conneg :encode
conneg - -> service :transit+json
service - -> app :transit+json
app -> app :decode
app - -> browser :update
browser - -> user :page
note left : page changed

== Client-side change ==
user -> browser :change\nlanguage
browser -> app :delegate
app -> app :update
app - -> browser :update
browser - -> user :page
note left : language changed

@enduml

@startuml

skinparam titleFontsize 20
title DanNet website flow\n<i>2022-04-26</i>

actor user
participant browser
participant "DanNet\napp" as app
boundary "DanNet\nserver" as service
control "content\nnegotiation" as conneg
database "Apache Jena\ngraph" as graph

== Initial page load ==
user -> browser :visit DanNet
browser -> service :request
note left : "text/html"
service -> graph :query
graph - -> conneg :RDF resource
conneg -> conneg :encode
conneg - -> service :HTML
service - -> browser :HTML
browser -> browser :decode
browser - -> user :page
note left : visible to user
browser -> app :initialize

== Client app hydration ==
app -> service :request
note left : "application/transit+json"
service -> graph :query
graph - -> conneg :RDF resource
conneg -> conneg :encode
conneg - -> service :transit+json
service - -> app :transit+json
app -> app :decode
app - -> browser :update
browser - -> user :page
note left : no visible changes

== Subsequent navigation ==
user -> browser :change page
browser -> app :delegate
app -> service :request
note left : "application/transit+json"

service -> graph :query
graph - -> conneg :RDF resource
conneg -> conneg :encode
conneg - -> service :transit+json
service - -> app :transit+json
app -> app :decode
app - -> browser :update
browser - -> user :page
note left : page changed

== Client-side change ==
user -> browser :change\nlanguage
browser -> app :delegate
app -> app :update
app - -> browser :update
browser - -> user :page
note left : language changed

@enduml

PlantUML version 1.2022.4(Sat Apr 09 15:29:17 CEST 2022)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: da
Country: DK
--></g></svg>