Mobile App Development Using Appcelerator and DNN WebAPIs
•
2 likes•2,277 views
Want to get a jump start on doing mobile development with DNN? Ash Prasad, who built native mobile app "dnnmobi" for DNN using Appcelerator and DNN Web APIs, presents a deep dive into the code and what it takes to build a mobile app: Mobile logins, permissions, creation of simple list views, dialogs, interacting with DNN's native web APIs, and actionable tips that you can put to use immediately
Report
Share
Mobile App Development Using Appcelerator and DNN WebAPIs
- 1. Ash Prasad Sr. Manager Engineering Development, DNN Corp.
- 2. About Me – Ash Prasad DNN Corp Sr. Manager, Development Look after Evoq products Creator of DNN 7.1 Search Microsoft Asp.Net / IIS MVP Author: Professional DNN7: Open Source .NET CMS Platform DnnMobi Creator CISSP
- 3. UI – Look & Feel Login List of Questions Ask a Question
- 4. Mobile Technology Paradigm • Server Side › Existing DNN Web APIs - DNN Platform - Evoq Content - Evoq Engage •Mobile Side › Devices - iOS, Android, Windows Phone › Platform - Native, Hybrid, Html5, Responsive
- 5. Mobile Frameworks • Html5 › Apache Cordova › PhoneGap › Icenium (Telerik) • Native › Android › iOS - Objective-C - Swift • Hybrid › Xamarin › Appcelerator
- 7. Why Appcelerator • Cross Platform › iOS, Android, Blackberry, Tizen › Windows Phone (coming) • MVC Architecture (Alloy) • JS / Html / CSS (tss) • No need to learn Native • All open source - Free
- 8. Development Environment • Mac (Android and iOS) › 8 GB RAM, SSD • PC (Android only) • Titanium Studio › FREE, Open Source › Alloy MVC framework › Eclipse based • Genymotion › FREE - very fast Android emulator • TiShadow
- 9. Development Environment (contd.) • SublimeText3 (Optional) › There are plugins for Titanium • Developer certificates › Apple and Google- $$$ • DNN Site › DnnMobiHelper installed • Android phone – set in Developer mode • iOS Device (iPad, iPhone) • TestFlight (optional)
- 10. Architecture – Mobile / Site JS Helper DLL Helper
- 11. Appcelerator MVC • View › XML markup • Style › TSS (css) • Controller – › JS code behind Controllers Styles Views
- 17. UI Flow – Login to Answers
- 18. Data Flow – Login • 2 Callbacks › Success - Open Main › Failure - Show error • WebApiHelper › Login
- 19. Data Flow - Main • TabGroup • Add tabs › Answers › Messages
- 20. Data Flow - Answers • ListView › Template • WebApi • Auto Load • Databind
- 21. Tips • Use Genymotion for Android › Google’s Emulator – Very Slow • Xcode emulators - pretty good • Use TiShadow for faster dev • Test on physical devices often • Android and iOS are DIFFERENT › Accept it!!
- 22. Tips (cond…) • Understand Layout › horizontal vs. vertical • Brush up on Javascript • Understand DNN Security › Use WebApi attributes › Cookies
- 23. For Further Viewing If you found this presentation interesting, view our on-demand webinar featuring Jack Kurtz from Fortuitas (a DNN Partner): Building a Mobile App via the DNN API Jack Kurtz CEO, Fortuitas