Your SlideShare is downloading. ×
Titanium Alloy Framework
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Titanium Alloy Framework


Published on

An Intro to Alloy Presented by Karthi Ponnusamy at Techday7 Chennai Meetup on Nov 24 2012

An Intro to Alloy Presented by Karthi Ponnusamy at Techday7 Chennai Meetup on Nov 24 2012

Published in: Education

1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. AlloyMVC Framework for Titanium mobile
  • 2. About Me• Karthi Ponnusamy• Mobile Developer @anubavam• Titanium Certified Mobile Developer(TCMD)• Twitter @karthi_nkl• Blog
  • 3. Agenda Appcelerator Titanium Mobile - Intro CodeStrong 2012 Alloy
  • 4. Appcelerator Titanium Mobile Framework for build native mobile, desktop and web apps Support multiple platform in single code base Develop native mobile apps using your web skills Open source Extend Titanium Tons of Features
  • 5. CodeStrong Mobile developer conference Meet other mobile developers and companies Meet Appcelerator executives and engineers Boot camp for mobile developers
  • 6. Moments of CodeStrong 2012 Windows 8 Platform support Appc Partnership with DENSO Corporation and AT&T One-year anniversary of Open Marketplace Titanium SDK 3.0 Alloy MVC framework Lanica Platino - Game engine for Titanium
  • 7. What is Alloy? Model-View-Controller (MVC) pattern Model - Database interface View - User interface - Presentation Layer Controller - Interacts with data and updates the view - Respond to user interaction Component-oriented application framework Create reusable components Open source
  • 8. Why Alloy? Structure your Titanium applications Separates presentation layer Speed up development Code organization - Easy to maintain Code re-use
  • 9. Requirements & Supported Platform Titanium SDK 2.1 or greater Node.js 0.6.3 or greater Development support - OSX and Windows (Linux support in progress) Android - 2.2 (API8) or greater iPad - 4.2 or greater iPhone - 4.2 or greater
  • 10. Getting Start Alloy Quick start Guide - Alloy Google Group - Alloy on Github - Wiki Docs -
  • 11. Install Alloy Download or update Titanium Studio to V3.0 Install from terminal $sudo npm install alloy -g
  • 12. New Alloy Project In Ti Studio File > New > Titanium Project > Alloy In Terminal Create new Titanium Project > open the project in Terminal $alloy new
  • 13. Directory Structure  
  • 14. Output Screen
  • 15. views/index.xml
  • 16. styles/index.tss
  • 17. controller/index.js
  • 18. Create Controller In Ti Studio (Right-click on a your project > New > Alloy Controller ) In Terminal $alloy generate controller [controller name]
  • 19. Create Model In Ti Studio (Right-click on a your project > New > Alloy Model) In Terminal $alloy generate model todo name:string active:boolean
  • 20. Platform Specific UI Use platform property , which can be ios, android, or mobileweb
  • 21. require components Break up your application into smaller components
  • 22. Shared TSS and Global function Declare your styles at [project root]/app/styles/app.tss Declare your global functions/variables at [project root]/app/alloy.js
  • 23. Demo Source Code: alloy/tree/master/test/apps/mod els/todo Android iPhone