add tomorrow's lesson in 11b and move the internet material upwords to th 1th grade dir

15 files changed, 728 insertions, 0 deletions

diff --git a/Info/11/3/Aufgaben/chancen_und_risiken.tex b/Info/11/3/Aufgaben/chancen_und_risiken.tex
new file mode 100644
index 00000000..9e36bc23
--- /dev/null
+++ b/Info/11/3/Aufgaben/chancen_und_risiken.tex
@@ -0,0 +1,22 @@
+% \renewcommand{\Verteilung}{2 + 2 + 2}
+\begin{Aufg}[Chancen und Risiken des Internets]
+Das Internet als Netz der Netze ist aus unserem Alltag kaum noch wegzudenken.
+Diese Tatsache bringt nicht nur neue technologische Chancen mit sich, sondern birgt auch Risiken für die Gesellschaft und das Individuum.
+\vspace{-0.3cm}
+\begin{enumerate}[a),itemsep=-3pt]
+  \item Erkläre, wie unverschlüsselte Daten bei der Kommunikation im Internet durch Dritte mitgelesen werden können. % vgl. Buchner 11 Informatik S106 A1a
+  \item Skizziere knapp den Unterschied zwischen Datenschutz und Datensicherheit.
+  \item Nenne zwei weitere Risiken des Internets sowie je eine geeignete Gegenmaßnahme.
+\end{enumerate}
+\end{Aufg}
+
+\begin{Lsg}
+\begin{enumerate}[a)]
+  \item Da die Daten meist in mehreren Schritte über Zwischenstationen (router)\Point an ihr Ziel übertragen werden kann jede Person mit Zugriff auf das physische Medium oder eine Zwischenstation die Daten mitlesen.\Point
+  \item Datenschutz beschreibt den Schutz einer Person vor dem Missbrauch ihrer personenbezogenen Daten.\Point \\
+        Datensicherheit beschreibt den Schutz der Daten vor Verlust oder Veränderung.\Point
+  \item Identitätsdiebstahl \Halfpoint Sichere Passwörter\Halfpoint \\
+        Fake news\Halfpoint Contentmoderation\Halfpoint \\
+        ...
+\end{enumerate}
+\end{Lsg}
diff --git a/Info/11/3/Aufgaben/http_req_resp_cookie.tex b/Info/11/3/Aufgaben/http_req_resp_cookie.tex
new file mode 100644
index 00000000..bc9e6178
--- /dev/null
+++ b/Info/11/3/Aufgaben/http_req_resp_cookie.tex
@@ -0,0 +1,52 @@
+\begin{SaveVerbatim}{httpResp}
+HTTP/1.1 301 Moved Permanently
+Location: https://informatikschulbuch.de/jahrgangstufe-11/
+[...]
+Content-Length: 255
+Content-Type: text/html; charset=iso-8859-1
+
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
+<html><head>
+<title>301 Moved Permanently</title>
+</head><body>
+[...]
+</body></html>
+\end{SaveVerbatim}
+
+\begin{Aufg}[Das WWW und dessen Protokoll]
+Für den Aufruf von Webseiten hat sich im Internet das Protokoll \textbf{HTTP} der Anwendungsschicht durchgesetzt.
+\begin{enumerate}[a), itemsep=0pt]
+\item Erstelle eine gültige HTTP-Anfrage (request) für die Webseite an der Adresse \textit{http://informatikschulbuch.de/jahrgangstufe-11} mit der HTTP Version 1.1.
+\iflehrer{}{\liniert{3}}\\
+\item \begin{tabular}{p{0.5\textwidth} p{0.5\textwidth}}
+\vspace{-5.8cm}
+HTTP-Antworten enthalten immer einen Status Code. Häufige Codes sind: \textbf{\texttt{200 OK, 301 Moved Permanently, 401 Unauthorized}} und \textbf{\texttt{404 Not Found}}. Interpretiere die Antwort des Servers, in Bezug auf deren Status Code, die Art der übertragenen Daten, ob der Server weiterhin HTTP verwenden möchte und, was der Client tun muss, um die gesuchte Seite aufzurufen.
+&
+\resizebox{0.5\textwidth}{!}{
+\BUseVerbatim{httpResp}
+} \\
+\end{tabular}
+\item Die Antwort des Servers enthält folgende Kopfzeile \tcbox[on line, size=small, colback=gray!5!white]{\texttt{Set-Cookie: adId=eC8eojah}}.
+Beschreibe, was diese Zeile bewirkt und, welche gesellschaftlichen Auswirkungen diese Technologie hat.
+\end{enumerate}
+\end{Aufg}
+
+\begin{Lsg}
+\begin{enumerate}[a)]
+\item
+  \texttt{GET\Halfpoint /jahrgangstufe-11\Point HTTP/1.1\Halfpoint}\\
+  \texttt{Host:\Halfpoint informatikschulbuch.de\Point}\\
+  \texttt{$\hookleftarrow$\Halfpoint}
+\item \begin{itemize}
+   \item Der Status Code \texttt{301} Antwort des Server sagt, dass die Seite an einem anderen Ort zu finden ist\Point
+   \item Die übertragenen 255 Byte sind eine HTML Webseite\Point
+   \item Der Server will in Zukunft per HTTPS Protokoll \textit{Location: https://} kommunizieren\Point
+   \item Der Client muss eine neue Anfrage an die Adresse \textit{informatikschulbuch.de/jahrgangstufe-11/} per HTTPS stellen\Point
+  \end{itemize}
+\item \begin{itemize}
+   \item Die Zeile setzt den Cookie \textit{adId}\Halfpoint mit dem Wert \textit{eC8eojah}.\Halfpoint
+   \item Dieser Cookie wird bei zukünftigen Anfragen an den Server geschickt.\Point
+   \item Cookie werden dazu verwendet das Verhalten von Nutzerinnen im Internet zu beobachten.\Point
+  \end{itemize}
+\end{enumerate}
+\end{Lsg}
diff --git a/Info/11/3/ChancenUndRisiken/img/opendatacity_qrcode.png b/Info/11/3/ChancenUndRisiken/img/opendatacity_qrcode.png
new file mode 100644
index 00000000..fcbbecf4
--- /dev/null
+++ b/Info/11/3/ChancenUndRisiken/img/opendatacity_qrcode.png
diff --git a/Info/11/3/ChancenUndRisiken/slides.md b/Info/11/3/ChancenUndRisiken/slides.md
new file mode 100644
index 00000000..93a066e0
--- /dev/null
+++ b/Info/11/3/ChancenUndRisiken/slides.md
@@ -0,0 +1,57 @@
+---
+header-includes: |
+    \usetikzlibrary{decorations.pathreplacing,quotes}
+---
+
+## \faIcon{chalkboard} Wiederholung: Ablauf einer HTTP-Anfrage
+
+**Skizziere den Kommunikationsablauf beim Abruf einer Webseite mittels HTTP**.
+
+\pause
+![](img/Copyrighted/http_sequence.png){.center height=75%}
+
+## \faIcon{chalkboard} Wiederholung: Aufbau einer HTTP-Anfrage
+
+**Beschreibe den Aufbau einer HTTP Antwort.**
+
+\pause
+![](img/Copyrighted/http_request.png)
+
+## \faIcon{chalkboard} Aufbau einer HTTP-Antwort
+
+**Beschreibe den Aufbau einer HTTP-Antwort.**
+
+\pause
+![](img/Copyrighted/http_response.png)
+
+## HTTPS ?
+
+### \faIcon{chalkboard} Wiederholung: HTTPS
+* Wofür steht das **S** in HTTPS?
+* Welche Art der Verschlüsselung ist für den Aufruf eines Webseite [geeignet]{.underline}?
+* Wofür werden bei **HTTPS** Zertifikate eingesetzt?
+
+\pause
+### Lösung
+* **S** steht für *secure*
+* Asymmetrische Verschlüsselung oder Hybride Verschlüsselung
+* Um die Authentizität der Antwort zu gewährleisten
+
+## \faIcon{chalkboard} Pizzabestellen
+
+[![](img/Copyrighted/pizza.jpg)](https://www.youtube.com/watch?v=VJ0gBVd0HZs)
+
+## \faIcon{desktop} Das Leben des Nationalrat Balthasar Glättli
+
+::: {.columns}
+:::: {.column width=65%}
+[![](img/Copyrighted/opendatacity.png)](https://opendatacity.github.io/vds-suisse/index.html)
+::::
+
+:::: {.column width=35%}
+![](img/opendatacity_qrcode.png)
+
+[https://mebis.link/6PR1fh](https://mebis.link/6PR1fh)
+::::
+:::
+
diff --git a/Info/11/3/HTTP/ncat-portable-download.link b/Info/11/3/HTTP/ncat-portable-download.link
new file mode 100644
index 00000000..8206d1d1
--- /dev/null
+++ b/Info/11/3/HTTP/ncat-portable-download.link
@@ -0,0 +1,3 @@
+https://nmap.org/dist/ncat-portable-5.59BETA1.zip
+https://nmap.org/dist/sigs/ncat-portable-5.59BETA1.zip.digest.txt
+https://nmap.org/dist/sigs/ncat-portable-5.59BETA1.zip.asc
diff --git a/Info/11/3/HTTP/slides.md b/Info/11/3/HTTP/slides.md
new file mode 100644
index 00000000..cfb6ec18
--- /dev/null
+++ b/Info/11/3/HTTP/slides.md
@@ -0,0 +1,160 @@
+---
+header-includes: |
+    \usetikzlibrary{decorations.pathreplacing,quotes}
+---
+
+## Wiederholung: Der Weg der Information
+
+::: columns
+:::: {.column width=50%}
+Oma Erna will ihrer Enkelin Amelie, die gerade in Chicago studiert zu Ostern einen Brief schreiben.
+
+**\faIcon{lightbulb} In welche Schichten kann der Transport unterteilt werden?**
+
+\begin{itemize}
+\item<2-> Anwendungsschicht
+\item<3-> Transportschicht
+\item<4-> Vermittlungsschicht
+\end{itemize}
+::::
+
+:::: {.column width=60%}
+![](img/Copyrighted/oma_erna.png){.center height=70%}
+::::
+:::
+
+## Schichten bei der digitalen Kommunikation - TCP/IP-Modell
+
+![](img/Copyrighted/tcp_ip_stack.png){.center height=90%}
+
+## Wiederholung: \only<2->{Adressierung}
+
+**Woher weiß eine Schicht wohin die Daten sollen?**  
+\pause
+\faIcon{lightbulb} Die Daten enthalten eine Adresse (wie bei der Post). 
+
+\pause
+\begin{itemize}
+\item<3-> Anwendungsschicht: \boldred{URL}
+\item<4-> Transportschicht: \boldred{port} = 16-bit Nummer zwischen \only<5->{0 und 65535 ($2^{16}-1$)}
+\item<6-> Internetschicht: \boldred{IP-Adresse} = ???
+\item<7-> Netzzugangsschicht: \boldred{MAC-Adresse} = Geräte spezifische 48-bit Nummern
+\end{itemize}
+
+## Wiederholung: IP-Adresse
+
+Eine IP-Adresse des Internet-Protokolls Version 4 besteht aus einer 32-bit Zahl.
+
+\pause
+$\Rightarrow$ es existieren nur **$2^{32} -1 = 4294967295$** mögliche Adressen.
+
+\pause
+### \faIcon{pencil-alt} Aufbau
+
+Zur besseren Lesbarkeit werden sie oft in 4 Byte-Blöcke unterteilt.
+
+\begin{center}
+\begin{tikzpicture}
+\node[scale=2.5] {\textcolor{green!70!black}{192.168.0.}\textcolor{red!70}{2}};
+\draw[decoration={brace,mirror,raise=7pt},decorate]
+  (-2,-0.2) -- node[below=8pt] {\textcolor{green!70!black}{Netzanteil}} (1.7,-0.2);
+\draw[decoration={brace,mirror,raise=7pt},decorate]
+  (1.7,-0.2) -- node[below=8pt] {\textcolor{red!70}{Hostanteil}} (2.3,-0.2);
+\end{tikzpicture}
+\end{center}
+
+* Der \textcolor{green!70!black}{Netzanteil} legt das Netzwerk des Geräts fest
+* Der \textcolor{red!70}{Hostanteil} ist eindeutig im LAN.
+
+## \faIcon{desktop} Arbeitsauftrag
+Moderne Webbrowser enthalten *Entwicklerwerkzeuge*, mittels derer das Abrufen und der Aufbau von Webseiten im Detail analysiert werden kann.
+
+* Führe eine Analyse der Kommunikation zwischen Browser und Webserver beim Laden der Seite [informatikschulbuch.de](informatikschulbuch.de) durch.
+Verwende die in den Entwicklerwerkzeugen bereitgestellte Netzwerkanalysefunktion.
+Eine Anleitung findest du im Vorlagen Laufwerk.
+* Untersuche das Ergebnis deiner Netzwerkanalyse: Beschreibe, welche Dateien beim Abrufen der Webseite übertragen wurden, und welchem Zweck diese vermutlich dienen.
+* Durch Anklicken der übertragenen Dateien in der Netzwerkanalyse erhältst Du weitere Details zur Übertragung.
+Ermittle auf diesem Weg folgende Informationen:
+  * Wie meldet der Server dem Client, dass er die angefragte Datei liefern kann?
+  * Wie erkennt der Client, in welchem Format die gelieferte Datei codiert ist?
+
+## \faIcon{pencil-alt} Ablauf einer HTTP-Anfrage
+
+Im Internet und vorallem im **WWW** spielt das Anwendungsprotokoll **HTTP** eine zentrale Rolle.
+
+\pause
+![](img/Copyrighted/http_request.png)
+
+## \faIcon{pencil-alt} Antwort des HTTP-Servers
+
+Die Antwort des Servers besteht aus einem **Header** gefolgt von den **Nutzdaten**.
+
+\pause
+![](img/Copyrighted/http_response.png)
+
+## \faIcon{hands-helping}\faIcon{desktop} Arbeitsauftrag - 10min
+
+* Recherchiert welche Header HTTP gewöhnlich verwendet.
+* Recherchiert welche Funktionen neben `GET`  HTTP unterstützt.
+* Entwerft eine HTTP-Anfrage an einen Webserver eurer Wahl.
+* \faIcon{chalkboard} Präsentiert anschließend eure HTTP-Anfrage
+
+\vspace{1cm}
+**Tipp:** Das Programm `ncat.jar` im Ablage-Verzeichnis kann euch helfen eure Anfrage zu testen.
+
+## HTTPS ?
+
+### \faIcon{lightbulb} Denkauftrag
+* Wofür steht das **S** in HTTPS?
+* Welche Art der Verschlüsselung ist für den Aufruf eines Webseite [geeignet]{.underline}?
+
+\pause
+### Denkauftrag - Lösung
+* **S** steht für *secure*
+* Asymmetrische Verschlüsselung oder Hybride Verschlüsselung
+
+## HTTPS
+
+Um **Vertraulichkeit** zu gewährleisten findet der Datenaustausch bei **HTTPS**, mittels **HTTP** über eine verschlüsselte Verbindung statt.
+
+\vspace{1cm}
+### Datenaustausch
+![](img/Copyrighted/https.png)
+
+## \faIcon{desktop} Arbeitsauftrag - 5 min
+
+* Begründe wofür bei **HTTPS** Zertifikate zum Einsatz kommen
+* Finde heraus wie du Dir im Browser das Zertifikat der aktuellen Verbindung anzeigen lassen kannst.
+* Wer hat das Zertifikate für [informatikschulbuch.de](informatikschulbuch.de) ausgestellt und wann?
+
+## Kekse Kekse Kekse
+
+**\faIcon{lightbulb} Was sind eigentlich diese Cookies?**
+\pause
+
+### \faIcon{pencil-alt} Cookies
+**Cookies** sind kleine Textdateien, die vom Server an den Client geschickt werden.
+Der Client sendet erhaltene Cookies bei jeder zukünftigen Anfrage erneut an den Server.
+
+### Funktionen von Cookies
+
+\pause
+>- Speichern von Logins
+>- Speichern von Einstellungen
+>- Tracken von Nutzerverhalten
+
+## Cookies beim Login
+
+![](img/Copyrighted/cookies.png)
+
+## \faIcon{desktop} Arbeitsauftrag - HTTP per Hand
+
+Mit dem Programm `ncat.jar` können Zeichenketten via TCP an einen Server gesendet werden.
+Wir wollen das Programm verwenden um die Seite [schule.muhq.space/klasse7](schule.muhq.space/klasse7) zu testen.
+
+* Recherchiere welcher Port für HTTP verwendet wird.
+* Formuliere eine gültige HTTP-Anfrage für die Webseite.
+* Sende deine Anfrage an den Server und interpretiere die Antwort des Servers
+* Recherchiere welcher Port für HTTPS verwendet wird.
+* Formuliere eine gültige HTTPS-Anfrage für die Webseite.
+* Sende deine Anfrage erneut an den Server (`ncat.jar --tls schule.muhq.space 443`).
diff --git a/Info/11/3/IP/network.fls b/Info/11/3/IP/network.fls
new file mode 100644
index 00000000..038010da
--- /dev/null
+++ b/Info/11/3/IP/network.fls
diff --git a/Info/11/3/IP/slides.md b/Info/11/3/IP/slides.md
new file mode 100644
index 00000000..81a81629
--- /dev/null
+++ b/Info/11/3/IP/slides.md
@@ -0,0 +1,138 @@
+---
+header-includes: |
+    \usetikzlibrary{decorations.pathreplacing,quotes}
+---
+
+## Wiederholung: Der Weg der Information
+
+::: columns
+:::: {.column width=50%}
+Oma Erna will ihrer Enkelin Amelie, die gerade in Chicago studiert zu Ostern einen Brief schreiben.
+
+**\faIcon{lightbulb} In welche Schichten kann der Transport unterteilt werden?**
+
+\begin{itemize}
+\item<2-> Anwendungsschicht
+\item<3-> Transportschicht
+\item<4-> Vermittlungsschicht
+\end{itemize}
+::::
+
+:::: {.column width=60%}
+![](img/Copyrighted/oma_erna.png){.center height=70%}
+::::
+:::
+
+## \faIcon{pencil-alt} Schichtmodell
+
+Der Aufbau des Postsystems in mehrere unabhängige Schichten nennt man **Schichtmodell**.
+
+### Vorteile
+* Flexibilität
+* Wiederverwendbarkeit
+
+## \faIcon{pencil-alt} Schichten bei der digitalen Kommunikation - TCP/IP-Modell
+
+![](img/Copyrighted/tcp_ip_stack.png){.center height=90%}
+
+## Schichten
+### Anwendungsschicht
+
+Nutzerinnen Interaktion mit einem Internet-Dienst
+
+### Transportschicht
+
+Ende-zu-Ende Kommunikation (**TCP** oder **UDP**)
+
+### \boldred{Vermittlungsschicht}
+
+Auch Netzzugangsschicht, Internetschicht oder Wegewahlschicht (engl. routing) genannt.
+
+Das **Internet-Protokoll** (**IP**) sorgt dafür, dass die Daten den richtigen Weg ans Ziel finden.
+
+### Netzzugangsschicht
+
+Physikalische Übertragung der Daten.
+
+## \only<2->{Adressierung}
+
+**Woher weiß eine Schicht wohin die Daten sollen?**  
+\pause
+\faIcon{lightbulb} Die Daten enthalten eine Adresse (wie bei der Post). 
+
+\pause
+\begin{itemize}
+\item<3-> Anwendungsschicht: \boldred{URL}
+\item<4-> Transportschicht: \boldred{port} = 16-bit Nummer zwischen \only<5->{0 und 65535 ($2^16-1$)}
+\item<6-> Internetschicht: \boldred{IP-Adresse} = ???
+\item<7-> Netzzugangsschicht: \boldred{MAC-Adresse} = Geräte spezifische 48-bit Nummern
+\end{itemize}
+
+## \faIcon{desktop} Arbeitsauftrag IP-Adressen und Routen - 15 min
+1. Finde und notieren Deine IP-Adresse. Öffne dazu die Eingabeaufforderung (`cmd`) und gib den Befehl `ipconfig` ein.
+   **Hinweis:** Falls Du mehrere Adressen findest, notiere die IPv4-Adresse.
+2. Finde mit einer Webseite („Wie ist meine IP“) heraus, welche IP-Adresse von Dir nach außen sichtbar ist.
+3. \faIcon{hands-helping} Vergleicht zu zweit gegenseitig die Resultate von 1. und 2.
+   Mit dem Befehl `tracert URL` kann man sich den Weg anzeigen lassen, welches ein Datenpaket zu einem bestimmten Webserver zurücklegt.
+4. Lasse Dir die Wege zu zwei verschiedenen Webservern (z. B. einer Suchmaschine, Homepage der Schule, …) anzeigen.
+5. Vergleicht die beiden Wege hinsichtlich der einzelnen Stationen.
+6. Finde einen Online-Dienst, mit dem eine `whois`-Abfrage für eine IP-Adresse durchgeführt werden kann.
+   Gib die IP-Adressen der einzelnen Stationen ein und vollziehe so den Weg nach.
+
+## \faIcon{desktop}\faIcon{pencil-alt} Arbeitsauftrag - 7 min
+
+* Recherchiere wie eine **IP-Adresse** (IP Version 4) aufgebaut ist.
+* Begründe viele mögliche **IP-Adresse** es auf Grund deren Aufbau geben kann.
+
+## IP-Adresse
+
+Eine IP-Adresse des Internet-Protokolls Version 4 besteht aus einer 32-bit Zahl.
+
+$\Rightarrow$ es existieren nur **$2^32 -1 = 4294967295$** mögliche Adressen.
+
+\pause
+### \faIcon{pencil-alt} Aufbau
+
+Zur besseren Lesbarkeit werden sie oft in 4 Byte-Blöcke unterteilt.
+
+\begin{center}
+\begin{tikzpicture}
+\node[scale=2.5] {\textcolor{green!70!black}{192.168.0.}\textcolor{red!70}{2}};
+\draw[decoration={brace,mirror,raise=7pt},decorate]
+  (-2,-0.2) -- node[below=8pt] {\textcolor{green!70!black}{Netzanteil}} (1.7,-0.2);
+\draw[decoration={brace,mirror,raise=7pt},decorate]
+  (1.7,-0.2) -- node[below=8pt] {\textcolor{red!70}{Hostanteil}} (2.3,-0.2);
+\end{tikzpicture}
+\end{center}
+
+* Der \textcolor{green!70!black}{Netzanteil} legt das Netzwerk des Geräts fest
+* Der \textcolor{red!70}{Hostanteil} ist eindeutig im LAN.
+
+## Routing
+
+**Woher weiß ein Router wohin er die Daten schicken soll?**
+
+\pause
+### \faIcon{pencil-alt} Routingtabellen
+
+Mithilfe von Routingtabellen entscheidet ein Router wohin er die Daten weiterleiten muss.
+
+![](img/Copyrighted/routing_table.png)
+
+## \faIcon{desktop} Netzwerksimulation
+
+1. Verwende die Simulationssoftware Filius, um das abgebildete Rechnernetz aufzubauen.
+![](img/Copyrighted/network.png)
+2. Installiere auf Gerät 1 die Befehlszeile.
+   Lasse die ARP-Tabelle vor und nach dem Anpingen von Gerät 2 anzeigen.
+   Versuche Gerät 3 anzupingen.
+3. Damit eine Kommunikation zwischen den Teilnetzen möglich ist, muss an den Geräten das richtige Gateway eingestellt werden.
+Setze das Gateway für alle Geräte passend und teste mittels `ping` die Erreichbarkeit der Geräte.
+
+## \faIcon{desktop} Netzwerksimulation Forsetzung
+
+4. Installiere auf Gerät 1 eine Firewall sowie einen Echo-Server und auf Gerät 3 einen einfachen Client.
+  Versuche eine Verbindung zum Echo-Server aufzubauen.
+  Erkläre anhand der Log-Files der Firewall, warum kein Verbindungsaufbau möglich ist.
+5. Füge auf der Firewall eine neue Regel mit dem passenden Port ein und teste sie.
+6. **Für Schnelle**: Versuche weitere Komponenten (z. B. DNS-Server, Webserver und Webbrowser) auf den Geräten zu installieren und zu verwenden. Erweitere das Netz.
diff --git a/Info/11/3/Intro/img/1280px-NetzwerkTopologien.svg.png b/Info/11/3/Intro/img/1280px-NetzwerkTopologien.svg.png
new file mode 100644
index 00000000..9d807c17
--- /dev/null
+++ b/Info/11/3/Intro/img/1280px-NetzwerkTopologien.svg.png
diff --git a/Info/11/3/Intro/img/mebis_mootimeter.png b/Info/11/3/Intro/img/mebis_mootimeter.png
new file mode 100644
index 00000000..2e881352
--- /dev/null
+++ b/Info/11/3/Intro/img/mebis_mootimeter.png
diff --git a/Info/11/3/Intro/img/streets.png b/Info/11/3/Intro/img/streets.png
new file mode 100644
index 00000000..8c865695
--- /dev/null
+++ b/Info/11/3/Intro/img/streets.png
diff --git a/Info/11/3/Intro/img/wordcloud.png b/Info/11/3/Intro/img/wordcloud.png
new file mode 100644
index 00000000..fa7ddc8a
--- /dev/null
+++ b/Info/11/3/Intro/img/wordcloud.png
diff --git a/Info/11/3/Intro/slides.md b/Info/11/3/Intro/slides.md
new file mode 100644
index 00000000..83442963
--- /dev/null
+++ b/Info/11/3/Intro/slides.md
@@ -0,0 +1,138 @@
+---
+header-includes: |
+  \usepackage{multimedia}
+---
+## 
+
+\large
+
+::: {.columns align=center}
+:::: {.column width=55%}
+Jeden Tag sind unzählige Fahrzeuge auf den Straßen unterwegs.
+
+* Welche Probleme können im Straßenverkehr auftreten?
+* Warum erliegt trotzdem der Verkehr normalerweise nie komplett?
+::::
+
+:::: {.column width=40%}
+![](img/streets.png)
+::::
+:::
+
+##
+
+\movie{Video: Wie das Internet auf die Welt kam}{Copyrighted/WDR Computernacht - Teil 5 - Wie das Internet auf die Welt kam [EKm6pJSI-aQ].webm}
+
+## Internet \only<2>{- Das Netz der Netze}
+\large
+
+Was versteht man unter dem Begriff: Das \boldred{Internet}?
+
+\pause
+\vspace{1cm}
+
+### \Large \faIcon{pencil-alt} Internet
+
+\begin{merke}
+Das \boldred{Internet} ist ein \underline{weltweiter} Zusammenschluss verschiedener Netzwerke.
+\end{merke}
+
+
+## Struktur des Internets
+
+Welche Struktur hat das Internet und was ist der historische Grund dafür?
+
+\pause
+### \faIcon{pencil-alt} Topologie
+\vspace{-0.5cm}
+
+```\begin{merke}```{=latex}
+
+Die Struktur eines Netzwerks nennt man \boldred{Topologie}.
+![](img/1280px-NetzwerkTopologien.svg.png){.center height=50%}
+
+Das Internet ist ein **vermaschtes** Netzwerk.
+Ein Weltweiter Verbund von über 300 **Internetknoten** verbindet große Netzwerke (Telekommunikationsanbieter (**ISP**)).
+
+```\end{merke}```{=latex}
+
+## \faIcon{desktop} Arbeitsauftrag
+
+![](img/mebis_mootimeter.png){.center}
+
+## \faIcon{lightbulb} Arbeitsauftrag: Verbindung ins Netz \hfill 5min
+
+\large
+* Mit welchen Geräten nutzt du täglich das Internet?
+* Wie sind diese Geräte mit dem Internet verbunden?
+
+## \faIcon{comments} Ein Zoo an Geräten/Begriffen
+
+::: {.columns align=center}
+:::: {.column width=50%}
+![](img/wordcloud.png){.center}
+::::
+
+:::: {.column width=50%}
+\begin{itemize}
+\item<1-> \textbf{LAN}: \only<2->{\textbf{L}ocal \textbf{A}rea \textbf{N}etwork}
+\item<3-> \textbf{WLAN}: \only<4->{\textbf{W}ireless \textbf{LAN}}
+\item<5-> \textbf{Switch}: \only<6->{Verbindet Geräte}
+\item<7-> \textbf{Router}: \only<8->{Verbindet Netzwerke}
+\item<9-> \textbf{Browser}: \only<10->{Zeigt Webseiten an}
+\item<11-> \textbf{Server}: \only<12->{Dienstanbieter}
+\item<13-> \textbf{Client}: \only<14->{Dienstnutzer}
+\end{itemize}
+::::
+:::
+
+## {.standout}
+
+Wie können so viele unterschiedliche Technologien verknüpft werden?
+
+## Protokolle
+
+Damit die Kommunikation zwischen *Smartwatch* und *Supercomputer* unterschiedlicher Hersteller klappt, braucht es feste Regeln.
+
+\pause
+### \faIcon{pencil-alt} Protokoll
+
+\begin{merke}
+Eine präzise Beschreibung der Kommunikationsregeln wird \boldred{Protokoll} genannt.
+\end{merke}
+
+\pause
+### Typische Bestandteile eines Protokolls
+
+>- Ablaufschema der Kommunikation
+>- Codierung der zu übertragenden Daten
+>- Reaktion auf Fehler
+
+## \faIcon{desktop} Arbeitsauftrag: Dienste im Internet \hfill 25 min
+
+Recherchiere zu einem der folgenden Dienste:
+
+::: {.columns align=center}
+:::: {.column width=50%}
+
+* E-Mail
+* Telefonie
+* World Wide Web (HTTP)
+* Usenet (NNTP)
+* Zeitsynchronisation (NTP)
+* Drucken (IPP)
+* Chatten (IRC, Matrix)
+* Dateiverwaltung (FTP)
+* Fernzugriff (SSH)
+* Gemini (Protokoll)
+* Dein Nischen-Dienst (HTCPCP/IPoAV/...)
+
+::::
+
+:::: {.column width=50%}
+
+Erstelle einen kurzen Steckbrief (**Beschreibung**, **Geschichte**, **Nutzung**, **Protokoll/Ablauf**, **Fun-Fact**...) zu deinem Dienst.
+
+::::
+:::
+
diff --git a/Info/11/3/Schichtenmodell/img/wordcloud.png b/Info/11/3/Schichtenmodell/img/wordcloud.png
new file mode 120000
index 00000000..e25e84cd
--- /dev/null
+++ b/Info/11/3/Schichtenmodell/img/wordcloud.png
@@ -0,0 +1 @@
+../../Intro/img/wordcloud.png
\ No newline at end of file
diff --git a/Info/11/3/Schichtenmodell/slides.md b/Info/11/3/Schichtenmodell/slides.md
new file mode 100644
index 00000000..a5c8d6cb
--- /dev/null
+++ b/Info/11/3/Schichtenmodell/slides.md
@@ -0,0 +1,157 @@
+## Wiederholung - Das Netz der Netze
+\large
+
+Was versteht man unter dem Begriff des \boldred{Internets}?
+
+\pause
+Den \underline{weltweiten} Zusammenschluss verschiedener Netzwerke.
+
+## Struktur des Internets
+
+Welche Struktur hat das Internet und was ist der historische Grund dafür?
+
+\pause
+Das Internet ist ein **vermaschtes** Netzwerk.
+
+## Wiederholung - Ein Zoo an Geräten/Begriffen
+
+::: {.columns align=center}
+:::: {.column width=50%}
+![](img/wordcloud.png){.center}
+::::
+
+:::: {.column width=50%}
+\begin{itemize}
+\item \textbf{LAN}: \textbf{L}ocal \textbf{A}rea \textbf{N}etwork
+\item \textbf{WLAN}: \textbf{W}ireless LAN
+\item \textbf{Switch}: Verbindet Geräte
+\item \textbf{Router}: Verbindet Netzwerke
+\item \textbf{Browser}: Zeigt Webseiten an
+\item \textbf{Server}: Dienstanbieter
+\item \textbf{Client}: Dienstnutzer
+\end{itemize}
+::::
+:::
+
+## Wiederholung - Protokolle
+
+\pause
+
+Eine präzise Beschreibung der Kommunikationsregeln wird \boldred{Protokoll} genannt.
+
+\pause
+### Typische Bestandteile eines Protokolls
+
+>- Ablaufschema der Kommunikation
+>- Codierung der zu übertragenden Daten
+>- Reaktion auf Fehler
+
+## {.standout} 
+
+Dienste im Internet
+
+## Der Weg der Information {.standout}
+
+Rollenspiel Briefversand
+
+## Der Weg der Information 2
+
+
+<!-- \begin{tikzpicture} -->
+<!-- \node[fill=green!30!black, minimum height = 6cm, minimum witdh = ] {} -->
+<!-- \end{tikzpicture} -->
+
+::: columns
+:::: {.column width=50%}
+Oma Erna will ihrer Enkelin Amelie, die gerade in Chicago studiert zu Ostern einen Brief schreiben.
+
+\only<2->{Welche Elemente müssten angepasst werden, wenn:}
+
+\begin{itemize}
+\item<3-> Der Transport per Schiff erfolgt?
+\item<4-> Erna eine Postkarte schickt?
+\item<5-> Amelie in Australien studiert?
+\end{itemize}
+
+::::
+
+:::: {.column width=60%}
+![](img/Copyrighted/oma_erna.png){.center height=70%}
+::::
+:::
+
+
+## Schichtmodell
+
+Der Aufbau des Postsystems in mehrere unabhängige Schichten nennt man **Schichtmodell**.
+
+\pause
+### Flexibilität
+
+Einzelne Schichten sind **austauschbar**.
+Lediglich die **Schnittstelle** zwischen zwei Schichten muss einheitlich definiert sein.
+
+\pause
+### Wiederverwendbarkeit
+
+Bestehende Schichten können für andere Zwecke **wiederverwendet** werden.
+
+## Schichten bei der digitalen Kommunikation - TCP/IP-Modell
+
+<!-- Digitale Kommunikation kann mit dem **TCP/IP-Modell** ebenfalls in Schichten dargestellt werden.  -->
+
+![](img/Copyrighted/tcp_ip_stack.png){.center height=90%}
+
+## Anwendungsschicht
+
+\large
+Nutzer*innen interagieren nur mit der Anwendungsschicht, im Normalfall einem der im Internet verfügbaren Dienste.
+
+## Transportschicht
+
+Die Transportschicht stellt der Anwendungsschicht eine logische Ende-zu-Ende Kommunikation zur Verfügung.
+
+\pause
+### \faIcon{desktop} Arbeitsauftrag - 5 min
+
+Recherchiere den unterschied zwischen dem **UDP** und dem **TCP** Protokoll.
+
+### TCP
+
+* Verbindungsorientiert
+* Sorgt für die richtige Reihenfolge der Daten
+
+\pause
+### UDP
+
+* Verbindungslos
+* Anwendungsschicht muss sich um Vollständigkeit der Daten und deren Reihenfolge kümmern.
+
+## Vermittlungsschicht
+
+Auch Internetschicht oder Wegewahlschicht (engl. routing) gennant.
+
+Insbesondere in großen Netzen, wie dem Internet, erreichen die Daten ihr Ziel nur über Vermittler (engl. router).
+
+Das **Internet-Protokoll** sorgt dafür, dass die Daten den richtigen Weg ans Ziel finden.
+
+## Netzzugangsschicht 
+
+Die Netzzugangsschicht sorgt für eine möglichst fehlerfreie Übertragung der Daten durch ein physisches Medium.
+
+### \faIcon{lightbulb} Arbeitsauftrag - Weitere Übertragungsarten
+
+* Überlege dir weitere Kommunikationsarten außer Funksignalen oder elektrischen Signalen in Kabeln
+* Welche Vorteile oder Nachteile haben diese Kommunikationsarten
+* **Fuer Schnelle**: Recherchiere was es mit dem **IPoAC**-Protokoll auf sich hat.
+
+## Der Weg der Daten
+
+![](img/Copyrighted/dataflow.png){.center height=90%}
+
+## \faIcon{pencil-alt} Arbeitsauftrag
+
+Im Haus deiner Großeltern soll der Internetanschluss von DSL auf echte Glasfaser umgestellt werden.
+Deine Großeltern möchten von Dir wissen ob Sie sich jetzt einen neuen Tablet-Computer kaufen müssen.
+
+Erkläre ihnen warum, dies nicht der Fall ist.