Diplom- und Abschlussarbeiten (2021/22)

Programmierung einer Webseite zur Anleitung der täglichen Fitnessübungen



Projektleiter

Foto Jakob Ciftcioglu

Jakob Ciftcioglu erstellt die Projekt Unterlagen und übernimmt die Projektplanung. Zudem programmiert er die Trainings Übungen mit HTML und wird die Datenbank in PhpMyAdmin erstellen. Auch wird er in der Erstellung der Authentifikation beteiligt sein.

Mitarbeiter

Foto Berkay Gündogdu

Berkay Gündogdu entwickelt auf der Basis von HTML, das Programm für die Stoppuhr und für die Startseite. Zusätzlich kreiert er die notwendigen Grafiken und erstellt Fotos für die Trainingseinheiten. Auch wird er in der Erstellung der Authentifikation beteiligt sein.


Zielsetzung

Die Webseite verfügt über verschiedene Trainingseinheiten für den ganzen Körper, Aufwärmübungen und Ausdauer Einheiten. Diese werden mit Bildern veranschaulicht. Zudem kann man die Zeit mit einer Stoppuhr stoppen. Auch kann man sich über ein Registrationsfenster einen eigenen Account erstellen und sich anschließend damit anmelden, um zugriff auf die Webseite zu bekommen. Die Webseite wird lokal zur Verfügung gestellt.

Problemstellung

Es soll eine Website für die Unterstützung des täglichen Sports entstehen, welche die regelmäßige Trainings-Routine um vieles vereinfacht. Sie soll den Anwendern eine Reihe verschiedener Trainingseinheiten für den ganzen Körper zur Verfügung stellen. Diese kann als Unterstützung für das Training im Fitnessstudio, oder auch beim Heimtraining angewendet werden. 

Ergebnisse

Bei Aufruf der Webseite wird eine Körperabbildung mit verschiedenen Muskelgruppen hervorgehoben, die zur Auswahl stehen. Nach Auswahl einer Muskelgruppe gelangt man auf eine zugehörige Übung. Durch eine Grafik mit Hinweisen zur Übung wird dem Benutzer eine Trainingseinheit angeboten. Bei einzelnen Übungen steht eine Stoppuhr zur Verfügung, mit der man die Dauer der Übungseinheit messen kann.

Prototype

Am Anhang befindet sich die Startseite der Webseite mit allen Features

Startseite Fitweb

Technologien

Bootstrap

Für die Programmierung wird Adobe Dreamweaver verwendet. Die Projektplanung und Dokumentation werden mit Microsoft Office erstellt. Als Datenbank und für die Benutzer Authentifikation wird MySQL eingesetzt. Für die Erstellung der Grafiken wird Adobe Illustrator und für die Fotonachbearbeitung Adobe Photoshop verwendet.