Slidy widgets

27
THE New generation Wallboard solution for Contact Centers Harness the power of Smart Visualization Innovative multimedia wallboard displaying Genesys statistics and metrics from any third party data sources SLIDY WIDGETS

Transcript of Slidy widgets

Page 1: Slidy widgets

THE New generation Wallboard solution for Contact Centers

Harness the power of Smart Visualization

Innovative multimedia wallboard displaying Genesys statistics and metrics from any third party data sources

SLIDY WIDGETS

Page 2: Slidy widgets

KPI Widget

• Customizable header text formatting• Customizable footer text formatting• Customizable value formatting• Two different KPI widget layouts• Customizable ICON formatting for layout2• Metric selection (Genesys , Database, Web service)• Customizable thresholds• Threshold based email notification • Customizable actions for various thresholds (play sound, got to slide, animate)• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Page 3: Slidy widgets

Gauge Widget

• Customizable header text formatting• Customizable gauge setting• Customizable gauge plots• Metric selection (Genesys , Database, Web service)• Threshold based email notification • Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Gauge scale and plots and colors can be customized

Use case: Display animated dynamic progress of any custom metric

Page 4: Slidy widgets

Liquid Gauge Widget

• Customizable title text formatting• Customizable liquid gauge settings (control wave animation)• Metric selection (Genesys , Database, Web service)• Threshold based email notification • Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Liquid gauge wave number, color and animation can be customized

Use case: Display animated progress of any custom metric

Page 5: Slidy widgets

Grid Widget

• Support Genesys, Database and formula metrics of type array• Customizable Grid settings (row style, borders, colors)• Customizable Grid column formatting• Customizable Grid value formatting• Customizable metric selection (Genesys) • Configurable value display: Value, Badge, Icon&Value, Value&Icon• Configurable display name for every object selected• Configurable display name for every metric selected• Customizable thresholds incl. overriding values with text• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Grid value color or badges can be applied based on custom thresholds

Use case: Display Badges with custom text to motivate agents in addition to higher visibility through color changes applied based on custom thresholds

Page 6: Slidy widgets

Heatmap Widget

• Heatmaps can be enabled on grid widgets• Simply choose the light color and dark color that you’d

like to mix for your heatmap• Slidy will do the magic behind the scenes and

automatically color the fields according to their values• Heatmap can be combined with threshold

Value and cell formatting• Customizable heatmaps by column• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Queue heatmap

Agent skills heatmap

Page 7: Slidy widgets

Pie Chart Widget

• Customizable title text formatting• Customizable sub-title text formatting• Customizable footer text formatting• Customizable chart type (circle, half bottom, half top,

half left, half right, quarter top left, quarter bottom left, quarter bottom right, quarter top right )

• Customizable chart style (Flat, light border, fade to black)• Metric selection (Genesys , Database, Web service)• Single metric and multiple objects or multiple

metrics and single object• Customizable legend formatting• Customizable graph data formatting• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Page 8: Slidy widgets

Doughnut Chart widget

• Customizable title text formatting• Customizable sub-title text formatting• Customizable footer text formatting• Customizable doughnut chart type (circle, half bottom,

half top, half left, half right, quarter top left, quarter bottom left, quarter bottom right, quarter top right )

• Customizable chart style (Flat, light border, fade to black)• Metric selection (Genesys , Database, Web service)• Single metric and multiple objects or multiple metrics

and single object• Customizable legend formatting• Customizable graph data formatting• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Page 9: Slidy widgets

Bar Chart Widget

• Customizable title text formatting• Customizable sub-title text formatting• Customizable footer text formatting• Customizable display name of displayed metrics• Customizable bar chart type (Bar, Stacked Bar, Horizontal

Bar, Horizontal Stacked Bar)• Customizable chart style (scale, scale line, gridlines, etc)• Metric selection (Database array, Web service array)• Customizable legend formatting• Customizable graph data formatting• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Page 10: Slidy widgets

Line Chart Widget

• Customizable title text formatting• Customizable sub-title text formatting• Customizable footer text formatting• Customizable display name of displayed metrics• Customizable bar chart type (Bar, Stacked Bar, Horizontal

Bar, Horizontal Stacked Bar)• Customizable chart style (scale, scale line, gridlines, etc)• Metric selection (Database array, Web service array)• Customizable legend formatting• Customizable graph data formatting• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Page 11: Slidy widgets

Radial widget

• Customizable radial style and formatting• Customizable title text formatting• Metric selection (Genesys , Database, Web service)• Threshold based email notification • Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Use case: Display RADIAL progress of any custom metric with specific max value

Page 12: Slidy widgets

YouTube Video Widget

