The document introduces Appcelerator's cross-platform mobile development tools, including Alloy. It describes Appcelerator as an open source framework that generates native mobile apps for iOS and Android. Alloy provides an MVC framework and declarative XML markup for building Titanium apps. Features like cloud services, IDE tools, and pre-built services are highlighted. Examples of a simple Alloy app structure and using Backbone.js models/collections are also presented.

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