integrating kendo ui with sharepoint 2010. what is kendo ui integrated application framework for...
TRANSCRIPT
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:[email protected]