Merge pull request #69 from FHNW-IP5-IP6/DEV-NewLandingPage

Mikscho · web-flow · commit e18a30aaf3de · 2023-01-05T16:17:54.000+01:00
Dev new landing page
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/Tutorial/Einführung/Begrüssung/pi4j-header.png b/Tutorial/Einführung/Begrüssung/pi4j-header.png
diff --git a/Tutorial/Einführung/Begrüssung/src/Main.java b/Tutorial/Einführung/Begrüssung/src/Main.java
@@ -0,0 +1,5 @@
+public class Main {
+    public static void main(String[] args) {
+        // Nothing to see here
+    }
+}
diff --git a/Tutorial/Einführung/Begrüssung/task-info.yaml b/Tutorial/Einführung/Begrüssung/task-info.yaml
@@ -0,0 +1,6 @@
+type: theory
+files:
+- name: src/Main.java
+  visible: true
+- name: pi4j-header.png
+  visible: false
diff --git a/Tutorial/Einführung/Begrüssung/task-remote-info.yaml b/Tutorial/Einführung/Begrüssung/task-remote-info.yaml
@@ -0,0 +1 @@
+id: 1639026368
diff --git a/Tutorial/Einführung/Begrüssung/task.md b/Tutorial/Einführung/Begrüssung/task.md
@@ -0,0 +1,6 @@
+# Leitfaden zu Pi4J Anwendungen
+
+![Pi4J Logo](./pi4j-header.png)
+
+Der vorliegende Leitfaden soll in die Thematiken von PI4J, dem Hardware-Katalog, dem MVC-Pattern sowie dem 
+Template-Projekt für PI4J einführen. Klick auf den Button *Next* um mit dem Tutorial zu starten.
diff --git a/Tutorial/Einführung/Benutzeroberfläche/task.md b/Tutorial/Einführung/Benutzeroberfläche/task.md
@@ -1,4 +1,4 @@
-# Task 2/9: Benutzeroberfläche
+# Task 2/10: Benutzeroberfläche
 Die Grundeinstellung des Leitfadens sieht wie folgt aus:
 
 ![Benutzeroberflaeche](./Benutzeroberflaeche.png)
diff --git a/Tutorial/Einführung/BugMultipleChoiceTask/src/Main.java b/Tutorial/Einführung/BugMultipleChoiceTask/src/Main.java
@@ -0,0 +1,5 @@
+public class Main {
+   public static void main(String[] args) {
+      // Write your solution here
+   }
+}
diff --git a/Tutorial/Einführung/BugMultipleChoiceTask/task-info.yaml b/Tutorial/Einführung/BugMultipleChoiceTask/task-info.yaml
@@ -0,0 +1,12 @@
+type: choice
+is_multiple_choice: true
+options:
+- text: Diese Antwort ist richtig
+  is_correct: true
+- text: Diese Antwort ist auch richtig
+  is_correct: true
+- text: Diese Antwort ist falsch
+  is_correct: false
+files:
+- name: src/Main.java
+  visible: true
diff --git a/Tutorial/Einführung/BugMultipleChoiceTask/task-remote-info.yaml b/Tutorial/Einführung/BugMultipleChoiceTask/task-remote-info.yaml
@@ -0,0 +1 @@
+id: 1967673868
diff --git a/Tutorial/Einführung/BugMultipleChoiceTask/task.md b/Tutorial/Einführung/BugMultipleChoiceTask/task.md
@@ -0,0 +1,5 @@
+# Task 7/10: MultipleChoiceTask
+Bei Multiple-Choice-Fragen mit viereckigen Checkboxen (siehe unten) sind mehrere Antworten richtig. Die Aussage 
+*Select one option from the list* kann leider nicht geändert werden. Also nicht verwirren lassen. Es gilt:
+- runde Checkbox -> nur eine Option ist richtig
+- viereckige Checkbox -> mehrere Optionen können richtig sein
diff --git a/Tutorial/Einführung/EducationalTask/src/Main.java b/Tutorial/Einführung/EducationalTask/src/Main.java
@@ -3,6 +3,7 @@ public static void main(String[] args) {
 
       final String text = "Hello world, hello LEITFADEN";
 
+      //This is a placeholder. It marks where changes need to be made in the code.
       System.out.println(text);
 
    }
