Abschlussprojekte

Auf dieser Seite finden Sie Inspirationen für Abschlussprojekte.

Beispiele aus vorherigen Veranstaltungen

Mögliche Themenbereiche

Hier werden ein paar Kategorien von Projektideen beschrieben, die genutzt werden können, um eine Idee für die konkrete Umsetzung des Projektes zu erarbeiten. Im besten Fall gibt es bisher keine Umsetzung Ihrer Projektidee in Elm. Noch besser ist es, wenn Ihre Idee eine innovative Komponente hat, das heißt, es gibt bisher nicht nur keine Umsetzung in Elm sondern auch keine Umsetzung in einer anderen Sprache. Sie können das Projekt zum Beispiel nutzen, um einen Prototyp für eine Geschäftsidee zu entwickeln, die Sie schon immer einmal realisieren wollten. Oder Sie können das Projekt nutzen, um eine Kombination von Spielmechaniken zu testen, die es so noch in keinen Spiel gibt. Oder Sie können das Projekt nutzen, um ein kleines Werkzeug zu entwickeln, das Ihnen das tägliche Leben vereinfacht.

Offene Datenquellen

Es gibt viele offene Datenquellen, etwa von staatlichen Stellen (Bundesstelle für Open Data, Open Data Schleswig-Holstein, Das Datenportal für Deutschland, Offenes Datenportal der EU, Das Datenportal der Deutschen Bahn AG) aus der Wissenschaft (Deutscher Wetterdienst), Kultur (Coding da Vinci) oder von Organisationen (Open Food Facts). Das GitHub-Repo Public APIs listet weitere öffentlich zugängliche APIs zu verschiedensten Themen auf. Als aktuelles Beispiel für eine solche Datenquelle sei hier das Lobbyregister des Deutschen Bundestages erwähnt. Auf Grundlage dieser Datenquellen können verschiedene Formen von Anwendungen entwickelt werden.

Als allererstes können die Daten durch Diagramme und Graphiken visualisiert werden. Zum Beispiel könnte man die Daten des Lobbyregisters so aufbereiten, dass zu den verschiedenen Interessensbereichen angegeben wird, wie viel jährliche finanzielle Aufwendungen in etwa in den jeweiligen Bereich fließen. Außerdem können die vorhandenen Daten mit anderen Datenquellen verknüpft werden. Alternativ können diese offenen Daten aber auch für andere Arten von Anwendungen genutzt werden, zum Beispiel um ein Quiz umzusetzen. Als Beispiel sei hier How many European cities can you name? genannt.

Sie könnten zum Beispiel ein Quiz entwickeln, in dem man zu einem Wort raten soll, um welche Sprache es sich handelt. Oder Sie entwickeln ein Quiz, in dem man anhand der Zutaten eines Cocktails raten soll, um welchen Cocktail es sich handelt. Häufig entsteht ein Mehrwert für einen Nutzer, indem man die Daten von mehreren Web-Anwendungen, die bereits existieren, zusammenfasst. Zum Beispiel könnten Sie eine Anwendung entwickeln, die Issues von verschiedenen Plattformen anzeigt und es erlaubt, diese an einer zentralen Stelle zu verwalten. Das heißt, die Anwendung würde mit Web-Anwendungen wie GitHub, GitLab und Trello kommunizieren. Ein weiteres Beispiel wäre eine kleine Wetteranwendung, die Informationen von mehreren Wetterdiensten bezieht und diese aufbereitet. Der einfachste Ansatz wäre eine Art gewichteten Mittelwert zu bilden.

Interaktive Erklärungen

Frontend-Anwendungen eignen sich gut, um interaktiv Konzepte zu erläutern. Dabei kann es sich zum Beispiel um die Implementierung einer Verschlüsselungsmethode wie der Enigma handeln oder um Visualisierungen, etwa die Visualisierung von Sortieralgorithmen. Als Frontend-Anwendung lassen sich aber auch ganze interaktive Geschichten umsetzen, die Konzepte erläutern (siehe zum Beispiel Explorable Explanations und The Evolution of Trust: An Interactive Guide to Game Theory). Als Grundlage für die Umsetzung solcher interaktiven Erklärungen eignen sich zum Beispiel die Inhalte anderer Vorlesungen aber auch einfach persönliches Interesse.

Historisches Computerspiel

Einfache Spiele eignen sich relativ gut für eine Umsetzung als Frontend-Anwendung. Zum einen bieten einfache Spiele im Normalfall genügend Interaktion, um ausreichend Anspruch zu bieten. Zum anderen wird im besten Fall gar keine Backend-Komponente benötigt. Als Ideengeber eignen sich zum Beispiel sehr alte Spielekonsolen. Als Beispiele seien hier Pacman und Frogger genannt. Für eine innovative Komponente bei der Umsetzung eines historischen Spiels kann die Umsetzung durch eine neue technische Dimension erweitert werden (siehe etwa 3D-Tetris). Sie könnten ein historisches Spiel zum Beispiel für das Smartphone umsetzen und eine Steuerung über das Gyroskop vorsehen.

Karten- oder Brettspiel

