Writing high quality apps with Alloy

The presentation gives an overview of Alloy and gives tips for creating quality applications. It also lists a number of tools that any serious mobile developer should use

Transcript

1. Writing high quality apps Hani Hamadeh Ticonf 2014 Bangalore With Alloy and other best practices
2. About Me • Mobile Developer • Founded White Label Mobile • Titanium Certified Expert • Titanium instructor • Twitter: @hanibal_li3 • LinkedIn: https://www.linkedin.com/in/hanih • Elance: https://www.elance.com/s/hini/
3. Overview • Explain what I mean by High quality apps • Give overview of Alloy • Give tips from experience • Share tools that I use to make happier clients
4. Alloy is MVC • alloy generate controller myController
5. Built FOR Titanium
6. Benefit from
7. Separate concerns
8. Put developers on track
9. Files generated • An XML view file • A TSS style file (similar to CSS) • A Javascript file
10. Straightforward view structure
11. Designer friendly styling syntax
12. Themes to customize look • Create different skins for you app • Switch by changing a single string • Can add styles, images, files etc...
13. Create widgets for reuse
14. Or use existing ones... http://www.uxmobilepatterns.com/ http://gitt.io/
15. Best practices built-in • Converted to CommonJS at compile time • Pre-compile directives (like OS_IOS) • Optimized for performance • Reduced memory leaks • One extra layer of safety
16. Separate custom logic - Models • Based on Backbone.js • Declare it via a schema and adapter settings
17. Model usage var request = Alloy.createModel('request',{ request_number: $.requestNumber.value, request_details: $.requestDetails.value }); var requestStatus = request.get('request_status');
18. Separate custom logic - CommonJS • Specification to correct Javascript class shortcomings • Allows private properties and functions
19. Structure code for changes • No Backend specific code inside controller • All in CommonJS modules • Multiple levels
20. Do not over-generalize
21. Avoid risk on production
22. Keep global events to minimum
23. Defer execution for responsiveness Great explanation by Ronald Treur at Ticonf Eu 2014 https://speakerdeck.com/ronaldtreur/titanium-making-the-most-of-your single-thread
24. Tools I use
25. Live view tools • TiShadow • RapidDev (iOS only)
26. Genymotion
27. Appium • Open source test Automation • Uses Selenium Webdriver' JSON Wire Protocol • Supports iOS and Android • Works for real devices • Can be integrated with Mocha (TiMocha ?)
28. xScope • Excellent to validate app UI against design • Ruler • Dimensions • Loupe • Screens
29. Reveal App
30. My next plans • Native module development • Automate testing and delivery • Explore the Appcelerator Platform
31. Thanks For your attention !