improve loop slides

8 files changed, 82 insertions, 11 deletions

diff --git a/Info/7/3/Wiederholung/img/add_image.png b/Info/7/3/Wiederholung/img/add_image.png
new file mode 120000
index 00000000..9bc28682
--- /dev/null
+++ b/Info/7/3/Wiederholung/img/add_image.png
@@ -0,0 +1 @@
+../../../1/Verweise/img/add_image.png
\ No newline at end of file
diff --git a/Info/7/3/Wiederholung/img/algo_quiz.png b/Info/7/3/Wiederholung/img/algo_quiz.png
new file mode 100644
index 00000000..51b64f75
--- /dev/null
+++ b/Info/7/3/Wiederholung/img/algo_quiz.png
diff --git a/Info/7/3/Wiederholung/img/editor_img_btn.png b/Info/7/3/Wiederholung/img/editor_img_btn.png
new file mode 100644
index 00000000..e157a142
--- /dev/null
+++ b/Info/7/3/Wiederholung/img/editor_img_btn.png
diff --git a/Info/7/3/Wiederholung/img/for_struktogramm.png b/Info/7/3/Wiederholung/img/for_struktogramm.png
new file mode 100644
index 00000000..a498b18b
--- /dev/null
+++ b/Info/7/3/Wiederholung/img/for_struktogramm.png
diff --git a/Info/7/3/Wiederholung/img/pokal.png b/Info/7/3/Wiederholung/img/pokal.png
new file mode 120000
index 00000000..3acd0f25
--- /dev/null
+++ b/Info/7/3/Wiederholung/img/pokal.png
@@ -0,0 +1 @@
+../../../1/Intro/img/pokal.png
\ No newline at end of file
diff --git a/Info/7/3/Wiederholung/img/struktog.png b/Info/7/3/Wiederholung/img/struktog.png
new file mode 100644
index 00000000..d26fa47e
--- /dev/null
+++ b/Info/7/3/Wiederholung/img/struktog.png
diff --git a/Info/7/3/Wiederholung/img/struktog_export.png b/Info/7/3/Wiederholung/img/struktog_export.png
new file mode 100644
index 00000000..4d87deae
--- /dev/null
+++ b/Info/7/3/Wiederholung/img/struktog_export.png
diff --git a/Info/7/3/Wiederholung/slides.md b/Info/7/3/Wiederholung/slides.md
index b62487ea..edf7cc1a 100644
--- a/Info/7/3/Wiederholung/slides.md
+++ b/Info/7/3/Wiederholung/slides.md
@@ -1,27 +1,55 @@
+---
+header-includes: |
+    \usetikzlibrary{shapes}
+---
 ## Widerholung {.standout}
 
 Wie bringen wir dem Computer etwas bei?
 
-## Widerholung Begriffe
+## Pokal: Algorithmen Quiz \hfill 7 min
+
+::: {.columns align=center}
+:::: {.column width=60%}
+![](img/pokal.png){.center height=50%}
+::::
+
+:::: {.column width=40%}
+**3 Punkte**
+
+![](img/algo_quiz.png){.center}
+::::
+:::
+
+## \faIcon{chalkboard-teacher} Widerholung: Begriffe
 ### Anweisung
+\vspace{-0.1cm}
 \pause
 Beschreibung eines einzelnen Arbeitsschrittes
 
 ### Ablauf
+\vspace{-0.1cm}
 \pause
 Abfolge von **Anweisungen**
 
 ### Algorithmus
+\vspace{-0.1cm}
 \pause
 *Endliche*, *eindeutige* und *ausführbare* Beschreibung eines **Ablaufs**
 
 ### \boldred{Sequenz}
+\vspace{-0.1cm}
 \pause
 Folge von **Anweisungen**, bei deren **Ablauf** diese in der angegebenen Reihenfolge abgearbeitet werden.
 
 ### \boldred{Programm}
+\vspace{-0.1cm}
 \pause
-Folge von **Anweisungen** in einer \boldred{Programmiersprache}
+Folge von **Anweisungen** in einer \boldred{Programmiersprache}.
+
+## \faIcon{brain} Algortihmen aufschreiben {.standout}
+
+Zur graphischen Darstellung eines Programmablaufs verwendet man sogenannte \boldred{[[Struktogramme]]}.
+Damit lassen sich Programmabläufe unabhängig von konkreten Programmiersprachen übersichtlich darstellen.
 
 ## Algortihmen aufschreiben
 
@@ -50,21 +78,62 @@ Für eine Sequenz sieht das Struktogramm folgendermaßen aus.
 
 Wie bringen wir einen Roboter mit Schrittlänge 1 Meter zum 100-Meter laufen?
 
