• NPM
• Angular CLI
• Material Design for Bootstrap
Um das Projekt in Betrieb zu nehmen muss zunächst npm install durchgeführt werden um die
benötigten Packete zu installieren. Danach kann mit ng serve die Angular Anwendung gestartet
werden. Standardmäßig ist die Andwendung dann unter http://localhost:4200/ erreichbar.
Die Adresse des zu verwendenden REST-Services kann in der Datei api-configuration.ts festgelegt werden. Standardmäßig ist dort http://localhost:54405 hinterlegt.
Achtung
Um den Service ordnungsgemäß zu verwenden muss ein entsprechender REST-Service eingetragen
und verfügbar sein. ̈
Dieses Sequenzdiagram zeigt den Aufbau der Architektur am Beispiel der Stationssuche.
Die Services uns Modelklassen wurden automatisch aus dem vom REST-Service zur Verfugung ̈gestellten swagger.json generiert. Deswegen ist die Namensgebung und Codestruktur nicht optimal.
• MeasurementGetMeasurementForStation(...)
Fuhrt eine einfache Abfrage der Messungen f ̈ ̈ur eine Station durch
• MeasurementGetAccumulationForStation(...)
Fuhrt eine akkumulierte Abfrage der Messungen f ̈ ̈ur eine Station durch
• MeasurementInsert(...)
Gibt eine neu erstelle Messungen an den REST-Service weiter.
• UserLogin(params: UserLoginParams)
Nimmt Benutzername und Passwort entgegen und gibt diese an den REST-Service weiter.
• StationGetAllStations(...)
Fragt alle Stationen ab.
• StationInsert(...)
Fugt eine neue Station ein ̈
• StationUpdate(...)
Andert eine bestehende Station ̈
• StationDelete(...)
Löscht eine bestehende Station
• StationGetById(...)
Fragt Station nach Stations•Id ab
• StationGetByCommunity(...)
Fragt Stationen nach Gemeinde ab
• StationGetByUsername(...)
Fragt Stationen nach Ersteller ab
• StationGetCommunities(...)
Fragt alle Gemeinden ab
Diese Komponente stellt den Einstiegspunkt in die Anwendung dar. Von hier aus sind alle wichtigen Bereiche der Anwendung erreichbar. Außerdem wird nach man nach dem Ausloggen wieder auf diesen Bereich weitergeleitet.
Die Header-Komponenten ist immer sichtbar und beinhaltet die Navigation sowie die ̈offentliche Stationssuche.
Die Search-Komponente ist in die Header-Komponente integriert und kann von jedem Benutzer verwendet werden um nach Stationen zu suchen und die Detailseiten der Stationen aufzurufen.
Die Dashboard-Komponente ist nur f ̈ur eingeloggte Benutzer verf ̈ugbar und zeigt die aktuelle Temperatur sowie Links zu den vorher favorisierten Stationen des Benutzers an.
Diese Komponente dient dazu um neue Messungen anzulegen. Sollten die Angaben nicht korrekt sein weißen Hinweismeldung darauf hin und der Button kann nicht gedr ̈uckt werden. Nach erfolg- reichem Absenden gibt eine weitere Hinweismeldung dem Benutzer Feedback ̈uber den Status der Operation.
Diese Komponente dient dazu um bestehende Stationen zu ̈andern oder zu löschen. Außerdem kann man von hier aus zur Seite SStation anlegen”navigieren.
Diese Komponente dient dazu um neue Stationen anzulegen.
Zeigt alle Daten zu einer Station an sowie Messungsdaten zu dieser Station. Hier gibt es außerdem die Möglichkeit fur eingeloggte Benutzer eine Station zum Dashboard ̈hinzuzufügen
Auf diese Komponente wird der Benutzer verwiesen wenn er Bereiche der Anwendung aufruft auf die nur eingeloggte Benutzer Zugriff haben.
This project was generated with Angular CLI version 7.2.0.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.