--- author: Florian Fischer theme: metropolis aspectratio: 169 --- ## {.standout} Herzlich Willkommen! Du kannst dich schon anmelden \texttt{v[orname].nachname} und den Bildschirm ausschalten. ## \faIcon{chalkboard-teacher} Wiederholung: Datenflussdiagramm {.t} * Nenne die Bestandteile eines \boldred{Datenflussdiagramms}. \pause \begin{center} \scalebox{1.2}{ \begin{tikzpicture}[font=\large] \node[draw, line width=0.7pt, rounded corners=2, minimum width=4cm] (m) {\texttt{MITTELWERT}}; \node[above=0.5cm of m,xshift=-1.2cm] (p1) {a}; \node[above=0.5cm of m,xshift=1.2cm] (p2) {b}; \draw[line width=0.7pt, -Triangle] (p1) to (m.north -| p1); \draw[line width=0.7pt, -Triangle] (p2) to (m.north -| p2); \draw[line width=0.7pt, -Triangle] (m.south) -- ($(m.south) - (0, 0.5cm)$); \only<1-2> { \node[opacity=0, align=right, xshift=-4cm, below=0.3cm of m] (f) {\boldred{Funktion} \\ (in abgerundetem\\Rechteck)}; } \only<3-> { \node[align=right, xshift=-4cm, below=0.3cm of m] (f) {\boldred{Funktion} \\ (in abgerundetem\\Rechteck)}; \draw[red] (f.north east) to [bend right=10] (m); } \only<1-3> { \node[opacity=0, align=center, above =of m] (p) {\boldred{Parameter}}; } \only<4-> { \node[align=center, above =of m] (p) {\boldred{Parameter}}; \draw[red] (p.west) to [bend right=30] (p1); \draw[red] (p.east) to [bend left=30] (p2); } \only<-4> { \node[opacity=0, align=left, right=0.3cm of m, yshift=0.3cm] (d) {\boldred{Datenfluss}\\ (Pfeile, die Daten\\"transportieren")}; } \only<5-> { \node[align=left, right=0.3cm of m, yshift=0.3cm] (d) {\boldred{Datenfluss}\\ (Pfeile, die Daten\\"transportieren")}; \draw[red] ($(d.west) + (0, 0.6cm)$) to [bend right=5] ($(m.north -| p1) + (0, 0.2cm)$); \draw[red] ($(d.west) + (0, 0.6cm)$) to [bend left=10] ($(m.north -| p2) + (0, 0.3cm)$); } \only<-5> { \node[opacity=0, align=center, xshift=2cm, yshift=0.7cm, below =of m] (a) {\boldred{Ausgabewert}\\ (Pfeil mit\\freier Spitze)}; } \only<6-> { \node[align=center, xshift=2cm, yshift=0.7cm, below =of m] (a) {\boldred{Ausgabewert}\\ (Pfeil mit\\freier Spitze)}; \draw[red] (a.north west) to [bend right=10] ($(m.south) - (0, 0.25cm)$); } \end{tikzpicture} } \end{center} ## \faIcon{chalkboard-teacher} Wiederholung: Datenflussdiagramm {.t} * Benenne die Bestandteile eines \boldred{Datenflussdiagramms}. * Was wird mithilfe des untenstehenden \boldred{Datenflussdiagramms} berechnet? ![](Copyrighted/DFD_Kosten.png){.center height=70%} ## \faIcon{desktop} Biber Wettbewerb Namensschema Beim jährlichen Wettbewerb „Informatik-Biber“ ist bei der Registrierung der Teilnehmenden wichtig, dass jeder Anmeldename nur einmal vergeben wird. Ein denkbarer Aufbau ist der folgende: ::: columns :::: {.column width=50%} ![](../DFD/Copyrighted/S30_8_bieber.png) :::: :::: {.column width=50%} ![](../DFD/Copyrighted/S30_8_functions.png) :::: ::: **Erstelle zunächst ein Datenflussdiagramm mithilfe der rechts abgebildeten Funktionen und anschließend ein Rechenblatt zur Generierung des Anmeldenamens.** Denke dir eigene Beispielwerte aus. ## \faIcon{chalkboard} Biber Wettbewerb Namensschema Lösung \begin{tikzpicture} \node[] (sk) {Schulkürzel}; \node[right=0.5cm of sk] (k) {Klasse}; \node[right=0.5cm of k] (nn) {Nachname}; \node[right=0.5cm of nn] (vn) {Vorname}; \node[below right=0.75cm and -0.5cm of vn] (drei) {3}; \node[draw, rounded corners=2pt, xshift=0.25cm, below=2cm of vn] (links) {LINKS}; \draw[-Triangle] (vn) -- (links.north -| vn); \draw[-Triangle] (drei) -- (links.north -| drei); \node[right=1.5cm of drei] (hundert) {100}; \node[right=of hundert] (nh) {999}; \node[draw, rounded corners=2pt, right=of links] (zfb) {ZUFALLSBEREICH}; \draw[-Triangle] (hundert) -- (zfb.north -| hundert); \draw[-Triangle] (nh) -- (zfb.north -| nh); \node[draw, rounded corners=2pt, xshift=-1.5cm, below=of links, minimum width=12cm] (verketten) {VERKETTEN}; \draw[-Triangle] (sk) -- (verketten.north -| sk); \draw[-Triangle] (k) -- (verketten.north -| k); \draw[-Triangle] (nn) -- (verketten.north -| nn); \draw[-Triangle] (links) -- (verketten.north -| links); \draw[-Triangle] (zfb) -- (verketten.north -| zfb); \draw[-Triangle] (verketten) -- ($(verketten.south) - (0, 0.5cm)$); \end{tikzpicture} ## \faIcon{chalkboard-teacher} Verkauf der Ernte im Obstgarten ![](Copyrighted/DFD_Ernte.png){.center} \only<1>{ \begin{tikzpicture}[overlay, remember picture] \path[fill=bg] (8.3cm, 0cm) rectangle (15cm, 6cm); \end{tikzpicture} } ## ![](Copyrighted/DFD_Term.png){.center} ## \faIcon{pencil-alt} Termschreibweise \Large Für jede Funktion existiert eine textuelle formale Darstellung, die \boldred{Termschreibweise}. \vspace{0.5cm} ::: {.columns align=center} :::: {.column width=35%} \begin{tikzpicture} \node (a) {\textcolor{blue}{a}}; \node[right=0.75cm of a] (b) {\textcolor{green}{b}}; \node[right=1.25cm of b] (c) {\textcolor{magenta}{c}}; \node[draw, rounded corners=2pt, below right=0.75cm and -0.5cm of a, minimum width=2cm] (mal) {mal}; \draw[-Triangle] (a) -- (mal.north -| a); \draw[-Triangle] (b) -- (mal.north -| b); \node[draw, rounded corners=2pt, below right=0.75cm and 0cm of mal, minimum width=2cm] (plus) {plus}; \draw[-Triangle] (mal) -- (plus); \draw[-Triangle] (c) -- (plus.north -| c); \node[below=.75cm of plus] (r) {17}; \draw[-Triangle] (plus) -- (r); \end{tikzpicture} :::: :::: {.column width=5%} $\rightarrow$ :::: :::: {.column width=50%} `RECHNUNG(a;b;c)` \texttt{=(\textcolor{blue}{a} * \textcolor{green}{b}) + \textcolor{magenta}{c}} :::: ::: ## \faIcon{desktop} Arbeitsauftrag: DFD zu Term \hfill 20 min Lade die Datei `DFD_und_Termschreibweise.ods` aus dem **ByCS Drive Space** und öffne sie. \vspace{1cm} **Bearbeite die Rechenblätter 1.1, 1.2 und 1.3, indem du die jeweiligen Datenflussdiagramme in eine Formel überführst.** ## \faIcon{desktop} Arbeitsauftrag: DFD zu Term \hfill 20 min **Bearbeite die Rechenblätter 2 und 3, des Tabellendokuments `DFD_und_Termschreibweise.ods`**. \vspace{1cm} ### \faIcon{earlybirds} [Für Schnelle]{.underline} Löse den Auftrag des Rechenblatts 4.