add my next info lesson in 7B

Allow markdown to use meta data variables with %VARNAME% syntax.

4 files changed, 129 insertions, 0 deletions

diff --git a/Info/7/3/ErsteProgramme/img/jwinf_aufg.png b/Info/7/3/ErsteProgramme/img/jwinf_aufg.png
new file mode 100644
index 00000000..736a2799
--- /dev/null
+++ b/Info/7/3/ErsteProgramme/img/jwinf_aufg.png
diff --git a/Info/7/3/ErsteProgramme/img/jwinf_heft.png b/Info/7/3/ErsteProgramme/img/jwinf_heft.png
new file mode 100644
index 00000000..e68737cd
--- /dev/null
+++ b/Info/7/3/ErsteProgramme/img/jwinf_heft.png
diff --git a/Info/7/3/ErsteProgramme/img/jwinf_login.png b/Info/7/3/ErsteProgramme/img/jwinf_login.png
new file mode 100644
index 00000000..7efa23de
--- /dev/null
+++ b/Info/7/3/ErsteProgramme/img/jwinf_login.png
diff --git a/Info/7/3/ErsteProgramme/slides.md b/Info/7/3/ErsteProgramme/slides.md
new file mode 100644
index 00000000..0c3774b7
--- /dev/null
+++ b/Info/7/3/ErsteProgramme/slides.md
@@ -0,0 +1,129 @@
+---
+header-includes: |
+    \makeatletter
+    \beamer@ignorenonframefalse
+    \makeatother
+---
+## Widerholung {.standout}
+
+Wie bringen wir dem Computer etwas bei?
+
+## Widerholung Begriffe
+### Anweisung
+
+Beschreibung eines einzelnen Arbeitsschrittes
+
+\pause
+
+### Beispiele {.example}
+
+- "Halte dein Blatt im Querformat" \pause
+- "Gehe einen Schritt nach rechts"
+
+## Wiederholung Begriffe
+### Anweisung
+
+Beschreibung eines einzelnen Arbeitsschrittes
+
+### Ablauf
+Abfolge von Anweisungen
+
+\pause
+
+### Beispiel 1 {.example}
+
+    1. Halte dein Blatt im Querformat
+    2. Falte die beiden langen Seiten aufeinander 
+    3. ...
+
+
+## Wiederholung Algorithmus
+### Algorithmus
+
+Ein \boldred{Algorithmus} ist eine Beschreibung eines Ablaufs mit folgenden Eigenschaften:
+
+\pause
+
+- besteht aus endlich vielen \boldred{Anweisungen}
+- ist \boldred{eindeutig}
+- ist \boldred{ausführbar}
+
+## {.standout}
+
+Damit kann ich aber noch keinen Computer programmieren
+
+## Algortihmen aufschreiben
+
+### \faIcon{pencil-alt} Sequenz
+
+Eine \boldred{Sequenz} ist eine Folge von **Anweisungen**, bei deren **Ablauf** diese in der angegebenen Reihenfolge abgearbeitet werden.
+
+### \faIcon{pencil-alt} Programm
+
+Ein \boldred{Programm} ist eine Folge von **Anweisungen** in einer \boldred{Programmiersprache}, die von einem Gerät ausgeführt werden können.
+
+## Algortihmen aufschreiben
+
+### \faIcon{pencil-alt} Struktogram
+Zur graphischen Darstellung eines Programmablaufs verwendet man sogenannte \boldred{Struktogramme}.
+Damit lassen sich Programmabläufe unabhängig von konkreten Programmiersprachen übersichtlich darstellen.
+
+\vspace{1cm}
+Für eine Sequenz sieht das Struktogramm folgendermaßen aus.
+
+\begin{center}
+  \begin{tabular}{|l|}
+    \hline
+    Anweisung 1 \\
+    \hline
+    Anweisung 2 \\
+    \hline
+    Anweisung 3 \\
+    \hline
+    ... \\
+    \hline
+  \end{tabular}
+\end{center}
+
+## {.standout}
+
+Genug geredet! Wir wollen Roboter programmieren!
+
+## Selber Programmieren
+
+Melde dich auf der Webseite [jwinf.de](jwinf.de) rechts oben mit dem Code **%jwinf-grp%** an.
+
+![](img/jwinf_login.png)
+
+## Übungsaufgaben
+
+1. Klicke auf **Trainingaufgaben**
+
+![](img/jwinf_aufg.png){.center height=40%}
+
+2. Klicke **Arbeitsheft**.
+
+![](img/jwinf_heft.png){.center height=20%}
+
+## \faIcon{desktop} Arbeitsauftrag - 10 min
+
+1. Löse die Aufgabe `Bausteine zusammensetzen` \vspace{0.5cm}
+2. Löse die Aufgabe `Befehlsfolgen – Objekte im Weltraum`  
+   Bearbete auch die schwierigeren Sterneaufgaben. \vspace{0.5cm}
+3. Löse die Aufgabe `Befehlsfolgen – Murmeln`
+   Bearbete auch die schwierigeren Sterneaufgaben.
+
+## \faIcon{desktop} Arbeitsauftrag - 10 min
+
+Löse die folgenden Aufgaben sowie ihre Sterneaufgaben
+
+1. Aufgabe `Plattforme` \vspace{0.5cm}
+2. Aufgabe `Lichter anzünden`  
+
+## {.standout}
+
+Ich bin nächste Woche nicht da!  
+
+Schaut euch unsere Begriffe noch einmal an.
+
+Ihr könnt gerne auf [jwinf.de](jwinf.de) weiterüben.