Modeveast Appcelerator Presentation

3,425 views
3,333 views

Published on

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

No Downloads
Views
Total views
3,425
On SlideShare
0
From Embeds
0
Number of Embeds
1,353
Actions
Shares
0
Downloads
20
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Show TiStudio IDE, focus on debugger, deployment to device on android and iOS, packaging for app store delivery, code completion, git/svn integration
  • Titanium lets you leverage skills you have already
  • 200,000+ developers / 27,000 apps “in the wild”
  • Show TiStudio IDE, focus on debugger, deployment to device on android and iOS, packaging for app store delivery, code completion, git/svn integration
  • Show TiStudio IDE, focus on debugger, deployment to device on android and iOS, packaging for app store delivery, code completion, git/svn integration
  • Modeveast Appcelerator Presentation

    1. 1. Building Mobile Apps with Titanium Appcelerator Part Two Aaron K. Saunders Appcelerator Platform Evangelist Founder/CTO Clearly Innovative Inc.
    2. 2. Who Am I?• Founder/CTO Clearly Innovative Inc.• Appcelerator Platform Evangelist• 25+ years experience in software development field – Recently Enterprise Web Development w/Java & Open Source Technologies• Mobile App Development with Appcelerator for last two years• Top Contributor on Appcelerator Q&A Forum
    3. 3. Here Comes The Marketing Pitch
    4. 4. Titanium Is…• A cross-platform JavaScript-based framework• With access to native OS and hardware features• Modular and extensible• Free
    5. 5. Titanium exploits the nativeecosystemNative User Experience MultimediaNative performance + Native UI Camera, video camera,(tables, animations, gestures…e streaming/device audio/videotc.)Location-based services AnalyticsAugmented Track usage patterns andreality, geolocation, compass, n adoptionative mapsSocial sharing Titanium modulesFacebook, Twitter, Yahoo YQL. Appcelerator Marketplace forNative email/address book add-on functionalityData Development toolsLocal Titanium Studio, integrationSQLite, filesystem, properties with native SDK toolsdata store, web services
    6. 6. Titanium is easier// Objective-CUIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Alert" message:@"Hello World" delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil];[alert show];[alert release];
    7. 7. Titanium is easier// Java/AndroidAlertDialog.Builder builder = new AlertDialog.Builder(this);builder.setMessage("Hello World") .setCancelable(false) .setPositiveButton("OK", new DialogInterface.OnClickListener(){• public void onClick(DialogInterface dialog, int id) { MyActivity.this.finish(); } });AlertDialog alert = builder.create();
    8. 8. Titanium is easier// Titaniumalert("Hello World"); … and it’s cross platform!
    9. 9. Powered by TitaniumApplications:• NBC apps• NYS Senate• Wunderlist• GetGlueCompanies:• Kellogg’s• NBC/Universal• eBay and PayPal• Anheuser Busch• Jaguar• … and many more
    10. 10. Back To The Code
    11. 11. Use The Tools• Titanium Studio is your friend – Eclipse Based IDE – Integrated debugger – Code completion – Project Management – SVN/Git/Terminal Integration – Xcode Build and Deployment Integration• Command Line still available
    12. 12. Demonstration
    13. 13. Use The Documentation• QA Forum – Lots of content – Improved overall site search capabilities – Monitored by Developer Relations• Appcelerator Wiki – Recent restructuring, lots of good stuff and sample code• FREE, FREE, FREE Online Videos for Appcelerator Certification Exam w/Code
    14. 14. Use The Modules• Appcelerator Marketplace• Search Github• Ask in the forums• Build Your Own
    15. 15. A Change is Upon Us• Not Recommended – Write your app like Kitchen Sink – multiple context application structure – use of Ti.Include• Recommended – CommonJS modules for application structure – Single Application namespace – Pass variables into modules – Event Based Programming
    16. 16. CommonJS Application Structure// app.js// commonjs module for database functionalityvar db = require(db);// commonjs module for user interface functionalityvar ui = require(ui);// call methods on objectsdb.createDb();var tabGroup = ui.createAppTabGroup();tabGroup.open();
    17. 17. CommonJS Module Structure// db.js// variable scope is local to this modulevar DATABASE_NAME = todo;// exports indicates that the method is publicexports.createDb = function() { Ti.Database.install(todo.sqlite, DATABASE_NAME);};exports.selectItems = function(_done) { var retData = []; var db = Ti.Database.open(DATABASE_NAME); var rows = db.execute(select ROWID, * from todo where done = ?, _done); while (rows.isValidRow()) { retData.push({item:rows.fieldByName(item), id:rows.fieldByName(ROWID)}); rows.next(); } db.close(); return retData;};
    18. 18. Examples?• Sample Projects will soon be added to Titanium Studio• See Wiki Page – http://wiki.appcelerator.org/display/guides /CommonJS+in+Titanium• Android & iOS Compatible – RSS Feed Application – Map/Location Based Application – TODO database Application
    19. 19. Demonstration
    20. 20. Questions Aaron K. Saundersaaron@clearlyinnovative.com blog.clearlyinnovative.com @aaronksaunders

    ×