Complete architecture diagrams
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
</clipPath>
|
||||
</defs>
|
||||
<style type='text/css'>
|
||||
<
@@ -2,7 +2,7 @@
|
||||
<!-- This file was generated by dvisvgm 3.1.2 -->
|
||||
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='232.18001pt' height='144.83962pt' viewBox='-72.000205 -71.999705 232.18001 144.83962'>
|
||||
<style type='text/css'>
|
||||
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,d09GRgABAAAAAAeQAAoAAAAACVwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAE8AAABghkcU22NtYXAAAAFEAAAAYwAAAIQCvyLTZ2x5ZgAAAagAAARHAAAFqNpCTgVoZWFkAAAF8AAAAC4AAAA2JddmsGhoZWEAAAYgAAAAHgAAACQHBQKpaG10eAAABkAAAABMAAAATCeCBLdsb2NhAAAGjAAAACgAAAAoDE4NqG1heHAAAAa0AAAAGAAAACAAGAA9bmFtZQAABswAAAC1AAABEbpJm2Fwb3N0AAAHhAAAAAwAAAAgAAMAAHjaY2BmEmGcwMDKwMA0i+nsPxGGfhDN+IbxDYMxIycDELAxQEADAwMzAxJIKS5LB0oaKqgxb/sPVMS8jeEXUJgRKu3BwPD/PwMDAP2bD7AAeNpjYGBgYmBgYAZiESDJCKZZGAqAtASDAFCEg8GIwYnBgyGRIZUhkyGPoYihhOGJgtr//0AVhkAZd6BMMlAmGyHz/8L/g//3/l/6f8n/hf8X/J/7f85/3ftvwGZjBQB9yB+gAHjalVNLbBtFGJ6Zdde0CU4cex8B3NrexksIcWOv18/1usaJHYckdmLiJrHzTpQ6bZOgkDSlakRQebUgUiFSQFQc4BAJCYkLgkM5VXCooDeIeixQid44UFEBa/5dEx7iUCGtZmZXO9/r/3+E0QhCuERuIhohl2A1yyEJl5QvfjlAtrLhEsIogBCpJ7cQj1Arlm0qlgMeN80IARVLfpax0w3YReq1yD21Y2CrpITnk3NLifx1vOHFD2fG2jsHJnrUuUhlVF4fvY0QhcrVKomRXWRBHDqEkGStoZgPYlhFCl6DwCCIsAc8bbj87eoZVU70n1v85NPc2Gjf1Z3eoeHht8nu1FhkqNEyo04uYjyufZPvTuWk9CudCOygbPUuqYBmN0ItFiy4vTiOA0Eg4gQvvNIObD8I6kPBkCzILlJxXhgsvpB9a/Pply3qg8cL82vhSjoXaWm6hnHR6x/Yni5vf7wymx/cOl8sbHY1N3BXJYOnDNmsg5c6IzuXVbBKsEpkPaFNqSp+L4HHtPfJrvYZzsD/BPmrd/F3REQHUSvc8Ii6No8cCMb0UEEXI9ZUWu0cI/p1dRZIhcUf7Kec08H+yedPn8p2JgaU9WOjFdL4W3ycPTkyl2qWHnu8mMqV1Wgq2Y6T46V8FeU9dFvEv0bUcLuCDK1HgPs2cDsgE4CWLAS4IRajjH/nwmI2XqSiVHgiePIsxDCyYoqaComB0khrV8Q36H1joyl3tnPhWCK3WmmafwYZvoLVn/GPFEIN6CGEbLoHDpIQRFoEe5ydhahl3V9weepUNBYm0aWxlfhg75LXu9hbwLaN7SI+8jvqLuA3N6njp6e0hbUabjtovgOajU7ZVyujodeBXYwOGwxxNOWmzS7Zi7EzvRxXThydWdE2FvIdPQ5P8kKqXIe7yNCB1Jk+pu9c9sVVd135WcHjmMDazFPmvhngeBKYrkCvUKgeuhEqCDXws3ba7bmkKGmmhedbGOJ418rzLp6FHPshzJ/AK/xtMzN6xRNYMtuEG12KEvm694d7GdyYvEEhza5e/1770sh+CNZLlN79BgMAU8Z34KaeAH9OwOJ0Y7UF+gjawYLNtQP4g8N54igHnxMemY5+ZFLU9NGRfUoyFc3ZFeIY9vkq/tDn2mU8m02TfEx7B1fSncmE9hpxGDy6Zr32tj0elvsn9Evk0GioWMSxeCpUZGJA5JOnp7UreCabSUcNlBpGD2BYYN+7KHF6qXG33R7pb4xFsfcE34jvmBIx7VXiKE7SOncd9EYL2UEMcDMSBGa0A0cLtEe2CrIkf7i87BQbXFTzo/Hw7CzZuejTLre3mTr240wGV3wXkenPubllzI0fxf7P7FB71QztHe4zTW7Ww8Jzk2vhOA97v9kir1s53snzDXp/cBxUuFD9lUQgrQeQVZ+G0H/4/zoUWJHnRfar2naNEzl4Dlubmw+zrO1fG/oDz2cwlwB42mNgZGBgAOIVT/XnxfPbfGVgZmEAgYf7BeMR9P+vzE7MIC4HAxOIAgA04gppAAB42mNgZGBg3vafDUh2M3AzsDA7MQBFUIAwAEm5ArYAAAHGAAACNwBZAjcANAJzAFwCuwBJAtQAXAIkADICDwAvAjgANgIQAC0A5QBLAfUATgDlAFUDiwBLAjIATgFYAE4BSQALAiQAMgKQAFMAAAAAABAAOABqAJ4AtgD0ASIBTgGAAZgBsgG+AfICFAIwAlICqALUeNpjYGRgYBBmsGFgYQABRgY0AAAIiQBWeNotjj8LgzAQxZ9UhdqOpYVO+QTBP107dXB3EDqVSqI4mICK4NLP3hfNhTt+7949CIAEPwRwFSDepqsQB6qdI5xw9Bxzf/Gc4I4bdRA694zMc8irp+cIV7w8x3xvzwke+FS2sbM1bVrrceqtEZlMqUpt9PidtRLNKtTST0s3iEJmMkcFi4Y9sw1apKihMWJCv20EPyG53b2Sntn8LxMain6DlVNhYWLi7DBQF0y5ZP4HDeck6QAAAHjaY2BmwAsAAH0ABA==) format('woff');}
|
||||
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,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) format('woff');}
|
||||
text.f0 {font-family:nf0;font-size:14.346196px}
|
||||
text.f1 {font-family:nf0;font-size:9.96264px}
|
||||
]]>
|
||||
|
||||
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
@@ -2,48 +2,12 @@
|
||||
|
||||
\begin{document}
|
||||
\begin{tikzpicture}
|
||||
\node (dev1) at (3,0.5) [component,external] { Gerät 1 };
|
||||
\node (dev2) at (6,0.5) [component,external] { Gerät 2 };
|
||||
\node (devX) at (9,0.5) [component,external] { Gerät \dots };
|
||||
\draw[very thick, rounded corners=6px] (0,2) rectangle (11,8.5) ++(0, 0.1) node [label, anchor=south east] { \large Heimdall };
|
||||
\fill[color=black!10] (2,3) rectangle (10,5);
|
||||
\node (WSM1) at (3,4) [component] { WSM\\ \small Pod 1 };
|
||||
\node (WSM2) at (6,4) [component] { WSM\\ \small Pod 2 };
|
||||
\node (WSMX) at (9,4) [component] { WSM\\ \small Pod \dots };
|
||||
\node (WSM1 port) at (WSM1.30) [port] {};
|
||||
\node at (WSM1 port) [label, below right=3px] { \scriptsize addr1 };
|
||||
\node (WSM2 port) at (WSM2.30) [port] {};
|
||||
\node at (WSM2 port) [label, below right=3px] { \scriptsize addr2 };
|
||||
\node (FORS) at (7,7) [component, inner sep=12px] { FORS };
|
||||
\node (DB1) at (1,3.25) [database] {};
|
||||
\node (DB2) at (1,4.75) [database] {};
|
||||
\node (Message Mapping) at (1.5,6.75) [database] {};
|
||||
\node at (Message Mapping.north) [label, above=3px] { \small Message\\ \small Mapping };
|
||||
\node (AddrDB) at (9.5,6) [database] {};
|
||||
\node at (AddrDB.north) [label, above=3px] { \small Address\\ \small DB };
|
||||
\node (backend1) at (3, 10) [component,external] { Backend 1 };
|
||||
\node (backend2) at (6, 10) [component,external] { Backend 2 };
|
||||
\node (backendX) at (9, 10) [component,external] { Backend \dots };
|
||||
|
||||
\draw (dev1) edge [<->] (WSM1)
|
||||
(dev2) edge [<->] (WSM2)
|
||||
(devX) edge [<->] (WSMX);
|
||||
|
||||
\draw (WSM1) edge (DB1) (WSM1) edge (DB2);
|
||||
|
||||
\draw (WSM1) edge [->, bend left=10] node [auto, sloped, swap] { \scriptsize /foo/config } (Message Mapping)
|
||||
(Message Mapping) edge [->, response, bend left=10] node [auto, sloped] { \scriptsize Backend 2 } (WSM1);
|
||||
|
||||
\draw (WSM1) edge [->, bend left=10] (backend2)
|
||||
(backend2) edge [->, response, bend left=10] (WSM1);
|
||||
|
||||
\draw (backend2) edge [->, response] (FORS);
|
||||
\draw (FORS.0) edge [->, bend left=10] node [auto, sloped] { \scriptsize 1 } (AddrDB)
|
||||
(AddrDB) edge [->, response, bend left=10] node [auto, sloped, swap] { \scriptsize addr1 } (FORS.340);
|
||||
\draw (FORS) edge [->, response] (WSM1 port);
|
||||
|
||||
\draw[->] (WSM1.340) .. controls +(3, 0) and +(-6, 0) .. (AddrDB.200) node [pos=0.85, above, sloped] { \scriptsize 1: addr1 };
|
||||
\draw[->] (WSM2.70) -- (AddrDB.220) node [midway, above, sloped] { \scriptsize 2: addr2 };
|
||||
\draw[->] (WSMX) -- (AddrDB);
|
||||
\node (Device) at (4,1) [component,external] { Gerät };
|
||||
\node (WSM) at (4,4) [component, inner sep=12px] { WSM };
|
||||
\node (Backend) at (4,7) [component,external] { Backend };
|
||||
\draw[very thick, rounded corners=6px] (0,2) rectangle (8,6) ++(0, 0.1) node [label, anchor=south east] { \large Heimdall };
|
||||
\draw (Device) edge [<->] (WSM);
|
||||
\draw (WSM) edge [->, bend left=10] (Backend) (Backend) edge [->, response, bend left=10] (WSM);
|
||||
\node at (5.5,4.5) [stickynote, callout absolute pointer=(WSM.20), anchor=south west] { Web Socket\\Manager };
|
||||
\end{tikzpicture}
|
||||
\end{document}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
\usepackage{fontspec}
|
||||
\setmainfont{Roboto Light}
|
||||
|
||||
\usetikzlibrary{arrows.meta,calc,graphs,patterns,positioning,shapes.geometric,shapes.misc}
|
||||
\usetikzlibrary{arrows.meta,calc,graphs,patterns,positioning,shapes.callouts,shapes.geometric,shapes.misc}
|
||||
|
||||
\definecolor{scandioblue}{RGB}{66, 212, 251}
|
||||
\definecolor{scandiored}{RGB}{210, 21, 21}
|
||||
@@ -51,5 +51,11 @@
|
||||
database segment height=0.2cm,
|
||||
database radius=0.4cm,
|
||||
database aspect ratio=0.35,
|
||||
stickynote/.style={
|
||||
shape=rectangle callout,
|
||||
draw,
|
||||
fill=scandiored!20,
|
||||
align=center
|
||||
}
|
||||
}
|
||||
\makeatother
|
||||
|
||||
Reference in New Issue
Block a user