New revised version
This commit is contained in:
@@ -0,0 +1,72 @@
|
||||
% Tikz File final_structure.tex
|
||||
\documentclass{standalone}
|
||||
\usepackage{tikz, graphicx}
|
||||
\usetikzlibrary{decorations.pathreplacing, calc, positioning}
|
||||
|
||||
\begin{document}
|
||||
\begin{tikzpicture}
|
||||
%\draw[gray,very thin] (-3,-3) grid (12,12);
|
||||
|
||||
% Frame
|
||||
\coordinate (frame) at (3,1);
|
||||
\filldraw[color=gray!10, fill=gray!10] (frame) rectangle +(4,8.0);
|
||||
\node (text_rpi) at (5,8.5) {\huge Raspberry Pi};
|
||||
|
||||
%node-red-dashboard
|
||||
\coordinate (nrd) at (3.25,7.1);
|
||||
\filldraw[color=red, fill=red] (nrd) rectangle +(3.5,0.8);
|
||||
\node (text-nrd) at (5,7.5) {Node-Red-dashboard};
|
||||
|
||||
%node-red
|
||||
\coordinate (nr) at (3.25,6.1);
|
||||
\filldraw[color=red, fill=red] (nr) rectangle +(3.5,0.8);
|
||||
\node (text-nr) at (5,6.5) {Node-Red};
|
||||
|
||||
%mosquitto
|
||||
\coordinate (mq) at (3.25,4.6);
|
||||
\filldraw[color=yellow, fill=yellow] (mq) rectangle +(3.5,0.8);
|
||||
\node (text-mq) at (5,5) {Mosquitto};
|
||||
|
||||
%homegear
|
||||
\coordinate (hg) at (3.25,2.1);
|
||||
\filldraw[color=cyan!50, fill=cyan!50] (hg) rectangle +(3.5/2-0.25,1.8);
|
||||
\node (text-hg) at (4,3) {Homegear};
|
||||
|
||||
%pivccu
|
||||
\coordinate (pi) at (5.25,2.1);
|
||||
\filldraw[color=cyan!50, fill=cyan!50] (pi) rectangle +(3.5/2-0.25,1.8);
|
||||
\node (text-pi) at (6,3) {piVCCU};
|
||||
|
||||
%ss-dashboard
|
||||
\coordinate (ss-nrd) at (9.8,8-0.5);
|
||||
\node[inner sep=0pt] (img-ss-nrd) at (ss-nrd)
|
||||
{\includegraphics[width=0.2\textwidth]{images/ss_dashboard.jpg}};
|
||||
|
||||
%ss-nodered
|
||||
\coordinate (ss-nr) at (0.5,7);
|
||||
\node[inner sep=0pt] (img-ss-nr) at (ss-nr)
|
||||
{\includegraphics[width=0.2\textwidth]{images/ss_nodered.jpg}};
|
||||
|
||||
%ss-homematic
|
||||
\coordinate (ss-hm) at (9.8,3);
|
||||
\node[inner sep=0pt] (img-ss-hm) at (ss-hm)
|
||||
{\includegraphics[width=0.2\textwidth]{images/ss_homematic.jpg}};
|
||||
|
||||
%esp
|
||||
\coordinate (esp-c) at (0.5,3);
|
||||
\node[inner sep=0pt] (esp) at (esp-c)
|
||||
{\includegraphics[width=0.2\textwidth]{images/esp8266.png}};
|
||||
|
||||
% arrows
|
||||
\draw[black,thick,<->] (text-nrd) -- (text-nr);
|
||||
\draw[black,thick,<->] (text-nr) -- (text-mq);
|
||||
\draw[black,thick,<->] (text-mq) -- (text-hg);
|
||||
\draw[black,thick,<->] (text-mq) -- (text-pi);
|
||||
|
||||
\draw[black,thick,->] (esp.12) -- (text-mq.west) node[thick,midway,rotate=36,yshift=2mm,xshift=-1mm]{smarthome-Wifi};
|
||||
\draw[black,thick,->] (img-ss-hm) -- (text-pi.east) node[thick,midway,yshift=2mm,xshift=1mm]{Eduroam};
|
||||
\draw[black,thick,->] (img-ss-nr.-22) -- (text-nr.west) node[thick,midway,yshift=2mm,xshift=-5mm]{Eduroam};
|
||||
\draw[black,thick,->] (img-ss-nrd) -- (text-nrd.east) node[thick,midway,yshift=2mm,xshift=1mm]{Eduroam};
|
||||
|
||||
\end{tikzpicture}
|
||||
\end{document}
|
||||
@@ -0,0 +1,24 @@
|
||||
% Tikz File mqtt_topic.tex
|
||||
\documentclass{standalone}
|
||||
\usepackage{tikz}
|
||||
\usepackage{graphicx}
|
||||
\usetikzlibrary{decorations.pathreplacing}
|
||||
\usetikzlibrary{positioning}
|
||||
|
||||
\begin{document}
|
||||
\begin{tikzpicture}
|
||||
|
||||
\node[scale=3] (topic_104) at (0, 0) {/104};
|
||||
\node[scale=3] (topic_bb) [left=-8mm of topic_104] {/bb};
|
||||
\node[scale=3] (topic_gso) [left=-8mm of topic_bb] {gso};
|
||||
\node[scale=3] (topic_us) [right=-8mm of topic_104] {/ultraschall};
|
||||
\node[scale=3] (topic_wc) [right=-5mm of topic_us] {/\#};
|
||||
\node[green,scale=1.6] (ml-wc) [above=7mm of topic_wc] {Multilevel Wildcard};
|
||||
|
||||
\draw[blue,decorate,decoration={brace,amplitude=12pt,pre=moveto,pre length=3mm,post=moveto,post length=3mm}] (topic_gso.north west) -- (topic_gso.north east) node[midway, above,yshift=12pt,scale=1.6]{Topic Level};
|
||||
\draw[blue,decorate,decoration={brace,mirror,amplitude=12pt,pre=moveto,pre length=5mm,post=moveto,post length=4mm}] (topic_bb.south west) -- (topic_bb.south east) node[midway, below,yshift=-12pt,scale=1.6]{Topic Level};
|
||||
|
||||
\draw[->,thick,green] (ml-wc.south) -- (topic_wc.north) ;
|
||||
|
||||
\end{tikzpicture}
|
||||
\end{document}
|
||||
@@ -0,0 +1,84 @@
|
||||
% Tikz File mqtt_pub_sub.tex
|
||||
\documentclass{standalone}
|
||||
\usepackage{tikz, graphicx}
|
||||
|
||||
\begin{document}
|
||||
\begin{tikzpicture}
|
||||
%\draw[help lines] (-7,-5) grid (7,5);
|
||||
|
||||
% Broker
|
||||
\draw (0,0) circle (2);
|
||||
\node[] at (0,-1.5) (broker) {\textbf{Broker}};
|
||||
\node[inner sep=0pt] (broker_pc) at (0,0)
|
||||
{\includegraphics[width=0.1\textwidth]{images/pc.png}};
|
||||
|
||||
% Publisher
|
||||
\pgfmathsetmacro\xl{-6};
|
||||
\pgfmathsetmacro\xr{-3};
|
||||
\pgfmathsetmacro\w{(\xl+\xr)};
|
||||
\pgfmathsetmacro\y{6};
|
||||
|
||||
% Text
|
||||
\node[] at (\w/2,-\y/2-0.25) (pubs) {\textbf{MQTT Clients}};
|
||||
|
||||
% Images
|
||||
\node[inner sep=0pt] (laptop) at (\w/2,\y/3)
|
||||
{\includegraphics[width=0.1\textwidth]{images/laptop.png}};
|
||||
|
||||
\node[inner sep=0pt] (mcu) at (\w/2,\y/3-\y/3)
|
||||
{\includegraphics[width=0.1\textwidth]{images/muc.png}};
|
||||
|
||||
\node[inner sep=0pt] (pc) at (\w/2,\y/3-\y/3-\y/3)
|
||||
{\includegraphics[width=0.1\textwidth]{images/pc.png}};
|
||||
|
||||
\draw (\xl-0.25, \y/2-0.25) -- (\xl-0.25, -\y/2+0.25); % left
|
||||
\draw (\xl, \y/2) arc (90:180:0.25); % top left
|
||||
\draw (\xl, \y/2) -- (\xr, \y/2); % top
|
||||
\draw (\xr+0.25, \y/2-0.25) arc (0:90:0.25); % top right
|
||||
\draw (\xr+0.25, \y/2-0.25) -- (\xr+0.25, -\y/2+0.25); % right
|
||||
\draw (\xr, -\y/2) arc (270:360:0.25); % bottom right
|
||||
\draw (\xl,-\y/2) -- (\xr,-\y/2); % bottom
|
||||
\draw (\xl-0.25, -\y/2+0.25) arc (180:270:0.25); % bottom left
|
||||
|
||||
% Subscriber
|
||||
\pgfmathsetmacro\xl{3}
|
||||
\pgfmathsetmacro\xr{6}
|
||||
\pgfmathsetmacro\w{(\xl+\xr)};
|
||||
\pgfmathsetmacro\y{6}
|
||||
|
||||
\node[] at (\w/2,-\y/2-0.25) (subs) {\textbf{MQTT Clients}};
|
||||
|
||||
% Images
|
||||
\node[inner sep=0pt] (server) at (\w/2,\y/3-1)
|
||||
{\includegraphics[width=0.1\textwidth]{images/server.png}};
|
||||
|
||||
\node[inner sep=0pt] (sub_mcu) at (\w/2,\y/3-3)
|
||||
{\includegraphics[width=0.1\textwidth]{images/muc.png}};
|
||||
|
||||
\draw (\xl-0.25, \y/2-0.25) -- (\xl-0.25, -\y/2+0.25); % left
|
||||
\draw (\xl, \y/2) arc (90:180:0.25); % top left
|
||||
\draw (\xl, \y/2) -- (\xr, \y/2); % top
|
||||
\draw (\xr+0.25, \y/2-0.25) arc (0:90:0.25); % top right
|
||||
\draw (\xr+0.25, \y/2-0.25) -- (\xr+0.25, -\y/2+0.25); % right
|
||||
\draw (\xr, -\y/2) arc (270:360:0.25); % bottom right
|
||||
\draw (\xl,-\y/2) -- (\xr,-\y/2); % bottom
|
||||
\draw (\xl-0.25, -\y/2+0.25) arc (180:270:0.25); % bottom left
|
||||
|
||||
% arrows
|
||||
\draw[ultra thick, ->] (mcu) -- (broker_pc);
|
||||
\draw[ultra thick, ->] (laptop) -- (broker_pc);
|
||||
\draw[ultra thick, ->] (pc) -- (broker_pc);
|
||||
\draw[ultra thick, ->] (sub_mcu) -- (broker_pc);
|
||||
|
||||
\draw[dashed, ultra thick, <-] (server) -- (broker_pc);
|
||||
\draw[dashed, ultra thick, ->] (broker_pc.10) to (sub_mcu.north west);
|
||||
|
||||
% legend
|
||||
\draw[dashed, ultra thick, ->] (-4,-4) -- (-1,-4);
|
||||
\node[] (Sub) at (-2.5,-4.25) {Subscribe};
|
||||
|
||||
\draw[ultra thick, ->] (1,-4) -- (4,-4);
|
||||
\node[] (Pub) at (2.5,-4.25) {Publish};
|
||||
|
||||
\end{tikzpicture}
|
||||
\end{document}
|
||||
@@ -0,0 +1,31 @@
|
||||
% Tikz File mqtt_pub_sub.tex
|
||||
\documentclass{standalone}
|
||||
\usepackage{tikz, graphicx}
|
||||
|
||||
\begin{document}
|
||||
\begin{tikzpicture}
|
||||
%\draw[help lines] (-7,-5) grid (7,5);
|
||||
|
||||
\pgfmathsetmacro\pub{-4};
|
||||
\pgfmathsetmacro\bro{0};
|
||||
\pgfmathsetmacro\sub{4};
|
||||
\pgfmathsetmacro\y{4};
|
||||
|
||||
\draw[ultra thick] (\pub,\y/2) -- (\pub,\y/-2);
|
||||
\draw[ultra thick] (\bro,\y/2) -- (\bro,\y/-2);
|
||||
\draw[ultra thick] (\sub,\y/2) -- (\sub,\y/-2);
|
||||
|
||||
\draw[ultra thick, ->] (\sub,1) -- (\bro, 1);
|
||||
\draw[ultra thick, <-] (\sub,-1) -- (\bro, -1);
|
||||
\draw[ultra thick, ->] (\pub,0) -- (\bro, 0);
|
||||
|
||||
\node at (\pub, \y/2+0.2) {Publisher};
|
||||
\node at (\bro, \y/2+0.2) {Broker};
|
||||
\node at (\sub, \y/2+0.2) {Subscriber};
|
||||
|
||||
\node at (\sub/2, 1.2) {Subscribe (topic)};
|
||||
\node at (\pub/2, 0.2) {Publish (topic, info)};
|
||||
\node at (\sub/2, -0.8) {Publish (topic, info)};
|
||||
|
||||
\end{tikzpicture}
|
||||
\end{document}
|
||||
Reference in New Issue
Block a user