Hybrid Mobile Application &Kendo UI Mobile                         facebook.com/telerik   @telerik
Who Am I ? Lohith G N      – Developer Evangelist, Telerik India      – Microsoft MVP – ASP.NET/IIS      – Bangalore Dot ...
Agenda   Mobile                                                   Building Apps Application   What is Hybrid    Introducti...
Mobile ApplicationDevelopmentParadigms                     facebook.com/telerik   @telerik
Paradigms Native Apps       xCode/Objective-C for iOS, Eclipse/Java for Android, VS/C#         for WP Mobile Web Apps  ...
What is Hybrid App ?                       facebook.com/telerik   @telerik
Definition Heterogeneous source Written with technology used for websites & Mobile web  implementations Hosted/Runs in ...
How ? Web View Control (UIWebView - iOS, WebView - Android/Others) Full Screen format - Native Browser rendering engine ...
When ? Target Multiple Mobile Platforms Take advantage of device capabilities – GeoLocation, etc. Offline usage No nee...
Summary
Kendo UI- Introduction                 facebook.com/telerik   @telerik
What is Kendo UI ?Everything you need to build HTML5 + JavaScript sites & APPS“Kendo UI solves an important problem faced ...
Kendo UI Blocks Kendo UI    Kendo UI   Kendo UI   Web        DataViz    Mobile Kendo Framework Elements
Kendo Building Blocks a.k.a F/W     DataSource     Validation     Globalization     Templating     MVVM     Drag & D...
Kendo UI Mobile                  facebook.com/telerik   @telerik
What is Kendo UI Mobile ? HTML5 powered native mobile UI that automatically adapts to  different devices
Native UI on Every Device
Ready for App Stores
Automatic Layout System
Tablet Ready
CompleteMobile Application Framework
Building Apps with Kendo UIMobile                        facebook.com/telerik   @telerik
DEMO       facebook.com/telerik   @telerik
Q&A      facebook.com/telerik   @telerik
Resources Kendo UI Mobile Home Page    http://www.kendoui.com/mobile.aspx Kendo UI Mobile Demos    http://demos.kendou...
Hybrid mobile app with kendo ui mobile
Upcoming SlideShare
Loading in …5
×

Hybrid mobile app with kendo ui mobile

1,408
-1

Published on

Hybrid Mobile Application development with Kendo UI Mobile - presentation done as part of CSC India Learn @ Work Week

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,408
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
25
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Hybrid mobile app with kendo ui mobile

  1. 1. Hybrid Mobile Application &Kendo UI Mobile facebook.com/telerik @telerik
  2. 2. Who Am I ? Lohith G N – Developer Evangelist, Telerik India – Microsoft MVP – ASP.NET/IIS – Bangalore Dot Net (BDotNet) User Group Lead – @kashyapa – http://kashyapas.com – Lohith.nagaraj@telerik.com
  3. 3. Agenda Mobile Building Apps Application What is Hybrid Introduction to with Kendo UIDevelopment App ? Kendo UI Mobile Mobile Paradigms
  4. 4. Mobile ApplicationDevelopmentParadigms facebook.com/telerik @telerik
  5. 5. Paradigms Native Apps  xCode/Objective-C for iOS, Eclipse/Java for Android, VS/C# for WP Mobile Web Apps  HTML styled to render well on a device Hybrid Apps  Run on device, written with web technologies  Leverage device’s browser engine
  6. 6. What is Hybrid App ? facebook.com/telerik @telerik
  7. 7. Definition Heterogeneous source Written with technology used for websites & Mobile web implementations Hosted/Runs in Native Container on device Marriage of Web Technology + Native execution
  8. 8. How ? Web View Control (UIWebView - iOS, WebView - Android/Others) Full Screen format - Native Browser rendering engine (WebKit) Abstract layer, device capabilities as JS API (Apache Cordova) Native wrapper compiled around HTML/CSS/JS – adds interop layer Interop layer connects JS API with native API’s
  9. 9. When ? Target Multiple Mobile Platforms Take advantage of device capabilities – GeoLocation, etc. Offline usage No need of advanced graphics performance
  10. 10. Summary
  11. 11. Kendo UI- Introduction facebook.com/telerik @telerik
  12. 12. What is Kendo UI ?Everything you need to build HTML5 + JavaScript sites & APPS“Kendo UI solves an important problem faced by JavaScript andHTML5 developers. It delivers a unified framework backed byprofessional support. Its easier to learn, easier to upgrade, ultimatelymaking it easier to build apps with HTML5.” -Todd Anglin, VP – HTML5 Web & Mobile Tools, Telerik
  13. 13. Kendo UI Blocks Kendo UI Kendo UI Kendo UI Web DataViz Mobile Kendo Framework Elements
  14. 14. Kendo Building Blocks a.k.a F/W  DataSource  Validation  Globalization  Templating  MVVM  Drag & Drop
  15. 15. Kendo UI Mobile facebook.com/telerik @telerik
  16. 16. What is Kendo UI Mobile ? HTML5 powered native mobile UI that automatically adapts to different devices
  17. 17. Native UI on Every Device
  18. 18. Ready for App Stores
  19. 19. Automatic Layout System
  20. 20. Tablet Ready
  21. 21. CompleteMobile Application Framework
  22. 22. Building Apps with Kendo UIMobile facebook.com/telerik @telerik
  23. 23. DEMO facebook.com/telerik @telerik
  24. 24. Q&A facebook.com/telerik @telerik
  25. 25. Resources Kendo UI Mobile Home Page  http://www.kendoui.com/mobile.aspx Kendo UI Mobile Demos  http://demos.kendoui.com/mobile/overview/index.html Kendo UI Mobile Documentation  http://docs.kendoui.com/api/mobile Kendo UI Dojo  http://www.kendoui.com/dojo.aspx

×