LogoLogo
✈️ Go To NUBISON✈️ Developers Guide✈️ REST APIsπŸ“‘ Description of TermsπŸ‡°πŸ‡· ν•œκ΅­μ–΄
  • Getting Started with NUBISON IoT
  • πŸ“˜Introduction to the NUBISON IoT Cloud
    • πŸ“‘Overview
    • πŸ“‘Purpose and Targets
    • πŸ“‘Architecture
    • πŸ“‘Description of Terms
  • πŸ“˜Using NUBISON IoT
    • πŸ“‘NUBISON IoT Connection
    • πŸ“–Sign Up and Log In
      • πŸ“‘Sign Up
      • πŸ“‘Delete Membership
      • πŸ“‘Login
      • πŸ“‘Log Out
    • πŸ“‘Password Reset
    • πŸ“‘Find ID
  • πŸ“˜Description of NUBISON IoT Functions
    • πŸ“–List of Services
      • πŸ“‘Add Service
      • πŸ“‘Delete Service
    • πŸ“–Service Status
      • πŸ“‘View Service Status
      • πŸ“‘View Timeline Information
      • πŸ“‘Location Search
    • πŸ“–Notifications
      • πŸ“‘Check and Search Top Notifications
      • πŸ“‘Read Notifications Management
      • πŸ“‘Service Status Notifications Search
    • πŸ“–Service Management
      • πŸ“‘Service Settings
      • πŸ“–Location Management
        • πŸ“‘Location Registration
        • πŸ“‘Location Management
      • πŸ“–Location Group Management
        • πŸ“‘Location Group Registration
        • πŸ“‘Location Group Detailed Management
      • πŸ“–Authentication Key Management
        • πŸ“‘Add Clients
        • πŸ“‘Client Modification
        • πŸ“‘Delete Client
    • πŸ“–IoT Management
      • πŸ“–Product Model Management
        • πŸ“‘Add product moel
        • πŸ“‘Delete Product Model
        • πŸ“‘Product Model Details
        • πŸ“‘Add unit
        • πŸ“‘Delete unit
      • πŸ“–Device Management
        • πŸ“‘Add Device
        • πŸ“‘Device Modification
        • πŸ“‘Delete Device
        • πŸ“‘Device Details
        • πŸ“‘New AI Configuration Creation
      • πŸ“–IoT Rule Management
        • πŸ“‘Add New Rule
        • πŸ“‘Add Application Targets
        • πŸ“‘Add a Condition
        • πŸ“‘Add Task
      • πŸ“–Timeline
    • πŸ“–User Management
      • πŸ“–Service User
        • πŸ“‘Search the List of Service Users
        • πŸ“‘Add Service User
        • πŸ“‘Delete Service User
        • πŸ“‘User Permission Group Modification
      • πŸ“–Permission Group Management
        • πŸ“‘Add Permission Group
        • πŸ“‘Delete Permission Group
  • πŸ“˜NUBISON IoT Extension Packages
    • πŸ“–Service Home
      • πŸ“‘Service Login
      • πŸ“‘Sign Up for Service
    • πŸ“–Dashboard Maker
      • πŸ“‘Service Login
      • πŸ“‘Add Widget
      • πŸ“‘Edit Mode
    • πŸ“–Data View
      • πŸ“‘Data Chart Search
      • πŸ“‘Data Table Search
    • πŸ“–Wide Area Monitoring System
      • πŸ“‘Area Monitoring Search
      • πŸ“‘Real-time Monitoring Search
    • πŸ“–Field Monitoring System
      • πŸ“‘Add Screen
      • πŸ“‘Add Element
      • πŸ“‘Setting & Modification
    • πŸ“–Device Monitoring System
      • πŸ“–DMS Manager Function
        • πŸ“‘Cloud Access Management
        • πŸ“‘Product Management
        • πŸ“‘Product Management Details
        • πŸ“‘Status Code Management
      • πŸ“–DMS Common Functions
        • πŸ“‘Real-time Management
    • πŸ“–A.I Monitoring System
      • πŸ“‘Add Screen
      • πŸ“‘Add Element
      • πŸ“‘Create and View AI Data Charts
      • πŸ“‘Setting & Modification
    • πŸ“–After-Sales Service History Management
      • πŸ“‘Addition of After-Sales Service History
      • πŸ“‘After-Sales Service History Search
      • πŸ“‘Modification of A/S History
      • πŸ“‘Deletion of A/S History
    • πŸ“–A.I Relearning Builder
      • πŸ“‘AI Training Model Registration
      • πŸ“‘Registering AI Model Version
      • πŸ“‘Deploy AI Training Model Version
      • πŸ“‘Discarding AI Training Mode
