From 37c29f32a04d8877c9b27181defcdefb4484a487 Mon Sep 17 00:00:00 2001 From: Florian Fischer Date: Thu, 27 Nov 2025 17:27:31 +0100 Subject: improve loop slides --- Info/7/3/Wiederholung/img/add_image.png | 1 + Info/7/3/Wiederholung/img/algo_quiz.png | Bin 0 -> 3729 bytes Info/7/3/Wiederholung/img/editor_img_btn.png | Bin 0 -> 4875 bytes Info/7/3/Wiederholung/img/for_struktogramm.png | Bin 0 -> 17103 bytes Info/7/3/Wiederholung/img/pokal.png | 1 + Info/7/3/Wiederholung/img/struktog.png | Bin 0 -> 50567 bytes Info/7/3/Wiederholung/img/struktog_export.png | Bin 0 -> 4241 bytes Info/7/3/Wiederholung/slides.md | 91 ++++++++++++++++++++++--- 8 files changed, 82 insertions(+), 11 deletions(-) create mode 120000 Info/7/3/Wiederholung/img/add_image.png create mode 100644 Info/7/3/Wiederholung/img/algo_quiz.png create mode 100644 Info/7/3/Wiederholung/img/editor_img_btn.png create mode 100644 Info/7/3/Wiederholung/img/for_struktogramm.png create mode 120000 Info/7/3/Wiederholung/img/pokal.png create mode 100644 Info/7/3/Wiederholung/img/struktog.png create mode 100644 Info/7/3/Wiederholung/img/struktog_export.png 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 Binary files /dev/null and b/Info/7/3/Wiederholung/img/algo_quiz.png differ 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 Binary files /dev/null and b/Info/7/3/Wiederholung/img/editor_img_btn.png differ 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 Binary files /dev/null and b/Info/7/3/Wiederholung/img/for_struktogramm.png differ 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 Binary files /dev/null and b/Info/7/3/Wiederholung/img/struktog.png differ 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 Binary files /dev/null and b/Info/7/3/Wiederholung/img/struktog_export.png differ 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. -- cgit v1.2.3