Maivin Web UI Walkthrough

This article will walk you through the Maivin's Web User Interface (Web UI).

The Main Page

The Main Page of the Maivin web interface should look as follows:

Maivin Main Page

There are three cards on the Main Page that link to the Visualization pages:

• GPS: This page displays a map with the current location of the device, along with GPS coordinates.
• IMU: This page displays the 3D orientation of the device with current pitch, yaw, and roll values.
• Segmentation View: This page shows the camera with running segmentation and/or detection pipeline.

The Top Ribbon

The ribbon at the top of the web interface is available on every page of the web interface. The following six elements are available on every page of the device's web interface.

1. On the left, the "Home" button with the Au-Zone icon, which will return the user to the Main Page
2. In the middle, the title of the current page
3. On the right side, we first have the Recording Indicator, shown as a gray oval with "REC" when not recording from the sensors and a red oval when recording
4. The MCAP Details Modal button, which opens the MCAP Modal
5. The System Status Indicator and Dropdown button
6. The farthest rightmost button, with the gear icon, is the Settings Button which will take you to the Settings Page

The MCAP Modal

The MCAP Modal is the interface to manage MCAP recordings, including getting information about recorded MCAP files, disk usage, deletion and downloading files. More information about the MCAP Modal and recording MCAPs is in the Recording section

A recorded MCAP file

System Status Indicator

Mousing over the System Status Indicator field will give a brief summary of any problems.

Dropdown reporting good

Dropdown reporting bad

More on these status can be found in the Status Monitoring section.

Clicking on the indicator will bring up the Service Status Modal, which contains a list of services and, if available, clickable gear icons that link to the service's configuration page.

Service Status Modal

The Visualization Pages

These pages contain the user-facing functionality of the vision module.

The Segmentation Page

The Segmentation page shows camera overlain with the current visual model output.

Maivin Segmentation Page

The GPS Page

The GPS page shows an interactive map centered on the device's location.

GPS Page

This should be familiar to anyone who has used standard map web interfaces. The map can be moved by dragging with left-mouse button (or touch with a touchscreen-enabled device). The "+" and "-" buttons on the left will zoom-in and zoom-out on the map. The "Refresh" button will re-center the map on the device's location. The latitude and longitude are also reported on the web interface.

The IMU Page

The IMU page shows the device's orientation in 3D.

IMU Page

By physically moving the device, it's virtual counterpart should move the same way. Roll, pitch, and yaw values are reported. If the device's virtual orientation does not match the physical orientation, keep the device's bottom flat and hit the "Reset Orientation" button.

Next Steps

Now that you have setup your Maivin and are familiar with the Maivin's Web UI, you can proceed to copying a public dataset in EdgeFirst Studio to train your own vision model that will be deployed in this device.