-## \faIcon{pencil-alt} Wiederholung mit fester Anzahl
+## \faIcon{brain} [[Wiederholung]] {.standout}
 
-![](img/Copyrighted/wiederholung.png){.center}
+\huge 3.2 Wiederholung mit fester Anzahl
 
-## {.standout}
+\large
+Die Kontrollstruktur \boldred{Wiederholung} mit fester Anzahl dient dazu, mehrfache Wiederholungen von \boldred{Anweisungen} oder ganzen \boldred{Sequenzen} einfach zu realisieren.
+
+Die Anzahl der Wiederholungen steht dabei von Anfang an bereits fest.
+
+## Struktogramm: Wiederholung mit fester Anzahl
+
+Auf der Webseite [**struktog.openpatch.org**]() kannst du Struktogramme \textcolor{red}{erstellen}, indem du die Blöcke in den Editor ziehst.
+\vspace{-0.2cm}
+
+![](img/struktog.png){.center}
+
+\faIcon{desktop} Erstelle eine Wiederholung mit fester Anzahl und \textbf{\textcolor{magenta}{exportiere}} es als Bild.
+
+\begin{tikzpicture}[remember picture, overlay]
+\draw[magenta, line width=1.5pt] (12.35cm, 5.55cm) rectangle (13.05cm, 6.25cm);
+\draw[red, line width=1.5pt] (0.1cm, 4.8cm) rectangle (4.7cm, 4.45cm);
+\draw[red, line width=1.5pt] (9.4cm, 5.15cm) rectangle (14cm, 4.8cm);
+\draw[red, line width=1.5pt] (0.1cm, 4.7cm) edge[-Triangle, bend right] (0.1cm, 2cm);
+\end{tikzpicture}
+
+## \faIcon{brain} [[Struktogramme]] {.standout}
+
+\vspace{2cm}
+\huge \hspace{-3cm} Struktogramme
+
+\large \hspace{-3cm} Wiederholung mit fester Anzahl
+
+![](img/for_struktogramm.png){.center}
+
+\begin{tikzpicture}[remember picture, overlay]
+\node[cloud, cloud puffs=15.8, cloud puff arc=110, aspect=3, draw, thick, rotate=5, minimum width=6.2cm, minimum height=8cm] at (5.2cm, 5.4cm) {};
+\node[rotate=5, align=center] at (5.2cm, 5.4cm) {
+  \includegraphics[keepaspectratio, width=3.8cm]{img/editor_img_btn.png} \\[0.1cm]
+  \includegraphics[keepaspectratio, width=4.2cm]{img/add_image.png}
+};
+\node at (5.4cm, 5cm){\textbf{\textcolor{black}{click!}}};
+\end{tikzpicture}
+
+##
 
+\Large
+\centering
 Genug geredet! Wir wollen weiter programmieren!
 
 ## Erinnerung
 
-Melde dich auf der Webseite [jwinf.de](jwinf.de) rechts oben mit deinem Login-Code an.
+Melde dich auf der Webseite [**jwinf.de**](jwinf.de) rechts oben mit deinem Login-Code an.
 
-Zusätzlich habe ich euch das **digitale Arbeitsheft** in das Ablage Laufwerk gelegt.
+Zusätzlich habe ich euch das **digitale Arbeitsheft** im Mebis Kurs abgelegt.
 
-Unter: **Ablage/7b/vorlagen/Algorithme-Arbeitsheft.pdf**
+![](img/mebis_algo_heft)
 
 ## Übungsaufgaben
 
@@ -76,9 +145,9 @@ Unter: **Ablage/7b/vorlagen/Algorithme-Arbeitsheft.pdf**
 
 ![](img/jwinf_heft.png){.center height=20%}
 
-## \faIcon{desktop} Arbeitsauftrag
+## \faIcon{desktop} Arbeitsauftrag: Wiederholungen \hfill 20min
 
-1. Löse alle Aufgaben des **Arbeitsauftrags 3** im Arbeitsheft.
+1. Löse alle Aufgaben von **Wiederholungen** bis **ZickZack**.
    Bearbeite auch die schwierigeren Sterneaufgaben. \vspace{0.5cm}
-2. Notiere zu jeder neuen Aufgabe mindestens ein **Struktogramm**. \vspace{0.5cm}
+2. Notiere zu jeder *neuen* Aufgabe mindestens ein **Struktogramm**. \vspace{0.5cm}
 3. **Für Schnelle**: Arbeite in deinem Tempo im Arbeitsheft weiter.