nodist/overview.tex

   1 \documentclass[tikz=true,border=12pt]{standalone}
   2
   3 % Set some useful default
   4 \tikzset{%
   5     font=\sffamily\scriptsize,
   6     shorten >= 5,
   7     shorten <= 5,
   8     every label/.style={
   9         label distance=20
  10     },
  11     every path/.style={
  12         very thick,
  13         >=stealth
  14     },
  15     every label/.style={
  16         font=\sffamily\small
  17     }
  18 }
  19
  20 \begin{document}
  21 \begin{tikzpicture}[node distance=150]
  22
  23 \node[label=APPLICATION] (gear)
  24     {\includegraphics[scale=0.2]{symbols-9}};
  25 \node[below of=gear, label=below:DATABASE] (database)
  26     {\includegraphics[scale=0.2]{symbols-1}};
  27 \node[right of=gear, label=ADG CANVAS] (adg)
  28     {\includegraphics[scale=0.2]{symbols-8}};
  29 \node[below of=adg, label=below:WORKSTATION] (workstation)
  30     {\includegraphics[scale=0.2]{symbols-7}};
  31 \node[right of=adg, label=DRAWING FILE] (sheet)
  32     {\includegraphics[scale=0.2]{symbols-3}};
  33 \node[below of=sheet] (printer)
  34     {\includegraphics[scale=0.2]{symbols-2}};
  35
  36 \draw [<->] (gear) -- (database);
  37 \draw [<->, shorten <= -5, shorten >= 8] (gear) -- (workstation);
  38 \draw [->] (gear) -- (adg);
  39 \draw [->] (adg) -- node[above=-2] {PDF or PS} node[below=-2]{BACKEND} (sheet);
  40 \draw [->] (adg) -- node[right=-2, align=left] {XLIB\\BACKEND} (workstation);
  41 \draw [->] (sheet) -- (printer);
  42
  43 \node[yshift=60] at (adg)
  44     {Overview of a typical \textbf{desktop} application};
  45
  46 \end{tikzpicture}
  47 \begin{tikzpicture}[node distance=120]
  48
  49 \node[label=APPLICATION] (gear)
  50     {\includegraphics[scale=0.2]{symbols-9}};
  51 \node[below of=gear, label=below:DATABASE] (database)
  52     {\includegraphics[scale=0.2]{symbols-1}};
  53 \node[right of=gear, label=ADG CANVAS] (adg)
  54     {\includegraphics[scale=0.2]{symbols-8}};
  55 \node[below of=adg, label=below:SERVER] (server)
  56     {\includegraphics[scale=0.2]{symbols-0}};
  57 \node[right of=adg, label=DRAWING FILE] (sheet)
  58     {\includegraphics[scale=0.2]{symbols-3}};
  59 \node[right of=server] (cloud)
  60     {\includegraphics[scale=0.2]{symbols-5}};
  61 \node[right of=cloud] (workstation)
  62     {\includegraphics[scale=0.2]{symbols-7}};
  63 \node[above of=workstation] (laptop)
  64     {\includegraphics[scale=0.2]{symbols-4}};
  65 \node[below of=workstation] (tablet)
  66     {\includegraphics[scale=0.2]{symbols-6}};
  67
  68 \draw [<->] (gear) -- (database);
  69 \draw [<->, shorten <= -5] (gear) -- (server);
  70 \draw [->] (gear) -- (adg);
  71 \draw [->] (adg) -- node[above=-2] {PNG or PDF} node[below=-2]{BACKEND} (sheet);
  72 \draw [->] (sheet) -- (cloud);
  73 \draw [<->] (server) -- node[above=-2] {HTML} (cloud);
  74 \draw [<->] (cloud) -- (laptop);
  75 \draw [<->] (cloud) -- (tablet);
  76 \draw [<->] (cloud) -- (workstation);
  77
  78 \node[xshift=75, yshift=60] at (adg)
  79     {Overview of a typical \textbf{web} application};
  80
  81 \end{tikzpicture}
  82 \end{document}