Frontend App
Messages
- Public MQTT broker and client from hivemq. MQTT client with a standart settings.
-
ipos/client/position
: relative position of an agent to a curent root point -
ipos/client/root
: update a root point. Default is{"latitude": 51.02545, "longitude": 13.72295}
. -
ipos/client/extracted
extracted attributes. Related with VDA5050
-
- Messages description: SimpleSceneIntegration Interface.
Online app
Deployed application is subscribed to similar messages but from a different broker. To publish messages you can use the client from hivemq but change the connection settings
Connection settings
- host:
broker.emqx.io
- port:
8084
- SSL:
X
Run
-
- Install all dependency and run
ng serve
for a dev server. Navigate tohttp://localhost:4200/
. The app will automatically reload if you change any of the source files.
- if you don't want to install all dependencies, you can simply run the application in a container.
docker build -t frontend-osm .
docker run -p 4200:80 frontend-osm:latest
- Navigate to
http://localhost:4200/
- Install all dependency and run
-
- Send messages to a
hivemq
public broker
- topic
ipos/client/position
- new positions
-
{ "objects": [ { "id": "Employee1", "sensorId": "UWB_1", "type": "HUMAN", "sensorType": "UWB", "position": { "refSystemId": "ROOT", "point": { "x": 28, "y": -12, "z": 20 }, "accuracy": 1 }, "orientation": { "x": 0, "y": 0, "z": -0.7071, "w": 0.7071 }, "extractedAttributes": { "batteryChargeLevel": 70, "loadedItems": [23, 1, 25, 17], "errors": [2, 1, 6], "theta": -0.9 }, "lastPosUpdate": "2021-09-14T09:41:20+00:00", "zoneDescriptors": [ { "zoneId": "door_zone", "notificationType": "EntryNotification" } ] } ], "type": "EntryNotification" }
- More objects can be added to the
"object": []
- There are special colours for objects with id
"Employee1"
-"Employee4"
. Config: MarkerColorMap
- More objects can be added to the
- topic
ipos/client/root
-
{ "refSystemId": "ROOT", "point": { "latitude": 51.02535, "longitude": 13.72285 }, "accuracy": 1 }
-
- Send messages to a
Help
- This project was generated with Angular CLI version 12.2.9.
- Run
ng build
to build the project. The build artifacts will be stored in thedist/
directory. - Run
ng generate component component-name
to generate a new component. You can also useng generate directive|pipe|service|class|guard|interface|enum|module
. - Validate JSON: jsonformatter.org