modeveast 2012 Appcelerator Alloy Presentation

1. Cross-Platform Mobile Development
w/Appcelerator Alloy
Aaron K. Saunders
CEO Clearly Innovative Inc
MoDevEast 2012

2. Who Am I
• CEO Clearly Innovative Inc.
• Full stack development for mobile and web
integrations w/ javascript & nodejs
• Appcelerator Platform Evangelist; Titan
• IOS and Android Module Development
• 2 years of Appcelerator blogging
• Working on book with Appcelerator Cloud
Services and Alloy for Wiley & Sons

3. Why Cross-Platform Mobile
Development
• Ability to provide mobile solutions to multiple
platforms efficiently
– Reduce Time To Market
– Reduce Total Project Cost
– Reduce Total Project Maintenance

4. About Appcelerator
• Open source cross-platform framework
• Generates Native UI Components
• IOS, Android and Mobile Web Support
• Blackberry 10 Support in Beta Preview
• Windows Mobile Support first quarter 2013
There’s More…

5. About Appcelerator: Tools
• Eclipse Based IDE
• Code Assist
• Integrated Debugger
• On device debugging
• Integrated device deployment
• Integrated cloud services access

6. About Appcelerator: Cloud Services
• Library of over 20 pre-built common services
that are both proven and robust, to reduce
integration time and risk
• Client-side APIs for any development platform
(e.g. Titanium, iOS SDK, Android SDK)
• Extensibility enabling you to build your own
custom cloud services in Node.js on the
Appcelerator cloud for all your mobile apps.

7. About Appcelerator: Cloud Services
Sample of Predefined Services
Users Photos
Social Integration Push Notifications
Custom Objects Ratings
Reviews Comments
Chats File Storage
Places Likes
Events Checkins
Key-Value Storage Access Control Lists

8. About Alloy
Alloy is a new application framework by
Appcelerator for Titanium. It provides a nice
MVC framework for developers that are
building Titanium apps.

9. Alloy Benefits
• Alloy comes with a clean well defined XML UI
markup, style sheets, and reusable widget
components.
• Built-in Backbone.js and Underscore.js
support

10. Backbone.js gives structure to web applications
by providing models with key-value binding
and custom events, collections with a rich API
of enumerable functions, views with
declarative event handling, and connects it all
to your existing API over a RESTful JSON
interface.

11. Simple Alloy Application

12. Here is the XML for the View

13. Here is the code for the Controller

14. Backbone In Alloy
• Models
– Keep track of your data
• Collections
– Manage lists/arrays of your data
• Sync Adapter(s)
– Local Storage, SQL, Properties, extendable

15. ACS Sync Adapter
• Connecting Alloy to Appcelerator Cloud
Services
• Called every time it attempts to read or save a
model to the server
• Can be written based on REST verbs

16. Downloads for Getting Started with
Alloy
• Quick Start: bit.ly/alloyqs
• TiStudio/TiSDK 3.0
– http://preview.appcelerator.com/studio/
• More Information
– Wiki docs: bit.ly/alloy_docs
– Google Groups: bit.ly/alloy_group
– Github: github.com/appcelerator/alloy

17. Aaron K Saunders
Twitter: @aaronksaunders
blog: http://blog.clearlyinnovative.com
Facebook: https://www.facebook.com/ClearlyInnovativeInc
Github : https://github.com/aaronksaunders/
SlideShare: http://www.slideshare.net/aaronksaunders/
1706 R Street, NW
Washington, DC 20009
www.clearlyinnovative.com