1. Pentaho and Yahoo User Interface (YUI)

2. Highlights of YUI Library Integrating Pentaho and YUI
Agenda
Why Pentaho and YUI
Highlights of YUI Library
Integrating Pentaho and YUI
Inside xactions
Inside dashboards
Standalone Ajax Applications
Repository Search/Browser
Metadata Browser/MQL Query
Community User Console

3. Why use YUI with Pentaho
No Java coding required!
Additional controls not part of standard HTML
Can apply same style to reports as well as application
Finer control to adapt content into web application than PUC or xaction generated pages
Can be applied to existing objects (HTML)
Can be created entirely from JavaScript
Standardizes DOM and Event interfaces

4. YUI Library Highlights
Consistent DOM and Event Processing
Ajax (XHR), local, JS Datasources
Dynamic HTML Tables
Variety of flash-based graphs
Organize content into multiple tabs
Display and select data hierarchically
Easily layout web pages without TABLE’s
Search through content as you type
Many utilities – Get , Loader, CSS, Test, Log

5. Pentaho and YUI Its already there! YUI is used in Steel Wheels
Yahoo Dom Event processing
Separate parameters into multiple tabs

6. YUI Datatable Inside Xactions
Benefits
Client side sorting
User defined pagination
Dynamic column sizing
Drag and drop columns
Prerequisites
Action input data: SQL, MQL, MDX, PDI, XML
Transform result set into JSON via Javascript
Create YUI objects with Message Template
These have been put in an xaction template

7. YUI Datatable Demonstration

8. ActionTable Details ActionTable.xaction ActionTable.js
Template combination of minimum required action steps
Relational Source, JavaScript, MsgTemplate
ActionTable.js
Extension of YUI Datatable
Preconfigured to accept Pentaho JSON
Dynamically loads JS and CSS requirements

9. YUI Inside Dashboards Display Pentaho data Display internet data
Datatable and Charts
Treeview and Tabview
Display internet data
Leverage Yahoo Query Language (YQL)
YQL queries any internet service or webpage
Use YUI Get with callback to format JSON response into Message Template content

10. YUI Dashboard Demonstration

11. Repository Search/Browser
Action Search/Execute
Auto-complete based on Action name
Run Action in new window
Repository Browser
Navigate repository

12. Repository Search and Browse Demonstration

13. Metadata Browser/MQL Query Builder
Dynamically interact with Pentaho Server to determine available metadata
Based on metadata model, get views and columns from Pentaho Server
Display views and columns to user
MQL Query Builder
Based on model, views and columns display datatable
Provide sort, filter and arrangement of data

14. Metadata Browser and MQL Query Builder Demonstration

15. Enhanced Parameter Prompting
Present more robust appearance to users
Apply logic via Javascript to parameters
Standardized way of processing XHR requests
Samples
Basic parameter with background processing
Date Picker
Weather Forecast

16. Enhanced Parameter Demonstration

17. Community User Console
Similar features to Pentaho User Console
Solution explorer AND search!
View completed scheduled actions
View completed background actions
View your favorite and recent actions
Multi-tab interface of reports
Display content with a draggable panel
Similar styling for report content and page

18. Community User Console Demonstration

19. Reusable Components Action Sequences Data/JSP Javascript
Action Sequence Template for ActionTable
Favorite, Recent, Background, Subscription
mqlQuery to generically retrieve MQL output
Data/JSP
DataAction format xaction output as JSON
Javascript
Action Button
Action Panel and Action Table
Data Panel and Chart Panel
Solution Autocomplete, DataSource and Solution Tree
Metadata Tree and Metadata Table

20. Summary Use YUI controls inside of Pentaho actions
Use Pentaho content inside of YUI applications
Reusable components can be leveraged
Leverage Pentaho BI Platform
Security and Single Sign-on
Solution Repository and Access Control
Auditing, Logging and Scheduling
Common/Central data access – PDI, MQL, SQL, MDX
Leverage Yahoo User Interface
Rich client interaction with unique controls
Standardize DOM and event processing