Diplom- und Abschlussarbeiten 2018/19
Konzeptionierung und Entwicklung einer auf Angular 6 basierenden Homepage sowie eines Onlineshops mit Cross-Selling-Funktion
Projektleiter
Julian Drexler
Julian Drexler ist der Projektleiter und somit für die Planung des Projektes und für das Shop-Backend zuständig.
Mitarbeiter
Oliver Benz
Oliver Benz ist als Schriftführer für die Betreuung der Dokumente und die Frontend Entwicklung des Shops mit Angular 6 zuständig.
Philipp Schöch
Philipp Schöch ist für die Umsetzung der Homepage mit Angular 6 und einem “headless” CMS zuständig.
Zielsetzung
Es soll eine benutzerfreundliche, moderne Homepage auf Basis von Angular 6 und einem “headless” CMS erstellt werden. Außerdem ist ein moderner Onlineshop mit Cross-Selling-Funktion, Kundenkonten und verschiedenen Produktklassen gefordert. Dieser wird ebenso mit Angular 6 und zusätzlich Shopware verwirklicht.
Problemstellung
Das Start-Up-Unternehmen Multivative besitzt eine rein funktionelle Wordpress-Seite ohne Online-Shop. Daher benötigen sie eine neue, moderne Homepage und einen Online-Shop.
Ergebnisse
Fertigstellung der Präsentationswebseite und Erarbeitung eines Online-Shops
Prototype
News-Bereich auf der Präsentationsseite.
Startseite Homepage
Technologien
Angular 6
Das Typescript-Framework wird zur Entwicklung aller Frontend-Applikationen verwendet. Angular basiert auf, und benötigt, Bibliotheken, die als NPM Pakete verfügbar sind. Deshalb muss, bevor es verwendet werden kann, NPM und NodeJS installiert werden. Gearbeitet wird hier mit dem Angular Command Line Interface (CLI), welches das Erstellen, Verwalten und Kontrollieren von Angular-Projekten über die Konsole ermöglicht.
Directus
Directus ist ein Open-Source Headless Datenverwaltungssystem, kurz CMS. Es findet Verwendung in der Erstellung und Bearbeitung von Inhalten wie Texten, Überschriften und Bildern über die Directus Webapplikation. Das Headless CMS Directus unterscheidet sich zu anderen CMS-Alternativen dadurch, dass es prinzipiell nicht mehr als eine komfortable Schnittstelle zur Datenbank ist und die Frontend-Entwicklung frei umgesetzt werden kann. Verwendet wird Directus für die Umsetzung der Präsensationswebseite.
Shopware 5
Shopware ist ein aus Deutschland stammendes modulares Shop-System. Die verwendeten Technologien und daraus resultierende Systemanforderungen für Shopware sind PHP 5.6.+ und MySQL. Von den vier verfügbaren Shopware Versionen ist nur eine Open-Source und nicht kostenpflichtig. Deshalb wurde bei der Umsetzung des Auftrages die Community Version verwendet. Shopware wird für das Backend der Shop Seite eingesetzt.
NodeJS
Basierend auf Googles V8 JavaScript und WebAssembly Engine ist NodeJS eine serverseitige Laufzeitumgebung für das Ausführen von JavaScript Applikationen. Da Angular 6 auf einigen Bibliotheken basiert, die über den Node Package Manager (NPM) verfügbar sind, muss für die Entwicklung dessen ebenso NodeJS installiert werden.