From 76bae02bcd7d6b3ec9eea428e5e95da184a8dbfb Mon Sep 17 00:00:00 2001 From: Rasmus Dahlberg Date: Tue, 15 Oct 2024 15:35:20 +0200 Subject: Rescue some slides from old private mono repos --- slides/2019-it-intro-computer-structure/.gitignore | 12 + slides/2019-it-intro-computer-structure/README | 1 + .../beamercolorthemergd.sty | 24 + .../beamerfontthemergd.sty | 9 + .../beamerinnerthemergd.sty | 43 ++ .../beamerouterthemergd.sty | 66 +++ .../beamerthemergd.sty | 23 + .../2019-it-intro-computer-structure/handout.pdf | Bin 0 -> 10331469 bytes .../2019-it-intro-computer-structure/img/ascii.png | Bin 0 -> 138820 bytes .../img/audio-card.jpg | Bin 0 -> 26051 bytes .../img/binary-joke.jpg | Bin 0 -> 77088 bytes .../img/binary.jpg | Bin 0 -> 26840 bytes .../img/build-pc.jpg | Bin 0 -> 261527 bytes .../2019-it-intro-computer-structure/img/case1.png | Bin 0 -> 457919 bytes .../2019-it-intro-computer-structure/img/case2.png | Bin 0 -> 336609 bytes .../img/computers-everywhere.jpg | Bin 0 -> 161358 bytes .../2019-it-intro-computer-structure/img/cpu.png | Bin 0 -> 1588530 bytes .../2019-it-intro-computer-structure/img/dp.jpeg | Bin 0 -> 322660 bytes .../img/graphics-card.jpg | Bin 0 -> 132600 bytes .../2019-it-intro-computer-structure/img/group.pdf | Bin 0 -> 4317 bytes .../2019-it-intro-computer-structure/img/hdd.jpg | Bin 0 -> 19347 bytes .../2019-it-intro-computer-structure/img/hdmi.jpg | Bin 0 -> 116838 bytes .../img/iphone.png | Bin 0 -> 1009813 bytes .../img/light-bulb.pdf | Bin 0 -> 65846 bytes .../img/light-bulb.svg | 619 +++++++++++++++++++++ .../2019-it-intro-computer-structure/img/logo.png | Bin 0 -> 66309 bytes .../2019-it-intro-computer-structure/img/mbp.png | Bin 0 -> 1110134 bytes .../img/memory.tex | 50 ++ .../img/moderkort.pdf | Bin 0 -> 447736 bytes .../img/moores-law.png | Bin 0 -> 400132 bytes .../img/motherboard.jpg | Bin 0 -> 181265 bytes .../img/network-card.jpg | Bin 0 -> 89045 bytes .../img/new-motherboard.jpg | Bin 0 -> 143194 bytes .../img/new-motherboard2.jpg | Bin 0 -> 174253 bytes .../img/pc-cat.jpg | Bin 0 -> 438086 bytes .../2019-it-intro-computer-structure/img/qleft.pdf | Bin 0 -> 11388 bytes .../img/qright.pdf | Bin 0 -> 12895 bytes .../2019-it-intro-computer-structure/img/ram.png | Bin 0 -> 87263 bytes .../img/raspberrypi.jpg | Bin 0 -> 287353 bytes .../2019-it-intro-computer-structure/img/ssd.png | Bin 0 -> 1024992 bytes slides/2019-it-intro-computer-structure/img/ty.pdf | Bin 0 -> 12497 bytes .../2019-it-intro-computer-structure/img/usb.jpg | Bin 0 -> 45730 bytes .../2019-it-intro-computer-structure/img/usb1.jpg | Bin 0 -> 15124 bytes .../2019-it-intro-computer-structure/img/usb2.jpg | Bin 0 -> 15859 bytes .../2019-it-intro-computer-structure/img/video.png | Bin 0 -> 641188 bytes slides/2019-it-intro-computer-structure/img/z3.jpg | Bin 0 -> 1329678 bytes slides/2019-it-intro-computer-structure/main.tex | 26 + slides/2019-it-intro-computer-structure/slides.pdf | Bin 0 -> 10350149 bytes .../2019-it-intro-computer-structure/src/body.tex | 601 ++++++++++++++++++++ .../src/preamble.tex | 72 +++ .../src/questions.tex | 17 + .../src/titlepage.tex | 3 + 52 files changed, 1566 insertions(+) create mode 100644 slides/2019-it-intro-computer-structure/.gitignore create mode 100644 slides/2019-it-intro-computer-structure/README create mode 100644 slides/2019-it-intro-computer-structure/beamercolorthemergd.sty create mode 100644 slides/2019-it-intro-computer-structure/beamerfontthemergd.sty create mode 100644 slides/2019-it-intro-computer-structure/beamerinnerthemergd.sty create mode 100644 slides/2019-it-intro-computer-structure/beamerouterthemergd.sty create mode 100644 slides/2019-it-intro-computer-structure/beamerthemergd.sty create mode 100644 slides/2019-it-intro-computer-structure/handout.pdf create mode 100644 slides/2019-it-intro-computer-structure/img/ascii.png create mode 100644 slides/2019-it-intro-computer-structure/img/audio-card.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/binary-joke.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/binary.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/build-pc.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/case1.png create mode 100644 slides/2019-it-intro-computer-structure/img/case2.png create mode 100644 slides/2019-it-intro-computer-structure/img/computers-everywhere.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/cpu.png create mode 100644 slides/2019-it-intro-computer-structure/img/dp.jpeg create mode 100644 slides/2019-it-intro-computer-structure/img/graphics-card.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/group.pdf create mode 100644 slides/2019-it-intro-computer-structure/img/hdd.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/hdmi.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/iphone.png create mode 100644 slides/2019-it-intro-computer-structure/img/light-bulb.pdf create mode 100644 slides/2019-it-intro-computer-structure/img/light-bulb.svg create mode 100755 slides/2019-it-intro-computer-structure/img/logo.png create mode 100644 slides/2019-it-intro-computer-structure/img/mbp.png create mode 100644 slides/2019-it-intro-computer-structure/img/memory.tex create mode 100644 slides/2019-it-intro-computer-structure/img/moderkort.pdf create mode 100644 slides/2019-it-intro-computer-structure/img/moores-law.png create mode 100644 slides/2019-it-intro-computer-structure/img/motherboard.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/network-card.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/new-motherboard.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/new-motherboard2.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/pc-cat.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/qleft.pdf create mode 100644 slides/2019-it-intro-computer-structure/img/qright.pdf create mode 100644 slides/2019-it-intro-computer-structure/img/ram.png create mode 100644 slides/2019-it-intro-computer-structure/img/raspberrypi.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/ssd.png create mode 100644 slides/2019-it-intro-computer-structure/img/ty.pdf create mode 100644 slides/2019-it-intro-computer-structure/img/usb.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/usb1.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/usb2.jpg create mode 100644 slides/2019-it-intro-computer-structure/img/video.png create mode 100644 slides/2019-it-intro-computer-structure/img/z3.jpg create mode 100644 slides/2019-it-intro-computer-structure/main.tex create mode 100644 slides/2019-it-intro-computer-structure/slides.pdf create mode 100644 slides/2019-it-intro-computer-structure/src/body.tex create mode 100644 slides/2019-it-intro-computer-structure/src/preamble.tex create mode 100644 slides/2019-it-intro-computer-structure/src/questions.tex create mode 100644 slides/2019-it-intro-computer-structure/src/titlepage.tex (limited to 'slides/2019-it-intro-computer-structure') diff --git a/slides/2019-it-intro-computer-structure/.gitignore b/slides/2019-it-intro-computer-structure/.gitignore new file mode 100644 index 0000000..4a7f033 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/.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-structure/README b/slides/2019-it-intro-computer-structure/README new file mode 100644 index 0000000..c562a38 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/README @@ -0,0 +1 @@ +Lecture on computer structure in an introduction to IT course at kau. diff --git a/slides/2019-it-intro-computer-structure/beamercolorthemergd.sty b/slides/2019-it-intro-computer-structure/beamercolorthemergd.sty new file mode 100644 index 0000000..74ced1c --- /dev/null +++ b/slides/2019-it-intro-computer-structure/beamercolorthemergd.sty @@ -0,0 +1,24 @@ +\mode + +%%% +% 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 diff --git a/slides/2019-it-intro-computer-structure/beamerfontthemergd.sty b/slides/2019-it-intro-computer-structure/beamerfontthemergd.sty new file mode 100644 index 0000000..a6d212c --- /dev/null +++ b/slides/2019-it-intro-computer-structure/beamerfontthemergd.sty @@ -0,0 +1,9 @@ +\mode + +\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 diff --git a/slides/2019-it-intro-computer-structure/beamerinnerthemergd.sty b/slides/2019-it-intro-computer-structure/beamerinnerthemergd.sty new file mode 100644 index 0000000..0d49176 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/beamerinnerthemergd.sty @@ -0,0 +1,43 @@ +\mode + +%%% +% 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 diff --git a/slides/2019-it-intro-computer-structure/beamerouterthemergd.sty b/slides/2019-it-intro-computer-structure/beamerouterthemergd.sty new file mode 100644 index 0000000..ba757c6 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/beamerouterthemergd.sty @@ -0,0 +1,66 @@ +\mode + +%%% +% 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 diff --git a/slides/2019-it-intro-computer-structure/beamerthemergd.sty b/slides/2019-it-intro-computer-structure/beamerthemergd.sty new file mode 100644 index 0000000..022ef2c --- /dev/null +++ b/slides/2019-it-intro-computer-structure/beamerthemergd.sty @@ -0,0 +1,23 @@ +\mode + +%%% +% 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 diff --git a/slides/2019-it-intro-computer-structure/handout.pdf b/slides/2019-it-intro-computer-structure/handout.pdf new file mode 100644 index 0000000..ec23377 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/handout.pdf differ diff --git a/slides/2019-it-intro-computer-structure/img/ascii.png b/slides/2019-it-intro-computer-structure/img/ascii.png new file mode 100644 index 0000000..e989951 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/ascii.png differ diff --git a/slides/2019-it-intro-computer-structure/img/audio-card.jpg b/slides/2019-it-intro-computer-structure/img/audio-card.jpg new file mode 100644 index 0000000..666d859 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/audio-card.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/binary-joke.jpg b/slides/2019-it-intro-computer-structure/img/binary-joke.jpg new file mode 100644 index 0000000..5e636ab Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/binary-joke.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/binary.jpg b/slides/2019-it-intro-computer-structure/img/binary.jpg new file mode 100644 index 0000000..0a1b06c Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/binary.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/build-pc.jpg b/slides/2019-it-intro-computer-structure/img/build-pc.jpg new file mode 100644 index 0000000..2c60e4f Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/build-pc.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/case1.png b/slides/2019-it-intro-computer-structure/img/case1.png new file mode 100644 index 0000000..82aa630 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/case1.png differ diff --git a/slides/2019-it-intro-computer-structure/img/case2.png b/slides/2019-it-intro-computer-structure/img/case2.png new file mode 100644 index 0000000..7f97fe4 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/case2.png differ diff --git a/slides/2019-it-intro-computer-structure/img/computers-everywhere.jpg b/slides/2019-it-intro-computer-structure/img/computers-everywhere.jpg new file mode 100644 index 0000000..79ddcee Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/computers-everywhere.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/cpu.png b/slides/2019-it-intro-computer-structure/img/cpu.png new file mode 100644 index 0000000..1e7340f Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/cpu.png differ diff --git a/slides/2019-it-intro-computer-structure/img/dp.jpeg b/slides/2019-it-intro-computer-structure/img/dp.jpeg new file mode 100644 index 0000000..b6087a7 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/dp.jpeg differ diff --git a/slides/2019-it-intro-computer-structure/img/graphics-card.jpg b/slides/2019-it-intro-computer-structure/img/graphics-card.jpg new file mode 100644 index 0000000..fc0da5e Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/graphics-card.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/group.pdf b/slides/2019-it-intro-computer-structure/img/group.pdf new file mode 100644 index 0000000..515c974 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/group.pdf differ diff --git a/slides/2019-it-intro-computer-structure/img/hdd.jpg b/slides/2019-it-intro-computer-structure/img/hdd.jpg new file mode 100644 index 0000000..3b59ac9 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/hdd.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/hdmi.jpg b/slides/2019-it-intro-computer-structure/img/hdmi.jpg new file mode 100644 index 0000000..8ef0ae9 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/hdmi.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/iphone.png b/slides/2019-it-intro-computer-structure/img/iphone.png new file mode 100644 index 0000000..70b82fd Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/iphone.png differ diff --git a/slides/2019-it-intro-computer-structure/img/light-bulb.pdf b/slides/2019-it-intro-computer-structure/img/light-bulb.pdf new file mode 100644 index 0000000..1801ee0 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/light-bulb.pdf differ diff --git a/slides/2019-it-intro-computer-structure/img/light-bulb.svg b/slides/2019-it-intro-computer-structure/img/light-bulb.svg new file mode 100644 index 0000000..e5d8813 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/img/light-bulb.svg @@ -0,0 +1,619 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/slides/2019-it-intro-computer-structure/img/logo.png b/slides/2019-it-intro-computer-structure/img/logo.png new file mode 100755 index 0000000..0c7c885 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/logo.png differ diff --git a/slides/2019-it-intro-computer-structure/img/mbp.png b/slides/2019-it-intro-computer-structure/img/mbp.png new file mode 100644 index 0000000..f491eba Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/mbp.png differ diff --git a/slides/2019-it-intro-computer-structure/img/memory.tex b/slides/2019-it-intro-computer-structure/img/memory.tex new file mode 100644 index 0000000..b15dc92 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/img/memory.tex @@ -0,0 +1,50 @@ +\begin{tikzpicture}[ mem/.style={ + draw=lightGray, + top color=lightGray, + bottom color=white, + rounded rectangle, + shading=axis, + minimum width=2cm, + }, + plain/.style={ + draw=none, + }, + arrow/.style={ + thick, + decoration={ + markings, + mark=at position 1 with {\arrow[semithick]{open triangle 60}} + }, + double distance=1.4pt, shorten >= 5.5pt, + preaction = {decorate}, + postaction = {draw,line width=1.4pt, white,shorten >= 4.5pt} + }, +] + \node at (0, 2) [mem] (hdd) {HDD}; + \node[below=12pt of hdd, mem] (ssd) {SSD}; + \node[below=12pt of ssd, mem] (ram) {RAM}; + \node[below=12pt of ram, mem] (cache) {Cache}; + \node[below=12pt of cache, mem] (register) {Register}; + + \node[left=6pt of hdd, plain] {TB}; + \node[left=6pt of ssd, plain] {GB}; + \node[left=6pt of ram, plain] {GB}; + \node[left=6pt of cache, plain] {MB}; + \node[left=6pt of register, plain] {bits}; + + \node[right=6pt of hdd, plain] {persistent}; + \node[right=6pt of ssd, plain] {persistent}; + \node[right=6pt of ram, plain] {volatile}; + \node[right=6pt of cache, plain] {volatile}; + \node[right=6pt of register, plain] {volatile}; + + \draw[arrow] + ($ (current bounding box.south west) + (-0.5,0) $) -- + (current bounding box.north west); + \draw[arrow] + ($ (current bounding box.north east) + (0.5,0) $) -- + (current bounding box.south east); + + \node[above=0pt of current bounding box.north west] {largest}; + \node[below=0pt of current bounding box.south east] {fastest}; +\end{tikzpicture} diff --git a/slides/2019-it-intro-computer-structure/img/moderkort.pdf b/slides/2019-it-intro-computer-structure/img/moderkort.pdf new file mode 100644 index 0000000..d9bdc30 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/moderkort.pdf differ diff --git a/slides/2019-it-intro-computer-structure/img/moores-law.png b/slides/2019-it-intro-computer-structure/img/moores-law.png new file mode 100644 index 0000000..74772df Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/moores-law.png differ diff --git a/slides/2019-it-intro-computer-structure/img/motherboard.jpg b/slides/2019-it-intro-computer-structure/img/motherboard.jpg new file mode 100644 index 0000000..b3ad2cf Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/motherboard.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/network-card.jpg b/slides/2019-it-intro-computer-structure/img/network-card.jpg new file mode 100644 index 0000000..93a4d21 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/network-card.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/new-motherboard.jpg b/slides/2019-it-intro-computer-structure/img/new-motherboard.jpg new file mode 100644 index 0000000..c2318d3 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/new-motherboard.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/new-motherboard2.jpg b/slides/2019-it-intro-computer-structure/img/new-motherboard2.jpg new file mode 100644 index 0000000..b55e065 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/new-motherboard2.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/pc-cat.jpg b/slides/2019-it-intro-computer-structure/img/pc-cat.jpg new file mode 100644 index 0000000..202ab4f Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/pc-cat.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/qleft.pdf b/slides/2019-it-intro-computer-structure/img/qleft.pdf new file mode 100644 index 0000000..f35a078 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/qleft.pdf differ diff --git a/slides/2019-it-intro-computer-structure/img/qright.pdf b/slides/2019-it-intro-computer-structure/img/qright.pdf new file mode 100644 index 0000000..da2e8e3 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/qright.pdf differ diff --git a/slides/2019-it-intro-computer-structure/img/ram.png b/slides/2019-it-intro-computer-structure/img/ram.png new file mode 100644 index 0000000..4ddd0d8 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/ram.png differ diff --git a/slides/2019-it-intro-computer-structure/img/raspberrypi.jpg b/slides/2019-it-intro-computer-structure/img/raspberrypi.jpg new file mode 100644 index 0000000..7e44705 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/raspberrypi.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/ssd.png b/slides/2019-it-intro-computer-structure/img/ssd.png new file mode 100644 index 0000000..10733c9 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/ssd.png differ diff --git a/slides/2019-it-intro-computer-structure/img/ty.pdf b/slides/2019-it-intro-computer-structure/img/ty.pdf new file mode 100644 index 0000000..9ad4dc8 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/ty.pdf differ diff --git a/slides/2019-it-intro-computer-structure/img/usb.jpg b/slides/2019-it-intro-computer-structure/img/usb.jpg new file mode 100644 index 0000000..5a6040f Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/usb.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/usb1.jpg b/slides/2019-it-intro-computer-structure/img/usb1.jpg new file mode 100644 index 0000000..1723b4f Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/usb1.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/usb2.jpg b/slides/2019-it-intro-computer-structure/img/usb2.jpg new file mode 100644 index 0000000..bef5497 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/usb2.jpg differ diff --git a/slides/2019-it-intro-computer-structure/img/video.png b/slides/2019-it-intro-computer-structure/img/video.png new file mode 100644 index 0000000..fd5f338 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/video.png differ diff --git a/slides/2019-it-intro-computer-structure/img/z3.jpg b/slides/2019-it-intro-computer-structure/img/z3.jpg new file mode 100644 index 0000000..be1f262 Binary files /dev/null and b/slides/2019-it-intro-computer-structure/img/z3.jpg differ diff --git a/slides/2019-it-intro-computer-structure/main.tex b/slides/2019-it-intro-computer-structure/main.tex new file mode 100644 index 0000000..50976fa --- /dev/null +++ b/slides/2019-it-intro-computer-structure/main.tex @@ -0,0 +1,26 @@ +\pdfminorversion=4 +\documentclass[aspectratio=169]{beamer} +%\documentclass[handout,aspectratio=169]{beamer} +\usetheme{rgd} + +\input{src/preamble} + +\title{% + Computer Structure +} +%\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-structure/slides.pdf b/slides/2019-it-intro-computer-structure/slides.pdf new file mode 100644 index 0000000..f95eadd Binary files /dev/null and b/slides/2019-it-intro-computer-structure/slides.pdf differ diff --git a/slides/2019-it-intro-computer-structure/src/body.tex b/slides/2019-it-intro-computer-structure/src/body.tex new file mode 100644 index 0000000..5f98f22 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/src/body.tex @@ -0,0 +1,601 @@ +\begin{frame} + \frametitle{Motivation} + \begin{columns} + \begin{column}{0.59\linewidth} + \includegraphics[height=0.8\textheight]{img/computers-everywhere} + %\burl{http://images.slideplayer.com/26/8674558/slides/slide_3.jpg} + \end{column} + \begin{column}{0.39\linewidth} + \begin{itemize} + \item What can a computer do? + \item How do you choose one? + \end{itemize} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{Learning outcome based on syllabus} + \begin{itemize} + \item Describe the components of a computer and their interaction + (ISGA01) + \item Give an account of the components of a computer and their + interaction (ISGA06) + \item Give an account of the components of a computer and how they interact + (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?,% + How is information processed?,% + Hardware components and purpose?% + } +\end{frame} + +%\begin{frame} +% \frametitle{The first computers} +% %The first computer? Z3 by Konrad Zuse (Germany, 1941)} +% \begin{columns} +% \begin{column}{0.59\textwidth} +% \includegraphics[width=\textwidth]{img/z3} +% %\burl{https://www.livescience.com/20718-computer-history.html} +% \end{column} +% \begin{column}{0.39\textwidth} +% % Say but not in slide: +% % - Brief history of Zuse (it's a funny story) +% % - Z3 destroyed in world-war II, rebuild in 1960 and now in museum +% % - MUL -> 3s :) +% \begin{itemize} +% \item 2000 `brain cells' +% \item Program is a punched film\footnotemark +% \item Keyboard for input +% \item Lamps for output +% \end{itemize} +% Other: +% \begin{itemize} +% \item ENIAC (1946) +% \end{itemize} +% \end{column} +% \end{columns} +% \footnotetext[1]{\tiny{Play with punch cards: \burl{https://www.vintageisthenewold.com/living-like-the-pioneers-code-fortran-in-a-punch-card/}}} +%\end{frame} + +\begin{frame} + \frametitle{A typical computer} + \centering\includegraphics[width=0.7\textwidth]{img/binary} + %\burl{http://amusementpark3.blogspot.com/2010/10/blog-entry-41.html} +\end{frame} + +\begin{frame} + \frametitle{Current computer definitions in Swedish and English} + \begin{itemize} + \item Digital enhet f\"{o}r ber\"{a}kning, symbolbehandling och + kommunikation\footnote{% + \burl{https://www.ne.se/uppslagsverk/encyklopedi/l\%C3\%A5ng/dator} + } + \item An electronic device for storing and processing data, typically in + binary form, according to instructions given to it in a variable program% + \footnote{% + \burl{https://en.oxforddictionaries.com/definition/computer} + } + \item A computer is a device that can be instructed to carry out sequences + of arithmetic or logical operations automatically via computer + programming\footnote{% + \burl{https://en.wikipedia.org/wiki/Computer} + } + \end{itemize} +\end{frame} + +\begin{frame} + \frametitle{Information theory} + \begin{columns} + \begin{column}{0.79\textwidth} + \begin{itemize} + \item The smallest piece of information is binary + \item One `bit' represents a zero or a one + \item Example of sending a single bit? + \item Example of sending multiple bits? + % + \end{itemize} + \end{column} + \begin{column}{0.19\textwidth} + \centering\includegraphics[width=\textwidth]{img/light-bulb} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{What does this mean?} + \centering\Huge{\texttt{% + 01011001% + 01101111% + 01100100% + 01100001% + }} + \large\vfill\pause + \alert{Many different things...} + \vfill + \centering + \begin{itemize} + \item 32-bit unsigned integer: 1500472417 + \item 32-bit floating point: $4.21143045\cdot 10^{15}$ + \item Groups of 8 bits: 89,~111,~100,~97 + \begin{itemize} + \item Byte + \item Number between 0--255 (\alert{why?}) + \end{itemize} + \end{itemize} +\end{frame} + +\begin{frame} + \frametitle{Information theory continued} + \begin{columns} + \begin{column}{0.49\textwidth} + Decimal numbers as we know them: + \begin{flalign*} + 107 &= + \textcolor{red}{1}\cdot100 + + \textcolor{red}{0}\cdot10 + + \textcolor{red}{7}\cdot1 \\ + &= + \textcolor{red}{1}\cdot\textcolor{blue}{10}^2 + + \textcolor{red}{0}\cdot\textcolor{blue}{10}^1 + + \textcolor{red}{7}\cdot\textcolor{blue}{10}^0 + \end{flalign*} + A position is associated with 0--9 \\ + A position is weighted by $10^i$, $i\geq0$\\ + This is known as base \textcolor{blue}{10} \\ + \vspace{1cm} + \pause + \alert{Why is this intuitive for us?} + \pause + \end{column} + \begin{column}{0.49\textwidth} + Binary numbers follow the same idea: + \begin{flalign*} + 1101 &= + \textcolor{red}{1}\cdot8 + + \textcolor{red}{1}\cdot4 + + \textcolor{red}{0}\cdot2 + + \textcolor{red}{1}\cdot1 \\ + &= + \textcolor{red}{1}\cdot\textcolor{blue}{2}^3 + + \textcolor{red}{1}\cdot\textcolor{blue}{2}^2 + + \textcolor{red}{0}\cdot\textcolor{blue}{2}^1 + + \textcolor{red}{1}\cdot\textcolor{blue}{2}^0 = 13 + \end{flalign*} + A position is associated with 0--1 \\ + A position is weighted by $2^i$, $i\geq0$\\ + This is known as base \textcolor{blue}{2} \\ + \vspace{1cm} + \pause + \alert{Why is this intuitive for a computer?} + \end{column} + \end{columns} + \centering + \vfill +\end{frame} + +\begin{frame} + \frametitle{Now you can proudly wear this T-shirt!} + \centering\includegraphics[height=0.8\textheight]{img/binary-joke} +\end{frame} + +\begin{frame} + \frametitle{Be aware of different unit systems} + \begin{columns} + \begin{column}{0.49\textwidth} + \begin{tabular}{ccc} + \toprule + \textbf{unit} & \textbf{abbreviation} & \textbf{meaning} \\ + \midrule + kilo & k & $10^3$ \\ + mega & M & $10^6$ \\ + giga & G & $10^9$ \\ + tera & T & $10^{12}$ \\ + \bottomrule + \end{tabular}\\ + \vspace{6pt} + (Decimal numbers as we know them) + \vfill + \end{column} + \begin{column}{0.49\textwidth} + \begin{tabular}{ccc} + \toprule + \textbf{unit} & \textbf{abbreviation} & \textbf{meaning} \\ + \midrule + kibi & Ki & $2^{10}$ \\ + mebi & Mi & $2^{20}$ \\ + gibi & Gi & $2^{30}$ \\ + tebi & Ti & $2^{40}$ \\ + \bottomrule + \end{tabular}\\ + \vspace{6pt} + (Binary numbers, note $2^{10}=1024$)\\ + \end{column} + \end{columns} + \pause + \vfill\centering + \alert{``I bought a 500~GB hard drive, but Windows says it is 465.7~GB?''} +\end{frame} + +\begin{frame} + \frametitle{Amercian Standard Code for Information Interchange} + \begin{columns} + \begin{column}{0.79\textwidth} + \centering\includegraphics[height=0.9\textheight]{img/ascii} + %\burl{https://simple.wikipedia.org/wiki/ASCII\#/media/File:ASCII-Table-wide.svg} + \end{column} + \begin{column}{0.24\textwidth} + \begin{itemize} + \item 89: Y + \item 111: o + \item 100: d + \item 97: a + \pause + \item \aa, \"{a}, \"{o}? + \begin{itemize} + \item UTF-8 + \item UTF-16 + \item UTF-32 + \end{itemize} + \end{itemize} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{Divide yourself into small groups} + %% Name required (or optional) parts in a typical computer + \centering + \includegraphics[height=0.5\textheight]{img/group} + \\\Huge{Interactive exersice} +\end{frame} + +\begin{frame} + \frametitle{My office setup\footnote{\burl{https://www.dustinhome.se/favorites/index/9620211}}} + \begin{columns} + \begin{column}{0.49\textwidth} + Computer case containing: + \begin{itemize} + \item Central Processing Unit (CPU) + \item Random Access Memory (RAM) + \item Solid State Drive (SSD) + \item Hard drive (HDD) + \item Power Supply Unit (PSU) + \item Fan for CPU cooling + \item Motherboard + \end{itemize} + \end{column} + \begin{column}{0.49\textwidth} + \centering + \includegraphics[height=0.4\textheight]{img/case1} + \includegraphics[height=0.4\textheight]{img/case2} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{Central Processing Unit (CPU) \titlefloatright{`Processor'}} + \begin{columns} + \begin{column}{0.59\textwidth} + \begin{itemize} + \item Does most of the computing + \item Instruction set + \begin{itemize} + \item load + \item store + \item add + \item conditional jump + \item ... + \end{itemize} + \item Registers + \item Clock speed + \item Number of cores + \end{itemize} + \end{column} + \begin{column}{0.39\textwidth} + \centering + \includegraphics[width=\textwidth]{img/cpu} + Intel Core i7 7700K / 4.2~GHz processor LGA1151 Socket + \end{column} + \end{columns} + \vfill\pause\centering\alert{Is faster clock speed always better?} +\end{frame} + +\begin{frame} + \frametitle{Gordon Moore predicted the number of transitors on a dense + integrated circuit} + \begin{columns} + \begin{column}{0.59\textwidth} + \includegraphics[width=\textwidth]{img/moores-law} + \burl{https://en.wikipedia.org/wiki/Moore\%27s\_law\#/media/File:Moore\%27s\_Law\_Transistor\_Count\_1971-2016.png} + \end{column} + \begin{column}{0.49\textwidth} + \begin{itemize} + \item Moore's law + \begin{itemize} + \item 1965: doubles every year + \item 1975: doubles every two years + \item $\approx$2025: dead + \end{itemize} + \item David House + \begin{itemize} + \item 18 months $\rightarrow$ 2x performance + \end{itemize} + \end{itemize} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{Different types of memory, all storing zeros and ones only!} + \begin{columns} + \begin{column}{0.49\textwidth} + \input{img/memory} + \end{column} + \begin{column}{0.49\textwidth} + \begin{itemize} + \item HDD: `h\aa{}rddisk' + \item SSD: `typ en h\aa{}rddisk' + \item RAM: `internminne eller arbetsminne' + \item Cache: on and nearby the CPU + \item Register: on the CPU + \end{itemize} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{Different types of memory continued} + \begin{columns} + \begin{column}{0.33\textwidth} + \centering + HDD \\ + \includegraphics[width=\textwidth]{img/hdd}\\ + WD Blue 4TB 3.5" Serial ATA-600 \\ + \end{column} + \begin{column}{0.33\textwidth} + \centering + SSD \\ + \includegraphics[width=\textwidth]{img/ssd} \\ + Crucial MX500 500GB Serial ATA-600 \\ + \end{column} + \begin{column}{0.33\textwidth} + \centering + RAM \\ + \includegraphics[width=\textwidth]{img/ram} \\ + CORSAIR V LPX 32GB (2X16) DDR4 2400MHZ \\ + \end{column} + \end{columns} + \vspace{1cm} + + \pause + \begin{columns} + \begin{column}{0.49\textwidth} + \begin{itemize} + % biggest different is no moving vs moving parts + % # most important from my point of view + % - life time: no moving parts -> survive longer + % - speed: no moving parts -> less work to do stuff + % - price per GB: ssd much more expensive due to underlying tech + % # important depending on use-case + % - noise (ssd < hdd) + % - temperature (ssd < hdd) + % - energy consumption (ssd < hdd) + % - weight (ssd < hdd) + % + % See more at: https://www.netonnet.se/Content/Info/ssd + \item Trade-offs between SSD and HDD? + \end{itemize} + \end{column} + \begin{column}{0.49\textwidth} + \begin{itemize} + % Depends on your use-case! + \item How much RAM do you need? + \end{itemize} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{Motherboard (or, the thing everything is attached to) + \titlefloatright{`Moderkort'}} + % ATX power connector: this is where you connect PSU + % IDE connector: for hard drive, dvd, etc (newer: SATA) + % North bridge or `memory controller': controls transfers between CPU + % and RAM; hence it is nearby both of these components + % South bridge or `input/output controller': manages controllers between + % peripheral devices. + % The term `bridge' is generally used when connecting two buses + % Dynamic Vs Static ram -> has to do with underlying tech; static is + % faster but more expensive + % CMOS Backup battery: to remember important stuff while shutdown, e.g., + % BIOS settings and date. + % AGP slot: for some graphic cards (legacy, nowadays PCI) + % PCI slots: attach various extension cards here (i.e., daughter boards), + % e.g., network, audio, and graphic cards + \begin{columns} + \begin{column}{0.69\textwidth} + \centering\includegraphics[width=\textwidth]{img/motherboard} + \end{column} + \begin{column}{0.29\textwidth} + Contains at least: + \begin{itemize} + \item Processor slot + \item Memory slot + \item Connectors, e.g., + \begin{itemize} + \item Power + \item SATA + \item SCSI + \item ... + \end{itemize} + \item Control circuits + \begin{itemize} + \item BIOS + \item Cache + \item ... + \end{itemize} + \end{itemize} + \end{column} + \end{columns} + \pause + \vfill + \centering\alert{What should you think about when you buy hardware?} + % BIOS: Basic Input Output System + % - the first software to run when a computer is started + % - identifies and configures hardware, e.g., hard drive, CPU, memory, etc. + % - instructs the computer how to perform a number basic operations, e.g., + % controlling the keyboard and booting the OS. +\end{frame} + +\begin{frame} + \frametitle{A newer motherboard: ASUS PRIME Z370-P \titlefloatright{Manual\footnote{% + \burl{https://www.asus.com/us/Motherboards/PRIME-Z370-P/HelpDesk\_Manual/} + }}} + \centering\includegraphics[height=0.85\textheight]{img/new-motherboard2} +\end{frame} + +\begin{frame} + \frametitle{A newer motherboard continued} + \centering\includegraphics[height=0.85\textheight]{img/moderkort} +\end{frame} + +\begin{frame} + \frametitle{Expantion cards usually use PCI(e)\titlefloatright{`Instickskort'}} + \begin{columns} + \begin{column}{0.33\textwidth} + \hfill + \centering + % - It's common with 2000+ cores + % - It has its own dedicated RAM (e.g., 8GB) + % - Not so general purpose as a CPU, but it's good at what it does... + % - Fun with GPUs? Cryptocurrency mining and password cracking! + \alert{Graphics card} for complex math, geometry, and coloring + (`grafikkort') + \includegraphics[height=0.4\textheight]{img/graphics-card} + %\burl{https://www.techpowerup.com/img/16-12-20/917a7803f315.jpg}\\ + \end{column} + \begin{column}{0.33\textwidth} + \hfill + \centering + \alert{Audio card} for enhanced sound experiences + (`ljudkort') + \includegraphics[height=0.4\textheight]{img/audio-card} + %\burl{https://images-na.ssl-images-amazon.com/images/I/411rdurQRkL.jpg} + \end{column} + \begin{column}{0.33\textwidth} + \hfill + \centering + % For special needs, e.g., WiFi or 10GBit/s Ethernet + \alert{Network card} for data exchange over a computer network + (`n\"{a}tverkskort') + \includegraphics[height=0.4\textheight]{img/network-card} + \end{column} + \end{columns} + \pause + \vspace{0.5cm} + \centering\alert{Is my office setup without graphics, sound, and Internet?!} +\end{frame} + +\begin{frame} + \frametitle{A few common external connectors} + \begin{columns} + \begin{column}{0.49\textwidth} + \vbox to 0.8\textwidth{% + \centering + \alert{USB}\vspace{6pt}\\ + \includegraphics[width=0.8\textwidth]{img/usb1} + \includegraphics[width=0.8\textwidth]{img/usb2} + %\burl{https://www.bhphotovideo.com/explora/amp/computers/tips-and-solutions/thunderbolt-3-usb-31-usb-type-c-making-sense-connections} + \vfill + External HDD and devices + } + \end{column} + \begin{column}{0.49\textwidth} + \vbox to 0.8\textwidth{% + \begin{columns} + \begin{column}{0.49\textwidth} + \centering\alert{HDMI}\vspace{6pt}\\ + \includegraphics[height=0.3\textheight]{img/hdmi} + \end{column} + \begin{column}{0.49\textwidth} + \centering\alert{DP}\vspace{6pt}\\ + \includegraphics[height=0.3\textheight]{img/dp} + \end{column} + \end{columns} + \centering\vfill + Mainly video and audio + } + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{You will find the same basic components in every computer---Raspberry Pi} + \begin{columns} + \begin{column}{0.69\textwidth} + \centering\includegraphics[height=0.8\textheight]{img/raspberrypi}\\ + \burl{https://www.raspberrypi.org/} + \end{column} + \begin{column}{0.29\textwidth} + All components are embedded on a SoC: + \begin{itemize} + \item CPU + \item Memory + \item Connectors + \item Control circuits + \end{itemize} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{You will find the same basic components in every computer---MBP} + \centering\includegraphics[height=0.8\textheight]{img/mbp} + \burl{https://www.ifixit.com/Teardown/MacBook+Pro+15-Inch+Touch+Bar+Teardown/73395} +\end{frame} + + +\begin{frame} + \frametitle{You will find the same basic components in every computer---iPhone} + \centering\includegraphics[height=0.8\textheight]{img/iphone} + \burl{https://www.ifixit.com/Teardown/iPhone+5s+Teardown/17383} +\end{frame} + +\begin{frame} + \frametitle{In the labs you will (de)assemble a computer} + \begin{columns} + \begin{column}{0.59\textwidth} + \centering\includegraphics[width=\textwidth]{img/build-pc} + %\burl{https://cdn.fstoppers.com/styles/large-16-9/s3/lead/2017/05/best\_pc\_build\_for\_adobe\_premiere.jpg} + \end{column} + \begin{column}{0.39\textwidth} + \begin{itemize} + \item Be grounded + \item Be ``stern but fair'' + \item Be careful with cables + \begin{itemize} + \item Jank? No... + \item Pull? Gently! + \item Wiggle? If you must! + \end{itemize} + \item Attach in the right direction + \item Avoid touching circuit boards + \item Ask if you need help + \end{itemize} + \end{column} + \end{columns} +\end{frame} + +\begin{frame} + \frametitle{Nervous? Prepare yourself by watching a computer being built} + \centering\includegraphics[height=0.8\textheight]{img/video} + \burl{https://www.youtube.com/watch?v=0bUghCx9iso} +\end{frame} diff --git a/slides/2019-it-intro-computer-structure/src/preamble.tex b/slides/2019-it-intro-computer-structure/src/preamble.tex new file mode 100644 index 0000000..e91df78 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/src/preamble.tex @@ -0,0 +1,72 @@ +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +% 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,% + 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-structure/src/questions.tex b/slides/2019-it-intro-computer-structure/src/questions.tex new file mode 100644 index 0000000..85cb2f3 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/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-structure/src/titlepage.tex b/slides/2019-it-intro-computer-structure/src/titlepage.tex new file mode 100644 index 0000000..9b18039 --- /dev/null +++ b/slides/2019-it-intro-computer-structure/src/titlepage.tex @@ -0,0 +1,3 @@ +\begin{frame} + \titlepage +\end{frame} -- cgit v1.2.3