CMS Operations Manual

2021/08/06
 Index
SignageInfo Website 4

Operations Flow 4

Introduction of User Role 5

Change Password 6

Create Account 7

Device Management 9

Device Groups and Assign Manager 9

AIoT Devices 12

Content Management 15

Configuration / Basic Settings 15

Audit Settings 15

Power BI Settings 16

Inbox 17

Data Source 18

Add Data Source 18

Meeting Room System Standard Program Template 28

Medias 31

Upload Media 31

Media Share Settings 34

Public Share 34

Group Share 35

Program Content 36

Add Program 36

Edit Page 40

Introduction of Area 40

Page Property Settings 42

2
 Object Function and Introduction 43

Media: Area for display media. 43

PDF: Area for display PDF. 49

Text: Area for display text message. 52

Date Time: Area for display date and time. 57

Hot Spot: By setting the click area, user can play media, page navigation, or call
API object. 58

Web Page: Area for display web page. 62

Power BI: Area for display Power BI. 63

QRCode: Area for display QRCode. 65

YouTube: Area for display video from YouTube. 66

Table: Area for display Data Source. 69

Play Schedules 73

Players 77

Issue Emergency Messages 79

Assign Player Schedule 82

Real-time Screenshot 83

Publish Logs 84

3
SignageInfo Website
Login website: http://ServerIP/

Note: Please use Google Chrome to browse SignageInfo webpage. If chrome was not
installed, download and install it in advance.

Download address: https://www.google.com/intl/zh-TW/chrome/

Best screen resolution: 1920*1080

Operations Flow

4
Introduction of User Role
1. System Admin (admin)

Device Groups setup, assign content manager of device.

2. Media Manager (manager)

Upload media.

3. Content Manager (manager)

Upload media, edit program content, edit play schedule, assign play schedule for
media player.

4. Program Reviewer (admin)

Review program content.

5
Change Password
1. Click the menu in the upper right corner, select “My Profile”.

2. Click “Change Password”.

3. Input the new password, then click “Yes”.

6
Create Account
1. Click “Account Management” → “Users”

2. Click “New”

7
3. Input the information of the new user, then click “Save”.

(1). User Name

(2). Role: Administrator, Manager, User, Operator

(3). Email: For login ConnectUX.

(4). Language

(5). Password

(6). Confirm Password

8
Device Management
Device Groups and Assign Manager
1. Click “Device Management” → “Device Groups”.

2. Click “New”

9
3. Input the information of the group and assign the manager, then click “Save and
apply to current devices”.

(1). Group Name

(2). Group Manager: Set the group manager who can modify this group. Only the
group manager can modify the group. Can choose the user’s role is
Administrator, Manager, User, Operator.

(3). Content Manager: Set the content manager who can change the content of this
group's devices, can only view the devices with content management authority in
the Players page. Can choose the user’s role is Administrator, Manager, User.

4. After saved it, then click “Add device”.

10
5. Select the devices, then click “Confirm”.

6. Click “Save and apply to current devices” again.

11
AIoT Devices
1. Click “Device Management” → “AIoT Devices”.

2. Select the AIoT Device.

12
3. Device detail

(1). Reload Agent, Apply, Back

(2). Reboot now, Shutdown now, Remove device, Clear cache: Can action on this
device

(3). Code

(4). Device Name

(5). Content Manager: Set the content manager who can change the content of this
group's devices, can only view the devices with content management authority in
the Players page. Can choose the user’s role is Administrator, Manager, User.

(6). Group: Cannot modify, needs to modify on Device Groups page.

(7). Store

(8). Serial No

(9). On-line Status: : online, : offline

(10). IP

(11). Last Connection: Last connection time of this device.

(12). Screen shot: The image of player screenshot, can click “ ” to take a
real-time screenshot.

13
(13). Host Operation Schedule: Can choose the schedule which Schedule Type is
“Range” in “Device Management” → “Schedules”.

(14). Reboot: Can choose the schedule which Schedule Type is “Single time” in
“Device Management” → “Schedules”.

(15). Application Name: Choose the Application you want to use. The application
name needs to include “SignageInfo” to display on the Players page.

(16). Play Schedule: Choose the Schedule you want to play.

14
Content Management

Configuration / Basic Settings

Audit Settings
Set (or not set) according to requirements. After setting, all program contents (including
other admin accounts) produced must be reviewed before they can be used.

1. Click “Content Management” → “Configuration”

2. Check “Enable program review process” → Choose “Default audit person”

15
 3. Click the user name of approver.

Power BI Settings
Set (or not set) according to requirements, and then you can use the Power BI object.

1. Click “Content Management” → “Configuration”

2. Input Power BI user account and password.

16
Inbox
This function must have checked “Audit Settings” → “Enable program review process”,
and the account of approver can approve the program in the inbox.

