Display Results at the Vanue

The display of results is managed by creating display pages according to your preferences. These pages can then be opened on the screens visible by the audience through a regular web browser.

INFO

Note that in order to use the display features, you will need to work from a local installation of the software. The display does not work on the cloud version of the application. See the installation page for instructions on how to install the software on a PC.

Creating a Display Page

Display pages for your event are managed in the Displays section, found in the general menu section of your event. On this page you will find a list of already created display pages and the option to create new ones.

The display configuration has options to control what scoring information will be shown on the page, as well as some option to change the layout.

Content configuration

Note that the content setup on the display page is to control the automatic flow of information on the page. If you want to have more fine-grained control of the results on display and its timing, you manually control the display.

The automatically generated content of a display screen is limited to the categories that are included in an active session.

Discipline

Select the discipline(s) that you want to include in the page. Either one or multiple.

Scores / Participant Announcements

In this section, you can (independently) activate score flashing and participant announcements. Both types of messages are managed in a single queue.

A score flash message is added to the queue each time the judges finish a score in the judge console, or when a score is updated through the dashboard.

Participant announcement messages are only added through the judge console, when the principal judge of a panel opens an exercise for scoring. When using this function, you want the instruct the principle judge to open an exercise when the participant enters the floor.

The timing settings are used to determine how the queue of messages is handled: if the queue is not empty, the minimum time guarantees the least amount of time each score is visible. When the queue is empty, the maximum time allows the scores to visible for a longer time, before the screen is switched to rankings or logo's.

By default, the display page will show scores and announcements for all types of exercises and all panels/sets in the active sessions. If you are working with multiple screens, you can assign a display page to a specific panel/set and/or to a selection of the exercise types used in the active disciplines.

Rankings

Activate this section to include current rankings in the information loop. You can make a selection of the types of rankings that are included (All-around, Per event, Team).

You can set the time per page used for showing the rankings.

Logo's

When activated, the logo's list is mixed in the loop of messages. When rankings are activated, a logo screen is added at the end of each ranking. If rankings are not activated, logo screens will be shown, whenever not scores or announcements are in the queue.

By default, only the event logo is used, but you can upload extra images to the list in the Images tab on the Displays page.

When uploading images, make sure to keep image file size as small as reasonably possible, to ensure a smooth loading.

Timers

From the Competition dashboard, you can configure timers to be shown on the display pages. Only Display pages with the option activated are available for this function.

Layout configuration

Within the layout section you can select the page templates that are used for the different types of screens. There are a number of template sets available by default. It is also possible to add your own templates (see Custom Templates).

Independent of the templates, you can select the main colors that are used for background and foreground (text) content.

Activate a Display on a Screen

The display page is a normal web page, so you can open if on any device that has a recent browser. Any combination of a screen with either a built-in browser, or connectable to a computer with a video output can be used to visualize a display page to the audience. Note however that some smart TV's will have difficulties opening the page, due to the limitations of the browsers that are built-in

To open a display on a screen, navigate to the display page on the device that controls the screen. You can do this either by opening the general application, or, if you are using a local server PC, by taking a shorter route using this URL (find out about the application base url read Set up the QR code:

<application-base-url>/display.html

The page will have the list of event on your local server. Click on an event to open the list of display pages you have created for the event. Click on one of the display pages to open it and consequently put your browser in full screen mode.

If you want to use a display page in the context of video mixing (e.g. for live-streaming or controlling a large LED screen), you have several options:

• Take a video output of your computer as an input for your video mixing setup. The drawback of this setup is that it does not allow for transparency.
• If you are using a video mixing software such as OBS or vMix, or network capable video mixing device, you can load the url of the display directly into your mixer. This setup allows for transparency, so you can integrate the score graphics more smoothly into the video.

Manually Controlling the Output of a Display

For most competition events, the automatic flow of information as generated by the display configuration, will be sufficient. For some events on the other hand, some more fine-grained control of the timing of the display is needed.

Examples of such situations would be:

• You don't want scores to be flashed whilst another participant is executing their exercise.
• During the medal ceremony, you want to flash the names of the medal winners
• Results flashing needs to be coordinated with the broadcast production, e.g. such that scores are flashed when the participant is on screen.

The display control page can be found in Discipline specific menu sections of the application.

At the top the page you select the display page that you want to control and the session for which you want to show information. There are three sections with different types of screens that you launch on the display.

Most screens launched from the Display Control, will remain on the screen for 5 minutes, or until a new screen if triggered from the control.

Competition

This section will allow you to show information that is mostly relevant during competition:

Exercises

Select a participant from the list to see the exercises for this participant. For each exercise, you will see the status and or the result. From this list you can launch the announcement of the exercise on the screen or the flashing of the result.

Ranking

Select a category and a ranking and launch it on the screen. Each page of the ranking will be shown for time per page configured for the display.

Presentation

Use this section to show participant information on screen during the presentation before the start of a competition.

Participants can presented

• Individually (for individual disciplines)
• Per group (for disciplines that have group exercises)
• Per team (for team competitions)
• Per block (check if block sizes permit to have all participants on the screen)

Ceremony

Use this section to show medal winners or the corresponding national flags during the medal ceremony.

Custom Templates

INFO

Customising the templates requires some knowledge about HTML and CSS styling. Some knowledge about how vue.js templates work, might be useful too, but you should be able to derive the necessary information from the examples in the default templates.

Find the list of templates

A custom template allows you to change the presentation of your event information according to your needs. You can either start from one of the default templates that are provided in the application and apply changes, or start from scratch in order to create a fully new lay-out.

Add a new set of templates

To check your list of display templates, navigate from the home page to your User Account page. On the left-hand menu you'll find the Display templates page.

By default, the list contains the templates that are provided out of the box. You can open and consult these pages to check the template code.

Add your own templates

To create a new set of templates, click the add button from the list.

Give your new template set a name for you to make sense and select a parent set. The parent set will provide a basis for your new set, so you don't need to override all types of pages in order for your template set to work. In fact, you don't need to override any page type at all. From the get-go, your new set of templates is identical to the parent set that you selected.

Customise the template styles (CSS)

When you first create a new set of template, you'll see only the CSS section added. If you only want to change some small details about the appearance of the information, without structural changes, adding some css rules might be all you need.

The css you add here will apply to all page types, also if you don't override the template for that type.

Add page types

If you want to make more structural changes to the page layout, you need to add the page types that you want to override. To add a type, click the 'add layout' button and select the page type that you want to change.

These are the types that are available:

• default: this is the idle page as well as the page type used for showing logo's.
• ranking: the template for rankings
• score: the template used for exercise announcement and results.
• participant presentation: template used to present participants (as triggered from the display control page)
• announcement: template for making announcements (apart from participants)
• block: template for presenting block starting orders.
• medal winner: template for presenting a single medal winner.
• medal winners: template for presenting all medal winners of a ranking.
• flags: template for presenting the flags of the medal winners.