AlloyMVC Framework for Titanium mobile
About Me•   Karthi Ponnusamy•   Mobile Developer @anubavam•   Titanium Certified Mobile Developer(TCMD)•   Twitter @karthi...
Agenda   Appcelerator Titanium Mobile - Intro   CodeStrong 2012   Alloy
Appcelerator Titanium Mobile   Framework for build native mobile, desktop and web    apps   Support multiple platform in...
CodeStrong   Mobile developer conference   Meet other mobile developers and companies   Meet Appcelerator executives an...
Moments of CodeStrong 2012   Windows 8 Platform support   Appc Partnership with DENSO Corporation and AT&T   One-year a...
What is Alloy?   Model-View-Controller (MVC) pattern    Model      -   Database interface    View       -   User interfac...
Why Alloy?   Structure your Titanium applications   Separates presentation layer   Speed up development   Code organiz...
Requirements & Supported Platform Titanium SDK 2.1 or greater Node.js 0.6.3 or greater Development support - OSX and Wi...
Getting Start   Alloy Quick start Guide - http://bit.ly/alloyqs   Alloy Google Group - http://bit.ly/alloy_group   Allo...
Install Alloy   Download or update Titanium Studio to V3.0    http://bit.ly/alloy_development   Install from terminal   ...
New Alloy Project   In Ti Studio    File > New > Titanium Project > Alloy   In Terminal    Create new Titanium Project >...
Directory Structure                       
Output Screen
views/index.xml
styles/index.tss
controller/index.js
Create Controller   In Ti Studio    (Right-click on a your project > New > Alloy Controller )   In Terminal    $alloy ge...
Create Model   In Ti Studio    (Right-click on a your project > New > Alloy Model)   In Terminal    $alloy generate mode...
Platform Specific UI   Use platform property , which can be ios, android, or    mobileweb
require components   Break up your application into smaller components
Shared TSS and Global function   Declare your styles at    [project root]/app/styles/app.tss   Declare your global funct...
Demo                     Source Code:                       https://github.com/appcelerator/                       alloy/t...
Upcoming SlideShare
Loading in...5
×

Titanium Alloy Framework

7,835

Published on

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

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,835
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
132
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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 http://www.titaniumtutorial.com/
  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 - http://bit.ly/alloyqs Alloy Google Group - http://bit.ly/alloy_group Alloy on Github - https://github.com/appcelerator/alloy Wiki Docs - http://bit.ly/alloy_docs
  11. 11. Install Alloy Download or update Titanium Studio to V3.0 http://bit.ly/alloy_development 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: https://github.com/appcelerator/ alloy/tree/master/test/apps/mod els/todo Android iPhone
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×