17
Data Source
Add Data Source
The “Third party data” needs to be used with the “Meeting Room” system. If the “Meeting
Room” system is not purchased, use the “Excel” mode.

1. Click “Content Management” → “Data Source”.

2. Click “New”

18
3. Choose the Type and input Name.

(1). Choose the Type

(2). Input Name

4-1. Choose the type “Excel”

(1). After input, click “Next”.

19
(2). Click “Choose file”

(3). Choose the Excel file you want to upload → “Open”

20
(4). Select the sheet you want to use.

(5). After selected, click “Connection Test”.

21
(6). Will bring out the column data of the sheet.

A. Can change the Display Name of each column.

B. Can delete the column which you don’t want to show.

(7). Click “Save”.

22
4-2. Choose the type “Third party data”.

(1). Choose “Connection”, take “Database” as an example.

(2). After input, click “Next”.

23
(3). Input the information of the database you want to connect.

A. Database Type

B. Database Name

C. Account

D. Password

E. IP

F. Port Number

G. SQL / Query Condition

24
(4). After input, click “Connection Test”.

25
(5). Will bring out the column data of the SQL / Query Condition.

A. Can change the Display Name of each column.

B. Can delete the column which you don’t want to show.

26
(7). Click “Save”.

27
Meeting Room System Standard Program
Template
1. Make an appointment in the Meeting Room System.

Meeting Room System: http://ServerIP/Banquet/

2. Standard Program Template

(1). Vertical Table

A. SQL example (All appointment information of the day)

select * from portrait_roombooking_list_view

B. Progarm & DB example

28
(2). Horizontal Table

A. SQL example (take display 2F appointment information as an example)

select * from landscape_roombooking_list_view where lookup_value = '2F'

B. Progarm & DB example

29
(3). Horizontal Table

A. SQL example (take display appointment information of “Pegasus” as an

example)

select * from landscape_roombooking_third_screen_view where sid in (3,4)

and lookup_value = '2F' and room_code ='Pegasus'

B. Progarm & DB example

30
Medias
Upload Media
1. Click “Content Management” → “Medias”.

2. Click “Batch upload” → “Choose file”.

31
3. Choose the file you want to upload. (Image format support jpg or png. Video format
support webm. Music format support wav or mp3. File format support PDF.), then
click “Open”.

Media Support Format

Video: Windows support webM, Android support MP4 and webM.

Image: .jpg or .png

Music: .mp3 or .wav

32
4. Click “Next”, and wait for it to upload.

5. Back to Medias check the files.

33
Media Share Settings
Public Share
If you need to share the media to everyone, just enable the “Public Shares”.

34
Group Share
Enable “Group Shares” option to share this media to whom with the same media group
as you.

Media group share permission is based on device group first layer.

Below is the sample. If group’s content manager shares a media by group shares, only
those who are under the same group can access the media, and other group members
have no permission to access it.

35
Program Content
Add Program
1. Click “Content Management” → “Program Content” → “New”.

36
2. Input the details of the program.

(1). Input the program Name

(2). Select the Resolution or input the Resolution

(3). Choose the Background Color

(4). Choose the Background Image

37
(5). Choose the Background Music

(6). Choose the Transition style: Click the drop-down menu, then choose the style.

(7). Add Tags: Useful for searching.

(8). Add Play list

38
 Also you can rearrange playlist pages via drag and drop.

3. After input, click “Save”.

39
Edit Page
Introduction of Area

(1). Page status button

Save: Before you publish the program, make sure to save it first.

Publish: After publish, the program status will change to “Published”.

Delete: Delete that page.

Preview: Preview program, you can navigate to other page to preview.

Back

40
(2). Tool Bar

A. Object button

Media: Video, image and music Web Page

PDF Power BI

Text: Text, marquee QRCode

Date Time YouTube

Hot Spot: Interactive hot spot Table: Database, Excel

B. Editting object

Object list

C. Display button

Object max

Object top, Object up, Object down, Object bottom: Object layer control

zoom out, zoom in

Previous page, Next page: Page navigation

Preview: Preview enable/disable

(3). Page / Object Property Settings

(4). Edit Layout

41
Page Property Settings
Style Settings

(1). Page’s Name, Key

(2). Disabled: If checked, the program

won’t display this page and the object
interaction settings cannot select this
page.

(3). Include in playlist: If disabled it, the

program won’t display this page.

(4). Effective Date, Expired Date:

optional.No effective/expire date as
default, which means the page will be
played continuously. When reach the
effective date, the page will be active.
When reach the expired date, the page
will expire.

(5). Background Color

(6). Background Image

(7). Background Music

(8). Digital Signage mode

(9). Interactive Kiosk mode

