Projekt wurde im Rahmen meiner Masterarbeit erstellt.
Dashboard: ngx-admin ngx-admin starter-kit
Charts zur Visualisierung: ngx-charts
Datentabelle: ng2-smart-table
CSV Parser: ngx-papaparse Weitere alternativer CSV Parser: NgxCsvParser
Um die Applikation auf ihrem Rechner ausführen zu können, sind folgende Programme auf ihrem Rechner vorauszusetzen: *JavaScript Laufzeit Umgebung Node.js (https://nodejs.org/de/) *Paketmanager npm (https://www.npmjs.com/package/npm) *Webserver *Browser (z. B. Chrome) *integrierte Entwicklungsumgebung (IDE) mit einem TypeScript-Compiler und einem Texteditor (z. B. Visual Studio Code)
- Laden Sie die aktuellen Dateien zur entwickelten Visualisierungslösung auf dieser GitHub-Seite herunter.
- Führen Sie die Anweisung „npm install“ in der Kommandozeile aus, um alle notwendigen Module für die Anwendung herunterzuladen.
Hinweis: Alle notwendigen Module sind in den Dateien „package.json“ und „package-lock.json“ hinterlegt. Mit dem Ausführen des Befehls „npm install“ in der Kommandozeile werden die notwendigen Module zur Ausführung der Applikation installiert.
Zum Aufruf des Entwicklungsservers und der Entwicklungsumgebung ist wie folgt vorzugehen:
- Geben Sie den Ausdruck „ng serve“ in die Kommandozeile an
- Aufruf der Applikation über folgenden Link im Browser möglich: http://localhost:4200/
- Hinweis: Werden Änderungen im Quellcode durchgeführt und gespeichert, aktualisiert sich die Applikation in ihrem Browser automatisch. Falls nicht laden Sie den Browser erneut.
Folgende Anweisung erstellt ein "Build" des Projekts für die Produktivumgebung: ng build --prod
- Ausführen eines Build zur Produktivsetzung der Applikation:
- Geben Sie den Ausdruck „ng build --prod“ in der Kommandozeile ein
- In Folge dessen erstellt das Angular CLI kompakte Bundles und legt sie im Ordner „dist/“ ab. Sind für die Ausführungen weitere Dateien erforderlich, werden diese ebenfalls hinzugefügt.