Diplom- und Abschlussarbeiten (2018/19)

Neugestaltung des Internetauftritts für eine Reparaturwerkstatt

Projektleiter

Noah Kreiser (PL)

Noah Kreiser unterstützt bezüglich Datenbank und Design, fokussiert sich aber hauptsächlich auf das Projektmanagement und die Dokumentation des Projektes. Bei der Dokumentation werden die Informationen auch über die Projektteammitglieder eingeholt.

Mitarbeiter

Ethem Karaca (PTM)

Ethem Karaca erstellt die GUI und arbeitet auch bei der Implementierung der Datenbank mit.

Bünyamin Özkaya (PTM)

Bünyamin Özkaya übernimmt die Bearbeitung der Datenbank und hilft bei der Erstellung der GUI mit.

Zielsetzung

Ziele / Wünsche von CarTech (CT): * Die Firma CT möchte eine Website, bei der die Mitarbeiter über ihre Smartphones Informationen posten können. Diese Informationen beinhalten Texte, Fotos und Videos bezüglich Equipment, Ausstattung, freie Termine und Kontaktdaten. * Das CT-Team soll Feedback vom Kunden erhalten können. * CT möchte, dass die Terminbuchung telefonisch erfolgt - nicht online.

Problemstellung

Die Firma Car Tech vermietet und repariert Autos. Die derzeit bestehende Infowebseite der Firma wird im Rahmen der Diplomarbeit um dynamische Elemente erweitert und grafisch neu gestaltet.

Ergebnisse

Folgende Ziele wurden erfüllt:* Login für Mitarbeiter erstellt* Übersicht über freie Termine für Mietwagen und Reparatur erarbeitet* Funktion für Text-, Foto- und Videoupload zur Verfügung gestellt* Responsive Design* Bewertungssystem ist vorhanden* Website-Design aufgewertet* Keine direkte Terminbuchung per Kalenderübersicht des Kunden möglich* CarTech-Webshop implementiert (Ziel erst später von CarTech bekanntgegeben)

Prototype

Auf dem Bild ist der oberste Teil der Startseite zu sehen.

Startseite

Technologien

ItelliJ IDEA

IntelliJ IDEA wurde für die Entwicklung des Back-Ends verwendet.

Notepad++

Notepad++ wurde für Designveränderungen benutzt.

PHP

Die Programmierung der Datenbank wurde mit PHP umgesetzt.

MySQL

Als Datenbank für die Kunden- sowie Kontaktdaten wurde eine MySQL-Datenbank eingerichtet.

HTML

HTML ist die Programmiersprache die zur Erstellung der Website verwendet wurde.

CSS

CSS ist die Programmiersprache mit der der Stil der Website gestaltet wurde.

Bootstrap

Bootstrap diente als Hilfstechnologie für die Anpassung der Tabellen in der Kalenderübersicht. Durch das Grid-System wird der Inhalt automatisch responsive.

MAMP

MAMP diente als Localhost Server. Auf diesem wurde WordPress installiert und eine Testwebseite erstellt.

WhatApp (Web) wurde als Kommunikationstool für raschen Informationsaustausch verwendet.

Microsoft Teams

Die schriftliche Kommunikation, die Dokumentation und der Datenaustausch fand in Microsoft Teams statt.

Google Chrome

Als Standardbrowser wurde Google Chrome verwendet.

WordPress

Für die Optimierung der Funktionalität der Website wurde als Plugin-Tool installiert.