(10). Transition style: If transition style

isn’t None, then you need to set style
for each page on this program. None,
Fade In/Out, Slide Right, Slide Left,
Slide Up, Slide Down, Scale, Horizontal
Scale, Vertical Scale, Slide Diagonal,
Horizontal Flip, Vertical Flip, Depth Flip,
Circle

42
Object Function and Introduction

1. Media : Area for display media.

Click the Media object, it will be added to layout.

Style Settings

(1). Media Object’s Name, Key

(2). The relative left and top position of

the media object, the width and height
of the media object.

(3). Enable / Disable media muted

(4). Image play duration

(5). Transition style

(6). Choose media

(7). Navigation button (left / right switch

button), Navigation bar (medias’
thumbnail)

43
Click the search button

Choose the media you want to display, then click “OK”.

44
Interaction Settings
Click “Interaction” → “New Interaction”.

Choose the interaction function depending on requirement, click “Save” on the

upper-left in the end.

(1). Page Navigation: Choose “Page Navigation”, then select the page you want to
jump to.

45
 Choose “Previous Page”, when click this object, the program will jump to
previous page.

Choose “Next Page”, when click this object, the program will skip to next
page.

Choose specific page, when click this object, the program will skip to that
page.

(2). Use Webhook: Choose “Use Webhook” → choose the method and input the
URL

46
(3). Play Media: Choose “Play Media”.

Select the object. If you select “Current Page”, the media will be played on
this page; if you select a media object, it will only be played in the object area
of the media.

47
 (1). Enable / Disable media
muted

(2). Image play duration

(3). Transition style

(4). Choose media

(5). Navigation button (left /

right switch button), Navigation
bar (medias’ thumbnail)

Choose the media you want to display, then click “OK”.

48
2. PDF : Area for display PDF.
Click the PDF object, it will be added to layout.

Style Settings

(1). PDF Object’s Name, Key

(2). The relative left and top position of

the PDF object, the width and height of
the PDF object.

(3). Play duration of PDF object, enable

/ disable navigation, and file.

49
Click the search button.

Choose the PDF you want to display, then click “OK”.

Click the eye button “ ”, can preview the object.

50
If want to enable navigation button, check the “Enable navigation button”.

Click “ ” can delete, “ ” can change the display order.

51
3. Text : Area for display text message.
Click the Text object, it will be added to layout.

Style Settings

(1). Text Object’s Name, Key and Text.

(2). The relative left and top position of the

Text object, the width and height of the Text
object.

(3). a. Font family, Bold, Italic,

Underline

b. Font Size

c. Alignment

d. Font Color

e. Background Color

(4). Marquee

a. Transition style

b. Speed

52
Interaction Settings
Click “Interaction” → “New Interaction”.

Choose the interaction function depending on requirement, click “Save” on the

upper-left in the end.

(1). Page Navigation: Choose “Page Navigation”, then select the page you want to
jump to.

53
 Choose “Previous Page”, when click this object, the program will jump to
previous page.

Choose “Next Page”, when click this object, the program will skip to next
page.

Choose specific page, when click this object, the program will skip to that
page.

(2). Use Webhook: Choose “Use Webhook” → choose the method and input the
URL

54
(3). Play Media: Choose “Play Media”.

Select the object. If you select “Current Page”, the media will be played on
this page; if you select a media object, it will only be played in the object area
of the media.

55
 (1). Enable / Disable media
muted

(2). Image play duration

(3). Transition style

(4). Choose media

(5). Navigation button (left /

right switch button), Navigation
bar (medias’ thumbnail)

Choose the media you want to display, then click “OK”.

56
4. Date Time : Area for display date and time.
Click the Date Time object, it will be added to layout.

Style Settings

(1). Date Time object’s Name, Key.

(2). The relative left and top position of the

Date Time object, the width and height of
the Date Time object.

(3). a. Font family, Bold, Italic,

Underline

b. Font Size

c. Alignment

d. Font Color

e. Background Color

(4). Date Time format setting

57
5. Hot Spot : By setting the click area, user can
play media, page navigation, or call API object.
Click the Hot Spot object, it will be added to layout.

Style Settings

(1). Hot Spot object’s Name, Key.

(2). The relative left and top position of the

Hot Spot object, the width and height of the
Hot Spot object.

Interaction Settings
Click “Interaction” → “New Interaction”.

Choose the interaction function depending on requirement, click “Save” on the

upper-left in the end.

58
(1). Page Navigation: Choose “Page Navigation”, then select the page you want to
jump to.

Choose “Previous Page”, when click this object, the program will jump to
previous page.

Choose “Next Page”, when click this object, the program will skip to next
page.

Choose specific page, when click this object, the program will skip to that
page.

59
(2). Use Webhook: Choose “Use Webhook” → choose the method and input the
URL

