Widget Player

Widget Player


Overview

The Widget Player is a completely customizable Device that changes the way queues are displayed. It is a more flexible and powerful compared, allowing for finer tuning compared to the Player Device.
The Widget Player configuration interface differs greatly from the other Devices in Moviik's Queue Management System platform.



You begin configuring this Device by adding Screens, defining the orientation of the Canvas (physical screen where the application is displayed), adding Widgets to the Screens, and customizing the Widgets to suit your needs. The system ships with one pre-configured Screen and three different pre-configured Profiles by default.

Device

In the Device section, you can customize and add Screens to Widget Player. These Screens can be different customizations of the same Screen with the same purpose, or different Screens for completely different purposes.
If you have multiple Screens in the Device section, you will need to configure the initial screen according to your needs. Achieve this by clicking the More Options menu (3 dots) in the upper-right corner of the Screen card, and selecting Set as initial screen.


In the right sidebar you have the Screen Flow tool, which helps you create conditions to customize which Screen the Widget Player will show.
It is currently possible to create conditions for the status of Crowd Light or Disabled Services.
For example, if Crowd Light is red, you can set a different Screen to display indicating full occupancy to your customers. Alternatively, you can display information to your customers that Services are disabled.



Canvas

Here is where you customize the aspect ratio and the orientation of the target Screen. For content to be displayed on a vertically mounted screen, choose Portrait mode. Alternatively, for horizontally mounted screens, use Landscape mode.






Add Screen

Finally, there is the Add Screen section. By default, Widget Player comes with one Screen. Using this option allows for adding more Screens to the Widget Player.

The additional screens created can be edited by selecting the relevant Screen, or the More Options menu (3 dots), in the left sidebar.




Editing a screen

When first adding a new screen, you will be asked to give it a name, which you can edit later if needed. 

When you add a new screen to widget players this screen will be completely blank.

To help you kickstart the configuration process, we offer profiles, which you can use to have a working and usable widget player with a few clicks.

The first configurable options are the name, background image, the fit for the background image, the background color, and the sound played on ticket call.

To show useful information on the Widget Player, we have included ten Widgets:
  1. Tickets Grid
  2. Text
  3. People Counting
  4. QR Code
  5. Last Called Ticket
  6. Image
  7. Date & Time
  8. Playlist
  9. Tickets List
  10. Form
Each Widget is configurable from the right sidebar. We will introduce each of these Widgets and thoroughly explain each customization option available.


Tickets Grid

The Tickets Grid Widget shows all the last called tickets for all services by default. You can control all visual aspects of the Widget in the Appearance tab. Choose the Font family from the drop-down menu, plus font weight and color; and set the number of tickets shown by modifying the rows & columns of the Widget.

Example: A branch has five available services, two of which have both regular and priority queues; you will need a grid of 5 rows and 2 columns to be able to display at least one of each service, and respective type of ticket – regular and priority.



In the widget container section of the Appearance tab (right sidebar), you can set the vertical & horizontal margins (in percentage value), and you can set colors for the background and border of the widget.


In the Logic tab, you can select which services are shown in the widget by checking/unchecking them from the Services drop-down menu.

Next, you can toggle on or off Show last called ticket. This will only display the last called ticket in the grid, instead of a list of last called tickets.
In the Data Type drop-down, you can configure what appears in each of the grid cells. Currently, you can customize the output showing the ticket (using the {{ ticket }} tag) and associated name (using the {{ name }} tag).
NOTE: To display the name, this needs to be previously set in the Concierge application.

Text

This widget is for custom text to appear in the widget player. You can use it as a static means of communication, setting up a call to action, or for general information, for example.






You can customize the text widget, by typing in the text input field. Currently, there is a hard limit of 128 characters.
Then you can choose the Font Family, Font Weight, and Font Size Mode - which if set to automatic, scales the font size accordingly to the widget container size. This is editable in the preview window shown in the centre of the Widget Player configuration screen.
You can have multiple text fields (maximum 128 characters each) within the same widget, allowing for writing longer sentences without creating more Text Widgets. With the Font Size Mode set to Manual, you can edit the content and text alignment, using the controls displayed.
Finally, you can set widget container margins (add percentage values to vertical & horizontal margin fields), and customize the Widget background color in the Background field.


People Counting


This widget visually displays the occupancy of a branch, and is configurable in the right sidebar.
                       


In the Crowd Light widget, you can customize each of the Crowd Light states. Since they all share the same configuration fields, we will explain one of them, namely the Red state.
You have the Subtitle section where you can add a message (Text Input field) to display when the Red state is triggered. Choose the Font Family, Font Weight, and Font Color.
Choose the colors of Text and Icons Highlights (it should correspond to the state you are customizing); and the Background color for the current state you are customizing.
Assign the widget Title (and the Font Color), which will appear at the top of the Crowd Light widget. Configure the Layout Orientation of the widget (Portrait or Landscape) purely based on aesthetic/cosmetic preference; Set widget container Vertical & Horizontal Margins (in percentage values), and set a Background Color (which might not show on the screen, depending on the state Background Color setting).


