BayJax July 2009 - Browser MVC with YQL & YUI

This is a browser based presentation running through the core concepts behind coupling YQL and YUI with an MVC (Model View Controller) design pattern. This creates a new methodology to widget creation called Browser MVC. This presentation will run through the an overview of YQL and how it couples perfectly with YUI and the MVC design pattern. Tab Displayed: The Yahoo! Query Language (YQL) homepage Link: http://developer.yahoo.com/yql Description: This is the main page for learning about YQL. All documentation and a link to the console is located on this page and should be the first stop to learn about YQL.

Tab Displayed: YQL Console Link: http://developer.yahoo.com/yql/console Description: The YQL console is the test bed for working with YQL. When testing out YQL mashups this console should be used to manipulate your output prior to integrating the statement in your code.

Tab Displayed: YQL Community Tables github account Link: http://github.com/yql/yql-tables/tree/master Description: This github repository contains all open data tables (XML files) that are available on the YQL test console. When contributing tables back to the community tables listing, this is the account that pull requests should be issued to.

Tab Displayed: GeoMaker Link: http://icant.co.uk/geomaker/index.php Description: GeoMaker is a product hat displays the use of YQL in conjunction with YUI and geo technologies to display data results. This product will search for geographic data using Placemaker, display that geo information in a YUI datatable, then plot the location on a map.

Tab Displayed: YQL utilities github location Link: http://github.com/jcleblanc/yql-utilities/tree/master Description: This is a github account that contains two widget systems that tie in YQL and YUI to display data in a visual manner. The JS widget displays public YQL data and the PHP widget uses a proxy PHP layer to connect to the Y!OS PHP SDK and run a YQL query to collect profile data.

Tab Displayed: Results of the PHP SDK widget Link: http://www.nakedtechnologist.com/php_widget_oauth/yql_php_widget.html Description: This is the visual representation of the widgets from the previous tab

Tab Displayed: Browser MVC controller overview – YUI utilities Link: Local HTML File Description: This tab outlines the core YUI utilities that make up the “Controller” portion of browser MVC. The data processing elements will handle the data fetching and the handling and manipulation utilities will alter the data set, or “Model”. YQL Execute (Server-Side JavaScript) may also be categorized as a “Controller”.

Tab Displayed: Browser MVC controller overview – YUI GET Utility Link: Local HTML File Description: This code sample display how the YQL and YUI utilities interact within the “Controller”

Tab Displayed: Browser MVC controller overview – YUI Connection Manager Utility Link: Local HTML File Description: This code sample display how the YQL and YUI utilities interact within the “Controller”

Tab Displayed: Browser MVC view overview – YUI Utilities Link: Local HTML File Description: This tab displays the YUI utilities that make up the visualization utilities for the Browser MVC “View”

Tab Displayed: Browser MVC pseudo overview Link: Local HTML File Description: This tab displays several YUI utilities that bridge the gap between the “View” and “Controller” aspects of Browser MVC. Depending on their use, these utilities can both visualize the YQL data “Model” and manipulate the data in the “Controller”