add minimal handout and improve slides

2 files changed, 138 insertions, 23 deletions

diff --git a/Info/9/1/Datentyp_Formatierung/handout.tex b/Info/9/1/Datentyp_Formatierung/handout.tex
new file mode 100644
index 00000000..edc2164b
--- /dev/null
+++ b/Info/9/1/Datentyp_Formatierung/handout.tex
@@ -0,0 +1,77 @@
+\documentclass{handout}
+\csname endofdump\endcsname
+\usepackage{booktabs}
+
+\title{Datentyp und Darstellung}
+\setcounter{section}{1}
+
+\begin{document}
+\thispagestyle{empty}
+
+\subsection{Daten und deren Darstellung}
+
+\begin{tcolorbox}[title=Wiederholung: Formeln]
+
+Mit Formeln können Berechnungen automatisiert durchgeführt werden. \\[0.3cm]
+
+\centering
+\textbf{\texttt{\tikzmark{s}=\tikzmark{f}2*(B\tikzmark{c}5+C5)}}
+
+\begin{tikzpicture}[overlay, remember picture]
+\node[text width=4cm, align=left] (sL) at (-5cm, 0) {immer mit \texttt{=} eingeleitet};
+\draw (sL) -- (pic cs:s);
+\node[text width=4cm, align=left] (fL) at (-2cm, -2cm) {kann Zahlen, Rechenzeichen (+, -, *, /) und Klammern enthalten};
+\draw (fL) -- (pic cs:f);
+\node[text width=5cm, align=left] (cL) at (4cm, -1.5cm) {Zellbezeichner können als \textbf{Parameter} (Platzhalter für Eingabewerte) verwendet werden. Bei der Auswertung werden die Zellbezeichner durch die aktuellen Zellinhalte ersetzt.};
+\draw (cL) -- (pic cs:c);
+\end{tikzpicture}
+\vspace{3.75cm}
+\end{tcolorbox}
+
+\subsubsection*{Datentypen}
+
+\begin{merke}
+\large
+Mit der \textbf{Formatierung} von Zellen wird u.a. deren \pgap{\Huge Datentyp} festgelegt. \\[0.2cm]
+
+\textbf{Wichtige Datentypen:} \\[0.2cm]
+
+\centering
+\begin{tabular}{l l l}
+\toprule
+Datentyp & Beispiel & Sinnvolle Operationen \\
+\midrule
+\psolution{\Huge Text} & Hallo & \psolution{keine} \\ 
+Datum & \psolution{\Huge 20.09.2024} & \psolution{+, -} \\
+\psolution{\Huge Zahl} & 1312,00 & \psolution{+,-,*,/} \\
+\psolution{\Huge Uhrzeit} & 13:30 & \psolution{+, -} \\
+\bottomrule
+\end{tabular}
+\end{merke}
+
+\subsubsection*{Darstellung}
+
+\begin{center}
+\begin{tikzpicture}
+\begin{class}[text width=4cm]{ZELLE}{0,0}
+\attribute{Inhalt}
+\attribute{Datentyp}
+\attribute{Format}
+\end{class}
+
+\begin{object}[text width=4cm]{B3}{6cm,0}
+\instanceOf{ZELLE}
+\attribute{Inhalt = 100}
+\attribute{Datentyp = Zahl}
+\attribute{Format = Ganzzahl}
+\end{object}
+
+\node (darstellung) at (9.5cm, -1.5cm) {Darstellung};
+\node[align=right, draw, minimum width=2cm, below=0.1cm of darstellung] {100};
+\draw[blue] (B3.east) edge[bend left] (darstellung.north);
+\end{tikzpicture}
+\end{center}
+
+Aus \pgap{\textbf{\Huge Inhalt}}, \pgap{\Huge \textbf{Datentyp}} und \pgap{\Huge \textbf{Format}} wird die \pgap{\Huge \textcolor{red}{\textbf{Darstellung}}} ermittelt.
+
+\end{document}
diff --git a/Info/9/1/Datentyp_Formatierung/slides.md b/Info/9/1/Datentyp_Formatierung/slides.md
index 6c8ba2d7..ac19ec90 100644
--- a/Info/9/1/Datentyp_Formatierung/slides.md
+++ b/Info/9/1/Datentyp_Formatierung/slides.md
@@ -2,29 +2,62 @@
 author: Florian Fischer
 theme: metropolis
 aspectratio: 169
-header-includes: |
-    \usepackage[school]{pgf-umlcd}
-    \usepackage{fontawesome5}
-    \usepackage{tikz}
-    \usetikzlibrary{calc}
-    \usetikzlibrary{positioning}
-    \usetikzlibrary{tikzmark}
 ---
 
 
-## Wiederholung
+## {.standout}
 
-> - Beschreibe für welchen Anwendungszweck man \textcolor{red}{Tabellenkalkulationssysteme (TKS)} nutzt.
-> - In TKS finden sich Objekte der Klassen **TABELLENDOKUMENT**, **RECHENBLATT**, **ZEILE**, **SPALTE** und **ZELLE**.  
+Herzlich Willkommen!
+
+Du kannst dich schon anmelden
+
+\texttt{vorname.nachname}
+
+und den Bildschirm ausschalten.
+
+## \faIcon{chalkboard} Wiederholung
+
+\begin{itemize}
+\item<1-> Beschreibe für wann man ein \textcolor{red}{Tabellenkalkulationssysteme (TKS)} nutzt.
+\item<2-> In TKS finden sich Objekte der Klassen \textbf{TABELLENDOKUMENT} \textbf{RECHENBLATT}, \textbf{ZEILE}, \textbf{SPALTE} und \textbf{ZELLE}.
 Erläutere, wie die Klassen im \textcolor{red}{Klassendiagramm} zusammenhängen.