QR Code

This widget allows you to display a QR code for the Virtual Ticket Device, if you choose to have it set up.




Appearance tab: Configure the Vertical & Horizontal Margins (in percentage values), and the Background Color for the Widget Container.




In the Logic tab you can select which Virtual Ticket will be associated with the QR Code displayed on screen.



Last Called Ticket

In the Appearance tab, under Ticket Number section, customize the Font Family, Font Weight, Font Color, and the Text Alignment inside the Widget Container.

Under Widget Container section, you can set Vertical & Horizontal Margins (in percentage value), and the Background Color.

In the Logic tab, select which services are associated with this widget in the Related Services section, and set the ticket Data Type from the Types drop-down menu.



Image

Display a custom image anywhere on the screen. Under Image section, you can upload or select an image, and select the Adapt Mode (Fit, Stretch, or Cover).

Under Content Alignment, set the Alignment of the image relative to the widget container.

Under Widget Container, set the Vertical & Horizontal Margins (in percentage values), choose a Background Color .


Date Time

Show the current date and time at the branch.

Under the Date and Time Labels section, select the Language; select a Font Family, Font Weight, Font Size Mode, and Font Color.

Under Year and Day Labels, you can also customize the same as the previous section.

Under Widget Container, set the Vertical ^ Horizontal margins (in percentage values), and select the background color.

Content Alignment - select the alignment of the date and time relative to the widget container.


Playlist

This widget allows for playback of previously prepared multimedia content to further enhance your customer experience. This widget currently supports playback of image slideshows or video playlists.
You can configure the playlist to play content (previously prepared under Multimedia > Playlists), and adjust how it fits in the widget container under the Adapt Mode dropdown menu.
With the FIT Adapt Mode selected, you can fine-tune the alignment of the multimedia content more, relative to the widget container.
Under the Widget Container section, you can set the Vertical & Horizontal Margins (in percentage values), and the Background Color.

Tickets List



This widget allows you to display the service row for each active service related to all counters by default.
To customize the appearance and behavior of the service rows (tickets displayed), edit the ticket under Tickets List by clicking the pencil icon.
Under the Related Counters section you can choose if you want a specific counter to be used, by toggling off Activate All Counters. It displays the last called tickets for each active service, from all counters by default.
Under Related Services, you can select which counter services to display, and which counters to activate.
In the Sort Tickets By section, you can sort by Service, Terminal, or Last Tickets. For Last Tickets, you can define the number of tickets you want to display in the Ticket List widget at any given time.



Under the Rows section, set the Row Spacing and the Corner Radius (both in pixels), enable/disable Drop Shadow Effect under each service row, and set the Background Color for the service row items.

In the Widget Box section, set Vertical & Horizontal Margins (percentage values), and the Background Color.



Tickets List Appearance

When editing the Ticket List appearance, you can customize the Service Color, Prefix, Name, Priority Ticket appearance, Ticket Numbers, and the Counter Column.

Under Service Color, enable or disable the Colored Stroke element by using the toggle. Choose to use the defined Service color, or a custom color for the services.

Under Service Prefix, toggle whether to show the element on the ticket; set the font family, weight and color; choose the background color, and you can automatically scale the ticket text using the automatic option under the Font Size Mode dropdown. Alternatively, you can set a custom font size for the service prefix.

Since the Service Name shares the same configuration options as the Service Prefix section, we will not repeat the instructions.

Under Priority Ticket you can choose to show or hide the priority icon, and you can edit the icon by setting its color, and a background color (under Icon Color).

Under Ticket Numbers you can set a custom font family, weight, and color to the Ticket Number element presented in the ticket.

Choose a background color and set the font size mode, which lets you set a fixed font size, or scale it according to the widget container size.

Since the Counter Section shares the same customizable options as Ticket Numbers, we will not repeat the instructions.










    • Related Articles

    • Frequently Asked Questions

      WIDGET PLAYER What is the Widget Player? A completely customizable device that changes the way queues are displayed - it is a more flexible and powerful, and allows for much finer tuning compared to the Player device. The Widget Player configuration ...
    • Launcher

      Overview The launcher is a virtual bridge device that turns any capable android device into a player or widget player. Basics Enter the name and add a description of the Launcher. Connection Key View or copy the Connection Key and check the ...
    • Devices

      The Devices option allows for creation of device profiles, to facilitate the easiest setup experience possible. Ticket Dispenser Overview The Ticket Dispenser is a piece of hardware in the Moviik ecosystem that displays available services and issues ...