Introduction to the SIoT V2 Web Interface

Last revision 2026/08/14

This document provides a detailed introduction to the modern Web page structure of SIoT V2. Compared to version V1, V2 significantly streamlines system hierarchy, adopting a flat design concept of "direct data flow control and analysis via Topic", making operations more compact and efficient.

1. Login Interface

Compared to SIoT V1, SIoT V2 features a cleaner page layout centered directly around Topic management.

The login page primarily contains the following elements:

  • Username Input Field: Defaults to siot.
  • Password Input Field: Defaults to dfrobot.
  • Login Button
  • View Usage Tutorials and FAQs auxiliary entry link.

image-20260814155830649


2. Data Management Homepage

Upon logging in, you will first enter the "Data Management" page. While V1 uses a "Project + Device" organizational approach, V2 is best understood as "direct data management by Topic".

2.1 Page State with Existing Topics

image-20260814155903515

Each topic card contains the following information:

  • Topic: E.g., siot/led, siot/temp.
  • Topic Description: Supplementary notes explaining the topic's purpose.
  • Total Data Count: Accumulated total message entries.
  • Latest Data: The most recently received payload content.
  • Data Timestamp: Timestamp of the latest incoming data.

2.2 Page State with No Topics

image-20260814155926922

If there are no topics in the system, a prominent Create New Topic card will be displayed in the center of the page.


3. Create New Topic

In SIoT V2, it is recommended to manually create topics on the Web page first.

image-20260814155946757

Naming Rules and Core Differences Between V1 and V2:

[!IMPORTANT]

  • SIoT V1: Topics are typically created dynamically by the program client, with the common format CustomProjectName/DeviceName.

  • SIoT V2: Topics must be created in the Web Administration Console. What you type during creation is actually the "Device Name" (e.g., temp). Once created, the platform automatically fixes the prefix siot/, generating the full communication Topic as siot/temp.

    image-20260814160039473


4. Details Control Console

Click View Details on any topic card to enter the operational control panel for that Topic.

image-20260814160235416

Included Features:

  • Message Publishing Area: Enter message content, with a checkbox to enable or disable Save to Database.
  • Time and Entry Count Filter: Set start/end timestamps and maximum record limit per query (e.g., 100 entries).
  • Data Export: Export filtered data records directly.
  • Auto-Refresh: Check this box for real-time monitoring of incoming device data.

5. Clear Data and Delete Topic

Clear Data: Clears only the accumulated historical message logs recorded under this Topic, while preserving the Topic channel itself. Ideal for starting a new round of experiment debugging.

image-20260814160307998

Delete Topic: Permanently removes the Topic channel along with all its associated data from the system and topic list. Used for clearing obsolete or incorrectly named topics.

image-20260814160331178

Was this article helpful?

TOP