Spieleentwicklung auf Website

Einleitung

Die vorliegende Diplomarbeit befasst sich mit der Problemstellung der Programmierung von Videospielen, eine Website, ein Backend und diese miteinander zu verbinden. Während dieser Programmierung werden die entsprechenden verwendeten Methoden und Programmcodes dokumentiert. 

Endergebnis

Als Endresultat erhielt ich eine laufende HTML Website, die innerhalb von maximal fünf Sekunden Ladezeit geladen wird, einen strukturierten Aufbau und ein einfaches Design besitzt. Drei Videospielen, die fehlerfrei spielbar sind und mit der Programmiersprache JavaScript programmiert wurden. Ein Backend, das mittels Node JS und dem Hauptmodul Express gestartet werden kann, sowie eine ausführliche Dokumentation der Diplomarbeit.

Das Backend beinhaltet die Verbindung zu der Datenbank MongoDB und die Funktionen für das Aufstarten des lokalen Servers, die Kontaktaufnahme, die Anmeldung und das Log-in des Benutzers. In der MongoDB Datenbank werden die Anmeldedaten der registrierten Benutzer gespeichert und sobald diese sich einloggen möchten, abgerufen. Nach erfolgreichem Log-in werden die Benutzer in einen Mitgliedsbereich umgeleitet.

Einblick in die Website

/

Weg zum Ziel

Die definierten Meilensteine plante ich in der Projektablaufplanung. Diese definieren "Hauptkomponenten" der kompletten Diplomarbeit. Dadurch wird als Beispiel die Programmierung von Node JS mit dem Modul Express zum Starten des lokalen Servers als Meilenstein definiert.

Problemstellungen

Ich traf auf einige Problemstellungen, die einen grösser als die anderen. Als Beispiel machte ich Schreibfehler in den Funktionen und versuchte diese aufzurufen. Durch diese Schreibfehler funktionierten die Funktionen nicht, dadurch ging wertvolle Zeit verloren. Weitere Problemstellungen wurden in der Dokumentation klar mit dem Lösungsweg definiert. 

Lessons learnt

Applikationsentwickler/innen halten sich an einem Prinzip namens "DRY". Dies steht für "Don't repeat yourself" (wiederhole dich nicht). DRY wird verwendet, um einen "Clean Code" (sauberer Code) in der Programmierung von Anwendungen zu erhalten. Dadurch werden Wiederholungen in der Programmierung vermieden, die sich für mich als Herausforderung darstellten. Oft wiederholte ich meinen geschriebenen Code und verwendete ihn in verschiedenen Dateien.

Richtung Ende der Diplomarbeit versuchte ich, gleiche Programmcodes zu bearbeiten und diese zusammenzufügen, sodass in der Programmierung keine Wiederholungen vorkommen.

Durch Recherche stellte ich fest, dass sich das ganze Backend in meiner «app.js»-Datei befindet. Für das nächste Mal werde ich versuchen, mehrere Dateien zu verwenden, um eine bessere Übersicht zu schaffen. Zum Beispiel kann ich den Programmcode für das Aufstarten des lokalen Servers separat in einer «server.js»-Datei programmieren und die Schemas der MongoDB Datenbank in einer anderen Datei namens «schemas.js» definieren.

Wie geht es weiter?

Dieses Projekt wird erstmals so gelassen wie es ist. In Zukunft möchte ich weitere Spiele in der Website implementieren, Funktionen ausbessern und erweitern.

Die Dokumentation der kompletten Diplomarbeit steht zum Download verfügbar sowie der komplette Programmcode. Der Programmcode befindet sich auf GitHub (siehe "Programmcode GitHub).