Dieses Repository beinhaltet die Abschlussarbeit aus dem Modul Web Technologien aus dem Frühlingssemester 2020 an der HSLU.
Diese Arbeit wurde an einer anderen Form von MEP vorgezogen. Für eine genaue Erklärung lesen Sie bitte die Aufgabenstellung (siehe Verzeichnisstruktur).
Ich habe mich für den Zinses Zins Rechner entschieden.
Erklärung was Zins ist und wie Rechner funktioniert! (z.B. 30 Tage/Monat, 360Tage/Jahr, 12 Einzahlungen, etc.)
- Name --> input type=text
- Kapital --> input type=number (muss weniger als billiarden Bereich sein)
- Währung --> Radiobutton/Dropdown
- Monatliche Zahlung --> input type=number
- Zinssatz
Beim Canvas Element habe ich ein Dollar Zeichen gezeichnet.
Die Zusatzfunktion besteht aus einem Währungsumrechner. Die Umrechnungswerte werden in der DB gespeichert.
Der Name wird in einem Cookie abgespeichert und beim erneuten aufrufen der Seite gleich erfasst.
Die Struktur wurde aus der Aufgabenstellung übernommen.
Der Hauptordner trägt den Namen des Erstellers. Dieser wurde zum Bewerten abgegeben.
Der Ordner "doc" beinhaltet die Aufgabenstellung, sowie allfällige Dokumentation, welche während der Bearbeitung entstehen könnte.
Die Aufgabenstellung wurde am 11.05.2020 veröffentlicht.
Der Abgabetermin war am 26.06.2020 um 23:59 Uhr.
Damit beläuft sich die verfügbare Zeit auf ca. 7 Wochen.
Die Aufgabe muss in der Freizeit bearbeitet werden.
Das Projekt wurde mit/für Xampp erstellt. Es ist empfohlen, die Seite auch damit zu verwenden. Andere Tools wurden nicht getestet!
Starten Sie XAMPP.
Klicken Sie auf "Config" beim "Apache"-Module.
Wählen Sie "Apache (httpd.conf)" aus.
Fügen Sie einen ALIAS Eintrag hinzu:
Alias /webtech "C:/WebTechAbschlussarbeit/WEBT_FS20_KRAEMER_YANNIS/"
Speichern Sie die Datei.
Starten Sie Apache mit einem Klick auf "Start".
Starten Sie MySQL mit einem Klick auf "Start".
Öffnen Sie phpMyAdmin (MySQL) im Browser mit dieser URL:
http://localhost/phpmyadmin/sql.php
Klicken Sie links in der Seitenleiste auf "Neu".
Klicken Sie oben im Menu auf "SQL".
Kopieren Sie den vollständigen Inhalt aus schema.sql in den Editor.
Klicken Sie unten rechts auf "Ok".
Sie sollten eine Bestätigung bekommen, dass alles ausgeführt werden konnte. Sie haben nun erfolgreich die Datenbank mit Daten angelegt.
Öffnen Sie nun die Webseite über:
http://localhost/webtech/
Ich habe mich entschieden Git als Versionskontrolle zu verwenden. Git wurde anderen Tools gegenüber vorgezogen, da ich bereits viel Erfahrung damit habe und es sehr etabliert ist.
Warum eine Versionskontrolle verwendet werden sollte, können Sie hier nachlesen.
In diesem Projekt werden grundsätzlich keine Branches verwendet, da es nur einen einmaligen Release gibt, wobei keine nachträglichen Versionen möglich sind. Der zusätzliche Aufwand macht für mich hier keinen Sinn.
Folgende Technologien wurden für dieses Projekt verwendet:
- JavaScript
- CSS
- HTML5
- PHP
Auf zusätzliche Libraries wurde möglichst verzichtet, da diese nicht erlaubt waren (siehe Aufgabenstellung) und das Projekt nur unnötig kompliziert machen würden.
DB = Datenbank
MEP = Modulendprüfung
HTML = Hypertext Markup Language
z.B. = zum Beispiel