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

From Senfi Docs
Jump to: navigation, search
Line 3: Line 3:
 
This section of the Senfi documentation provides a detailed explanation of the main CMS User Interface (UI). The CMS UI can be split into 6 sections:  
 
This section of the Senfi documentation provides a detailed explanation of the main CMS User Interface (UI). The CMS UI can be split into 6 sections:  
 
* [[#Navigation|Navigation]]
 
* [[#Navigation|Navigation]]
* [[#Creation and Management of Data|Creation and Management of Data]]
+
* [[#Creation and Management of Content|Creation and Management of Content]]
* [[#Data Display|Data Display]]
+
* [[#Content Display|Content Display]]
* [[#Filtering and Grouping Data|Filtering and Grouping Data]]
+
* [[#Filtering and Grouping Content|Filtering and Grouping Content]]
 
* [[#Seeking Help|Seeking Help]]
 
* [[#Seeking Help|Seeking Help]]
 
* [[#User Account|User Account]]
 
* [[#User Account|User Account]]
Line 28: Line 28:
 
'''Top Panel:''' Options displayed vary depending on the function chosen in the left panel.
 
'''Top Panel:''' Options displayed vary depending on the function chosen in the left panel.
  
=== Creation and Management of Data ===
+
=== Creation and Management of Content ===
 
[[File:UI_Manage_Data_2.png|600px|center|link=]]
 
[[File:UI_Manage_Data_2.png|600px|center|link=]]
  
* [[File:add.png|70px|link=]] '''Add''' is used to create data in the CMS.
+
* [[File:add.png|70px|link=]] '''Add''' is used to create content in the CMS.
* [[File:edit.png|70px|link=]] '''Edit''' is used to edit data in the CMS.
+
* [[File:edit.png|70px|link=]] '''Edit''' is used to edit content in the CMS.
* [[File:delete.png|70px|link=]] '''Delete''' is used to delete data in the CMS.
+
* [[File:delete.png|70px|link=]] '''Delete''' is used to delete content in the CMS.
  
=== Data Display ===  
+
=== Content Display ===  
 
[[File:UI_data_display_updated.png|600px|center|link=]]
 
[[File:UI_data_display_updated.png|600px|center|link=]]
  
 
'''From Top to Bottom:'''
 
'''From Top to Bottom:'''
 
* '''Headers'''
 
* '''Headers'''
* '''Actual Data'''
+
* '''Actual content'''
* '''Toggle data pages'''
+
* '''Toggle content pages'''
 
** [[File:row_display.png|110px|link=]] '''Row Display''' is used to choose the number of rows displayed in a single page. The default is 10 rows.  
 
** [[File:row_display.png|110px|link=]] '''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|link=]] '''Switch pages''' is used to move between pages.
 
** [[File:navigate_page.png|110px|link=]] '''Switch pages''' is used to move between pages.
  
=== Filtering and Grouping Data ===
+
=== Filtering and Grouping Content ===
 
[[File:UI_group_search_updated.png|600px|center|link=]]
 
[[File:UI_group_search_updated.png|600px|center|link=]]
  
* [[File:search.png|150px|link=]] '''Search''' is used to search for data based on either '''ID''', '''Name''' or '''Site'''.
+
* [[File:search.png|150px|link=]] '''Search''' is used to search for content based on either '''ID''', '''Name''' or '''Site'''.
* [[File:group.png|150px|link=]] '''Group''' is used to group data using '''any header (except 'Actions')'''.
+
* [[File:group.png|150px|link=]] '''Group''' is used to group content using '''any header (except 'Actions')'''.
  
 
=== Seeking Help ===
 
=== Seeking Help ===
Line 61: Line 61:
 
'''Language Settings:'''
 
'''Language Settings:'''
 
* [[File:header_language_icon.png|100px|link=]] '''Change the language of the headers''' (Bottom Left). Currently, only English and Chinese are supported.
 
* [[File:header_language_icon.png|100px|link=]] '''Change the language of the headers''' (Bottom Left). Currently, only English and Chinese are supported.
* [[File:content_language.png|100px|link=]] '''Change the language of the data''' (Top Right). The available languages depend on the organisation's settings.  
+
* [[File:content_language.png|100px|link=]] '''Change the language of the displayed content''' (Top Right). The available languages depend on the organisation's settings.  
  
 
'''Account:'''
 
'''Account:'''
 
* [[File:user_account_icon.png|100px|link=]] '''Logout''' and '''Change Password'''.
 
* [[File:user_account_icon.png|100px|link=]] '''Logout''' and '''Change Password'''.

Revision as of 17:14, 28 June 2021

User Interface - CMS

This section of the Senfi documentation provides a detailed explanation of the main CMS User Interface (UI). The CMS UI can be split into 6 sections:

Note: Name and Site have been blanked out in the examples below.

Navigation

Navigation.png

Left Panel (from Top to Bottom):

  • Site icon.pngSite is used to manage and view sites in the CMS.
  • Measurement Icon.pngMeasurement is used to manage and view measurements in the CMS.
  • Asset Icon.pngAsset is used to manage and view assets in the CMS.
  • Video Icon.pngVideo is used to view the connected Video Adapters and their corresponding video stream.
  • Automation Icon.pngAutomation is used to manage and view events, expressions and alarms in the CMS.
  • User Icon.pngUser is used to manage and view users, roles and access groups in the CMS.
  • Developer Icon.pngDeveloper is used to integrate, debug and inspect 3rd party systems.
  • Setting Icon.pngSetting is used to configure Organization 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 Content

UI Manage Data 2.png
  • Add.pngAdd is used to create content in the CMS.
  • Edit.pngEdit is used to edit content in the CMS.
  • Delete.pngDelete is used to delete content in the CMS.

Content Display

UI data display updated.png

From Top to Bottom:

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

Filtering and Grouping Content

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

Seeking Help

Help updated.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 updated.png

Language Settings:

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

Account:

  • User account icon.pngLogout and Change Password.