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

From Senfi Docs
Jump to: navigation, search
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<h1 class="main-heading">User Interface</h1>
+
<h1 class="main-heading">User Interface - CMS</h1>
  
−
This section provides a detailed explanation of the 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]]
+
* [[#Searching and Grouping Content|Searching and Grouping Content]]
 
* [[#Seeking Help|Seeking Help]]
 
* [[#Seeking Help|Seeking Help]]
 
* [[#User Account|User Account]]
 
* [[#User Account|User Account]]
 +
 +
<div class="important">Note: Name and Site have been blanked out in the examples below.</div>
  
 
=== Navigation ===
 
=== Navigation ===
−
[[File:UserInterface_Navigation.png|600px|center]]
+
[[File:Navigation.png|600px|center|link=]]
  
 
'''Left Panel (from Top to Bottom):'''
 
'''Left Panel (from Top to Bottom):'''
−
* [[File:Site_icon.png|30px]] '''Site''' is used to manage and view sites in the CMS.
+
* [[File:Site_icon.png|30px|link=]] [[V2/CMS_Tutorial/User_Tools/Creating_Content/Site|Site]] is used to manage and view sites in the CMS.
−
* [[File:Measurement_Icon.png|30px]] '''Measurement''' is used to manage and view measurements in the CMS.
+
* [[File:Measurement_Icon.png|30px|link=]] [[V2/CMS_Tutorial/User_Tools/Creating_Content/Measurement|Measurement]] is used to manage and view measurements in the CMS.
−
* [[File:Asset_Icon.png|30px]] '''Asset''' is used to manage and view assets in the CMS.
+
* [[File:Asset_Icon.png|30px|link=]] [[V2/CMS_Tutorial/User_Tools/Creating_Content/Asset|Asset]] is used to manage and view assets in the CMS.
−
* [[File:Video_Icon.png|30px]] '''Video''' is used to view the connected Video Adapters and their corresponding video stream.
+
* [[File:Video_Icon.png|30px|link=]] [[V2/CMS_Tutorial/User_Tools/Creating_Content/Video|Video]] is used to view the connected Video Adapters and their corresponding video stream.
−
* [[File:Automation_Icon.png|30px]] '''Automation''' is used to manage and view events, expressions and alarms in the CMS.
+
* [[File:Automation_Icon.png|30px|link=]] [[V2/CMS_Tutorial/User_Tools/Creating_Content/Automation|Automation]] is used to manage and view events, expressions and alarms in the CMS.
−
* [[File:User_Icon.png|30px]] '''User''' is used to manage and view users, roles and access groups in the CMS.
+
* [[File:User_Icon.png|30px|link=]] [[V2/CMS_Tutorial/User_Tools/Creating_Content/User|User]] is used to manage and view users, roles and access groups in the CMS.
−
* [[File:Developer_Icon.png|30px]] '''Developer''' is used to integrate, debug and inspect 3rd party systems.
+
* [[File:Developer_Icon.png|30px|link=]] [[V2/CMS_Tutorial/Developer_Tools|Developer]] is used to integrate, debug and inspect 3rd party systems.
−
* [[File:Setting_Icon.png|30px]] '''Setting''' is used to set the organisation settings.
+
* [[File:Setting_Icon.png|30px|link=]] [[V2/CMS_Tutorial/User_Tools/Organisation_Settings|Setting]] is used to configure Organization Settings.
  
−
'''Note:''' Your options in the left panel vary depending on your access rights.  
+
<div class="important">Note: Your options in the left panel vary depending on your access rights.</div>
  
 
'''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.png|600px|center]]
+
[[File:UI_Manage_Data_2.png|600px|center|link=]]
  
−
* [[File:add.png|70px]] '''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]] '''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]] '''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:data_display.png|600px|center]]
+
[[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]] '''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]] '''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 ===
+
=== Searching and Grouping Content ===
−
[[File:UI_group_search.png|600px|center]]
+
[[File:UI_group_search_updated.png|600px|center|link=]]
  
−
* [[File:search.png|150px]] '''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]] '''Group''' is used to group data using '''any header (except 'Actions')'''.
+
* [[File:group.png|150px|link=]] '''Group''' is used to group content using the '''headers''' as shown below:
 +
** For '''Measurement:''' "Computed" and "Enable".
 +
** For '''Asset:''' "Is Virtual" and "Site".
 +
** For '''User:''' "Role" and "Is Suspended".
  
 
=== Seeking Help ===
 
=== Seeking Help ===
−
[[File:help.png|600px|center]]
+
[[File:help_updated.png|600px|center|link=]]
  
 
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.  
 
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 ===
 
=== User Account ===
−
[[File:UI_settings.png|600px|center]]
+
[[File:UI_settings_updated.png|600px|center|link=]]
  
 
'''Language Settings:'''
 
'''Language Settings:'''
−
* [[File:header_language_icon.png|100px]] '''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]] '''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]] '''Logout''' and '''Change Password'''.
+
* [[File:user_account_icon.png|100px|link=]] '''Logout''' and '''Change Password'''.

Latest revision as of 17:53, 6 August 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.

Searching 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 the headers as shown below:
    • For Measurement: "Computed" and "Enable".
    • For Asset: "Is Virtual" and "Site".
    • For User: "Role" and "Is Suspended".

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.
Retrieved from "https://www.senfi.io/docs/index.php?title=V2/CMS_Tutorial/User_Interface&oldid=3362"