diff --git a/Tutorial/Einführung/EducationalTask/task-info.yaml b/Tutorial/Einführung/EducationalTask/task-info.yaml
@@ -3,9 +3,9 @@ files:
 - name: src/Main.java
   visible: true
   placeholders:
-  - offset: 130
+  - offset: 213
     length: 25
-    placeholder_text: "/*Print \"Hello world, hello LEITFADEN\" to console */"
+    placeholder_text: "/*TODO: Print \"Hello world, hello LEITFADEN\" to console */"
 - name: PeakSolution.png
   visible: false
 - name: test/output.txt
diff --git a/Tutorial/Einführung/EducationalTask/task.md b/Tutorial/Einführung/EducationalTask/task.md
@@ -1,4 +1,4 @@
-# Task 7/9: EducationalTask
+# Task 8/10: EducationalTask
 Der **Educational Task** ist ein Task, um Programmieraufgaben zu lösen. Jeder Task hat ein Main.java File mit unterschiedlichen
 Aufgaben. Mit Platzhaltern ist ersichtlich, welche Aufgabe an welcher Stelle im Code gelöst werden muss.
 Im Aufgabenfenster sind alle wichtigen Informationen zu den Aufgaben vorhanden.
@@ -8,9 +8,15 @@ Code überprüfen.
 
 Nachdem ein Check durchgeführt wurde, kann mit Peak Solution (1) die Musterlösung betrachtet werden.
 
-![PeakSolution](./PeakSolution.png)
+<img src="PeakSolution.png" alt="PeakSolution" width="350"/>
+
 
 ## Aufgabe
-Gib den Text *Hello world, hello Leitfaden* auf der Konsole aus. Benutze dazu den String *text* und *System.out.println()*.
+Gib den Text *Hello world, hello Leitfaden* auf der Konsole aus.
+<div class="hint">
+  Benutze dazu den String *text* und *System.out.println()*.
+</div>
+
+
 
 Überprüfe mit *Check* den Code. Wenn dieser richtig funktioniert, kann mit *Next* zur nächsten Lektion navigiert werden.
diff --git a/Tutorial/Einführung/Hint/task.md b/Tutorial/Einführung/Hint/task.md
@@ -1,4 +1,4 @@
-# Task 8/9: Hint
+# Task 9/10: Hint
 An diversen Stellen im Leitfaden sind Hilfestellungen, sogenannte *Hints* platziert. Diese sind eine Unterstützung um
 die richtige Lösung zu finden. Benutze den untenstehenden Hint, um die Multiple-Choice-Frage richtig zu beantworten. 
 Hints können per Klick geöffnet werden.
diff --git a/Tutorial/Einführung/Lektionsaufbau/task.md b/Tutorial/Einführung/Lektionsaufbau/task.md
@@ -1,4 +1,4 @@
-# Task 4/9: Lektionsaufbau
+# Task 4/10: Lektionsaufbau
 Der Leitfaden ist in die unten aufgelisteten Lektionen unterteilt:
 
 1. Einführung
@@ -18,7 +18,7 @@ das Lösen der Lektion in etwa in Anspruch nimmt.
 
 **Selbsteinschätzung**
 
-Die Selbsteinschätzung ist Sammlung von Kontrollfragen über die Inhalte der Lektion. Können alle richtig beantwortet 
+Die Selbsteinschätzung ist eine Sammlung von Kontrollfragen über die Inhalte der Lektion. Können alle richtig beantwortet 
 werden, sind die Inhalte der Lektion bereits bekannt und die Lektion kann übersprungen werden.
 
 **Einleitung in die Thematik**
