Entwurf

In diesem Abschnitt sind die getroffenen Entwurfsentscheidungen und die Strukturen beschrieben, mit denen die Anforderungen an die App umgesetzt sind.

Entwurfsentscheidungen

Frontend

Das Frontend stellt die Nutzeroberfläche dar und ist für die Interaktion zwischen Nutzenden und educast.nrw verantwortlich. Dies umfasst die Wiedergabe auf einem Endgerät in visualisierter Darstellungsweise.

Um diese Anforderungen zu erfüllen wird ein Framework benötigt, das Komponenten visualisiert darstellen kann und Informationen vom Backend einbindet. Zudem ist wichtig, dass der begrenzte zeitliche Rahmen und das Niveau der Projektgruppe berücksichtig wird. Außerdem soll den Studierenden ein Zugriff über mehrere Plattformen auf die App gewährleistet werden.

Die Wahl ist nicht einfach da es viele verschiedene Anbieter mit Vor- und Nachteilen gibt. Letztlich ist die Entscheidung auf Flutter gefallen. Flutter ist ein Open Source Framework von Google, das nativ kompilierte Cross-Plattform-Entwicklung ermöglicht. Der Gruppe ist Flutter vorher bereits geläufig gewesen und zudem schnell und einfach zu erlernen. Zusätzlich bietet Flutter die Möglichkeit mit einer Codebasis mehrere Plattformen zu erreichen, sodass keine seperate Entwicklung von iOS- und Android-App notwendig ist.

Flutter konnte mit vielen weiteren Features helfen und zur schnellen Entwicklung der Nutzeroberfläche beitragen.

Backend

Die Aufgabe des Backends ist das Bereitstellen von Daten, die im Frontend gebraucht werden. Hierbei geht es um die Abfrage von verfügbaren Serien, Videos, Metadaten sowie das Verwalten von Abonnements.

Um diese Aufgabe vollumfänglich zu erfüllen, ist das Entwickeln einer REST-API nötig, mit der das Frontend Daten mittels HTTP-Requests anfordern kann. Für die Entwicklung unserer REST-API haben wir ein Python-Programm mit dem Webframework Flask entwickelt.

Mit einem knappen zeitlichen Rahmen und einem kleinen Team, war bei der Auswahl, der für das Backend verwendeten Programmiersprache, vor allem wichtig, dass wir schnell eine funktionierende Anwendung entwickeln können. Da wir zum Teil schon erfahren in der Verwendung von Python waren und die Sprache außerdem eine im Vergleich sehr leicht zu erlernende Programmiersprache ist, war sie die beste Wahl für uns.

Auch bei der Wahl des Webframeworks legten wir dieses Maß an und entschieden uns für Flask. Flask ist ein light-weight Framework, das relativ minimal ist, sodass schon mit wenig Code ein funktionierender Webserver erstellt werden kann.

Struktur

Das Backend stellt die Daten für das Frontend bereit. App spezifische Daten, wie z.B. die abonnierten Vorlesungen der Studierenden sind in der Datenbank von dem Backend gespeichert. Diese werden vom Backend aufbereitet und über die REST-API Endpunkte bereitgestellt.

Die Vorlesungsvideos und die zugehörigen Metadaten hat jede Hochschule auf ihrer educast-Instanz gespeichert. Jede Hochschule, die den educast-Dienst nutzt und folglich so eine Instanz betreibt, kann die App somit nutzen. Das Backend der App benötigt dann die Berechtigung um API-Anfragen an den educast-Server senden zu können (siehe Setup). Diese Informationen werden dann vom Backend für die App spezifisch aufbereitet und mittels der API-Endpunkte des Backends für das Frontend bereitgestellt. In der folgenden Grafik ist diese Struktur veranschaulicht.

Serverstruktur

API

Die API-Endpunkte des Backends sind hier als Swagger Dokumentation zu finden. Es können auch Testanfragen mit dem Testuser und Stable Opencast als Datenquelle, gesendet werden.

Login

Der Login der Studierenden in die App ist mittels "OpenID Connect" (OIDC) über DFN-AAI umgesetzt. Dieser Prozess wird genauer auf der Login Seite beschrieben.