Guest User

Untitled

a guest
May 24th, 2018
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.11 KB | None | 0 0
  1. \documentclass{standalone}
  2. \usepackage{tikz}
  3. \usetikzlibrary{shapes.misc, positioning, backgrounds, fit}
  4.  
  5. \begin{document}
  6.  
  7. \tikzset{
  8. sys/.style = {draw, rectangle, rounded corners=5,
  9. node distance = 2cm, minimum height=2cm, minimum width=4cm},
  10. }
  11.  
  12. \begin{tikzpicture}
  13. %\draw[step=0.5in,black!50,dotted] (-5.5in,-4in) grid (5.5in, 4in);
  14.  
  15. %\filldraw (0,0) [red] circle (3pt);
  16.  
  17. \node at (-3, -2.5) [sys] (static) {
  18. \begin{tabular}{c} \textbf{Static Content}\\\tiny{CloudFront}
  19. \end{tabular}};
  20. \node at (static.west)[rectangle, xshift=-3pt, rotate=90] {\tiny\textbf{Port:4201}};
  21.  
  22. \node at (-3, 2.5) [sys] (dynamic) {
  23. \begin{tabular}{c} \textbf{Dynamic Content}\\\tiny{CloudFront}
  24. \end{tabular}
  25. };
  26. \node at (dynamic.west)[rectangle, xshift=-3pt, rotate=90] {\tiny\textbf{Port:4200}};
  27.  
  28. \node at (4, 2.5) [sys] (backend) {
  29. \begin{tabular}{c}\textbf{Backend}\\
  30. \tiny{Elastic Beanstalk}\\
  31. \tiny{Java, Spring, Spring Boot}
  32. \end{tabular}
  33. };
  34. \node at (backend.west)[rectangle, xshift=-3pt, rotate=90] (bport) {\tiny\textbf{Port:5000}};
  35.  
  36. \node[inner sep=0pt, outer sep=0pt] (s3) at (2.5, -2.5)
  37. {
  38. \includegraphics[width=1.5in]{Storage_AmazonS3_bucket.eps}
  39. };
  40.  
  41. \node[inner sep=0pt] (db) at (5, -2.5)
  42. {\includegraphics[width=1.5in]{Database_AmazonRDS_SQLmaster.eps}};
  43.  
  44. \node at (s3.south) {S3 Bucket};
  45. \node (dblabel) at (db.south) {Postgres DB};
  46.  
  47. \draw[<->] (static) -- node[yshift=4pt, sloped] {\tiny{$refers$}} (dynamic);
  48. \draw[<-] (static) -- node[yshift=8pt, sloped] {\tiny{$S3 Read$}} (s3);
  49. \draw[<->] (dynamic) -- node[yshift=8pt] {\tiny{$RESTful API$}} (bport);
  50. \draw[<-] (dynamic) -- node[yshift=8pt, sloped] {\tiny{$S3 Read$}} (s3);
  51. \draw[<->] (backend) -- node[yshift=8pt, sloped] {\tiny{$SQL Driver$}} (db);
  52. \draw[<->] (backend) -- node[yshift=8pt, sloped] {\tiny{$S3 Read/Write$}} (s3);
  53.  
  54. \node[text=teal, anchor=center] at (0.25, -5.5) (caption){\huge\textbf{System Overview}};
  55.  
  56. \begin{pgfonlayer}{background}
  57. \node [inner sep=0.5in, fill=red!10,fit=(dynamic) (caption) (db)] {};
  58. \end{pgfonlayer}
  59. \end{tikzpicture}
  60.  
  61.  
  62. \end{document}
Add Comment
Please, Sign In to add comment