Media Display Applications
Media and Positional Displays of a Qmatic system display web pages by being connected to Surface Applications. A Display of this type is usually connected to a Media Player, a Hub Media, or a Cinematic.
Hub Media settings
Hub Media is configured on a number of web pages. For more information, see the Hub manual, found on Qmatic World.
The Media Player tab contains the settings that connect Hub to a unit in Orchestra:
For example, here you enter the Branch Prefix and the Id, which is the Unit Id, configured in Orchestra.
Cinematic settings
A Cinematic device is configured on web pages. For more information see the Cinematic manual. On the Basic tab of the Configuration pages are the settings that connect a specific Cinematic device to a unit in Orchestra:
Unit_ID
The Unit ID in the system that this particular Cinematic with Display should be connected to.
Note that the format is
branch prefix:UnitId, for example CEN:Cinematic720.
Server Address
The Queue Agent IP number.
Server WS Port
The websocket port number that the server uses for Surface Applications to Queue Agents.
The place to find the Unit id in Orchestra is in the Business Configuration application, on the Equipment Profiles page, if you have added a HubMedia, or Cinematic Presentation Point unit to your Equipment Profile:
The Media Display Application, Mediaplayer - 1280x720, is in this case connected to the HubMedia, in the drop-down list for that unit on the Equipment Profiles page:
Running a Media Display in a regular browser
If you want to run a Media Display in a regular browser, the following url set up should be used:
http://[qagent_ip]:[qagent_port]/graphicalDisplay?unitId=[branchPrefix]:[unitId]
For example:
http://127.0.0.1:8080/graphicalDisplay?unitId=HOS:HubMedia
Creating /Editing a Media Display Application
The procedure below is only an example of how a Media Display can be set up.
For more information about the components mentioned in the instruction, see
“Components available in the Surface Editor” .
To create a new Surface Application for a Media Display:
1. In the File menu, select New, then select Media Display in the New application window. Also select device type and resolution from the drop-down lists.
If you select
Generic Media as device type, the generic resolution(s) that you have created in the
Manage resolutions window will be available in the resolution drop-down list.
2. Next, like for all Surface Applications, select Operation profile and, optionally, change the other settings, in the Application settings window.
When you click on OK, the Startpage opens. In the drop-down list, you can also select Callpage.
3. Click on the actual surface area. The following Component properties area will be displayed:
Here you can set Background color, Background image, Page locale and Return to startpage.
4. Next, drag and drop the
Channel Player component from the bottom left area of the page to the Media Player Surface Application. It is possible to set the size of the Channel Player area as well as if it should be muted or not. The finished result may look like this (note that all of the surface is not visible in the picture):
5. To add some text to the Media Display surface, drag and drop the
Text component from the bottom left area of the page to the surface area.
Here, it is possible to edit for example text size, text color, font and alignment.
6. Drag and drop the
Image component from the bottom left area of the page to the surface area, to add an image to your Media Display.
When the image place-holder is placed on the surface, the Select image window is opened:
Select which image you want to upload, then click OK.
In the Surface Editor, it is also possible to change a few settings for the image, such as size.
Please note that rotation of for example images cannot be properly achieved in any layouts made with browsers IE7 / IE8. The rotation property is accessible but results will be unsatisfying. Please make sure that you do not upload too large images, since this may cause problems later when the images shall be displayed. Our recommendation is a max width of 950 px and a max height of 750 px. 7. Next, it is time to add a
Vertical Message, by dragging and dropping that component from the bottom left area of the page to the surface area.
The finished result may look like this (note that all of the surface is not visible in the picture):
8. Now, it is time to design the Callpage. Switch to it, by clicking the Pages button and selecting it in the Application Pages panel.
Use the Callpage for information that should be displayed when a ticket is called, for example the ticket number Widget and a Vertical Message.
9. To add a
Widget component to the
Callpage, drag and drop it from the bottom left area of the page to the surface area. After the place-holder has been placed on the surface, the
Select a Widget window is opened:
Select the appropriate Widget and click OK.
10. In the Component properties area, change properties such as which text should be displayed, the color of the text, the text size and blink duration:
The finished result may look like this (note that all of the surface is not visible in the picture):
11. When done entering and editing the components to your liking, make sure you save the Surface Application before exiting the editor, by choosing Save, or Save as, in the File menu in the upper left corner of the Surface Editor:
