diff --git a/slides/223015c/02-netzwerke-protokolle-css.md b/slides/223015c/02-netzwerke-protokolle-css.md index 6f72bcc..fb58d07 100644 --- a/slides/223015c/02-netzwerke-protokolle-css.md +++ b/slides/223015c/02-netzwerke-protokolle-css.md @@ -454,19 +454,10 @@ Das TCP/IP-Modell entstand praktisch aus dem ARPANET (1970er), im Gegensatz zum # Schichten verpacken Daten -``` -Anwendung: [ HTTP-Request: "GET /index.html" ] - ↓ verpackt in -Transport: [ TCP-Header | HTTP-Request ] - ↓ verpackt in -Internet: [ IP-Header | TCP-Header | HTTP-Request ] - ↓ verpackt in -Netzzugang: [ Eth-Header | IP-Header | TCP | HTTP | Eth-Trailer ] - ↓ -Physik: 01001000 01010100 01010100... -``` +![bg right:52% fit](./assets/demos/encap-layers.png) **Encapsulation:** Jede Schicht packt ein. + **Decapsulation:** Beim Empfang wird ausgepackt. +
+ +
+
+
+
+
+ + +
+
+
"Wo ist www.hdm-stuttgart.de?"
+ + +
+
+
"Wer verwaltet .de?"
+ + +
+
+
"Frag 194.0.0.53"
+ + +
+
+
"Wer verwaltet hdm-stuttgart.de?"
+ + +
+
+
"Frag Nameserver der HdM"
+ + +
+
+
"Welche IP hat www?"
+ + +
+
+
"212.132.79.37"
+ + +
+
+
"IP ist 212.132.79.37"
+
+ + + diff --git a/slides/223015c/assets/demos/dns-lookup.png b/slides/223015c/assets/demos/dns-lookup.png new file mode 100644 index 0000000..e8d7320 Binary files /dev/null and b/slides/223015c/assets/demos/dns-lookup.png differ diff --git a/slides/223015c/assets/demos/encap-layers.html b/slides/223015c/assets/demos/encap-layers.html new file mode 100644 index 0000000..93d856b --- /dev/null +++ b/slides/223015c/assets/demos/encap-layers.html @@ -0,0 +1,77 @@ + + + + + Encapsulation Schichten + + + +
+
Anwendung
+
HTTP-Request: GET /index.html
+
+
+
verpackt in
+
+
Transport
+
+
TCP-Header
+
HTTP-Request
+
+
+
+
verpackt in
+
+
Internet
+
+
IP-Header
+
TCP-Header
+
HTTP
+
+
+
+
verpackt in
+
+
Netzzugang
+
+
Eth-Header
+
IP
+
TCP
+
HTTP
+
Eth-Trailer
+
+
+
+
+
Physik
+
01001000 01010100 01010100 ...
+
+ + diff --git a/slides/223015c/assets/demos/encap-layers.png b/slides/223015c/assets/demos/encap-layers.png new file mode 100644 index 0000000..6fe4058 Binary files /dev/null and b/slides/223015c/assets/demos/encap-layers.png differ diff --git a/slides/223015c/assets/demos/hop-chain.html b/slides/223015c/assets/demos/hop-chain.html new file mode 100644 index 0000000..bd371fb --- /dev/null +++ b/slides/223015c/assets/demos/hop-chain.html @@ -0,0 +1,60 @@ + + + + + Hop-Kette + + + +
+
Dein Laptop
+
[Frame an Router 1]
+
Router HdM-Netz
+
[Frame an Router 2]
+
Router BelWü
+
[Frame an Router 3]
+
...
+
[Frame an Server]
+
Webserver
+
+ + diff --git a/slides/223015c/assets/demos/hop-chain.png b/slides/223015c/assets/demos/hop-chain.png new file mode 100644 index 0000000..09a68b1 Binary files /dev/null and b/slides/223015c/assets/demos/hop-chain.png differ diff --git a/slides/223015c/assets/demos/timeline.html b/slides/223015c/assets/demos/timeline.html new file mode 100644 index 0000000..98299f4 --- /dev/null +++ b/slides/223015c/assets/demos/timeline.html @@ -0,0 +1,90 @@ + + + + + Zeitlinie + + + +
+
+
0 ms
+
+
DNS: "Welche IP hat www.hdm-stuttgart.de?"
+
+
+
~20 ms
+
+
DNS-Antwort: "212.132.79.37"
+
+
+
~25 ms
+
+
TCP-Handshake beginnt
+
+
+
~50 ms
+
+
TCP-Verbindung steht
+
+
+
~55 ms
+
+
HTTP-Request: "GET /index.html"
+
+
+
~150 ms
+
+
HTTP-Response: HTML kommt zurück
+
+
+
~200 ms
+
+
Browser rendert die Seite
+
+
+ + diff --git a/slides/223015c/assets/demos/timeline.png b/slides/223015c/assets/demos/timeline.png new file mode 100644 index 0000000..6b4cdaa Binary files /dev/null and b/slides/223015c/assets/demos/timeline.png differ