Skip to content

Webcomponent Skiareas

RudiThoeni edited this page Dec 6, 2024 · 2 revisions

Webcomponent Ski areas

Get the latest version on Open Data Hub Web Components

Show the status of selected Ski areas.

image

Show detailed Information about Ski areas

image

Configuration of the Webcomponent:

It can be configured to

  • Show only ski areas of a ski region (Ortler Skiarena, Dolomiti Superski, Ahrntal Skiworld etc....)

  • Show only selected ski areas (all 26 skiareas available)

  • Language selecteable between de,it,en

  • Sort the ski areas, choose between random, alphabetic or sort by Skiregion

  • Select the Detail Information that should be displayed (General Infos, Lifts, Slopes, Weather, Webcams)

  • Select the Display Mode: Browsable or Display (Kiosk) Mode

  • Kiosk Mode Finetuning (Autoscroll, Time Intervals....)

image

Integration in a Website

The webcomponent can be integrated as browsable Component. (Display mode: browse)

Browsable means a List of all selected Ski areas is presented with Basic Information and a User can click into a Ski area to get all Detail Information.

Showing Detail Information

The webcomponent can be integrated as Component that shows the Detail Information of selected Ski areas. (Display mode: display). The user can switch between the Ski areas and select the needed Detail Information.

Showing on a Display Kiosk Mode

The webcomponent can be launched in kiosk mode, which offers auto scroll / auto change between ski areas. (Display mode: display + enable autoscroll)

The idea is to show the status of selected ski areas on a monitor/totem in an infinite loop.

How to configure:

  • Set Display Mode to "display"

  • Select the ski areas / ski region of interest

  • Enable auto scroll 

  • If needed, choose Menus to exclude

How to use the Webcomponent:

Configure the Webcomponent directly on the Webcomponent Store (Open Data Hub Web Components)

Click on "Open in new Tab" the Webcomponent opens in Fullscreen mode. The generated Link contains all selected configuration, is reusable and launches it. Simply save the generated Link as bookmark and start the Webcomponent by following the link and set the Browser to Fullscreen (F11)

Integrate in your Webpage

Click on "Share" Embed you find the Code Snippet to integrate it on your webpage. Simply add the Code snippet to your website and the Webcomponent is displayed.

image

Examples:

Check Out the links

Webcomponent Skiareas Kiosk Mode that shows Speikboden, Klausberg and Kronplatz Status without Weather information in German.
Link

Webcomponent Skiareas for Ortler Skiarena Listview Browseable in Italian

Link

Webcomponent Skiareas Carezza & Obereggen Detailview Browseable in English

Link

Clone this wiki locally