Difference between revisions of "V2/CMS Tutorial/User Interface"

From Senfi Docs
Jump to: navigation, search
Line 7: Line 7:
 
* [[#Filtering and Grouping Data|Filtering and Grouping Data]]
 
* [[#Filtering and Grouping Data|Filtering and Grouping Data]]
 
* [[#Seeking Help|Seeking Help]]
 
* [[#Seeking Help|Seeking Help]]
* [[#User Settings and Account|User Settings and Account]]
+
* [[#User Account|User Account]]
  
 
=== Navigation ===
 
=== Navigation ===
Line 36: Line 36:
 
[[File:data_display.png|600px|center]]
 
[[File:data_display.png|600px|center]]
  
'''Data Section (from Top to Bottom):'''
+
'''From Top to Bottom:'''
 +
* '''Headers'''
 +
* '''Actual Data'''
 +
* '''Toggle data pages'''
 +
** [[File:row_display.png|110px]] '''Row Display''' is used to choose the number of rows displayed in a single page. The default is 10 rows.
 +
** [[File:navigate_page.png|110px]] '''Switch pages''' is used to move between pages.
  
* Headers
+
=== Filtering and Grouping Data ===
* Actual Data
+
[[File:UI_group_search.png|600px|center]]
* Toggle data pages
 
** [[File:row_display.png|110px]] Choose the number of rows of data to be displayed in a single page. The default is 10 rows.
 
** [[File:navigate_page.png|110px]] Switch between pages.
 
  
=== Filtering and Grouping Data ===
+
* [[File:search.png|150px]] '''Search''' is used to search for data based on either '''ID''', '''Name''' or '''Site'''.
[[File:UI_group_search.png|400px]]
+
* [[File:group.png|150px]] '''Group''' is used to group data using '''any header (except 'Actions')'''.
  
 
=== Seeking Help ===
 
=== Seeking Help ===
 
[[File:help.png|600px|center]]
 
[[File:help.png|600px|center]]
  
Clicking on the button highlighted in red will launch a pop-up help form (right) where you can fill in your contact details to receive help from the Senfi team.  
+
Clicking the button highlighted in red will launch a '''pop-up help form''' (right) where you can fill in your contact details to receive help from the Senfi team.
 +
 
 +
=== User Account ===
 +
[[File:UI_settings.png|600px|center]]
 +
 
 +
'''Language Settings:'''
 +
* [[File:header_language_icon.png|100px]] '''Change the language of the headers''' (Bottom Left). Currently, only English and Chinese are supported.
 +
* [[File:content_language.png|100px]] '''Change the language of the data''' (Top Right). The available languages depend on the organisation's settings.  
  
=== User Settings and Account ===
+
'''Account:'''
 +
* [[File:user_account_icon.png|100px]] '''Logout''' and '''Change Password'''.

Revision as of 00:04, 19 June 2021

User Interface

The CMS User Interface (UI) can be split into 6 sections:

Navigation

UserInterface Navigation.png

Left Panel (from Top to Bottom):

  • Site icon.png Site is used to manage and view sites in the CMS.
  • Measurement Icon.png Measurement is used to manage and view measurements in the CMS.
  • Asset Icon.png Asset is used to manage and view assets in the CMS.
  • Video Icon.png Video is used to view the connected Video Adapters and their corresponding video stream.
  • Automation Icon.png Automation is used to manage and view events, expressions and alarms in the CMS.
  • User Icon.png User is used to manage and view users, roles and access groups in the CMS.
  • Developer Icon.png Developer is used to integrate, debug and inspect 3rd party systems.
  • Setting Icon.png Setting is used to set the organisation settings.

Note: Your options in the left panel vary depending on your access rights.

Top Panel: Options displayed vary depending on the function chosen in the left panel.

Creation and Management of Data

UI Manage Data.png
  • Add.png Add is used to create data in the CMS.
  • Edit.png Edit is used to edit data in the CMS.
  • Delete.png Delete is used to delete data in the CMS.

Data Display

Data display.png

From Top to Bottom:

  • Headers
  • Actual Data
  • Toggle data pages
    • Row display.png Row Display is used to choose the number of rows displayed in a single page. The default is 10 rows.
    • Navigate page.png Switch pages is used to move between pages.

Filtering and Grouping Data

UI group search.png
  • Search.png Search is used to search for data based on either ID, Name or Site.
  • Group.png Group is used to group data using any header (except 'Actions').

Seeking Help

Help.png

Clicking the button highlighted in red will launch a pop-up help form (right) where you can fill in your contact details to receive help from the Senfi team.

User Account

UI settings.png

Language Settings:

  • Header language icon.png Change the language of the headers (Bottom Left). Currently, only English and Chinese are supported.
  • Content language.png Change the language of the data (Top Right). The available languages depend on the organisation's settings.

Account:

  • User account icon.png Logout and Change Password.