DC Titanium User Group Meetup: Appcelerator Titanium Alloy jan2013

  • 1,741 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,741
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
24
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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 byAppcelerator 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 Examplehttps://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 SaundersTwitter: @aaronksaundersblog: http://blog.clearlyinnovative.comFacebook: https://www.facebook.com/ClearlyInnovativeIncGithub : https://github.com/aaronksaunders/SlideShare: http://www.slideshare.net/aaronksaunders/ 1706 R Street, NW Washington, DC 20009 www.clearlyinnovative.com