Cross-Platform Mobile Development w/Appcelerator Alloy

Aaron K. SaundersCEO Clearly Innovative Inc

MoDevEast 2012

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

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

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…

About Appcelerator: Tools

• Eclipse Based IDE• Code Assist• Integrated Debugger• On device debugging• Integrated device deployment• Integrated cloud services access

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.

About Appcelerator: Cloud Services

Sample of Predefined ServicesUsers Photos

Social Integration Push Notifications

Custom Objects Ratings

Reviews Comments

Chats File Storage

Places Likes

Events Checkins

Key-Value Storage Access Control Lists

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.

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

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.

Simple Alloy Application

Here is the XML for the View

Here is the code for the Controller

Backbone In Alloy

• Models– Keep track of your data

• Collections– Manage lists/arrays of your data

• Sync Adapter(s)– Local Storage, SQL, Properties, extendable

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

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

Aaron K SaundersTwitter: @aaronksaundersblog: http://blog.clearlyinnovative.comFacebook: https://www.facebook.com/ClearlyInnovativeIncGithub : https://github.com/aaronksaunders/SlideShare: http://www.slideshare.net/aaronksaunders/

1706 R Street, NWWashington, DC 20009

www.clearlyinnovative.com