Entwicklungsbranch
| Datum | Aufgaben |
|---|---|
| 23.07.12 | Projekt-Infrastruktur & Planung |
| 23.07.13 | Planung: Design, Flow |
| 23.07.14 | Planung: Klassen & Funktionen |
| 23.07.17 Montag | Spieleinstellungen Seite fertig erstellt |
| 23.07.18 | Neue Organisationsstruktur erstellt da nur noch zu zweit |
| 23.07.19 | Prototyp steht |
| 23.07.20 | Video aufnehmen, Vorbereitung Präsentation |
| 23.07.21 | Präsentation ab 9:00 Uhr |
Informationen zum Spiel:
Die Webseite besteht hauptsächlich aus HTML, CSS und JavaScript. Hier ist eine kurze Zusammenfassung des Aufbaus und der Funktionsweise der Webseite:
HTML (HyperText Markup Language): Dies ist die Struktur der Webseite. Es besteht aus verschiedenen Elementen wie div, h2, button, usw. die den Inhalt der Webseite strukturieren. Im HTML-Teil der Seite haben wir Platzhalter für die Fragen, Antworten, Feedback und den Timer eingerichtet.
CSS (Cascading Style Sheets): Dies ist das Styling der Webseite. Mit CSS können wir die Webseite ansprechender gestalten, indem wir Farben, Schriftarten, Abstände und andere Designelemente definieren. In unserem Fall haben wir CSS verwendet, um das allgemeine Aussehen des Quiz-Spiels zu gestalten, einschließlich des Stils des "Wiederholen"-Buttons und seiner Positionierung.
JavaScript: Dies ist das "Gehirn" der Webseite. Es steuert das Verhalten der Webseite, wie das Quiz-Spiel funktioniert. Es definiert die Logik des Spiels, einschließlich der Funktionalität für das Starten des Spiels, das Prüfen der Antworten, das Laden der nächsten Frage, das Beenden des Spiels und das Starten des Spiels neu.
Konkret haben wir im JavaScript-Teil der Webseite mehrere Funktionen und Objekte definiert, die das Quiz-Spiel kontrollieren. Wir haben ein Quiz-Objekt erstellt, das die Fragen, den Punktestand, den Index der aktuellen Frage, den Spielernamen und den Timer enthält. Dieses Quiz-Objekt hat mehrere Methoden wie pruefeAntwort, naechsteFrage, zeigeFrage, zeigeFeedback und quizBeenden, die die Spiellogik kontrollieren.
Wir haben auch ein Timer-Objekt, das für die Zeitsteuerung des Spiels verantwortlich ist. Es hat Methoden zum Starten und Stoppen des Timers.
Zusammen ermöglichen diese Elemente - HTML für die Struktur, CSS für das Design und JavaScript für die Funktionalität - die Erstellung unserer interaktiven Quiz-Webseite.