hybrid mobile app with kendo ui mobile

Download Hybrid mobile app with Kendo UI Mobile

Post on 15-May-2015

4.254 views

Category:

Documents

0 download

Embed Size (px)

DESCRIPTION

Slides of Hybrid mobile app with Kendo UI Mobilesession in CSC Noida

TRANSCRIPT

  • 1.Hybrid Mobile Application &Kendo UI Mobile facebook.com/telerik @telerik

2. AgendaWhat is Hybrid ApplicationIntroducing Kendo UI MobileDemo creating TEARCH APPDemo creating Netflix Movie Browser 3. Who Am I ? Dhananjay Kumar Customer Advocate, Telerik India Microsoft MVP Connected System Development Mindcracker MVP @debug_mode http://debugmode.net http://telerikhelper.net Dhananjay.kumar@telerik.com 4. Different Types of Apps Apps for Devices NativeMobile Hybrid Apps Web AppsApps 5. DevelopmentNative Apps Development100 Objective C LOCiOS MAC Java100300Android Eclipse LOC LOCWindows Visual Studio Phone C#/XAML 100LOC Maintenancefacebook.com/telerik @telerik 6. What is Hybrid App ? facebook.com/telerik @telerik 7. Single Code BaseiosAndroid Windows facebook.com/telerik @telerik 8. HTMLiosAndroidJAVASCRIPTDeploy using Cordova CSS WindowsPhone Hybrid AppVarious PlatformsDevelopment facebook.com/telerik @telerik 9. Steps for Hybrid App DevelopmentStep 1: Create App using HTMLJavaScript , CSSStep 2: Package the App usingPhone GapStep 3: Submit the package to AppStore, Market Place or Google Play 10. How it works ?It runs in Web View ControlUIWebView : ios, WebView : AndroidRuns in full screen mode using WebKit browsersAccess Device capabilities usingCordova JS API 11. Hybrid or Native?Hybrid NativeMultiple PlatformFast PerformanceEasy to buildComplex CodesUse existing webHuge learning curve development skills Best suited for Data High investment but Driven Applicationsbetter performance 12. Summary Target multiple mobile platforms Take advantage of device capabilities like geolocation , contacts , camera etc. App will run even if device is offline Really do not need advanced graphics performance 13. Kendo UI- Introduction facebook.com/telerik @telerik 14. What is Kendo UI ?Everything you need to build HTML5 + JavaScript sites & APPSKendo 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 15. Kendo UI Blocks Kendo UIKendo UI Kendo UI WebDataVizMobile Kendo Framework Elements 16. Kendo UI Mobilefacebook.com/telerik @telerik 17. What is Kendo UI Mobile ? HTML5 powered native mobile UI that automatically adapts todifferent devices 18. Native UI on Every Device 19. Automatic Layout System 20. Tablet Ready 21. Ready for App Stores 22. Kendo UI FrameworkDataSourceModel TemplateMVVMDrag OvservableObjectNodeTemplate DraggableOvservableArray Validator 23. Kendo UI Mobile WidgetsActionSheetBackButtonButtonButtonGroupDetailButtonLayoutListView Loader ModalView NavBar Pane PopOverScroller ScrollViewSplitView SwitchSwipeTabStrip View 24. CompleteMobile Application Framework 25. Building Apps with Kendo UIMobilefacebook.com/telerik @telerik 26. DEMO facebook.com/telerik @telerik