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

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

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

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

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

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

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

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

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

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

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

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

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

• 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

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

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!

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

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

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

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

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

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

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

Sample Wallboard 1

Sample Wallboard 2

THANK YOU

support@cc-expertise.com

Harness the power of Smart Visualization