aboutsummaryrefslogtreecommitdiff
path: root/slides/2019-it-intro-computer-systems
diff options
context:
space:
mode:
Diffstat (limited to 'slides/2019-it-intro-computer-systems')
-rw-r--r--slides/2019-it-intro-computer-systems/.gitignore12
-rw-r--r--slides/2019-it-intro-computer-systems/NOTE2
-rw-r--r--slides/2019-it-intro-computer-systems/README1
-rw-r--r--slides/2019-it-intro-computer-systems/beamercolorthemergd.sty24
-rw-r--r--slides/2019-it-intro-computer-systems/beamerfontthemergd.sty9
-rw-r--r--slides/2019-it-intro-computer-systems/beamerinnerthemergd.sty43
-rw-r--r--slides/2019-it-intro-computer-systems/beamerouterthemergd.sty66
-rw-r--r--slides/2019-it-intro-computer-systems/beamerthemergd.sty23
-rw-r--r--slides/2019-it-intro-computer-systems/handout.pdfbin0 -> 2487555 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/apps.jpgbin0 -> 201299 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/apps2.jpgbin0 -> 243832 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/aws.pngbin0 -> 46839 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/binary.jpgbin0 -> 77088 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/computer-system.tex42
-rw-r--r--slides/2019-it-intro-computer-systems/img/data.pdfbin0 -> 45531 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/driver.pngbin0 -> 14282 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/ethernet.jpgbin0 -> 87254 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/gce.pngbin0 -> 65943 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/google.pngbin0 -> 36591 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/group.pdfbin0 -> 4317 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/hdd.jpgbin0 -> 19347 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/headphones.jpgbin0 -> 45183 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/icloud.pngbin0 -> 22142 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/ict.jpgbin0 -> 42765 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/internet.pngbin0 -> 163845 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/kbuss.pngbin0 -> 244563 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/keyboard.jpegbin0 -> 154170 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/know-it-all.tex57
-rw-r--r--slides/2019-it-intro-computer-systems/img/layered.tex29
-rwxr-xr-xslides/2019-it-intro-computer-systems/img/logo.pngbin0 -> 66309 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/mcloud.pngbin0 -> 197629 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/monitor.jpgbin0 -> 50540 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/mouse.pngbin0 -> 318408 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/mouseclick.pdfbin0 -> 1094 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/nop.jpgbin0 -> 55617 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/os.pngbin0 -> 72990 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/performance.tex20
-rw-r--r--slides/2019-it-intro-computer-systems/img/qleft.pdfbin0 -> 11388 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/qright.pdfbin0 -> 12895 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/radio-tower.pdfbin0 -> 1560 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/reality.jpgbin0 -> 198899 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/sensor.jpgbin0 -> 105256 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/ssd.pngbin0 -> 1024992 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/systems.tex27
-rw-r--r--slides/2019-it-intro-computer-systems/img/traffic-light.pngbin0 -> 84364 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/trends.tex47
-rw-r--r--slides/2019-it-intro-computer-systems/img/tv-controller.jpgbin0 -> 32763 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/ty.pdfbin0 -> 12497 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/user.pdfbin0 -> 10598 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/img/z3.jpgbin0 -> 1329678 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/main.tex26
-rw-r--r--slides/2019-it-intro-computer-systems/slides.pdfbin0 -> 2512826 bytes
-rw-r--r--slides/2019-it-intro-computer-systems/src/body.tex430
-rw-r--r--slides/2019-it-intro-computer-systems/src/preamble.tex73
-rw-r--r--slides/2019-it-intro-computer-systems/src/questions.tex17
-rw-r--r--slides/2019-it-intro-computer-systems/src/titlepage.tex3
56 files changed, 951 insertions, 0 deletions
diff --git a/slides/2019-it-intro-computer-systems/.gitignore b/slides/2019-it-intro-computer-systems/.gitignore
new file mode 100644
index 0000000..4a7f033
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/.gitignore
@@ -0,0 +1,12 @@
+*.aux
+*.fdb_latexmk
+*.fls
+*.fls
+*.log
+*.nav
+*.out
+main.pdf
+*.snm
+*.toc
+*.nav
+*.snm
diff --git a/slides/2019-it-intro-computer-systems/NOTE b/slides/2019-it-intro-computer-systems/NOTE
new file mode 100644
index 0000000..cd9ac06
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/NOTE
@@ -0,0 +1,2 @@
+- Few more slides would be good here, or shrink down so that
+computer fundamentals + computer systems -> 3h works too.
diff --git a/slides/2019-it-intro-computer-systems/README b/slides/2019-it-intro-computer-systems/README
new file mode 100644
index 0000000..68a8dc7
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/README
@@ -0,0 +1 @@
+Lecture on computer systems in an introduction to IT course at kau.
diff --git a/slides/2019-it-intro-computer-systems/beamercolorthemergd.sty b/slides/2019-it-intro-computer-systems/beamercolorthemergd.sty
new file mode 100644
index 0000000..74ced1c
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/beamercolorthemergd.sty
@@ -0,0 +1,24 @@
+\mode<presentation>
+
+%%%
+% Color definitions
+%%%
+\RequirePackage{xcolor}
+\definecolor{rgdGreen}{RGB}{33,114,106}
+\definecolor{rgdYellow}{RGB}{255,210,4}
+\definecolor{rgdOrange}{RGB}{232,114,12}
+\colorlet{rgdGray}{gray!33}
+\colorlet{rgdBlack}{black}
+
+%%%
+% Beamer colors
+%%%
+\setbeamercolor*{titlepage}{fg=rgdBlack}
+\setbeamercolor*{author}{fg=rgdGreen}
+\setbeamercolor*{date}{fg=black}
+\setbeamercolor*{header}{bg=rgdYellow,fg=black}
+\setbeamercolor*{trailer}{bg=rgdGray,fg=black}
+\setbeamercolor*{item}{fg=rgdGreen}
+\setbeamercolor*{alerted text}{fg=rgdGreen}
+
+\mode<all>
diff --git a/slides/2019-it-intro-computer-systems/beamerfontthemergd.sty b/slides/2019-it-intro-computer-systems/beamerfontthemergd.sty
new file mode 100644
index 0000000..a6d212c
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/beamerfontthemergd.sty
@@ -0,0 +1,9 @@
+\mode<presentation>
+
+\setbeamerfont{title}{size=\large,shape=\bfseries}
+\setbeamerfont{subtitle}{size=\normalsize,shape=\bfseries}
+\setbeamerfont{frametitle}{size=\large,shape=\bfseries}
+\setbeamerfont{institute}{size=\small}
+\setbeamerfont{date}{size=\small}
+
+\mode<all>
diff --git a/slides/2019-it-intro-computer-systems/beamerinnerthemergd.sty b/slides/2019-it-intro-computer-systems/beamerinnerthemergd.sty
new file mode 100644
index 0000000..0d49176
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/beamerinnerthemergd.sty
@@ -0,0 +1,43 @@
+\mode<presentation>
+
+%%%
+% Title page
+%%%
+\defbeamertemplate*{title page}{rgd}[1][]{
+ \begin{tikzpicture}[remember picture, overlay]
+ \usebeamercolor{titlepage}
+ % Add top-left triangle with university logo
+ \filldraw[draw=rgdGray,fill=rgdGray]
+ (current page.north west) --
+ (current page.north) --
+ node[draw=none,pos=0.5](Logo){\includegraphics[width=3cm]{img/logo}}
+ (current page.west) --
+ (current page.north west);
+ % Add title
+ \node[
+ text=fg,
+ text width=0.75\paperwidth,
+ ] (Title) at ([shift={(0,-0.5cm)}]current page){%
+ \centering\usebeamerfont{title}\inserttitle\\%
+ };
+ % Add subtitle
+ \node[
+ text=fg,
+ text width=0.75\paperwidth,
+ below=0pt of Title,
+ ] (Subtitle) {%
+ \centering\usebeamerfont{subtitle}\insertsubtitle\\%
+ };
+ % Add authors
+ \usebeamercolor{author}
+ \node[
+ text=fg,
+ text width=0.75\paperwidth,
+ below=12pt of Subtitle,
+ ] (Author) {%
+ \centering\usebeamerfont{author}\insertauthor\\%
+ };
+ \end{tikzpicture}
+}
+
+\mode<all>
diff --git a/slides/2019-it-intro-computer-systems/beamerouterthemergd.sty b/slides/2019-it-intro-computer-systems/beamerouterthemergd.sty
new file mode 100644
index 0000000..ba757c6
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/beamerouterthemergd.sty
@@ -0,0 +1,66 @@
+\mode<presentation>
+
+%%%
+% Frame header
+%%%
+\defbeamertemplate*{frametitle}{corporate}[1][]{%
+ \nointerlineskip
+ % Add frame title
+ \begin{beamercolorbox}[
+ wd=\paperwidth,
+ ht=3ex,
+ dp=1.5ex,
+ left,
+ leftskip=2ex
+ ]{header}
+ \insertframetitle
+ \end{beamercolorbox}
+ % Add line after header
+ \nointerlineskip
+ \begin{beamercolorbox}[
+ wd=\paperwidth,
+ ht=0.25ex
+ ]{trailer}
+ \end{beamercolorbox}%
+}
+
+%%%
+% Frame trailer
+%%%
+\defbeamertemplate*{footline}{corporate}{%
+ \hbox{%
+ % Add mail
+ \begin{beamercolorbox}[
+ wd=0.22\paperwidth,
+ ht=2ex,
+ dp=0.5ex,
+ left,
+ leftskip=2ex
+ ]{trailer}
+ \texttt{rasmus.dahlberg@kau.se}
+ \end{beamercolorbox}%
+ % Add author
+ \begin{beamercolorbox}[
+ wd=0.73\paperwidth,
+ ht=2ex,
+ dp=0.5ex,
+ left,
+ leftskip=2ex
+ ]{header}
+ %\insertauthor
+ \inserttitle
+ \end{beamercolorbox}%
+ % Add page counter
+ \begin{beamercolorbox}[
+ wd=0.05\paperwidth,
+ ht=2ex,
+ dp=0.5ex,
+ right,
+ rightskip=1ex
+ ]{header}
+ \insertframenumber/\inserttotalframenumber
+ \end{beamercolorbox}%
+ }
+}
+
+\mode<all>
diff --git a/slides/2019-it-intro-computer-systems/beamerthemergd.sty b/slides/2019-it-intro-computer-systems/beamerthemergd.sty
new file mode 100644
index 0000000..022ef2c
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/beamerthemergd.sty
@@ -0,0 +1,23 @@
+\mode<presentation>
+
+%%%
+% Load beamer settings
+%%%
+\usecolortheme{rgd}
+\usefonttheme{rgd}
+\useinnertheme{rgd}
+\useoutertheme{rgd}
+
+%%%
+% Disable navigation tools on slides
+%%%
+\setbeamertemplate{navigation symbols}{}
+
+%%%
+% Object styles
+%%%
+\setbeamertemplate{itemize item}[square]
+\setbeamertemplate{itemize subitem}[default]
+\setbeamertemplate{sections/subsections in toc}[square]
+
+\mode<all>
diff --git a/slides/2019-it-intro-computer-systems/handout.pdf b/slides/2019-it-intro-computer-systems/handout.pdf
new file mode 100644
index 0000000..945325c
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/handout.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/apps.jpg b/slides/2019-it-intro-computer-systems/img/apps.jpg
new file mode 100644
index 0000000..1f41651
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/apps.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/apps2.jpg b/slides/2019-it-intro-computer-systems/img/apps2.jpg
new file mode 100644
index 0000000..f6f7173
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/apps2.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/aws.png b/slides/2019-it-intro-computer-systems/img/aws.png
new file mode 100644
index 0000000..ac9b4c3
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/aws.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/binary.jpg b/slides/2019-it-intro-computer-systems/img/binary.jpg
new file mode 100644
index 0000000..5e636ab
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/binary.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/computer-system.tex b/slides/2019-it-intro-computer-systems/img/computer-system.tex
new file mode 100644
index 0000000..7966868
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/computer-system.tex
@@ -0,0 +1,42 @@
+\begin{tikzpicture}[
+ -latex,
+ entity/.style = {
+ draw=lightGray,
+ top color=lightGray,
+ bottom color=white,
+ rectangle,
+ shading=axis,
+ minimum width=2cm,
+ },
+ nop/.style = {
+ draw=none,
+ },
+ frame/.style = {
+ draw,
+ -,
+ dashed,
+ thick,
+ rounded corners,
+ },
+ label/.style = {
+ draw=none,
+ },
+]
+ % Software and hardware
+ \node[entity] (hardware) at (0,0) {hardware};
+ \node[entity, above=12pt of hardware] (software) {software};
+ \node[nop] at ($ (software) !.5! (hardware) $) {+};
+ \coordinate (l) at ($ (current bounding box.west) + (-0.5, 0 ) $);
+ \coordinate (r) at ($ (current bounding box.east) + ( 0.5, 0 ) $);
+ \coordinate (b) at ($ (current bounding box.south) + ( 0, -0.5) $);
+ \coordinate (t) at ($ (current bounding box.north) + ( 0, 0.5) $);
+ \path[frame]
+ (l) |- (t)
+ node[label,below]{computer system} -|
+ (r) |- (b) -| (l);
+
+ % User and data
+ \node[nop, above=of t] (user) {\includegraphics[width=1cm]{img/user}};
+ \node[nop, above=-10pt of user] {user};
+ \draw[latex-latex] (user) -- node[label,right]{data} ($ (t) + (0, 0.25) $);
+\end{tikzpicture}
diff --git a/slides/2019-it-intro-computer-systems/img/data.pdf b/slides/2019-it-intro-computer-systems/img/data.pdf
new file mode 100644
index 0000000..5426fba
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/data.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/driver.png b/slides/2019-it-intro-computer-systems/img/driver.png
new file mode 100644
index 0000000..de83586
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/driver.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/ethernet.jpg b/slides/2019-it-intro-computer-systems/img/ethernet.jpg
new file mode 100644
index 0000000..1168bd1
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/ethernet.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/gce.png b/slides/2019-it-intro-computer-systems/img/gce.png
new file mode 100644
index 0000000..a4249e5
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/gce.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/google.png b/slides/2019-it-intro-computer-systems/img/google.png
new file mode 100644
index 0000000..4f0a30d
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/google.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/group.pdf b/slides/2019-it-intro-computer-systems/img/group.pdf
new file mode 100644
index 0000000..515c974
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/group.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/hdd.jpg b/slides/2019-it-intro-computer-systems/img/hdd.jpg
new file mode 100644
index 0000000..3b59ac9
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/hdd.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/headphones.jpg b/slides/2019-it-intro-computer-systems/img/headphones.jpg
new file mode 100644
index 0000000..44ff4d2
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/headphones.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/icloud.png b/slides/2019-it-intro-computer-systems/img/icloud.png
new file mode 100644
index 0000000..774875d
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/icloud.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/ict.jpg b/slides/2019-it-intro-computer-systems/img/ict.jpg
new file mode 100644
index 0000000..250c673
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/ict.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/internet.png b/slides/2019-it-intro-computer-systems/img/internet.png
new file mode 100644
index 0000000..e5e9f27
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/internet.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/kbuss.png b/slides/2019-it-intro-computer-systems/img/kbuss.png
new file mode 100644
index 0000000..8f0b122
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/kbuss.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/keyboard.jpeg b/slides/2019-it-intro-computer-systems/img/keyboard.jpeg
new file mode 100644
index 0000000..734034e
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/keyboard.jpeg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/know-it-all.tex b/slides/2019-it-intro-computer-systems/img/know-it-all.tex
new file mode 100644
index 0000000..c2e44fa
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/know-it-all.tex
@@ -0,0 +1,57 @@
+\newcommand{\twolines}[2]{\begin{tabular}{c}#1\\#2\end{tabular}}
+\scalebox{0.8}{
+ \begin{tikzpicture}[
+ -latex,
+ entity/.style = {
+ draw=lightGray,
+ thick,
+ ellipse,
+ minimum height=1.75cm,
+ top color = lightGray,
+ bottom color = white,
+ },
+ plain/.style = {
+ draw=none,
+ },
+ arrow/.style = {
+ draw = black,
+ -triangle 90,line width=1mm,
+ postaction={draw, line width=0.1cm, shorten >=0.1cm, -},
+ },
+ cs/.style = {
+ draw=lightGray,
+ thick,
+ cloud,
+ cloud puffs = 15.7,
+ cloud ignores aspect,
+ },
+ ]
+ \node[entity] (vlsi) at (0,0) {Electronics};
+ \node[entity, right=of vlsi] (hwa) {\twolines{Hardware}{architecture}};
+ \node[entity, right=of hwa] (si) {\twolines{Software}{infrastructure}};
+ \node[entity, right=of si] (as) {\twolines{Software}{development}};
+
+ \path[arrow] (vlsi) -- (hwa);
+ \path[arrow] (hwa) -- (si);
+ \path[arrow] (si) -- (as);
+
+ \coordinate(l) at ($ (vlsi) !.5! (hwa) $);
+ \coordinate(m) at ($ (hwa) !.5! (si) $);
+ \coordinate(r) at ($ (si) !.5! (as) $);
+
+ \pause
+ \node[plain, text=darkGreen, above=of l] {Computer parts};
+ \pause
+ \node[plain, text=darkBlue, below=of m] {Hardware-software relation};
+ \pause
+ \node[plain, text=darkRed, above=of r] {Programming and software engineering};
+
+ \pause
+ \node[cs, above=1cm of si] {%
+ \begin{tabular}{c}
+ Networking, security, and\\
+ distributed computing
+ \end{tabular}
+ };
+ \end{tikzpicture}
+}
diff --git a/slides/2019-it-intro-computer-systems/img/layered.tex b/slides/2019-it-intro-computer-systems/img/layered.tex
new file mode 100644
index 0000000..565753f
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/layered.tex
@@ -0,0 +1,29 @@
+\begin{tikzpicture}[
+ entity/.style = {
+ draw=lightGray!30,
+ rounded rectangle,
+ minimum width=5cm,
+ minimum height=0.75cm,
+ bottom color = black!75,
+ text = white,
+ thick,
+ },
+ arrow/.style = {
+ draw = darkOrange,
+ -triangle 90,line width=1mm,
+ postaction={draw, line width=0.1cm, shorten >=0.1cm, -},
+ }
+]
+\node[entity, top color = darkBlue] (user) at (0,0) {user};
+\node[entity, top color = darkPurple, below=of user] (app) {application software};
+\node[entity, top color = darkGreen, below=of app] (sys) {system software};
+\node[entity, top color = darkRed, below=of sys] (hw) {hardware};
+
+\path[arrow] (user.330) -- (app.30);
+\path[arrow] (app.330) -- (sys.30);
+\path[arrow] (sys.330) -- (hw.30);
+
+\path[arrow] (hw.150) -- (sys.210);
+\path[arrow] (sys.150) -- (app.210);
+\path[arrow] (app.150) -- (user.210);
+\end{tikzpicture}
diff --git a/slides/2019-it-intro-computer-systems/img/logo.png b/slides/2019-it-intro-computer-systems/img/logo.png
new file mode 100755
index 0000000..0c7c885
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/logo.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/mcloud.png b/slides/2019-it-intro-computer-systems/img/mcloud.png
new file mode 100644
index 0000000..3960700
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/mcloud.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/monitor.jpg b/slides/2019-it-intro-computer-systems/img/monitor.jpg
new file mode 100644
index 0000000..5796969
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/monitor.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/mouse.png b/slides/2019-it-intro-computer-systems/img/mouse.png
new file mode 100644
index 0000000..ec60d01
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/mouse.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/mouseclick.pdf b/slides/2019-it-intro-computer-systems/img/mouseclick.pdf
new file mode 100644
index 0000000..09e9871
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/mouseclick.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/nop.jpg b/slides/2019-it-intro-computer-systems/img/nop.jpg
new file mode 100644
index 0000000..2d8c1b7
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/nop.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/os.png b/slides/2019-it-intro-computer-systems/img/os.png
new file mode 100644
index 0000000..5f93900
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/os.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/performance.tex b/slides/2019-it-intro-computer-systems/img/performance.tex
new file mode 100644
index 0000000..5f4e816
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/performance.tex
@@ -0,0 +1,20 @@
+\begin{tikzpicture}[
+ arrow/.style = {
+ draw,
+ -latex,
+ },
+ plain/.style = {
+ draw=none,
+ }
+]
+ \coordinate(o) at (0,0);
+ \coordinate(y) at (0,4);
+ \coordinate(x) at (6,0);
+
+ \coordinate(c1) at (0.5,0.5);
+ \coordinate(c2) at (5.5,3);
+
+ \path[arrow] (o) -- node[plain, below, pos=0.9]{time} (x);
+ \path[arrow] (o) -- node[plain, above, pos=1]{performance} (y);
+ \path[arrow] (c1) -- (c2);
+\end{tikzpicture}
diff --git a/slides/2019-it-intro-computer-systems/img/qleft.pdf b/slides/2019-it-intro-computer-systems/img/qleft.pdf
new file mode 100644
index 0000000..f35a078
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/qleft.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/qright.pdf b/slides/2019-it-intro-computer-systems/img/qright.pdf
new file mode 100644
index 0000000..da2e8e3
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/qright.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/radio-tower.pdf b/slides/2019-it-intro-computer-systems/img/radio-tower.pdf
new file mode 100644
index 0000000..c38118f
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/radio-tower.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/reality.jpg b/slides/2019-it-intro-computer-systems/img/reality.jpg
new file mode 100644
index 0000000..91e414a
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/reality.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/sensor.jpg b/slides/2019-it-intro-computer-systems/img/sensor.jpg
new file mode 100644
index 0000000..7c54558
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/sensor.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/ssd.png b/slides/2019-it-intro-computer-systems/img/ssd.png
new file mode 100644
index 0000000..10733c9
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/ssd.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/systems.tex b/slides/2019-it-intro-computer-systems/img/systems.tex
new file mode 100644
index 0000000..d1be691
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/systems.tex
@@ -0,0 +1,27 @@
+\begin{tikzpicture}[
+ plain/.style = {
+ draw=none,
+ },
+ fill opacity = 0.5,
+]
+ \coordinate(first) at (0,0);
+ \coordinate(second) at (45:2cm);
+ \coordinate(third) at (0:2cm);
+
+ % CS, IS, and ICT circles
+ \fill[red] (first) circle (1.5cm);
+ \fill[green] (second) circle (1.5cm);
+ \fill[blue] (third) circle (1.5cm);
+
+ % CS, IS, and ICT labels
+ \node[plain, below=0pt of first] (CS) {CS};
+ \node[plain, above=0pt of second] (IS) {IS};
+ \node[plain, below=0pt of third] (ICT) {ICT};
+
+ % IT intersection between CS and IS
+ \clip (first) circle (1.5cm);
+ \fill[white, fill opacity=0.75] (second) circle (1.5cm);
+
+ % IT label
+ \node[plain] at ($ (CS) !.5! (IS) $) {IT};
+\end{tikzpicture}
diff --git a/slides/2019-it-intro-computer-systems/img/traffic-light.png b/slides/2019-it-intro-computer-systems/img/traffic-light.png
new file mode 100644
index 0000000..2b9a2de
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/traffic-light.png
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/trends.tex b/slides/2019-it-intro-computer-systems/img/trends.tex
new file mode 100644
index 0000000..7dea798
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/trends.tex
@@ -0,0 +1,47 @@
+\begin{tikzpicture}[
+ arrow/.style = {
+ draw,
+ -latex,
+ },
+ plain/.style = {
+ draw=none,
+ }
+]
+ \coordinate(o) at (0,0);
+ \coordinate(y) at (0,4);
+ \coordinate(x) at (6,0);
+
+ \coordinate(c1) at (0.5,0.5);
+ \coordinate(c2) at (2.5,2.5);
+ \coordinate(c3) at (3.5,2.5);
+ \coordinate(c4) at (5.5,0.5);
+
+ \path[arrow]
+ (o) --
+ node[plain, below, pos=0.9]{time}
+ (x);
+ \path[arrow]
+ (o) --
+ node[plain, pos=0.2, left]{%
+ \begin{tabular}{c}
+ thin\\
+ clients
+ \end{tabular}
+ }
+ node[plain, pos=0.8, left]{%
+ \begin{tabular}{c}
+ thick\\
+ clients
+ \end{tabular}
+ }
+ (y);
+
+ \path[arrow]
+ (c1) --
+ node[plain, sloped, above]{faster computers}
+ (c2);
+ \path[arrow]
+ (c3) --
+ node[plain, sloped, above]{faster network}
+ (c4);
+\end{tikzpicture}
diff --git a/slides/2019-it-intro-computer-systems/img/tv-controller.jpg b/slides/2019-it-intro-computer-systems/img/tv-controller.jpg
new file mode 100644
index 0000000..5b6d02e
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/tv-controller.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/ty.pdf b/slides/2019-it-intro-computer-systems/img/ty.pdf
new file mode 100644
index 0000000..9ad4dc8
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/ty.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/user.pdf b/slides/2019-it-intro-computer-systems/img/user.pdf
new file mode 100644
index 0000000..51ee41d
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/user.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/img/z3.jpg b/slides/2019-it-intro-computer-systems/img/z3.jpg
new file mode 100644
index 0000000..be1f262
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/img/z3.jpg
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/main.tex b/slides/2019-it-intro-computer-systems/main.tex
new file mode 100644
index 0000000..7f1f318
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/main.tex
@@ -0,0 +1,26 @@
+\pdfminorversion=4
+\documentclass[aspectratio=169]{beamer}
+%\documentclass[handout,aspectratio=169]{beamer}
+\usetheme{rgd}
+
+\input{src/preamble}
+
+\title{%
+ Computer Systems
+}
+%\subtitle{%
+%}
+\author{%
+ Rasmus Dahlberg
+}
+\institute{%
+ Karlstad University
+}
+\date{%
+ \today
+}
+\begin{document}
+ \input{src/titlepage}
+ \input{src/body}
+ \input{src/questions}
+\end{document}
diff --git a/slides/2019-it-intro-computer-systems/slides.pdf b/slides/2019-it-intro-computer-systems/slides.pdf
new file mode 100644
index 0000000..cc9c299
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/slides.pdf
Binary files differ
diff --git a/slides/2019-it-intro-computer-systems/src/body.tex b/slides/2019-it-intro-computer-systems/src/body.tex
new file mode 100644
index 0000000..2bdb372
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/src/body.tex
@@ -0,0 +1,430 @@
+\begin{frame}
+ \frametitle{Recall computers (or, last lecture in TL;DR format)}
+ \begin{columns}
+ \begin{column}{0.79\textwidth}
+ \begin{itemize}
+ \item A digital computing device that stores and processes data,
+ typically in binary form, according to arithmetic and locical
+ instructions given to it in a variable program
+ \item Binary data is `easy' to store and process digitally
+ \item Examples that we can express data as we know it in binary
+ \begin{itemize}
+ \item Converting between base 10 and base 2
+ \item ASCII
+ \item Unicode
+ \end{itemize}
+ \item Hardware that composes a basic computer
+ \begin{itemize}
+ \item Processor
+ \item Memory
+ \item I/O devices
+ \item ...
+ \end{itemize}
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.29\textwidth}
+ \centering\includegraphics[width=\textwidth]{img/binary}
+ \end{column}
+ \end{columns}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Learning outcome based on syllabus}
+ \begin{itemize}
+ \item Describe the role of software in relation to the hardware
+ (ISGA01)
+ \item Describe the relation of the software to the hardware
+ (ISGA06)
+ \item Describe the role of software in relation to the hardware
+ (ISGA90)
+ \end{itemize}
+ \vfill\centering
+ \smartdiagramset{
+ sequence item height=1.75cm,
+ sequence item width=2.5cm,
+ sequence item text width = 2.4cm,
+ }
+ \smartdiagram[sequence diagram]{%
+ What is a computer system?,%
+ Hardware software relation,%
+ Trends and related systems%
+ }
+\end{frame}
+
+\begin{frame}
+ \frametitle{Q: What is a computer system? \titlefloatright{A: Hardware + software}}
+ \begin{itemize}
+ \item Ett datorsystem \"{a}r ett system av h\aa{}rdvara och mjukvara som
+ behandlar data p\aa{} ett meningsfullt s\"{a}tt\footnote{%
+ \burl{https://sv.wikipedia.org/wiki/Datorsystem}
+ }
+ \begin{columns}
+ \begin{column}{0.49\textwidth}
+ \begin{description}
+ \item[\tno] mjukvara
+ \item[\tno] h\aa{}rdvara
+ \item[?] meningsfullt
+ \end{description}
+ \end{column}
+ \begin{column}{0.49\textwidth}
+ \begin{description}
+ \item[\tyes] programvara
+ \item[\tyes] maskinvara
+ \item[?] TBC
+ \end{description}
+ \end{column}
+ \end{columns}
+ \item Dator(er) med ansluten \textbf{maskinvara}, se dator. Ordet
+ anv\"{a}nds ibland synonymt med databehandlingssystem, vilket
+ d\"{a}rut\"{o}ver omfattar \textbf{programvara} samt eventuell
+ organisation f\"{o}r databehandling\footnote{%
+ \burl{https://www.ne.se/uppslagsverk/encyklopedi/l\%C3\%A5ng/datorsystem}
+ }
+ \end{itemize}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Meaningful? Need combination of hardware, software, user, and
+ data\footnote{%
+ \tiny{Some define computer systems like this, see for example:} \burl{https://en.wikipedia.org/wiki/Category:Computer\_systems}
+ }
+ }
+ \begin{columns}
+ \begin{column}{0.59\textwidth}
+ \begin{itemize}
+ \item \textbf{Hardware} refers to physical components
+ \item \textbf{Software} refers to programs that instruct the hardware
+ what to do step-by-step
+ \item \textbf{Data} is supplied and interpreted by a \textbf{user}
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.39\textwidth}
+ \vfill\centering
+ \input{img/computer-system}
+ \end{column}
+ \end{columns}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Computer systems are layered to increase usability}
+ \begin{columns}
+ \begin{column}{0.59\textwidth}
+ \begin{itemize}
+ \item Users use input and output devices to interact with application
+ software (data exchange)
+ \item Application software relies on system software while providing
+ functionality
+ \item System software coordinates the hardware
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.39\textwidth}
+ \centering\input{img/layered}
+ \end{column}
+ \end{columns}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Users and application software exchange data via input and output
+ devices}
+ \begin{columns}
+ \begin{column}{0.33\textwidth}
+ \centering\includegraphics[height=0.25\textheight]{img/monitor}
+ \centering\includegraphics[height=0.25\textheight]{img/keyboard}
+ \centering\includegraphics[height=0.25\textheight]{img/mouse}
+ \centering\includegraphics[height=0.25\textheight]{img/headphones}
+ \end{column}
+ \begin{column}{0.33\textwidth}
+ \centering\includegraphics[height=0.25\textheight]{img/radio-tower}\\
+ \centering\includegraphics[height=0.25\textheight]{img/ethernet}\\
+ \centering\includegraphics[height=0.25\textheight]{img/hdd}
+ \end{column}
+ \begin{column}{0.33\textwidth}
+ \centering\includegraphics[height=0.25\textheight]{img/sensor}
+ \centering\includegraphics[height=0.25\textheight]{img/traffic-light}\\
+ \vspace{12pt}
+ \centering\includegraphics[height=0.4\textheight]{img/kbuss}
+ \end{column}
+ \end{columns}
+\end{frame}
+
+% more on what an application is next lecture
+\begin{frame}
+ \frametitle{Application software helps a user perform a given task}
+ \centering\includegraphics[height=0.8\textheight]{img/apps2}\\
+\end{frame}
+
+\begin{frame}
+ \frametitle{System software provides a platform that application software
+ relies on}
+ \begin{columns}
+ \begin{column}{0.49\textwidth}
+ \centering\includegraphics[height=0.35\textheight]{img/os}
+ \begin{itemize}
+ \item Operating system software
+ \begin{itemize}
+ \item Program execution
+ \item Interrupts
+ \item System calls
+ \item ...
+ \end{itemize}
+ \item Drivers
+ \begin{itemize}
+ \item Bridge between OS and hardware
+ \end{itemize}
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.49\textwidth}
+ \centering\includegraphics[height=0.35\textheight]{img/driver}
+ \begin{itemize}
+ \item Firmware
+ \begin{itemize}
+ \item Persistently stored program for low-level hardware control
+ \item Found on most components
+ \item Recall BIOS on the motherboard
+ \end{itemize}
+ \item Window management software
+ \item ...
+ \end{itemize}
+ \vfill
+ \end{column}
+ \end{columns}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Actual hardware finally stores and processes data}
+ \centering
+ \begin{tikzpicture}[
+ entity/.style = {
+ draw,
+ rectangle,
+ minimum width=3cm,
+ minimum height=1cm,
+ top color = lightGray,
+ bottom color = white,
+ },
+ arrow/.style = {
+ draw,
+ },
+ ]
+ \node[entity] (Memory) at (0,0) {Memory};
+ \node[entity, right=of Memory] (Processor) {Processor};
+ \node[entity, right=of Processor] (IO) {IO devices};
+
+ \path[draw, ultra thick]
+ ($ (Memory) + (0,-2.1) $) --
+ node[label, below]{Internal communication and coordination via buses}
+ ($ (IO) + (0,-2.1) $);
+
+ \path[arrow, latex-latex] ($ (Memory.south) + (0,-0.1) $) -- ($ (Memory) + (0,-2) $);
+ \path[arrow, latex-latex] ($ (Processor.south) + (0,-0.1) $) -- ($ (Processor) + (0,-2) $);
+ \path[arrow, latex-latex] ($ (IO.south) + (0,-0.1) $) -- ($ (IO) + (0,-2) $);
+
+ \end{tikzpicture}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Doh! The more you know, the more you know you don't know}
+ \centering\input{img/know-it-all}
+\end{frame}
+
+\begin{frame}
+ \frametitle{But we can still say something about the hardware-software
+ relation}
+ \centering
+ \begin{tabular}{ccc}
+ \textbf{Hardware} & \textbf{Software} & \textbf{Outcome} \\
+ \toprule
+ \tno & \tno & - \\
+ \tno & \tyes & useless \\
+ \tyes & \tno & unusable \\
+ \tyes & \tyes & usable \\
+ \bottomrule
+ \end{tabular}
+ \pause
+ \vfill\alert{System software abstracts the hardware away, thereby making it
+ easier to use}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Example: what happens on a mouse click?}
+ \begin{columns}
+ \begin{column}{0.89\textwidth}
+ \begin{enumerate}
+ \item A user provides input data by clicking the mouse
+ \item The click creates contact with electrical components in the mouse
+ \item The mouse creates an interrupt signal on the bus:
+ `I have data to send'
+ \item The interrupt signal eventually gets CPU priority
+ \begin{itemize}
+ \item Stop current task
+ \item Load and execute driver routine
+ \item Clear interrupt siginal
+ \item Context switch back to previous task
+ \end{itemize}
+ \end{enumerate}
+ \end{column}
+ \begin{column}{0.09\textwidth}
+ \centering\includegraphics[width=\textwidth]{img/mouseclick}
+ \end{column}
+ \end{columns}
+ \pause
+ \vfill\alert{Similar: what happens when you press a button on your keyboard?}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Example: PlayStation 4 is a computer system}
+ \centering
+ \includegraphics[height=0.5\textheight]{img/group}
+ \\\Huge{Interactive demo + whiteboard}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Trends of computer systems}
+ \begin{columns}
+ \begin{column}{0.39\textwidth}
+ \begin{itemize}
+ \item Thick client
+ \item Thin client
+ \item Outsourced computing
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.59\textwidth}
+ \centering\input{img/trends}
+ \end{column}
+ \end{columns}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Major players that provide cloud services \titlefloatright{+ some
+ gossip!!}}
+ \includegraphics[height=0.2263\textheight]{img/mcloud}
+ \includegraphics[height=0.2263\textheight]{img/icloud}
+ \includegraphics[height=0.33\textheight]{img/aws}
+ \includegraphics[height=0.33\textheight]{img/gce}
+ \begin{columns}
+ \begin{column}{0.25\textwidth}
+ \begin{itemize}
+ \item Microsoft
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.25\textwidth}
+ \begin{itemize}
+ \item Apple
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.25\textwidth}
+ \begin{itemize}
+ \item Amazon
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.25\textwidth}
+ \begin{itemize}
+ \item Google
+ \end{itemize}
+ \end{column}
+ \end{columns}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Trends of computer systems continued}
+ \begin{columns}
+ \begin{column}{0.39\textwidth}
+ Performance metrics:
+ \begin{itemize}
+ \item MIPS
+ \item MFLOPS
+ \item Bandwidth
+ \item Execution time
+ \item SPEC\footnotemark
+ \item ...
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.59\textwidth}
+ \centering\input{img/performance}
+ \end{column}
+ \end{columns}
+ \vfill
+ \pause
+ \centering
+ \alert{Cause and effect?}
+ \pause
+ \alert{Hardware improves, software demands more...}
+
+ \footnotetext[4]{%
+ \tiny{Details for those that are interested:}
+ \burl{https://www.spec.org/}
+ }
+\end{frame}
+
+\begin{frame}
+ \frametitle{Systems that are closely related to computers? CS, IS, IT and ICT}
+ \begin{columns}
+ \begin{column}{0.49\textwidth}
+ \begin{itemize}
+ \item Information System (IS): the study of complementary networks that
+ people and organizations use to collect, filter, process, create, and
+ distribute data
+ \item Computer System (CS): subset of IS
+ \item Information Technology (IT): CS + everything around it in an
+ enterprise
+ \item Information Technology and Communication (ICT): IT + telecom%
+ \footnotemark
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.49\textwidth}
+ \centering\includegraphics[width=\textwidth]{img/ict}
+ \alert{Figure that depicts these relations?}
+ \end{column}
+ \end{columns}
+ \footnotetext[5]{\tiny{The transmission of data using different types of
+ techniques and mediums, e.g., Ethernet and WiFi.}}
+ \pause
+ \vfill\centering\alert{Be warned: these definitions are no exact science...}
+\end{frame}
+
+\begin{frame}
+ \frametitle{Given the status quo of Internet...difference between IT and ICT?}
+ \begin{columns}
+ \begin{column}{0.59\textwidth}
+ % Only briefly, forward ref to telecom lecture
+ Internet is a network of networks:
+ \begin{itemize}
+ \item `Nuts and bolt'
+ \item Protocol stack
+ \end{itemize}
+ \only<2>{\vspace{18pt}\centering\alert{Name an IT system without
+ telecommunication?}}
+ \end{column}
+ \begin{column}{0.39\textwidth}
+ \centering\includegraphics[height=0.8\textheight]{img/internet}
+ \end{column}
+ \end{columns}
+\end{frame}
+
+% Focus on the stuff related to this lecture, not networking
+% + show in browser links where they can read more
+\begin{frame}
+ \frametitle{Example: what happens when you enter google.com in your browser
+ software?}
+ \includegraphics[height=0.8\textheight]{img/google}
+\end{frame}
+
+% backup slide if too fast
+\begin{frame}
+ \frametitle{Computer systems: present and future?}
+ \begin{columns}
+ \begin{column}{0.49\textwidth}
+ \begin{itemize}
+ \item Reality
+ \item Internet of things
+ \item Artificial intelligence
+ \item Anarchy
+ \item Monopolism
+ \item Opportunity contra risk
+ \end{itemize}
+ \end{column}
+ \begin{column}{0.49\textwidth}
+ \includegraphics[width=\textwidth]{img/reality}
+ \end{column}
+ \end{columns}
+\end{frame}
diff --git a/slides/2019-it-intro-computer-systems/src/preamble.tex b/slides/2019-it-intro-computer-systems/src/preamble.tex
new file mode 100644
index 0000000..1ef1078
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/src/preamble.tex
@@ -0,0 +1,73 @@
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+% Packages %
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\usepackage[
+ lambda, advantage, operators, sets, adversary, landau, probability, notions,
+ logic, ff, mm, primitives, events, complexity, asymptotics, keys
+]{cryptocode}
+
+\usepackage{graphicx}
+\usepackage{mathtools}
+\usepackage{amsmath}
+\usepackage{amssymb}
+\usepackage{flowchart}
+\usepackage{smartdiagram}
+\usepackage{pifont}
+\usepackage{graphicx}
+\usepackage{color}
+\usepackage{tikz}
+\usepackage{tikz-qtree}
+\usetikzlibrary{
+ arrows,%
+ decorations.markings,%
+ backgrounds,%
+ calc,%
+ fit,%
+ positioning,%
+ shapes.misc,%
+ shadows,%
+ shapes.arrows,%
+ shapes,%
+ snakes,%
+}
+\usepackage{booktabs}
+\usepackage{smartdiagram}
+\usepackage{floatrow}
+%\usepackage[position=bottom]{subfig} % environment for nested figures
+
+\usepackage{xcolor}
+\definecolor{darkGreen}{HTML}{008000}
+\definecolor{darkBlue}{HTML}{2809B2}
+\definecolor{darkRed}{HTML}{CC0000}
+\definecolor{darkGray}{HTML}{808080}
+\definecolor{darkOrange}{HTML}{D77D00}
+\definecolor{darkPurple}{HTML}{800080}
+\colorlet{lightGray}{gray!33}
+\colorlet{lightYellow}{yellow!50}
+\definecolor{darkGreen}{HTML}{008000}
+\definecolor{darkBlue}{HTML}{2809B2}
+\definecolor{darkRed}{HTML}{CC0000}
+
+% Figures, tables and code
+\usepackage{booktabs}
+\usepackage{colortbl}
+\usepackage{flowchart}
+\usepackage{adjustbox}
+\usepackage{listings}
+
+%\setbeamertemplate{itemize item}[circle]
+%\setbeamertemplate{itemize subitem}[default]
+%\setbeamertemplate{caption}[numbered]
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+% Defines %
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\makeatletter
+\let\@@magyar@captionfix\relax %needed for \titlefloatright
+\makeatother
+
+\newcommand{\tyes}{\textcolor{darkGreen}{\ding{51}}}
+\newcommand{\tno}{\textcolor{darkRed}{\ding{55}}}
+\newcommand{\burl}[1]{\tiny{\url{#1}}}
+\newcommand{\TODO}[1]{\textcolor{red}{TODO}: #1}
+\newcommand{\titlefloatright}[1]{\hspace{0pt plus 1 filll}#1$\;$}
diff --git a/slides/2019-it-intro-computer-systems/src/questions.tex b/slides/2019-it-intro-computer-systems/src/questions.tex
new file mode 100644
index 0000000..85cb2f3
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/src/questions.tex
@@ -0,0 +1,17 @@
+\begin{frame}
+ \frametitle{Any questions?} \label{frm:que}
+ \begin{columns}
+ \begin{column}{0.49\textwidth}
+ \centering
+ \includegraphics[width=0.75\textwidth]{img/qleft}
+ \end{column}
+ \begin{column}{0.49\textwidth}
+ \centering
+ \includegraphics[width=0.75\textwidth]{img/qright}
+ \end{column}
+ \end{columns}
+
+ \centering
+ \vspace{-1cm}
+ \includegraphics[width=0.20\textwidth]{img/ty}
+\end{frame}
diff --git a/slides/2019-it-intro-computer-systems/src/titlepage.tex b/slides/2019-it-intro-computer-systems/src/titlepage.tex
new file mode 100644
index 0000000..9b18039
--- /dev/null
+++ b/slides/2019-it-intro-computer-systems/src/titlepage.tex
@@ -0,0 +1,3 @@
+\begin{frame}
+ \titlepage
+\end{frame}