Integrating Kendo UI with SharePoint 2010

What is Kendo UI

Integrated Application Framework for Javascript / HTML5

• Widgets• Data Visualization• Mobile• Framework related: • databinding • templating • themes

Widgets - UI Controls

Data Visualization

Mobile

Framework

VS

Best of Suite VS Best of Breed

Demo Time

• Kendo UI demo time

• See: www.kendoui.com

What do clients want?• It has to work, anywhere• It has to look good• Fast• It has to cost as little as possible

So Why Use Kendo UI again?

• UI, DataViz, Mobile, Framework just works on any device

Except IE6 and Windows Phone 7

• Just looks gorgeous

• In a single framework – low learning curve, low costs

• Supportability

Why use Kendo UI?

It looks

slick

everywhere

Why use Kendo UIIt is

Fast

everywhere

Why integrate Kendo UI in SharePoint?

• Server side vs Client side scaling or CrowdSourcing vs OutSourcing

• Ipad & other table support

• Faster development

• Lightweight

• Keep services and presentation seperate

• Databinding

• Datavizualisation

• No dependency on browser plugins

Kendo UI vs JQueryUICategory jQuery UI Kendo UI

Widgets (Total) Yes (8) Yes (18 Web; 8 Mobile)

Themes (Total) Yes (25) Yes (5)

Effects (Total) Yes (13) Yes (5)

Interactions (Total) Yes (5) Yes (6)

Templates No (see Template) Yes

DataSource No (see Dataview) YesModel-View-ViewModel (MVVM) No Yes

Data Visualization No Yes

Globalization No (see Globalize) Yes

Validation No (see jQuery Validation Plugin) Yes

Browser Support IE 6+, Firefox 3+, Safari 3.1+, Opera 9.6+, Chrome

IE 7+, Firefox 3+, Safari 4+, Opera 10+, Chrome

Mobile Device Compatibility No (see jQuery Mobile) Yes

• Widgets = GPLv3You may use the Work, without limitationYou may Distribute the Work as Source Code provided…You may Distribute a Modified Work as Source CodeYou may charge any price or no price for each Work or Modified Work that you Distribute, and you may offer support or warranty protection for a fee.

• Paid support available

• Dataviz and Mobile 60 days trial – otherwise paid

Kendo license

Demo Time

• Seperating presentation and data: Databinding – surfacing a json service in SharePoint

• Building an application pageKendo UI everywhere – get there fast

• Building a webpartOptimizing Visual Design – HTML – SharePoint workflow; Introducing SharePoint Canvas

Bottlenecks

• CSS lots of CSS

• No JavaScript in like 10 years

• Have your Design Partner Design with KendoUI in mind

• Otherwise prepare for Firebug…

URL’s etc….• Kendo UI: www.kendoui.com

• Kendo UI Q1 release: http://www.youtube.com/watch?v=jl3DZ-KnrCU&feature=related

• Kendo @hanselminutes: http://hanselminutes.com/298/framework-series-kendo-ui-html5-framework-with-todd-anglin

• Tablet Show: http://thetabletshow.com/?ShowNum=19

• Javascript the Good parts: http://shop.oreilly.com/product/9780596517748.do

• SharePoint Canvas: https://github.com/burkeholland/SharePoint-Canvas and http://a.shinynew.me/post/8445943550/sharepoint-canvas

Rapid Circle, Wilgenweg 22, 1031 HV Amsterdam, The Netherlands m: +31 (0)6 24968830e:roelhans.bethlehem@rapidcircle.com