Powered by GitBook
On this page
  • πŸ”– Adding Widgets
  • 1. When accessing the Dashboard Maker for the first time
  • 2. Adding Widgets
  • πŸ”– Widget Settings
  • 1. Add latest data format
  • 2. Add data chart format
  • 3. Add data table format
  • 4. Add shortcut format
  • 5. Add Notification Format
  • 6. Add Information Format
  1. NUBISON IoT Extension Packages
  2. Dashboard Maker

Add Widget

πŸ“˜ NUBISON IoT Extension Packages > πŸ“– Dashboard Maker

PreviousService LoginNextEdit Mode

Last updated 2 years ago

πŸ”– Adding Widgets

1. When accessing the Dashboard Maker for the first time

After registering Dashboard Maker in 'Extension Package Settings’ in Service Management, you can add screens and elements to the logged-in service screen to use the Dashboard.

Click the 'Edit Screen' button in the center or upper right corner of the screen to register the screen.

2. Adding Widgets

Click on the screen and add a widget

The 'Widget Properties' menu appears on the right side of the screen when the added widget is clicked.

Set the 'widget name' and 'widget type (latest data, data chart, data table, shortcut, notifications, information)' according to the purpose of the widget.

πŸ”– Widget Settings

1. Add latest data format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Latest Data' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Select the 'Update Period' (5 seconds, 10 seconds, 1 minute, 30 minutes, 1 hour, etc.).

Choose a registered device from the Devices menu.

Select the detailed item you want from 'Unit type' (temperature, humidity, brightness, latitude, longitude, battery voltage, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

2. Add data chart format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Data Chart' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Choose the detailed item for the 'Search Period' (Last 5 seconds, Last 10 seconds, Last 30 seconds, Last 1 minute, Last 10 minutes, Last 30 minutes, Last 1 hour, etc.).

Select the 'Update Period' detailed item (5 seconds, 10 seconds, 1 minute, 10 minutes, 30 minutes, 1 hour, etc.).

Choose a registered device from the Devices menu.

Select the detailed item you want from 'Unit' (temperature, humidity, brightness, latitude, longitude, battery voltage, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

3. Add data table format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Data Table' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Choose the detailed item for the 'Search Period' (Last 5 seconds, Last 10 seconds, Last 30 seconds, Last 1 minute, Last 10 minutes, Last 30 minutes, Last 1 hour, etc.).

Choose a registered device from the Devices menu.

Select the detailed item you want under 'Unit' (temperature, humidity, brightness, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

4. Add shortcut format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Shortcut' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Choose detailed items from the 'Menu' (data view, wide area monitoring, field monitoring, AI monitoring, device monitoring, etc.).

Choose the detailed item you want under 'Redirect Method' (open in new window, open in current window, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

5. Add Notification Format

When you click the added widget, the 'Widget Property' menu appears on the right. Select 'Notifications' from Widget Type.

Input the desired name in the Widget Name field.

Choose a registered device from the Devices menu. After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

6. Add Information Format

The 'Widget Properties' menu appears on the right side of the screen when the widget is clicked. Find 'Information' under 'Widget Type' and select it.

Input the desired name in the Widget Name field.

Select the detailed item you want under 'Displayed Information' (device, humidity, location, etc.). After selecting the widget, click the "Finish Editing" button in the upper-right corner of the screen to add the widget.

πŸ“˜
πŸ“–
πŸ“‘
Add Dashboard Maker Development Screen
Add Widget Screen
Settings Screen for Each Widget Type
Widget Latest Data Widget Name Screen
Widget Latest Data Update Period Screen
Widget Latest Data Devices Screen
Widget Latest Data Unit Screen
Add Widget Latest Data Screen
Widget Data Chart Widget Name Screen
Widget Data Chart Search Period Screen
Widget Data Chart Update Period Screen
Widget Data Chart Devices Screen
Widget Data Chart Addition Screen
Widget Data Table Widget Name Screen
Widget Data Table Search Period Screen
Widget Data Table Devices Screen
Widget Data Table Unit Screen
Add Widget Data Table Screen
Widget Shortcut Widget Name Screen
Widget Shortcut Menu Screen
Widget Shortcut Redirect Method Screen
Add Shortcut Widget Screen
Widget Notification Widget Name Screen
Widget Notification Device Screen
Add Widget Notification Screen
Widget Information Widget Name Screen
Widget Information Displayed Information Screen
[Add Widget Information Screen