add first lesson of 11th form (spaetbeginnend)

13 files changed, 298 insertions, 0 deletions

diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/IDE_regions.png b/Info/11/MUG_SWG_SG/1/Intro/img/IDE_regions.png
new file mode 100644
index 00000000..21cafead
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/IDE_regions.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru.png b/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru.png
new file mode 120000
index 00000000..faf8699b
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru.png
@@ -0,0 +1 @@
+../../../../../7/3/Einfuehrung/img/Tsuru.png
\ No newline at end of file
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru_compact.png b/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru_compact.png
new file mode 120000
index 00000000..9b574203
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru_compact.png
@@ -0,0 +1 @@
+../../../../../7/3/Einfuehrung/img/Tsuru_compact.png
\ No newline at end of file
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru_single_step.png b/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru_single_step.png
new file mode 120000
index 00000000..22d2c384
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/Tsuru_single_step.png
@@ -0,0 +1 @@
+../../../../../7/3/Einfuehrung/img/Tsuru_single_step.png
\ No newline at end of file
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/bwinf_bw_qrcode_a.png b/Info/11/MUG_SWG_SG/1/Intro/img/bwinf_bw_qrcode_a.png
new file mode 100644
index 00000000..9b2a67f5
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/bwinf_bw_qrcode_a.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/pos_reporter_script.png b/Info/11/MUG_SWG_SG/1/Intro/img/pos_reporter_script.png
new file mode 100644
index 00000000..7a29833b
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/pos_reporter_script.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/reporter.png b/Info/11/MUG_SWG_SG/1/Intro/img/reporter.png
new file mode 100644
index 00000000..14884b9f
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/reporter.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/reporter_snap.png b/Info/11/MUG_SWG_SG/1/Intro/img/reporter_snap.png
new file mode 100644
index 00000000..7cc69f8f
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/reporter_snap.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/sample.png b/Info/11/MUG_SWG_SG/1/Intro/img/sample.png
new file mode 100644
index 00000000..8c790080
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/sample.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/snap_around.png b/Info/11/MUG_SWG_SG/1/Intro/img/snap_around.png
new file mode 100644
index 00000000..7c9c219c
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/snap_around.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/snap_around_all.png b/Info/11/MUG_SWG_SG/1/Intro/img/snap_around_all.png
new file mode 100644
index 00000000..e6ecb876
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/snap_around_all.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/img/snap_between.png b/Info/11/MUG_SWG_SG/1/Intro/img/snap_between.png
new file mode 100644
index 00000000..6545755a
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/img/snap_between.png
diff --git a/Info/11/MUG_SWG_SG/1/Intro/slides.md b/Info/11/MUG_SWG_SG/1/Intro/slides.md
new file mode 100644
index 00000000..e6c0a9a2
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Intro/slides.md
@@ -0,0 +1,295 @@
+---
+author: Florian Fischer
+theme: metropolis
+aspectratio: 169
+header-includes: |
+    \usepackage{tikz}
+    \usetikzlibrary{calc}
+    \usetikzlibrary{positioning}
+    \usepackage{fontawesome5}
+    <!-- \let\tightlist\relax -->
+    \makeatletter
+    \beamer@ignorenonframefalse
+    \makeatother
+---
+
+
+## Organisatorisches
+
+### Name
+
+Herr Fischer
+\pause
+
+### Material
+
+* Papier Ordner, Schnellhefter
+* Buch (Mitbringen, wenn angekündigt)
+\pause
+
+### Noten
+
+* 1 Kurzarbeit pro Halbjahr
+* Unterrichtsbeiträge
+
+## {.standout}
+
+\begin{center}
+\Huge Fragen?
+\end{center}
+
+## Wettbewerbe Informatik
+
+### Jugendwettbewerb \hfill ![](logos/bwinf_bw.png){ width=2cm }
+
+\vspace{1cm}
+
+::: columns
+:::: {.column width=55%}
+* Wer: Alle Schüler*innen
+* Webseite: [**bwinf.de/bundeswettbewerb**](https://bwinf.de/bundeswettbewerb)
+* Einsendeschluss: Zweite Novemberhälfte
+* Anmeldung: [**login.bwinf.de**](https://login.bwinf.de)
+::::
+
+:::: {.column width=45%}
+![](img/bwinf_bw_qrcode_a.png){ width=4cm }
+::::
+:::
+
+## Vorstellung
+
+Suche Dir eine der Fragen aus.
+Stelle Dich kurz vor indem du deinen Namen nennst und die Frage beantwortest.
+
+* Welche digitalen Geräte benutzt du im Alltag?
+* Wie viel Zeit verbringst du täglich mit digitalen Medien?
+* Was wünscht du Dir vom Informatikunterricht?
+* Was hast du dich über Computern / Informatik schon immer gefragt?
+
+## Fahrplan
+
+### Erste Grobplanung
+* Bis Weihnachten **Algorithmik**
+* Bis März **Codierung und Verschlüsselung**
+* Bis Ostern **Netzwerke (Internet)**
+* Bis Pfingsten **Künstliche Intelligenz**
+
+## Hilfe müssen wir programmieren lernen?!
+
+\centering
+```java
+class Rekursion {
+	public static void main(String argv[]) {
+		get(0);
+	}
+
+	public static void get(int x) {
+		if (x == 6)
+			System.out.println("Code:");
+		if (x < 6)
+			get(x+=2);
+		System.out.println(x);
+	}
+}
+```
+
+## Ja! Visuelles Programmieren
+
+::: columns
+:::: {.column width=50%}
+**Ja!** \pause Programmieren mit Snap! von Berkely
+\vspace{1cm}
+
+\centering
+![](logos/snap!.png){ width=4cm }
+::::
+
+:::: {.column width=50%}
+\pause
+![](img/sample.png){ height=4cm }
+::::
+:::
+
+\vspace{0.5cm}
+\pause
+`Snap!` bietet eine Online Entwicklungsumgebung:  
+[https://snap.berkeley.edu/snap/snap.html](https://snap.berkeley.edu/snap/snap.html)
+
+## Zuerst fünf Schritte zurück.
+
+Was bedeutet programmieren?
+
+\pause
+
+Was ist ein Algorithmus?
+
+## Arbeitsauftrag
+
+Beschreibe verbal das Vorgehen einen möglichst guten Papierfliger zu bauen.
+
+## Begriffe
+### Anweisung
+
+Beschreibung eines einzelnen Arbeitsschrittes
+\pause
+
+### Beispiele {.example}
+
+::: columns
+:::: {.column width=70%}
+\phantom{foo} <!-- fix theme issue with broken box title -->
+
+* "Halte dein Blatt im Querformat" \pause
+* "Bohre mit dem rechten Zeigefinger im linken Nasenloch"
+::::
+
+:::: {.column width=40%}
+\pause
+![](img/Tsuru_single_step.png)
+::::
+:::
+
+## Begriffe
+### Anweisung
+
+Beschreibung eines einzelnen Arbeitsschrittes
+
+### Ablauf
+Abfolge von Anweisungen
+
+\pause
+
+### Beispiel 1 {.example}
+
+    1. Halte dein Blatt im Querformat
+    2. Falte die beiden langen Seiten aufeinander 
+    3. ...
+
+## Ablauf - Beispiel 2
+
+\centering
+![](img/Tsuru.png){height=95%}
+
+## Kriterien
+### Richtigkeit
+
+\pause
+- Die Anweisungen müssen richtig sein
+- Die Anweisungen müssen in der richtigen Reihenfolge stehen
+
+\pause
+
+### Vollständigkeit
+
+\pause
+- Alle Schritte müssen aufgeführt sein
+- Jeder Fall muss abgedeckt sein
+
+\pause
+
+### Ausführbarkeit
+
+\pause
+- Jede Anweisung muss möglich sein
+
+
+## Algorithmus
+### Algorithmus
+
+Ein **Algorithmus** ist eine Beschreibung eines Ablaufs mit folgenden Eigenschaften:
+
+\pause
+
+- besteht aus endlich vielen **Anweisungen**
+- ist **eindeutig** (*selbst ein Computer kann sie verstehen*)
+- ist **ausführbar**
+
+
+## Überblick der Entwicklungsumgebung
+
+![](img/IDE_regions.png){height=90%}
+
+## Programme in `Snap!`
+
+\begin{tikzpicture}[font=\large]
+\node {\includegraphics[height=0.9\textheight, keepaspectratio]{img/sample.png}};
+\only<1> {
+  \node[draw, red, line width=1pt, rectangle, minimum width=5cm, minimum height=5cm] (scriptb) {};
+  \node[right=of scriptb] {Script};
+}
+
+\only<2-> {
+  \node[draw, red, line width=1pt, rectangle, minimum width=4cm, minimum height=1.5cm] (headb) at (-0.6cm, 1.55cm) {};
+}
+
+\only<2,4-> {
+  \node[right=of headb] {Hat block\phantom{pP}};
+}
+\only<3> {
+  \node[right=of headb] {Hat block - Kontrolliert \textbf{wann} ein \textit{Script} ausgeführt wird};
+}
+
+\only<-3> {
+  %\node[draw, bg, line width=1pt, rectangle, minimum width=5cm, minimum height=3.5cm] (commandsb) at (-0.1cm, -1cm) {};
+}
+\only<4-> {
+  \node[draw, red, line width=1pt, rectangle, minimum width=5cm, minimum height=3.5cm] (commandsb) at (-0.1cm, -1cm) {};
+}
+\only<4> {
+  \node[right=of commandsb] {Command blocks\phantom{pP}};
+}
+\only<5-> {
+  \node[right=of commandsb] {Command blocks - \textit{Anweisungen} des \textit{Algorithmus}};
+}
+\end{tikzpicture}
+
+## Erstellen von Programmen
+
+### Blöcke verknüpfen
+
+Blöcke werden per *Drag and Drop* ineinander gesteckt werden.
+
+Der Platz an dem ein neuer Block platziert wird ist durch eine weiße Linie oder einen orangen Kasten markiert.
+
+::: columns
+:::: {.column width=33%}
+![](img/snap_between.png)
+::::
+:::: {.column width=33%}
+![](img/snap_around.png)
+::::
+:::: {.column width=33%}
+![](img/snap_around_all.png)
+::::
+:::
+
+
+## Arbeitsauftrag
+
+1. Erstelle das Beispiel Script und führe es aus.
+2. Erstelle ein weiteres Script das alle Striche löscht wenn du die Leertaste drückst.
+3. Erstelle ein Script das eine geometrische Figur deine Wahl zeichnet.
+
+## Erstellen von Programmen - Blockeingaben
+
+::: columns
+:::: {.column width=50%}
+Benötigt ein Block zusätzliche Informationen können diese in den leeren Stellen des Blocks platziert werden.
+
+![](img/reporter_snap.png)
+
+Runde Blöcke heißen \textit{Reporter} und sie führen keine Anweisung aus sondern liefern (\textit{reporten}) nur einen bestimmten Wert.
+::::
+:::: {.column width=50%}
+### Positionsreporter {.example}
+\centering
+![](img/pos_reporter_script.png)
+::::
+:::
+
+## Arbeitsauftrag
+
+1. Erweitere dein geometrisches Figuren Script so das nach jeder Bewegung die **X** und **Y** Position ausgegeben wird.
+2. Schaffst du es die Position auf ganze Zahlen gerundet ausgeben zulassen?
+3. Lass deine Initialen zeichnen.