From 5f48950416ce97aac5d09982bb5f803066508988 Mon Sep 17 00:00:00 2001 From: Florian Fischer Date: Thu, 27 Nov 2025 19:09:56 +0100 Subject: improve list slides --- .../11/MUG_SWG_SG/1/Listen/img/func_draw_die_2.png | Bin 0 -> 4036 bytes Info/11/MUG_SWG_SG/1/Listen/img/yatzee.png | Bin 0 -> 87075 bytes Info/11/MUG_SWG_SG/1/Listen/slides.md | 81 +++++++++++++++------ 3 files changed, 57 insertions(+), 24 deletions(-) create mode 100644 Info/11/MUG_SWG_SG/1/Listen/img/func_draw_die_2.png create mode 100644 Info/11/MUG_SWG_SG/1/Listen/img/yatzee.png diff --git a/Info/11/MUG_SWG_SG/1/Listen/img/func_draw_die_2.png b/Info/11/MUG_SWG_SG/1/Listen/img/func_draw_die_2.png new file mode 100644 index 00000000..af94a284 Binary files /dev/null and b/Info/11/MUG_SWG_SG/1/Listen/img/func_draw_die_2.png differ diff --git a/Info/11/MUG_SWG_SG/1/Listen/img/yatzee.png b/Info/11/MUG_SWG_SG/1/Listen/img/yatzee.png new file mode 100644 index 00000000..19917df3 Binary files /dev/null and b/Info/11/MUG_SWG_SG/1/Listen/img/yatzee.png differ diff --git a/Info/11/MUG_SWG_SG/1/Listen/slides.md b/Info/11/MUG_SWG_SG/1/Listen/slides.md index c2d5e3cc..70a0e803 100644 --- a/Info/11/MUG_SWG_SG/1/Listen/slides.md +++ b/Info/11/MUG_SWG_SG/1/Listen/slides.md @@ -1,19 +1,18 @@ --- -author: Florian Fischer -lang: de -theme: metropolis -aspectratio: 169 header-includes: | \usepackage{tabulary} + \let\tightlist\relax --- +## \faIcon{comment} Wiederholung: Methoden \hfill 1/3 +\large +Nimm Stellung zu folgender Aussage: +\vspace{0.5cm} -## Wiederholung - Methoden +> Methoden sind wie ein Mensch, sie besteht aus einem Rumpf und Extremitäten. -Nenne die Bestandteile einer Methode und ihre Funktion. - -## Wiederholung - Methoden +## \faIcon{chalkboard-teacher} Wiederholung: Methoden \hfill 1/3 Methoden bestehen aus zwei Teilen: @@ -28,7 +27,7 @@ Methoden bestehen aus zwei Teilen: :::: {.column width=50%} \begin{tikzpicture} \node[circle, draw, minimum size=1cm] (head) {}; -\node[align=left] at ($(head) + (2cm, 0)$) {\textcolor{red}{Methodenkopf} \\ \textit{GeheRueckwaerts}}; +\node[align=left] at ($(head) + (2cm, 0)$) {\textcolor{red}{Methodenkopf} \\ \textit{geheRueckwaerts}}; \only<2-> { \coordinate (shoulders) at ($(head) - (0, 1.2cm)$); \coordinate (hip) at ($(shoulders) - (0, 2cm)$); @@ -46,18 +45,39 @@ Methoden bestehen aus zwei Teilen: :::: ::: -## Wiederholung - Methoden +## \faIcon{comment} Wiederholung: Methoden \hfill 2/3 + +\large +Nimm Stellung zu folgender Aussage: +\vspace{0.5cm} + +> Snap! unterstützt leider keine Methoden. + +\pause \boldred{Falsch!} + +\pause In Snap! können eigene Blöcke (Methoden) erstellt werden. + +## \faIcon{comment} Wiederholung: Methoden \hfill 3/3 + +\large +Nimm Stellung zu folgender Aussage: +\vspace{0.5cm} -* Wie werden Methoden in `Snap!` angelegt? -* Erklaere was ein Parameter ist und wie er verwendet wird. +> Parameter sind wie Variablen, nur dass sie für eine Methode immer gleich sind. +> Bei der Methode ![](img/func_draw_die_2.png){height=7%} ist der Parameter Augenzahl immer gleich 2. -## Arbeitsauftrag - 15 min +\pause \boldred{Falsch!} -* Vollende deine B-Sprachen oder Würfelaugen Methode +\pause Nur bei dem Aufruf hat der Parameter den Wert 2. -## Arbeitsauftrag - 10 min +## \faIcon{desktop} Arbeitsauftrag \hfill 15 min + +\centering \large Vollende deine B-Sprachen-Methode. + +## \faIcon{desktop} Arbeitsauftrag \hfill 10 min + +Öffne die Datei *Einkaufsliste.xml* aus dem ByCS Space in `Snap!`. -Öffne die Datei *Einkaufsliste.xml* aus dem Laufwerk **ablage/11b/vorlagen/** in `Snap!`. Mach dich mit der darin enthaltenen Einkaufsliste vertraut und führe dann die folgenden Schritte aus: 1. Lasse das erste Element der Liste ausgeben. @@ -68,25 +88,38 @@ Mach dich mit der darin enthaltenen Einkaufsliste vertraut und führe dann die f ## Datenstruktur Liste -Wenn viele (oft gleichartige) Datenelemente gespeichert werden sollen bietet sich zur Verwaltung eine **Liste** an. +\large +\begin{merke} +Wenn viele (oft gleichartige) Datenelemente gespeichert werden sollen bietet sich zur Verwaltung eine \boldred{Liste} an. +\vspace{0.5cm} \pause -Die Elemente einer Liste können über den **Index** (ihre Position in der Liste) verwendet werden. +Die Elemente einer Liste können über den \boldred{Index} (ihre Position in der Liste) verwendet werden. +\end{merke} -## Arbeitsauftrag - 20 min +## \faIcon{desktop} Arbeitsauftrag: Listen verwenden \hfill 20 min -1. Gib den Bezeichner der Variable von der Datenstruktur Liste an. +1. Suche den Bezeichner der Variable von der Datenstruktur Liste. 2. Ändere den Anfangszustand der Liste auf `[Apfel, Banane, Mango, Schokolade]`. - Teste Deine Ihre Änderung. + Teste Deine Änderung. 3. Gib die **Methoden** an, die beim Drücken des "+"- und "-"-Buttons aufgerufen werden und auf die Variable aus 1. zugreifen. Gib außerdem die verwendete **Bedingung** an, die auf die Variable zugreift. 4. Erweitere die Funktionalität der Lupe wie folgt: Ist das gesuchte Element nicht enthalten, so soll es hinzugefügt und angezeigt werden. Ist das gesuchte Element enthalten, so soll es aus der Liste gelöscht werden. Teste Deine Erweiterungen. -5. Ändere die Funktionalität des Ausrufezeichens: Die User sollen die Stelle eines Eintrags (eine Zahl) eingeben. +5. Ändere die Funktionalität des Ausrufezeichens: Es soll die Stelle eines Eintrags (eine Zahl) eingeben werden. Daraufhin wird das Lebensmittel an der entsprechenden Stelle in einer Sprechblase ausgegeben. -## Arbeitsauftrag +## \faIcon{desktop} Arbeitsauftrag: Listen verwenden -6. [Für Schnelle]{.underline}: Füge einen Button *Tausche* mit folgender Funktionalität hinzu: Wenn die Liste zwei oder mehr Elemente hat, sollen die letzten beiden Elemente vertauscht werden. +### \faIcon{earlybirds} [Für Schnelle]{.underline}: +6. Füge einen Button *Tausche* mit folgender Funktionalität hinzu: Wenn die Liste zwei oder mehr Elemente hat, sollen die letzten beiden Elemente vertauscht werden. Danach befindet sich also das letzte Element an der vorletzten Stelle und andersrum. + +## + +\begin{center} +\begin{tikzpicture} +\node[rotate=3] {\includegraphics[keepaspectratio, height=\textheight]{img/yatzee.png}}; +\end{tikzpicture} +\end{center} -- cgit v1.2.3