improve 11 grade conditional slides

3 files changed, 90 insertions, 41 deletions

diff --git a/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/img/botty_level1.png b/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/img/botty_level1.png
new file mode 120000
index 00000000..01dd10e3
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/img/botty_level1.png
@@ -0,0 +1 @@
+../../BottySammeltMuell/stage2.png
\ No newline at end of file
diff --git a/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/img/botty_level3.png b/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/img/botty_level3.png
new file mode 120000
index 00000000..749090fa
--- /dev/null
+++ b/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/img/botty_level3.png
@@ -0,0 +1 @@
+../../BottySammeltMuell/stage3_5.png
\ No newline at end of file
diff --git a/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/slides.md b/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/slides.md
index 2a6f8414..15b98f3b 100644
--- a/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/slides.md
+++ b/Info/11/MUG_SWG_SG/1/Bedingte_Anweisungen/slides.md
@@ -3,38 +3,35 @@ author: Florian Fischer
 theme: metropolis
 aspectratio: 169
 header-includes: |
-    \usepackage{tikz}
-    \usetikzlibrary{calc, positioning}
-    \usepackage{fontawesome5}
     \let\tightlist\relax
 ---
 
-## Wiederholung
+## \faIcon{comments} Wiederholung
 
 1. Welche zwei Arten von Wiederholungen gibt es?
 
-## Wiederholung - Wiederholungen
-
-Welche zwei Arten von Wiederholungen gibt es?
+## \faIcon{comments} Wiederholung: Wiederholungen
 
 ::: columns
 :::: {.column width=50%}
 \pause
 ### Bedingte Widerholung
-Die **Sequenz** wird solange *wiederholt* bis eine **Bedingung** eintritt.
 \pause
+Die **Sequenz** wird solange *wiederholt* bis eine **Bedingung** eintritt.
 ![](img/repeat_until_block.png){height=3cm}
+\pause
 ::::
 :::: {.column width=50%}
 \pause
 ### Widerholung mit fester Zahl
+\pause
 Die **Wiederholungszahl** muss bekannt oder berechenbar sein.
 \pause
 ![](img/repeat_n_block.png){height=3cm}
 ::::
 :::
 
-## Erinnerung
+## \faIcon{chalkboard-teacher} Erinnerung
 
 ### N-Ecke mit Wiederholung
 \vspace{1cm}
@@ -55,45 +52,49 @@ Zeichne ein N-Eck (z.B. $N=10$)
 ::::
 :::
 
-## Wiederholung
+## \faIcon{comments} Wiederholung
 
 1. Welche zwei Arten von Wiederholungen gibt es?
 2. Wie konnte sich ein Programm nochmal Dinge merken?
 
-## Wiederholung - Variablen
+## \faIcon{comments} Wiederholung: Variablen
 
 **Variablen** sind *"Aufbewahrungsmöglichkeiten"* für Daten mit einem Label um sie wiederzufinden.
 
 \pause
 ![](img/variables_as_boxes.png){height=4cm}
 
-## Wiederholung - Variablen in Snap!
+## \faIcon{chalkboard-teacher} Wiederholung: Variablen in Snap!
 
 Variablen können in `Snap!` mit dem Knopf ![](img/make_variable_button.png){height=0.75cm} oder
 per ![](img/script_local_block.png){height=0.75cm} erzeugt werden.
 
+\vspace{0.3cm}
+\pause
+
+### **Sichtbarkeit**
+
 \pause 
 Eine Variable ist entweder für **alle** Sprites, nur für **ein** Sprite oder nur **innerhalb eines Script** gültig.
 
-### **Datentypen**
+## \faIcon{comments} Wiederholung: Datentypen
 
 \pause 1. Zahlen, \pause 2. Buchstaben, \pause 3. Text, \pause 4. Wahrheitswerte
 
 \pause
-### **Achtung neu!**
-
-::: columns
-:::: {.column width=1%}
-::::
-
-:::: {.column width=98%}
-\vspace{0.3cm}
-Das Anlegen einer Variable mit ihrem Namen, Datentyp und Gültigkeitsbereich nennt man in der Informatik \textbf{\textcolor{red}{deklarieren}}.
+\vspace{2cm}
+\begin{merke}
+Das Anlegen einer Variable mit ihrem Namen, Datentyp und Gültigkeitsbereich nennt man in der Informatik \boldred{deklarieren}.
 
 \pause
-Das erste (**initiale**) Speichern eines Werts in einer Variable nennt man in der Informatik \textbf{\textcolor{red}{initialisieren}}.
-::::
-:::
+Das erste (\textbf{initiale}) Speichern eines Werts in einer Variable nennt man in der Informatik \boldred{initialisieren}.
+\end{merke}
+
+\only<6->{
+\begin{tikzpicture}[overlay, remember picture]
+\node[draw=red, anchor=west, xshift=1.5cm, yshift=5.5cm, rotate=5, scale=1.5] at (current page.south west) {\boldred{Achtung neu!}};
+\end{tikzpicture}
+}
 
 
 ## Heute räumen wir auf
@@ -106,25 +107,29 @@ Das ist Botty!
 ::::
 
 :::: {.column width=50%}
+\pause
 Botty hat die Aufgabe Müll einzusammeln.
 
 ![](img/trash_icon.png){ height=3cm }
 ::::
 :::
 
