DC Area Meetup, discussing Appcelerator Alloy, Appcelerator Cloud Services and Appcelerator Node.ACS

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