Eine weitere Möglichkeit ist die Umsetzung eines Karten- oder Brettspiels. Um zu verhindern, dass eine künstliche Intelligenz für das Spiel oder ein Backend umgesetzt werden muss, kann das Spiel im Hot Seat-Modus implementiert werden. Das heißt, die Spieler wechseln sich beim Spielen nacheinander ab. In Zeiten der Corona-Pandemie bieten digitale Varianten von Brettspielen eine gute Alternative. Bei Brettspielen von kleineren Verlagen hat der Verlag zu Werbezwecken ggf. auch ein Interesse an der Veröffentlichung der Implementierung. Alternativ kann auch ein Brettspiel umgesetzt werden, das eine freie Lizenz hat. Ein Beispiel für eine solche Anwendung wäre etwa eine Web-Variante von Secret Hitler.

Prototyp zu einer Start-up-Idee

Im Rahmen des Abschlussprojektes kann auch ein web-basierter Prototyp für eine Start-up-Idee umgesetzt werden. Auf Basis dieses Prototyps kann die Idee später weiter verfeinert werden, zum Beispiel mit der Unterstützung der vielen Einrichtungen zur Gründungsförderung an der Hochschule. Die Förderung Kickstart im Projekt TeStUp bietet zum Beispiel eine finanzielle Unterstützung bei der Umsetzung eines Prototyps zur Erprobung einer Idee.

Konkrete Projekte

Prototyp für Raumbuchungen

Es soll ein Prototyp für ein System zur Buchung von Räumen entwickelt werden. Dieser erste Prototyp funktioniert ohne Accounts, das heißt, jeder kann einen Raum zu einer bestimmten Zeit buchen oder wieder freigeben. Wichtig ist ein übersichtliches Interface zur Buchung eines Raumes und zur Prüfung, welche Räume zu bestimmten Zeiten frei sind. Die vorhandenen Räume werden in der Anwendung hart kodiert. Es muss ein sehr einfaches Backend entwickelt werden, das speichert, ob ein Raum belegt ist. Hierzu kann zum Beispiel Supabase genutzt werden. Als erster Anwendungsfall soll es möglich sein, über dieses System die Software Factory zu buchen.

Erfassung von Wunschterminen

In diesem Projekt soll ein Frontend entwickelt werden, das genutzt werden kann, um Terminwünsche, zum Beispiel für Lehrveranstaltungen zu erfassen. Dazu bietet die Anwendung eine einfache Oberfläche, auf der Präferenzen für eine fest-kodierte Liste von Optionen vergeben werden können. Das heißt, es können drei der Optionen ausgewählt und jeweils mit einer Präferenz von 1 bis 3 versehen werden. Die gesammelten Präferenzen sollen unter einer Route, die unter einer festen zufälligen Zeichenkette erreichbar ist, als CSV-Datei heruntergeladen werden können.

Prototyp für das Matchmaking im Start-up-Bereich

In diesem Projekt soll eine einfache Suche/Biete-Plattform umgesetzt werden. Die Plattform soll speziell auf Start-ups zugeschnitten sein. Zum Beispiel suchen Gründer*innen häufig Mitglieder mit einer ergänzenden Expertise. Außerdem gibt es Personen, die vielleicht eine Gründungsidee oder sogar einen Prototyp zur Verfügung haben, aber gar kein Interesse, selbst etwas zu gründen. Es soll eine einfache Plattform entwickelt werden, auf der solche Angebote und Gesuche platziert werden können.

Technische Aspekte

In diesem Abschnitt werden ein paar eher technische Aspekte der Abschlussprojekte diskutiert, die berücksichtigt werden sollten.

Backend

Falls Ihre Idee nicht auf ein Backend verzichten kann, können Sie einen Dienst wie Supabase nutzen. Dort definieren Sie ein Datenbankschema und die Anwendung stellt Ihnen eine REST-API zur Verfügung, mit der Sie die Daten in der Datenbank abrufen und manipulieren können. Auf diese Weise können Sie relativ schnell und ohne Entwicklungsarbeit ein Datenbackend implementieren.

Umsetzung eines Spiels

Bei der Umsetzung eines Spiels sind einige weitere Aspekte zu berücksichtigen, von denen einige hier erwähnt werden sollen. Zuerst sollte man sich Gedanken darüber machen, welche Technologie zur Darstellung genutzt wird. Im Wesentlichen gäbe es da die Wahl zwischen SVG, Canvas und WebGL. Diese Ansätze haben verschiedene Vor- und Nachteile, die universell, also zum Beispiel auch in JavaScript, gültig sind. Unter elm games finden sich einige in Elm implementierte Spiele. Dort können Sie sich zum Beispiel anschauen, welche Technologien/Bibliotheken von ähnlichen Spielen verwendet werden.

Für die Implementierung der Snake-Anwendung wurde ein Timer verwendet. Dieser eignet sich aber nicht mehr, wenn das Spiel eine höhere Aktualisierungsrate hat. In diesen Fällen sollten eher onAnimationFrame bzw. onAnimationFrameDelta (Browser.Events) genutzt werden. Hier wird die Aktualisierung mit dem Neuzeichnen des Browserfensters synchronisiert. Weitere Hintergrundinformationen findet man, wenn man nach der entsprechenden JavaScript-Funktion requestAnimationFrame sucht.