Integrating Kendo UI with SharePoint 2010

Integrated Application Framework 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 UI It 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 JQueryUI Category jQuery UI Kendo UI Widgets (Total) Yes (8) Yes (18 Web; 8 Mobile) Themes (Total) Yes (25) Yes (5) Effects (Total) Yes (13) Interactions (Total) Yes (6) Templates No (see Template) Yes DataSource No (see Dataview) Model-View-ViewModel (MVVM) No Data Visualization Globalization No (see Globalize) Validation No (see jQuery Validation Plugin) 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)

Kendo license Widgets = GPLv3 Paid support available You may use the Work, without limitation You may Distribute the Work as Source Code provided… You may Distribute a Modified Work as Source Code You 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

Demo Time Seperating presentation and data: Databinding – surfacing a json service in SharePoint Building an application page Kendo UI everywhere – get there fast Building a webpart Optimizing 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 4/13/2017 1:44 PM Rapid Circle, Wilgenweg 22, 1031 HV Amsterdam, The Netherlands  m: +31 (0)6 24968830 e:roelhans.bethlehem@rapidcircle.com  © 2008 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.