In this class we covered basic programming elements such as variables, loops, conditions and classic algorithms. As well we covered complexity, prioritization and framing which is especially important in a creative and innovative context. To give first semester students space to learn the basic elements of coding, UI-Design is not the focus of this class, however students can customize the UI-Design as a bonus feature.
Für unser finales Semesterprojekt sollten wir ein Quiz mit JavaScript, CSS und HTML erstellen.
Thema
In diesem Quiz kann man sein Wissen über Astronomie testen.
Aus mehreren Fragen werden in zufällig ausgewählter Reihenfolge fünf Fragen gestellt. Es stehen immer drei Antworten zur Verfügung, von denen nur eine ausgewählt werden kann.
Spielablauf
Zu Beginn wird in das Thema eingeleitet und die Spielregeln erklärt. Für jede Frage läuft ein 15 Sekunden Timer an. Hat man die Frage innerhalb der 15 Sekunden richtig beantwortet erhält man einen Punkt, während man bei falscher Antwort oder abgelaufener Zeit keinen Punkt bekommt.
Nach dem Beantworten der Frage wird die richtige Antwort markiert.
Nachdem alle 5 Fragen durchgespielt wurden erhält man seinen Score, welchen man mit Eingabe seines Namens zur High Scores Liste hinzufügen kann. Erst, wenn man seinen eigenen Score hinzugefügt hat kann man auch die Scores anderer Spieler sehen.
Challenges
Da dieses Quiz zu meinen ersten Programmier-Projekten gehört, habe ich mir verschiedene Videos angesehen und Websites durchgelesen, was mir dabei geholfen hat, den Aufbau eines Quiz zu verstehen.
Zu den größten Challenges gehörte das Hinzufügen des Scores sowie der High Score Liste.
Eine weitere Herausforderung war die Recherche nach Lösungsmöglichkeiten, Einzelteile im Code richtig aufzubauen und die Ergebnisse verschiedener Quellen zusammen zum Laufen zu bringen.
Quiz spielen - Empfehlung: Firefox verwenden
Die aktuelle Version des Quiz läuft am Besten in Firefox.
Kommentare
Sarah
Sigrid