Appcelerator Titanium Alloy
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Appcelerator Titanium Alloy

on

  • 10,617 views

Appcelerator Titanium Alloy MVC Framework

Appcelerator Titanium Alloy MVC Framework

Statistics

Views

Total Views
10,617
Views on SlideShare
9,853
Embed Views
764

Actions

Likes
4
Downloads
77
Comments
1

3 Embeds 764

http://shareourideas.com 718
http://dev.shareourideas.com 34
http://www.verious.com 12

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Appcelerator Titanium Alloy Presentation Transcript

  • 1. AlloyPowerful MVC from Appc
  • 2. Ajenda● What is Alloy● Why Alloy● How to work with Alloy● Examples● Questions
  • 3. What Is Alloy?● Alloy is built on Node.js, available on npm, and integrated with Titanium Studio● Alloy is an open source MVC framework with the goal of making Titanium development easier, faster, and more scalable
  • 4. Why Alloy?● Scaffolding generation and advanced tooling● Best Practices● With Alloy, developers can build apps not only faster, but of higher quality, effortlessly leveraging features like compile time validation, advanced code generation, and reusable components.
  • 5. Alloy Key Features● UI and app logic separation through MVC framework● Develop your apps using XML and JSON● Reusable widgets and templates● Built-in Backbone.js and Underscore.js support● Command Line interface
  • 6. How to Start?● Alloy Quickstart Guide http://projects.appcelerator.com/alloy/docs/Alloy-bootstrap/index.html● Alloy Google Group https://groups.google.com/forum/?fromgroups=#!forum/appc-ti-alloy● Alloy on Github https://github.com/appcelerator/alloy
  • 7. Getting StartRequirements● Ti SDK and Studio 2.1 or greater● Node.js 0.6.3 or greater● Support only on OSX 10.6 or greater(Windows and Linux Support Later)Platform Support● Android - 2.2 (API8) or greater● iPad - 4.2 or greater● iPhone - 4.2 or greater● Mobile Web
  • 8. Install AlloyOnce Titanium and Node.js are installed thenrun the below command from the OSX terminalapp to install Alloy $sudo npm install alloy -g
  • 9. Sample ProjectObjectives● Create Tab based App● Call XHR request● Display Results
  • 10. New Alloy Project● Create a new Titanium Mobile Project● Using Terminal change to the directory where the newly created project lives● To set up the project to use Alloy run $alloy new
  • 11. Directory Structure
  • 12. views - index.xml
  • 13. styles - index.tss
  • 14. controllers - index.js
  • 15. Create Controller $alloy generate controller rowAbove command will create following files a. controllers/row.js b. views/row.xml c. styles/row.tss
  • 16. Create Model $alloy generate model todo name:stringactive:booleanAbove command will create following files a. models/todo.js b. models/todo.json c. migrations/201208061357439_todo.js
  • 17. Code WalkthroughGithub Link: https://github.com/railskarthi/sample-alloy-app