diff --git a/Tutorial/Einführung/MultipleChoiceTask/task.md b/Tutorial/Einführung/MultipleChoiceTask/task.md
@@ -1,9 +1,13 @@
-# Task 6/9: MultipleChoiceTask
-Im **Multipel-Choice Task** werden Fragen zur aktuellen Lektion gestellt. Die möglichen Antworten sind im Bereich
+# Task 6/10: MultipleChoiceTask
+Im **Multiple-Choice Task** werden Fragen zur aktuellen Lektion gestellt. Die möglichen Antworten sind im Bereich
 des Smart Checkers aufgelistet. Wie im *Theory Task* gibt es auch hier einen Button *Next*, um zum nächsten Task zu wechseln.
 Zudem gibt es den Button **Check**, mit welchem die Antworten der Multiple-Choice-Frage gleich überprüft werden können.
 Um mit **Next** zum nächsten Task zu wechseln, muss zuerst der Check erfolgreich sein.
 
 Beantworte die folgende Frage richtig, um zum nächsten Task wechseln zu können:
 
-Was ist der Sinn des Lebens?
+Was ist der Sinn des Lebens?
+
+<div class="hint">
+  Suche mit Google nach "Sinn des Lebens"
+</div>
diff --git a/Tutorial/Einführung/Navigation/task.md b/Tutorial/Einführung/Navigation/task.md
@@ -1,4 +1,4 @@
-# Task 3/9: Navigation
+# Task 3/10: Navigation
 Mit den Pfeiltasten (1) kann zum nächsten Task bez. zum vorangehenden Task gewechselt werden, auch wenn der aktuelle Task
 nicht gelöst ist.
 
diff --git a/Tutorial/Einführung/RunConfiguration/EditRunConfiguration.png b/Tutorial/Einführung/RunConfiguration/EditRunConfiguration.png
diff --git a/Tutorial/Einführung/RunConfiguration/EnterEditRunConfiguration.png b/Tutorial/Einführung/RunConfiguration/EnterEditRunConfiguration.png
diff --git a/Tutorial/Einführung/RunConfiguration/RunConfiguration.png b/Tutorial/Einführung/RunConfiguration/RunConfiguration.png
diff --git a/Tutorial/Einführung/RunConfiguration/task-info.yaml b/Tutorial/Einführung/RunConfiguration/task-info.yaml
@@ -4,3 +4,7 @@ files:
   visible: true
 - name: RunConfiguration.png
   visible: false
+- name: EnterEditRunConfiguration.png
+  visible: false
+- name: EditRunConfiguration.png
+  visible: false
diff --git a/Tutorial/Einführung/RunConfiguration/task.md b/Tutorial/Einführung/RunConfiguration/task.md
@@ -1,12 +1,21 @@
-# Task 9/9: RunConfiguration
+# Task 10/10: RunConfiguration
 Die RunConfiguration ist eine Zusammenstellung von verschiedenen Befehlen, um eine ausgewählte Applikation auszuführen.
 
-Im Fall des Leitfadens wird die RunConfiguration benutzt, um die Applikation zu übersetzen, auf das Raspberry Pi
+Im Fall des Leitfadens wird die RunConfiguration benutzt, um die Applikation zu übersetzen, auf dem Raspberry Pi
 bereitzustellen und auszuführen.
 
+## Auswählen der RunConfiguration
 Um die Applikation auf dem Raspberry Pi auszuführen, muss die entsprechende RunConfiguration im Drop Down Menü (1)
 ausgewählt und danach mit dem grünen Pfeil (2) gestartet werden.
 
-![RunConfiguration](./RunConfiguration.png)
+<img src="RunConfiguration.png" alt="RunConfiguration" width="400">
+
+## Anpassen der RunConfiguration
+Muss eine Konfiguration angepasst werden, weil zum Beispiel die IP-Adresse gewechselt werden muss, kann im Drop Down Menü
+*Edit Configuration* angewählt werden
+<img src="EnterEditRunConfiguration.png" alt="EnterEditRunConfiguration" width="400">
+Es öffnet sich ein neues Fenster. Zuerst links im Fenster die entsprechende RunConfiguration auswählen. Danach lassen sich
+die gewünschten Parameter editieren. Zum Beispiel kann anstelle des Hostname eine IP-Adresse vergeben werden.
+<img src="EditRunConfiguration.png" alt="EditRunConfiguration" width="400">
 
 Es kann mit dem Button *Next* zur nächsten Lektion gewechselt werden.
