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.
Unsere Aufgabe für unser Semesterprojekt war es, ein funktionierendes Quiz mit HMTL und JavaScript zu bauen und es mit CSS zu gestalten. Man sollte 3 Antwortmöglichkeiten bekommen und es sollten 5 Fragen kommen, bis das Quiz beendet ist.
Themenwahl
Ich habe mich für das Thema Design und Architektur entschieden, da ich mich persönlich sehr dafür interessiere und das Thema gut zu der Hochschule passt.
Prozess
Da ich vorher noch nie ein Quiz programmiert hatte, habe ich mir einige Videos angeschaut und in Foren nach passenden Funktionen gesucht, um mein eigenes Quiz zu erstellen. Das Quiz habe ich dann durch Wissen aus den Vorlesungen und mithilfe der Informationen aus dem Internet erstellt. Anschließend habe ich mich mit der Gestaltung der Seite Beschäftigt.
Gestaltung
Das Quiz wollte ich simpel und klar verständlich gestalten. Durch das dunkle Blau im Hintergrund, soll das Quiz angenehm zu betrachten sein. Die Farbe Lila für die Buttons habe ich aus dem Farbverlauf auf der Startseite genommen. Als Schriftfarbe wurde ein sehr helles Grau verwendet, um einen guten Kontrast zu bekommen. Wenn man alle fünf Fragen richtig beantwortet hat, erscheint ein Konfetti Effekt, den ich aus einem freien Github Repository eingebunden habe.
Hinterlasse einen Kommentar