(3). Play Media: Choose “Play Media”.

60
Select the object. If you select “Current Page”, the media will be played on
this page; if you select a media object, it will only be played in the object area
of the media.

(1). Enable / Disable media

muted

(2). Image play duration

(3). Transition style

(4). Choose media

(5). Navigation button (left /

right switch button), Navigation
bar (medias’ thumbnail)

61
6. Web Page : Area for display web page.
Click the Web Page object, it will be added to layout.

Style Settings

(1). Web Page object’s Name, Key.

(2). Web URL for displaying on Web Page

object.

(3). The relative left and top position of the

Web Page object, the width and height of
the Web Page object.

62
7. Power BI : Area for display Power BI.
Click the Power BI object, it will be added to layout.

Style Settings

(1). Power BI object’s Name, Key.

(2). Report URL for displaying on Power BI

object.

(3). The relative left and top position of the

Power BI object, the width and height of the
Power BI object.

63
 (4). Display Mode: Preload Mode, Web
Mode

(5). Load Time

(6). Page refresh time

Power BI Settings

1. Click “Content Management” → “Configuration”

2. Input Power BI user account and password.

64
8. QRCode : Area for display QRCode.
Click the QRCode object, it will be added to layout.

Style Settings

(1). QRCode object’s Name, Key.

(2). Text or Web URL to be made into

QRCode.

(3). The width of QRCode padding.

(4). The relative left and top position of the

QRCode object, the width and height of the
QRCode object.

65
9. YouTube : Area for display video from
YouTube.
Click the YouTube object, it will be added to layout.

Style Settings

(1). YouTube object’s Name, Key.

(2). The embed link which you want to play

on YouTube object.

(3). The relative left and top position of the

YouTube object, the width and height of the
YouTube object.

(4). Enable / Disable media muted.

66
Get the embed link

(1). Search for the video or live you want to play on YouTube, then click “Share”.

(2). Click “Embed” → Copy the embed link.

67
(3). Paste the embed link on YouTube object’s Embed link.

68
10. Table : Area for display Data Source.
Click the Table object, it will be added to layout.

Style Settings

(1). Table object’s Name, Key.

(2). The relative left and top position of

the Table object, the width and height of
the Table object.

69
Click the search button

Select the data source you want to display, then click “Confirm”.

70
(1). Table Style Setting

A. Refresh Time: The time of data

source refresh (unit: second).

B. Page Time: The time of table

change page (unit: second).

C. Rows on each page

D. Border: Color, line

, width

E. Display title

(2). Title and Content Style Setting

F. a. Font family, Bold,

Italic, Underline

b. Font Size

c. Alignment

d. Font Color

e. Background Color

G. Padding

H. Height of Title row

71
(3). Fields Style Setting

I. Text Wrap: None, Overflow,

Auto Wrap, Auto Clip

J. Field Width

72
Play Schedules
1. Click “Content Management” → “Play Schedules”.

2. Click “New”.

73
3. Input the schedule name and select the default program.

(1). Schedule Name

(2). Select the default program

74
4. Click “Next”.

5. Click the free time (Optional).

Playlist Property

(1). Choose the program

(2). Schedule Type: Daily Schedule, Weekly Schedule, Promotion Schedule

Priority (High → Low): Promotion → Weekly → Daily → Default

(3). Effective Date

(4). Play Time

(5). Hourly / Half Hourly trigger

(6). Duration

75
6. After setting, click “Save” → “Publish”.

76
Players
1. Click “Content Management” → “Players”.

2. Only the player’s application name include “SignageInfo” will display on the Players
page.

(1). Issue Emergency Messages

(2). Restart Player

(3). Reboot now

(4). Shutdown now

77
(5). List

Tree

(6). Choose Player

(7). The image of player screenshot: can

click the image to zoom in.

(8). Time of screenshot

(9). Player On-line Status:

: online, : offline

(10). Assign Player Schedule

(11). Real-time Screenshot

(12). Player’s Name

78
Issue Emergency Messages
1. Choose the player → click “Issue Emergency Messages”

2. Select the program you want to cut in, input start time and the play duration.

(1). Select the program you want to cut in

(2). Start time

(3). Play duration

79
80
3. Check the program and player, then click “Send”.

81
Assign Player Schedule
1. Click “ ”

2. Select the play schedule, then click “Ok”.

82
Real-time Screenshot
1. Click “ ”

or

Click “The image of player screenshot” → “ ”

83
Publish Logs
1. Click “Content Management” → “Publish Logs”.

2. Publish List

(1). Publish Type: Program, Schedule, Emergency Messages

84
3. Publish detail

(2). Device

(3). Group

(4). Status: COMPLETED, WAITING

(5). Complete time

85