From d4b34ba3f211c1d6cb2ac54d2edcb42bc1c41d5e Mon Sep 17 00:00:00 2001 From: h7x4 Date: Mon, 22 Nov 2021 00:12:51 +0100 Subject: [PATCH] Add content --- main.md | 394 ++++++++++++++++++++++++++++++++++++++++++------ reveal.json | 3 +- static/main.css | 147 ++++++++++++++++++ 3 files changed, 501 insertions(+), 43 deletions(-) diff --git a/main.md b/main.md index 5403a00..b0adb45 100644 --- a/main.md +++ b/main.md @@ -4,7 +4,7 @@ # ITGK Teori-kurs - + Note: Introduksjon @@ -101,25 +101,25 @@ Forklar hvordan en transistor funker | Enhet | Størrelse | |------------|-------------------| | byte | 8 bits | -| kilobyte | \\(1000\\) bytes | +| kilobyte | \\(10^3=1000\\) bytes | | megabyte | \\(10^6\\) bytes | | gigabyte | \\(10^9\\) bytes | | terabyte | \\(10^{12}\\) | | petabyte | \\(10^{15}\\) | -| exabye | \\(10^{18}\\) | +| exabyte | \\(10^{18}\\) | -
+
| Enhet | Størrelse | |------------|-------------------| | byte | 8 bits | -| kilobyte | \\(1000\\) bytes | -| megabyte | \\(10^6\\) bytes | -| gigabyte | \\(10^9\\) bytes | -| terabyte | \\(10^{12}\\) | -| petabyte | \\(10^{15}\\) | -| exabye | \\(10^{18}\\) | +| kibibyte | \\(2^{10} = 1024\\) bytes | +| mebibyte | \\(2^{20}\\) bytes | +| gibibyte | \\(2^{30}\\) bytes | +| tebibyte | \\(2^{40}\\) | +| pebibyte | \\(2^{50}\\) | +| exbibyte | \\(2^{60}\\) |
@@ -148,8 +148,125 @@ Objekter --- + + ### Tallsystemer +
+ +
+ 10: + + 0, + 1, + 2, + 3, + 4, + 5, + 6, + 7, + 8, + 9, + + + 10, + 11, + 12, ..., + 19, + 20, + 21, ..., + 99, + + + 100, + 101, ... + +
+ +
+ 2: + + 0, + 1, + + + 10, + 11, + + + 100, + 101, + 110, + 111, + + + 1000, + 1001, + 1010, + 1011, ... + +
+ +
+ 16: + + 0, + 1, + 2, + 3, + 4, + 5, + 6, + 7, + 8, + 9, + A, + B, + C, + D, + E, + F, + + + 10, + 11, + 12, ..., + 1E, + 1F, + 20, ..., + FE, + FF, + + + 100, ... + +
+ +
+ 8: + + 0, + 1, + 2, + 3, + 4, + 5, + 6, + 7, + + + 10, + 11, + 12, ..., + 76, + 77, + + + 100, ... + +
+
+ Note: Forventet å kunne octal, binær, heksadesimal @@ -166,14 +283,22 @@ lurt å trene på brukt ca. 20 min ---- +---- -*Slide med konversjon fra binær til octal og heksadesimal* +### Eksempel: 1110010111011011 + + + + --- ### Negative tall +- Signed magnitude +- Two's compliment + +Note: Signed magnitude bruker første biten @@ -225,7 +350,9 @@ Ikke veldig viktig, men kan være oppklarende. -- Datamaskin +- Hovedkort +- CPU +- Minne --- @@ -266,7 +393,76 @@ Setter du disse på rad, så har du et program. ---- -### Fetch Decode Execute Cycle (De 5 stegene) +### Fetch-Decode-Execute Cycle + + + + + + + + + + + + + + +
+
FETCH
+ 		+
    +
  • Henter neste instruksjon
    • +
+
+
DECODE
+ 		+
    +
  • Dekoder instruksjonen
    • +
+
+
EXECUTE
+ 		+
    +
  • Henter verdier fra minnet
    • +
  • Utfører instruksjonen
    • +
  • Skriver svaret tilbake i minnet
    • +
+
+ +
+ +```python +>>> x += y +``` + +
+ +---- + +### Pipelining + +
+ FE + DE + EX + FE + DE + EX + FE + DE + EX + FE + DE + EX + FE + DE + EX + FE + DE + EX +
+ Note: @@ -296,7 +492,7 @@ Kjører en instruksjon for hver klokkesykel, men gjør flere steg samtidig. Verd - Nonvolatile - Sequential Access? - + @@ -367,16 +563,6 @@ Pleier ofte å være RGB ---- - -