-> - Gib an, was \textcolor{red}{einzelne Zellen beinhalten} können.
-> - Benenne den \textcolor{red}{Aufbau einer Formel} in TKS.
+\item<4-> Gib an, was \textcolor{red}{einzelne Zellen beinhalten} können.
+\item<5> Benenne den \textcolor{red}{Aufbau einer Formel} in TKS.
+\end{itemize}
+
+\only<3>{
+\vspace{-1.5cm}
+\begin{center}
+\begin{tikzpicture}[
+  class/.style={
+  draw,
+  rectangle,
+  minimum width={width("TABELLENDOKUMENT")},
+  font=\small\bfseries}]
+
+\node[class] (td) at (-2, 0) {TABELLENDOKUMENT};
+
+\node[class] (sheet) at (-2, -2) {RECHENBLATT};
 
-## Formeln {.t}
+\node[class, minimum width=width("SPALTE")] (column) at (3, 0) {ZEILE};
+\node[class, minimum width=width("SPALTE")] (row) at (3, -4) {SPALTE};
+
+\node[class] (cell) at (5, -2) {ZELLE};
+
+\draw(td.south) edge[left, align=center] node {\small enthält v} (sheet.north);
+\draw(sheet) edge[midway, above, sloped, align=center] node {\small enthält >} (column);
+\draw(sheet) edge[midway, below, sloped, align=center] node {\small enthält >} (row);
+\draw(column) edge[midway, below, sloped, align=center] node {\small enthält >} (cell);
+\draw(row) edge[midway, above, sloped, align=center] node {\small enthält >} (cell);
+\end{tikzpicture}
+\end{center}
+}
+
+## \faIcon{chalkboard} Formeln {.t}
 
 Mit Formeln können Berechnungen automatisiert durchgeführt werden.
 
-### Allgemeine Aufbau:
+### Allgemeiner Aufbau:
 \centering
 \textbf{\texttt{\tikzmark{s}=\tikzmark{f}2*(B\tikzmark{c}5+C5)}}
 
@@ -47,15 +80,15 @@ Mit Formeln können Berechnungen automatisiert durchgeführt werden.
 ::: columns
 :::: {.column width=50%}
 \vspace{2cm}
-Die Elemente der nebenstehenden Wortwolke haben alle den gleichen Inhalt, aber eine unterschiedliche Formatierung.
-Notiere den Inhalt im **TKP** mehrfach und formatiere so, dass du möglichst viele der gezeigten Darstellungen erhältst.
+Die Elemente der nebenstehenden Wortwolke haben alle den **gleichen Inhalt**, aber eine unterschiedliche Formatierung.
+Notiere den Inhalt im **TKS** mehrfach und formatiere so, dass du möglichst viele der gezeigten Darstellungen erhältst.
 ::::
 :::: {.column width=50%}
 ![](img/wordcloud.png)
 ::::
 :::
 
-## Arbeitsauftrag - Zellinhalte formatieren
+## Arbeitsauftrag - Zellinhalte formatieren - 10 min
 
 Erstelle ein Rechenblatt und lege folgende Tabelle an:
 
@@ -140,11 +173,16 @@ Uhrzeit      13:30                +, -
 ::::
 :::
 
-\pause
 \vspace{1cm}
-<!-- TODO: fix animation -->
+
+\only<-5>{\phantom{Aus \textbf{Inhalt}, \textbf{Datentyp} und \textbf{Format} wird die \textcolor{red}{\textbf{Darstellung}} ermittelt.}}
+
+`\only<6>{`{=latex}
+
 Aus **Inhalt**, **Datentyp** und **Format** wird die \textcolor{red}{\textbf{Darstellung}} ermittelt.
 
+`}`{=latex}
+
 ## \faIcon{desktop} Arbeitsauftrag - 7 min
 
 ::: {.block}
@@ -158,9 +196,9 @@ Aus **Inhalt**, **Datentyp** und **Format** wird die \textcolor{red}{\textbf{Dar
 
 **Baue ihr Rechenblatt nach und interpretiere die Werte, die du in den Ergebniszellen erhältst.**
 
-## \faIcon{desktop} Arbeitsauftrag - 10 min
+## \faIcon{desktop} Arbeitsauftrag - 7 min
 
-Öffne aus dem `Ablage-Laufwerk >> alle >> vorlagen >> Inf [Klasse]` die Datei `SucheNachLoesungen.ods`.
+Öffne aus ByCS Drive die Datei `SucheNachLoesungen.ods`.
 \begin{itemize}
 \item[a)] Korrigiere die Fehler im vorliegenden Rechenblatt (Klassenfrühstück).
 \item[b)] Auch im untenstehenden Rechenblatt hat sich ein Fehler eingeschlichen. Erprobe und begründe!
@@ -189,13 +227,13 @@ Das ist aufwendig, weil alles von Hand berechnet werden muss. Hilf Amelie eine v
 ::::
 :::
 
-## \faIcon{desktop} Arbeitszeit Praktikum 2.
+## \faIcon{desktop} Arbeitszeit Praktikum - 10 min
 
 \begin{itemize}
 \item[b)] Setze die Tabelle in einem Rechenblatt um, sodass möglichst viel automatisch berechnet wird.
 
 \includegraphics[width=0.7\textwidth, keepaspectratio]{img/work_hours_text.png}
-\item[c)] \textbf{Für Schnelle}: Verbessere das Rechenblatt weiter (Layout, Eintragen von Pausen, …)
+\item[c)] \textbf{Für Schnelle}: Verbessere das Rechenblatt weiter (Layout, Pausenzeiten, …)
 \end{itemize}
 
 ## \faIcon{desktop} Arbeitsauftrag - 20 min