Diplom- und Abschlussarbeiten (2017/18)

Webapplikation mit Bestellsystem und Reservierungssystem

Projektleiter

Hakan Emik

Hakan Emik war als Projektleiter für das Projektmanagement und der Aufgabenverteilung zuständig, weil er zuvor schon bei mehreren Projekten im Unterricht die Projektleitung übernahm und somit schon einiges an Erfahrung hat. Neben der Rolle als Projektleiter bekam er einige Teilaufgaben der Front-End-Programmierung, da er bereits Kenntnisse im Bereich der Bootstrap und JavaScript Programmierung besitzt. Herr Emik stand auch direkt mit dem Projektauftraggeber im Kontakt.

Mitarbeiter

Anil Celik

Anil Celiks Themenschwerpunkt lag in der Front-End- Programmierung, er war für die Implementierung des Designs und der grafischen Oberfläche zuständig. Außerdem übernahm er die Teilaufgabe, die verschiedenen Technologien gemeinsam mit dem Projektleiter zu evaluieren. Auch programmierte er die Benachrichtigung von Bestellungs- und Reservierungseingängen.

Metin Gökcen

Metin Gökcen arbeitete in allen Teilen des Projektes mit. Er war am Beginn für die Instandhaltung der Projektpläne zuständig und setzte später Teilaufgaben der Back-End-Programmierung um. Der Hauptfokus lag bei Herr Gökcen gegen Ende des Projekts auf der Umsetzung der Anmeldefunktion für die Kundschaft.

Dervis Yeniavci

Dervis Yeniavci war hauptsächlich für die Back-End-Programmierung zuständig. Er konzeptionierte und setzte die Datenbank um. Außerdem war er für die Sicherheitsaspekte der Webseite verantwortlich.

Zielsetzung

Ziel des Projekts war die Erstellung einer Webanwendung, mit der es möglich ist sowohl über den Browser, als auch von einem „Smart Gerät“ über eine webbasierende Applikation schnell und einfach Essen zu bestellen. Der Kundschaft soll auch ermöglicht werden, möglichst einfach eine Reservierung über die Webseite für Tische machen.

Problemstellung

Über Drittanbieter können Restaurants wie Gart Bistro den Kunden die Möglichkeit anbieten online zu bestellen. Sie haben mithilfe eines Online-Bestellsystems eine bessere Übersicht der Bestellungen. Dennoch gibt es einen Nachteil, wenn sie die Bestellungen über Drittanbieter zur Verfügung stellen. Sie haben keinen direkten Kontakt mit dem Kunden und müssen Gebühren an den Drittanbieter für den Service zahlen.

Ergebnisse

Die folgenden Ziele wurden erfüllt:- Eine komplett neue Webseite mit anspruchsvollem Design- Kundinnen und Kunden müssen sich zuerst registrieren, bevor sie bestellen oder reservieren können.- Die Webseite beinhaltet ein Bestellsystem.- Tische können fünf Tage im Voraus reserviert werden.

Prototype

Auf dem Bild zusehen ist die Bestellseite und der Hauptpunkt unseres Projekts. Hier können Speisen in den Warenkorb hinzugefügt werden, in dem man auf das Pluszeichen neben der Speisebezeichnung klickt. Der Warenkorb, welches sich rechts oben befindet, zeigt alle Speisen und deren Preis an, die hinzugefügt wurden. Links sind die Speisen in Kategorien geordnet, für die leichtere Navigation. Wird der "Bezahlen" Button gedrückt bzw. geklickt, kann die Kundschaft die Zahlungsmethode auswählen. Oben befindet sich die Navigation der Seite.

gartbistro.at - Bestellseite

Technologien

GitHub

GitHub ist eine Software, die für die Versionsverwaltung verwendet wird. GitHub wurde benutzt, um alle Dateien online zu sichern und die Änderungen festzuhalten.

Bootstrap

Bootstrap ist ein freies CSS-Framework, welches Designvorlagen für Formulare, Buttons, Tabellen und weiteren Elementen zur Verfügung stellt. Bootstrap wurde als Grundlage des Webdesigns verwendet.

Brackets

Brackets ist ein beim codieren hilfreicher Texteditor und wurde bei der Entwicklung von der Webseite verwendet.

Google Chrome

Google Chrome ist ein kostenloser Webrowser von Google. Mit diesem Browser wurde die Webapplikation getestet.

CSS3

CSS ist eine textbasierte grundlegende Sprache und wird für die Gestaltung der HTML Dokumente verwendet. Sie wurde zusammen mit Bootstrap verwendet, und definiert wie die HTML Dokumente im Webbrowser dargestellt werden sollen.

Microsoft Excel

Microsoft Excel ist ein Tabellenkalkulationsprogramm. Der Projektterminplan und die Zeitaufzeichnung der Projektteammitglieder wurden mit Microsoft Excel erstellt.

HTML5

HTML ist eine textbasierte grundlegende Sprache für die Entwicklung der Struktur einer Webseite. HTML wurde für die Entwicklung der Struktur für alle einzelnen Webseiten benutzt.

Mozilla Firefox

Mozilla Firefox ist ein kostenloser Webbrowser. Mit diesem Browser wurde die Webapplikation getestet.

MySQL

MySQL Workbench wurde verwendet, um die Datenbank zu realisieren und zu testen bis man den MySQL-Code in phpMyAdmin übertragen hat.

node.js

Node.js ist eine JavaScript Runtime, die auf der V8-JavaScript-Engine von Chrome basiert. Diese Runtime wurde beim Realisieren des REST-Services verwendet.

Adobe Photoshop

Adobe Photoshop ist ein Bildbearbeitungsprogramm, das zur Erstellung der Mockups bzw. Entwürfe verwendet wurde.

Microsoft PowerPoint

Microsoft PowerPoint ist ein Präsentationsprogramm und wurde für die Erstellung der Zwischenpräsentation und Abschlusspräsentation der Diplomarbeit verwendet.

Telegram ist ein kostenloser Sofortnachrichtendienst, welcher für die Kommunikation innerhalb des Projektteams verwendet wurde. Über Telegram wurden diverse Projektdateien, Projektprotokolle oder anderweitige projektrelevante Nachrichten versendet.

Visual Paradigm

Visiual Paradigm ist eine Software, die zur Erstellung von UML Diagrammen diente.

Microsoft Word

Microsoft Word ist ein Textverarbeitungsprogramm. Das Programm wurde benutzt um die Projektpläne zu erstellen und die Diplomarbeit zu schreiben.

XAMPP

Durch das XAMPP Control Panel kann man in MySQL Workbench arbeiten, in dem Man einen virtuellen MySQL Server einstellt.