+\pause
 Dazu irrt er durch dunkle Gänge solange bis er den **Müll** [berührt]{.underline}.
 
+\pause
 Damit sein Leben nicht so traurig ist sammelt er alle **Blumen** ein die er auf dem Weg findet.
 
+\pause
 Nur leider hat Botty vergessen wie er sich fortbewegen soll.
 Hilf ihm indem du seine Bewegung programmierst!
 
 ## \faIcon{desktop} Arbeitsauftrag
 
-Öffne die Snap! Projekt Datei **`Ablage/11b/vorlagen/Botty_sammelt_Muell_Vorlage.xml`**.
+Öffne die Snap!-Projekt-Datei **`Botty_sammelt_Muell_Vorlage.xml`** aus dem ByCS Space.
 
-1. Programmiere ein Script unter Bottys *When touching flower*-Block der die **Anzahl** der bereits von Botty gesammelten **Blumen** ausgibt.
-2. Programmiere ein Script unter Bottys *Flaggen*-Block das ihn zum Müll laufen lässt.
+1. Programmiere ein Script unter Bottys *`When touching flower`*-Block, der die **Anzahl** der bereits von Botty gesammelten **Blumen** ausgibt.
+2. Programmiere ein Script unter Bottys *`Flaggen`*-Block, das ihn zum Müll laufen lässt.
 
 ## Laufen oder nicht Laufen?
 
@@ -136,18 +141,32 @@ Was muss Botty machen um die Kurve zu kriegen und wann?
 
 Mit einer **bedingten Anweisung** kann man Sequenzen in Abhängigkeit einer Bedingung ausführen.
 
-::: columns
+::: {.columns}
+:::: {.column width=50%}
+\pause
+![](img/if_else_block.png){.center height=40%}
+::::
+
 :::: {.column width=50%}
-![](img/if_else_block.png)
 
-Eine **bedingte Anweisung** erlaubt es auf Bedingungen zu reagieren und entsprechende Anweisungen auszuführen.
+`\only<4->{`{=latex}
+
+![](img/if_block.png){.center height=30%}
+
+`}`{=latex}
+
 ::::
+:::
+
+\vspace{0.5cm}
 
+::: {.columns}
 :::: {.column width=50%}
-\pause
-![](img/if_block.png)
+\only<3->{ Eine \boldred{bedingte Anweisung} erlaubt es auf Bedingungen zu reagieren und entsprechende Anweisungen auszuführen. }
+::::
 
-Anweisungen die nur ausgeführt werden wenn eine Bedingung erfüllt ist nennt man \textbf{\textcolor{red}{einseitig bedingte Anweisung}}.
+:::: {.column width=50%}
+\only<5->{ Anweisungen die nur ausgeführt werden wenn eine Bedingung erfüllt ist nennt man \boldred{einseitig bedingte Anweisung}. }
 ::::
 :::
 
@@ -164,20 +183,48 @@ Anweisungen die nur ausgeführt werden wenn eine Bedingung erfüllt ist nennt ma
 ::::
 :::
 
-## \faIcon{desktop} Arbeitsauftrag
+## \faIcon{desktop} Arbeitsauftrag: Level 1 - 10 min
 
-Lasse Botty um die Kurve laufen indem du eine **einseitige bedingte Anweisung**, den ![](img/touching_black_in_x.png){height=0.75cm} block sowie einen **rotate** Block verwendest.
+::: {.columns align=center}
+:::: {.column width=70%}
+Lasse Botty um die Kurve laufen, indem du ...
+\vspace{0.1cm}
 
+* eine **einseitige bedingte Anweisung**
+* den ![](img/touching_black_in_x.png){height=0.65cm}-Block
+* einen **rotate**-Block
+
+\vspace{0.1cm}
+verwendest.
+::::
+
+:::: {.column width=30%}
+![](img/botty_level1.png){.center}
+::::
+:::
+
+\vspace{0.5cm}
 Schaffst du auch beide Kurven in Level 2?
 
-## \faIcon{desktop} Arbeitsauftrag
+## \faIcon{desktop} Arbeitsauftrag: Level 3 - 15 min
 
+::: {.columns align=center}
+:::: {.column width=70%}
 Jetzt sieht Bottys Welt schon etwas komplizierter aus.
+\vspace{0.2cm}
+
+Glücklicherweise sind an den richtigen Stellen farbige Markierungen hinterlassen worden.
+\vspace{0.2cm}
 
-Gott sei dank sind an den richtigen Stellen farbige Markierungen hinterlassen worden.
+Verwende den ![](img/touching_color_in_x.png){height=0.75cm}-Block, um Botty in die richtige Richtung zu drehen.
+::::
 
-Verwende den ![](img/touching_color_in_x.png){height=0.75cm} block um Botty in die richtige Richtung zu drehen.
+:::: {.column width=30%}
+![](img/botty_level3.png){.center}
+::::
+:::
 
-## \faIcon{desktop} Arbeitsauftrag für Schnelle
+\vspace{0.6cm}
+### \faIcon{earlybirds} Für Schnelle:
 
-Schaffst du es ohne Hinweise das Botty den Müll und im besten Fall auch noch die Blume einsammelt?
+Schaffst du es ohne Hinweise, dass Botty den Müll und im besten Fall auch noch die Blume einsammelt?