Diplom- und Abschlussarbeiten (2018/19)

Learning Tiger - Nachhilfeplattform für SchülerInnen

Projektleiter

Dereh Gina

Gina Dereh diente als Projektleiterin für das Projekt. Sie war für das Projektmanagement und die Organisation des Projekts verantwortlich. Weitere Aufgabenbereiche waren die Umsetzung der Datenbank und dessen Implementierung.

Mitarbeiter

Wohlwend Florina

Florina Wohlwend war Projektmitarbeiterin bei Learning Tiger. Ihr Aufgabenschwerpunkt war die Gestaltung und Implementierung des Front-Ends. Sie war außerdem für die Dokumentation, das Design und für die Tests verantwortlich.

Marent Melanie

Melanie Marent war Projektmitarbeiterin bei Learning Tiger. Ihr Aufgabenschwerpunkt war es den Algorithmus zu erstellen und in das System zu implementieren. Auch war es ihre Aufgabe die Verbindung zwischen Frontend und Backend herzustellen.

Zielsetzung

Das Ziel ist es eine funktionsfähige Webseite zu programmieren die mithilfe eines Algorithmus die Daten des Nachhilfeschülers so auswertet, dass eine Liste der geeignetsten Nachhilfelehrer erstellt wird. Weitere Funktionen sind das Bewerten des Lehrers und die Berechnung der Distanz zwischen Schüler und Lehrer.

Problemstellung

Ziel ist es eine neuartige Vermittlungsplattform für NachhilfelehrerInnen zu erstellen. Es gibt momentan keine Nachhilfewebseite bei welcher das Matchen von NachhilfelehrerInnen und SchülerInnen automatisch erfolgt. Unser Programm sortiert Ergebnisse nach dem Zweig, der Lehrperson des Fachs, des Jahrgangs, der Distanz und nach den Bewertungen des/der NachhilfelehrerIn.

Ergebnisse

Das Frontend sowie das Backend sind fertig und wurden getestet. Die Verbindung sowie der Algorithmus müssen noch in das System implementiert und getestet werden.

Prototype

Homescreen wenn die Webseite aufgerufen wird

Homescreen

Technologien

GraphQL

GraphQL ist eine Programmiersprache um Daten einer Datenbank abzufragen. Entwickelt wurde sie von Facebook. Es handelt sich dabei um eine effizientere Alternative zum REST-Service, da die zu ausgebenden Daten gefiltert werden können.

React.js

React ist ein Javascript Framework für die Erstellung von modernen Webanwendungen.

Materialize.css

Materialize CSS ist ein CSS Framework. Es basiert auf dem Designprinzip „Material Design“ von Google und ist Open-Source.

YAML

YAML ist eine maschinenlesbare Sprache und stellt eine Alternative zu XML dar. Die Sprache wird im Projekt für das definieren von Zweigen verwendet.

Prisma

Prisma ist ein OR-Mapper und lässt die Datenbank zu einer GraphQL API werden. Alle Daten, die in den verschiedenen Tabellen abgespeichert werden, werden durch diese API aufgerufen. Auch bietet Prisma die Möglichkeit an, eine Datenbank von sich aus zu erstellen.

JavaScript

Javascript ist eine Scriptsprache für mehr Anwendungsmöglichkeiten in der Webentwicklung. Es wird in der Verbindung mit HTML und CSS verwendet.

Zeit.co

Die Plattform Zeit.co ist ein Anbieter für das serverlose Webhosting von Webseiten. Mit ihrer Applikation „Now“ kann man per Drag-and-Drop Webseiten ohne Codeänderungen hosten.

HTML

Mit der Hypertext Markup Language werden Webseiten aufgebaut und strukturiert. Bei HTML liegt der Hauptfokus auf dem Inhalt, das Design wird mit CSS gestaltet.

CSS

Die Stylesheet Sprache / Formatierungssprache CSS (Cascading Style Sheets) wird verwendet, um Elemente auf einer Webseite zu gestalten. Das Ziel von CSS ist es, die Elementgestaltung von HTML zu trennen.