RGB @@ -388,7 +574,7 @@ Hver verdi er mellom 0 og 255 Kan derfor representeres som et hexadecimal med 6 tegn
-
+
| Farge | Rød | Grønn | Blå | |--------------------------------------|---------------|---------------|---------------| @@ -398,9 +584,8 @@ Kan derfor representeres som et hexadecimal med 6 tegn | #FFFFFF | FF\\(_{16}\\) | FF\\(_{16}\\) | FF\\(_{16}\\) | | #000000 | 00\\(_{16}\\) | 00\\(_{16}\\) | 00\\(_{16}\\) | -
- -
+
+
| Farge | Rød | Grønn | Blå | |--------------------------------------|----------------|----------------|----------------| @@ -410,7 +595,7 @@ Kan derfor representeres som et hexadecimal med 6 tegn | #FFFFFF | \\(255_{10}\\) | \\(255_{10}\\) | \\(255_{10}\\) | | #000000 | \\(0_{10}\\) | \\(0_{10}\\) | \\(0_{10}\\) | -
+
Note: @@ -419,10 +604,6 @@ Regn ut 1920x1080 x 24 bits --- -# PAUSE - ---- - ## Lyd
@@ -443,7 +624,7 @@ Regn ut 1920x1080 x 24 bits Note: -tegn en bølge, og vis frekvensen +tegn en bølge på tavlen, og vis frekvensen --- @@ -499,7 +680,7 @@ Pseudokode ## Kompleksitet - +
@@ -589,22 +770,49 @@ Ikke veldig planlagt ### 5 lags modellen - +
+
+ +
+
+ + + + + +
+
Note: pakker pakket inn i hverandre +Skal se litt på hva punktumene faktisk er ---- -### Physical layer + + +
+ + Note: Medium for kommunikasjon mellom 2 eller flere endrepunkter ---- -### Data link layer +
+
+ +
+
+ +
+
+ +
+ + Note: Etablert: Kommunikasjonsmedium @@ -613,7 +821,18 @@ Stabil overføring, og kontakt med andre ender ---- -### Network layer +
+
+ +
+
+ +
+
+ +
+ + Note: Etablert: Flere computere er koblet sammen @@ -622,26 +841,117 @@ Kommunikasjon gjennom flere computere. Oppfører seg litt som postkontorer +Hop count + ---- -### Transport layer +
+
+ +
+
+ +
+
+ +
+ + Note: Etablert: Link over mange computere. Stabil og sikker kommunikasjon til tross for forsvunnede pakker, +TODO: move hop count from Transport layer to network layer + ---- -### Application layer +
+
+ +
+
+ +
+
+
+ + + +Note: Etablert: Stabil og sikker kommunikasjon. Applikasjonsspesifikk data. --- +### MAC-Addresse +`B6-4B-8F-B4-05-E5` + + + + +--- + +# IP + + +### IPv4 + +`ddd.ddd.ddd.ddd` +`(bbbbbbbb.bbbbbbbb.bbbbbbbb.bbbbbbbb)` + +### IPv6 + +`xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx` + + +Note: + +Navn på pcene + + + +---- + +### Submaske + +`255.255.255.128` + +`(11111111.11111111.11111111.10000000)` + +`192.168.0.128``/25` + +Note: + +Den siste er ikke veldig nyttig, men om man skal sette opp ruter + +---- + +NAT + +--- + +### DNS + +NTNU: 129.241.160.102 + +--- + +TCP + +---- + +UDP + +--- + +VPN + +--- # Programvareutvikling diff --git a/reveal.json b/reveal.json index 574245c..283e5c3 100644 --- a/reveal.json +++ b/reveal.json @@ -3,5 +3,6 @@ "transition": "slide", "controls": true, "progress": true, - "keyboard": {"81": "toggleOverview"} + "keyboard": {"81": "toggleOverview"}, + "width": 1300 } diff --git a/static/main.css b/static/main.css index 3174da7..59d7caa 100644 --- a/static/main.css +++ b/static/main.css @@ -1,7 +1,69 @@ +:root { + --black : hsl(0, 0%, 0%); + --black2 : hsl(60, 17%, 11%); + --black3 : hsl(70, 8%, 15%); + --blue : hsl(190, 81%, 67%); + --grey : hsl(55, 8%, 26%); + --orange : hsl(32, 98%, 56%); + --orange2 : hsl(30, 83%, 34%); + --orange3 : hsl(47, 100%, 79%); + --purple : hsl(261, 100%, 75%); + --red : hsl(0, 93%, 59%); + --red2 : hsl(338, 95%, 56%); + --white : hsl(0, 0%, 97%); + --white2 : hsl(60, 36%, 96%); + --white3 : hsl(60, 30%, 96%); + --yellow : hsl(54, 70%, 68%); + --yellow2 : hsl(80, 76%, 53%); + --yellow3 : hsl(60, 12%, 79%); + --yellow4 : hsl(55, 11%, 22%); + --yellow5 : hsl(50, 11%, 41%); +} + .red { color: red; } +.black { color: var(--black); } +.black2 { color: var(--black2); } +.black3 { color: var(--black3); } +.blue { color: var(--blue); } +.grey { color: var(--grey); } +.orange { color: var(--orange); } +.orange2 { color: var(--orange2); } +.orange3 { color: var(--orange3); } +.purple { color: var(--purple); } +.red { color: var(--red); } +.red2 { color: var(--red2); } +.white { color: var(--white); } +.white2 { color: var(--white2); } +.white3 { color: var(--white3); } +.yellow { color: var(--yellow); } +.yellow2 { color: var(--yellow2); } +.yellow3 { color: var(--yellow3); } +.yellow4 { color: var(--yellow4); } +.yellow5 { color: var(--yellow5); } + +.bak-black { background-color: var(--black); } +.bak-black2 { background-color: var(--black2); } +.bak-black3 { background-color: var(--black3); } +.bak-blue { background-color: var(--blue); } +.bak-grey { background-color: var(--grey); } +.bak-orange { background-color: var(--orange); } +.bak-orange2 { background-color: var(--orange2); } +.bak-orange3 { background-color: var(--orange3); } +.bak-purple { background-color: var(--purple); } +.bak-red { background-color: var(--red); } +.bak-red2 { background-color: var(--red2); } +.bak-white { background-color: var(--white); } +.bak-white2 { background-color: var(--white2); } +.bak-white3 { background-color: var(--white3); } +.bak-yellow { background-color: var(--yellow); } +.bak-yellow2 { background-color: var(--yellow2); } +.bak-yellow3 { background-color: var(--yellow3); } +.bak-yellow4 { background-color: var(--yellow4); } +.bak-yellow5 { background-color: var(--yellow5); } + .columns { display: flex; } @@ -10,6 +72,91 @@ flex: 1; } +/* Tallsystemer */ +.num-systems > div { + font-size: 0.75em; + text-align: left; +} + +.num-system-title { + font-size: 1.5em; +} + +.num-span-red > span { + color: var(--red); + margin-left: 0.2em; +} +.num-span-blue > span { + color: var(--blue); + margin-left: 0.2em; +} +.num-span-green > span { + color: var(--yellow2); + margin-left: 0.2em; +} +.num-span-orange > span { + color: var(--orange); + margin-left: 0.2em; +} + +/* Fetch Decode Execute*/ +.fde-table-item { + padding: 0.5em; +} + +.fde-grid { + display: grid; + grid-template-columns: repeat(8, 1fr); + column-gap: 0; + row-gap: 0; + justify-items: stretch; +} + +.fde-grid > * { + margin: 0; +} + +.fde-c2 { grid-column-start: 2; } +.fde-c3 { grid-column-start: 3; } +.fde-c4 { grid-column-start: 4; } +.fde-c5 { grid-column-start: 5; } +.fde-c6 { grid-column-start: 6; } +.fde-c7 { grid-column-start: 7; } +.fde-c8 { grid-column-start: 8; } + +.fde-r2 { grid-row-start: 2; } +.fde-r3 { grid-row-start: 3; } +.fde-r4 { grid-row-start: 4; } +.fde-r5 { grid-row-start: 5; } +.fde-r6 { grid-row-start: 6; } +.fde-r7 { grid-row-start: 7; } +.fde-r8 { grid-row-start: 8; } + +/* RGB */ +.rgb-pvv {color: #283681;} +.rgb-red {color: #FF0000;} +.rgb-gre {color: #00FF00;} +.rgb-blu {color: #0000FF;} +.rgb-cof {color: #C0FFEE;} +.rgb-whi {color: #FFFFFF;} +.rgb-bla {color: #000000;} + +/* Network diagrams */ +.prev-netdiagram { + opacity: 0.5; +} + +/* TODO: fix at Mac address */ +.right-corner-logo { + position: absolute; + margin: 0px; + padding: 0px; + bottom: ; + left: 10px; +} + +/* Misc */ + .replacable-fragment { position: relative; margin: auto;