Slidy widgets
Download as PPTX, PDF0 likes291 views
The document describes a new generation wallboard solution for contact centers that features customizable widgets for displaying various metrics and statistics from data sources like Genesys. It includes a wide range of widgets such as KPI, gauge, grid, video, and custom HTML widgets, all of which support extensive customization options for visual formatting, interactivity, and data handling. Additionally, the solution supports animated displays and employs APIs for data retrieval, enabling dynamic presentations tailored to user needs.
Slidy widgets
- 1. 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
- 2. 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
- 3. 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
- 4. 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
- 5. 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
- 6. 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
- 7. 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
- 8. 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
- 9. 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
- 10. 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
- 11. 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
- 12. 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
- 13. 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
- 14. • 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
- 15. 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
- 16. 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!
- 17. 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
- 18. 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
- 19. 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
- 20. 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
- 21. 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
- 22. 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
- 23. 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
- 27. THANK YOU support@cc-expertise.com Harness the power of Smart Visualization