Mobile App Development Using Appcelerator and DNN WebAPIs
2 likes2,280 views
Ash Prasad, a Senior Manager at DNN Corp, oversees the development of evoq products and has created DNN 7.1 search. He discusses mobile technology paradigms, including server-side APIs and cross-platform development using Appcelerator and other frameworks. The presentation emphasizes the importance of understanding different mobile platforms and testing on physical devices.
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