Pentaho and Yahoo User Interface (YUI)

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

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

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

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

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

YUI Datatable Demonstration

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

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

YUI Dashboard Demonstration

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

Repository Search and Browse Demonstration

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

Metadata Browser and MQL Query Builder Demonstration

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

Enhanced Parameter Demonstration

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

Community User Console Demonstration

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

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