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}.
• 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

• Link: https://ipos-osm.herokuapp.com/

Connection settings

• host: broker.emqx.io
• port: 8084
• SSL: X

Run

• 1. Install all dependency and 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.
  • if you don't want to install all dependencies, you can simply run the application in a container.
    1. docker build -t frontend-osm .
    2. docker run -p 4200:80 frontend-osm:latest
    3. Navigate to http://localhost:4200/
• 2. 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": 3,
                "y": 2,
                "z": 3
                },
                "accuracy": 1
            },
            "orientation": {
                "x": 1,
                "y": 0.5,
                "z": 1,
                "w": 1.5
            },
            "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
  • topic ipos/client/root

    •   {
        "refSystemId": "ROOT",
        "point": {
            "latitude": 51.02535,
            "longitude": 13.72285
        },
        "accuracy": 1
        }

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 the dist/ directory.
• 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.
• Validate JSON: jsonformatter.org