The document discusses a meetup on Appcelerator Titanium. It introduces Aaron Saunders and his company Clearly Innovative. The topics covered include an overview of Appcelerator, its tools, Alloy framework, Appcelerator Cloud Services, and Node.ACS. Alloy provides a MVC framework and benefits like reusable components. Node.ACS allows hosting node.js apps on Appcelerator Cloud. Code examples of a simple Alloy app and its integration with Kinvey are shown.

1. DC Area Appcelerator Titanium
Meetup
Aaron K. Saunders
CEO Clearly Innovative Inc
January 2013

2. Tonight’s Topics
• Who we are & what we do
• Appcelerator Alloy Book
• Appcelerator Overview
• Alloy
• Appcelerator Cloud Services
• Node.ACS

3. Who Am I
• CEO Clearly Innovative Inc. mobile
development agency specializing in HTML5,
javascript & nodejs
• Appcelerator Platform Evangelist
• 2+ years of Appcelerator blogging
• Working on book with Appcelerator Cloud
Services and Alloy for Wiley & Sons

4. 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

5. About Appcelerator
• Open source cross-platform framework
• Generates Native UI Components
• IOS, Android and Mobile Web/HTML 5
Support from same code base
• Blackberry 10 Support in Beta Preview
• Windows 8 Phone 2nd half 2013 release

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

7. About Alloy
Alloy is a new application framework by
Appcelerator for Titanium. It provides a MVC
framework for developers that are building
Titanium apps.
http://docs.appcelerator.com/titanium/latest/#!/guide/Alloy_Framework

8. 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

9. 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.

10. Simple Alloy Application

11. Here is the XML for the View

12. Here is the code for the Controller

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

14. Alloy: Other Features
• Platform specific markup & inline events view
files
• Separation of style files in .tss, similar to .css
files
• Localization support
• Migration support for changes in schema
• Customizable parsers

15. Alloy Models & Collections
• Models inherit from Backbone.Model. NOTE: if the first character of a model is
lower case, it will be automatically converted to uppercase for referencing the
Model class.
• Collections inherit from Backbone.Collections.
• Created a simple Javascript object and it is persisted as an model

16. Alloy Data-Binding
• Binds model or collection objects to UI
Elements
• All elements are not currently supported, but
should be by 1.0GA release
• Binding Supports
– Filtering
– Data Transformation
– Global or Local Model & Collection

17. Alloy Sync Adapter
• Support for persisting application content
• Based on common REST verbs
– GET > READ
– PUT > UPDATE
– POST > CREATE
– DELETE > DELETE
• Can be integrated with local or remote data
stores

18. Node.ACS
• Built using NodeJS, ExpressJS under the covers
• Build and host custom services to extend
Appcelerator Cloud Services (ACS)
• Host your existing node.js app/service on the
Appcelerator Cloud
• Create Node.ACS apps directly from TiStudio
http://nodeacs.cloud.appcelerator.com/guides/quickstart

19. Appcelerator Cloud Services

20. Appcelerator Cloud Services: Pricing

21. Downloads for Getting Started with
Alloy
• Official Appcelerator Alloy Documentation
– http://docs.appcelerator.com/titanium/latest/#!/guide/All
oy_Framework
• 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

22. Appcelerator TCAD Example
https://github.com/aaronksaunders/alloy_fugitive/
LOOK AT SOME CODE?

23. Appcelerator & Kinvey Integration
https://github.com/aaronksaunders/todolist.alloy.kinvey
LOOK AT SOME CODE?

24. 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