diff --git a/Tutorial/Einführung/Theory Task/task.md b/Tutorial/Einführung/Theory Task/task.md
@@ -1,4 +1,4 @@
-# Task 5/9: Theory Task
+# Task 5/10: Theory Task
 Der Leitfaden ist in einzelne Lektionen unterteilt und jede Lektion hat unterschiedliche Tasks.
 Es gibt drei unterschiedliche Arten von Tasks. Den *Theory Task*, den *Multiple Choice Task*
 und den *Educational Task*. 
@@ -8,7 +8,8 @@ Beispiel in der Einleitung, zu vermitteln.
 
 Der Bereich *Smart Checker* hat zwei Buttons, *Run* und *Next*.
 
-**Run** dient dazu, allfällige Codebeispiele welche im Editor programmiert sind, auszuführen.
+**Run** dient dazu, allfällige Codebeispiele welche im Editor programmiert sind, auszuführen. Mit dem 
+*Run* Button kann nicht zur nächsten Lektion gewechselt werden. Dazu gibt es den Button *Next*.
 
 **Next** dient dazu, zum nächsten Task zu wechseln.
 
diff --git a/Tutorial/Einführung/lesson-info.yaml b/Tutorial/Einführung/lesson-info.yaml
@@ -1,10 +1,12 @@
 content:
+- Begrüssung
 - Übersicht
 - Benutzeroberfläche
 - Navigation
 - Lektionsaufbau
 - Theory Task
 - MultipleChoiceTask
+- BugMultipleChoiceTask
 - EducationalTask
 - Hint
 - RunConfiguration
diff --git a/Tutorial/Einführung/Übersicht/task.md b/Tutorial/Einführung/Übersicht/task.md
@@ -1,4 +1,4 @@
-# Task 1/9: Übersicht
+# Task 1/10: Übersicht
 In dieser Lektion sollen die Funktion und die Bedienung des *Leitfadens* erklärt werden. Dazu sind folgende Themen beschrieben:
 
 ## Lernziele
@@ -17,6 +17,6 @@ Lektion weitergemacht werden.
 [Sprung zur nächsten Lektion: Setup](course://Tutorial/Setup/Einführung/src/Main.java)
 
 ## Zeitschätzung
-Diese Lektion wird rund 50 Minuten in Anspruch nehmen.
+Diese Lektion wird rund 20 Minuten in Anspruch nehmen.
 
 Mit dem Button *Next* wird die Lektion *Einführung* gestartet.
diff --git a/Tutorial/ModelViewController/Validierung/task-info.yaml b/Tutorial/ModelViewController/Validierung/task-info.yaml
@@ -10,4 +10,3 @@ options:
 files:
 - name: src/Main.java
   visible: true
-local_check: true
diff --git a/Tutorial/Setup/Ausführung/task.md b/Tutorial/Setup/Ausführung/task.md
@@ -8,7 +8,7 @@ In diesem Task wurde eine Running-Config hinterlegt. Diese kann wie hier im Bild
 
 <img src="SetupAusfuehrungRunConfig.png" alt="Run Configuration" width="400"/>
 
-Mit der richtigen ausgewählten Running-Config, wie auf dem Bild gezeigt, kann das Programm gestartet werden.
+Mit der richtigen ausgewählten Running-Config, kann das Programm gestartet werden.
 Die Applikation wird auf das Raspberry Pi geladen und automatisch ausgeführt.
 Folgende bekannte Probleme können auftreten:
 - Benutzername und Passwort des Raspberry Pi stimmen nicht mit der Running-Config überein -> PW auf Pi oder in Running-Config anpassen.

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Task 2/9: Benutzeroberfläche`
	`1`	`+# Task 2/10: Benutzeroberfläche`
`2`	`2`	`Die Grundeinstellung des Leitfadens sieht wie folgt aus:`
`3`	`3`
`4`	`4`	`![Benutzeroberflaeche](./Benutzeroberflaeche.png)`