Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Titanium Alloy Framework


Published on

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

Published in: Education
  • Be the first to comment

Titanium Alloy Framework

  1. 1. AlloyMVC Framework for Titanium mobile
  2. 2. About Me• Karthi Ponnusamy• Mobile Developer @anubavam• Titanium Certified Mobile Developer(TCMD)• Twitter @karthi_nkl• Blog
  3. 3. Agenda Appcelerator Titanium Mobile - Intro CodeStrong 2012 Alloy
  4. 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. 5. CodeStrong Mobile developer conference Meet other mobile developers and companies Meet Appcelerator executives and engineers Boot camp for mobile developers
  6. 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. 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. 8. Why Alloy? Structure your Titanium applications Separates presentation layer Speed up development Code organization - Easy to maintain Code re-use
  9. 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. 10. Getting Start Alloy Quick start Guide - Alloy Google Group - Alloy on Github - Wiki Docs -
  11. 11. Install Alloy Download or update Titanium Studio to V3.0 Install from terminal $sudo npm install alloy -g
  12. 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. 13. Directory Structure  
  14. 14. Output Screen
  15. 15. views/index.xml
  16. 16. styles/index.tss
  17. 17. controller/index.js
  18. 18. Create Controller In Ti Studio (Right-click on a your project > New > Alloy Controller ) In Terminal $alloy generate controller [controller name]
  19. 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. 20. Platform Specific UI Use platform property , which can be ios, android, or mobileweb
  21. 21. require components Break up your application into smaller components
  22. 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. 23. Demo Source Code: alloy/tree/master/test/apps/mod els/todo Android iPhone