• Code: this is the video code and you can find it in its url(i.e. https://www.youtube.com/watch?v=CODE )

• Dimensions: width and height of the video. • Opacity: a value between 0 (not visible) and 1 (fully visible) for transparency • Controls: show/hide the youtube player controls • Show Info: show/hide title and authors • Autoplay: if set to yes the video starts playing as soon as it enter into the scene • Rotations: the video can be rotated along each 3d axe • Shadow: it allows you to specify the shadow horizontal size (Shadow H), the vertical size

(Shadow V), the blur amount and the shadow color• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Video setttings

Page 13: Slidy widgets

Video setttings

Vimeo Video Widget

• Code: this is the video code and you can find it in its url (i.e. http://vimeo.com/CODE)• Dimensions: width and height of the video. • Opacity: a value between 0 (not visible) and 1 (fully visible) for transparency • Show Title: show/hide the video title • Show ByLine: show/hide the video author • Enable Badge: enables or disables the badge on the video • Allow Fullscreen: enables or disables the full screen features • Autoplay: if set to yes the video starts playing as soon as it enter into the scene • Controls Color: the colors of some Vimeo player elements • Rotations: the video can be rotated along each 3d axe • Shadow: it allows you to specify the shadow horizontal size (Shadow H), the vertical size

(Shadow V), the blur amount and the shadow color• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Page 14: Slidy widgets

• Files: specify one or more video files (Mp4, WebM and Ogg). Load video files from media folder or from an external url

• Poster Image: specify an image to be shown while the video is downloading, or until the user hits the play button

• Controls: show/hide the youtube player controls• Autoplay: if set to yes the video starts playing as soon as it enter into the scene• Mute: enable/disable the audio• Loop: if set to yes when the video finishes it's started again• Play/Pause on Click: if set to yes you allow users to stop the video by clicking on it• Dimensions: width and height of the video• Opacity: a value between 0 (not visible) and 1 (fully visible) for transparency• Shadow: it allows you to specify the shadow horizontal size (Shadow H), the vertical size (Shadow V),

the blur amount and the shadow color• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

HTML5 Video Widget

Video setttings

Page 15: Slidy widgets

Timer Widget

• Customizable title text formatting• Customizable Timer (inside & outside) circle width• Customizable period text and colors• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Use case: Coutdown timer for all your contact center events

Page 16: Slidy widgets

Text Widget

• Customizable text formatting • Selection of KPI metric (Genesys, WebServices, Database, Formula)• Display different text based on custom thresholds (up to 10 different thresholds)

of the selected metric value. • Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Use case: Display different TEXT message based on any metric value

When your metric value > threshold 1 display this text

When your metric value < threshold 2 display this text

Well done, keep up the good work!

Come on, we can do better!

Page 17: Slidy widgets

Image Widget

• Customizable text formatting (up to 10 different images)• Selection of KPI metric (Genesys, WebServices, Database)• Display different image based on custom thresholds (up to 10 different

thresholds) of the selected metric value Customizable formatting of widget container

• Customizable widget animation• Customizable interactivity settings

Use case: Display a different IMAGE based on any metric value

When your metric value > threshold 1 display this image

When your metric value < threshold 2 display this image

Page 18: Slidy widgets

Icon Widget

• Customizable icon settings (icons are resizable)• Customizable icon formatting• Metric selection (Genesys , Database, Web service)• Customizable thresholds• Customizable widget animation• Customizable interactivity settings

Use case: Display FontAwsome and Shock ICONS in your slides and wallboards

Page 19: Slidy widgets

Flash Message Widget

Use case: Broadcast immediate and scheduled messages dynamically on wallboards without having to edit these

• Customizable header text formatting• Display individual flash messages or a any

number of scheduled messages on a calendar • Customizable message scroll direction• Loop message display• Customizable scroll speed• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Page 20: Slidy widgets

Clock Widget

• Different types of clock styles• Customizable timezone offset selection• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Use case: Display CLOCKs for any time-zone in your slides and wallboards

Page 21: Slidy widgets

iFrame widget

• Customizable URL (http and https)• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Use case: Display any Website content on your wallboard

Page 22: Slidy widgets

Custom widget

• Customizable content (HTML, CSS, JavaScript)• Customizable formatting of widget container• Customizable widget animation• Customizable interactivity settings

Use case: Display your custom content based on custom code within a widget on any of your wallboard slides.Get the maximum flexibility for designing your own widgets!

• In this example, the custom widget is used to display a Timeline Widget

• You can use SLIDY APIs to retrieve data from the collector and add it inside your custom content

Your custom HTML code

Your custom CSS code

Your custom JavaScript code

Page 23: Slidy widgets

Slidy contains several APIs, each dedicated to performing certain tasks; responses are in JSON format.

• Request single value of a Genesys, Database or Web Service metric• Request multiple values of a Genesys, Database or Web Service metric• Retrieve a list of metrics based on the specified query• Retrieve a list of typed Configuration Server objects based on the specified query• Access to the data through the SLIDY APIs is subject to the user defined permissions and

privileges

Custom widget API

Use case: Display statistics in addition to static content within your custom widgets

Page 24: Slidy widgets
Page 25: Slidy widgets

Sample Wallboard 1

Page 26: Slidy widgets

Sample Wallboard 2

Page 27: Slidy widgets

THANK YOU

[email protected]

Harness the power of Smart Visualization