nodist/overview.tex

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