Native Mobile Application Using JavaScript
Who am I? <ul><li>Lim Borey </li></ul><ul><li>Developer @ Yoolk Inc. </li></ul><ul><li>@limborey </li></ul><ul><li>[email_...
Topics <ul><li>Titanium Overview </li></ul><ul><li>Development Requirements </li></ul><ul><li>Titanium Mobile API </li></u...
Amazing Mobile Platforms
Which is great and exciting!
...only how do we target all these cool platforms?
Well, you could build native, but... <ul><li>Which platforms do you choose? </li></ul><ul><li>How many codebases do you wa...
The Web Is An Option... <ul><li>...and should be preferred when feasible </li></ul><ul><li>Mobile browsers are progressing...
Ideally, we build  cross-platform native apps...
...but we don’t want to “write once, suck everywhere” * * Loren Brichter, creator “Twitter for iPhone”/Tweetie
X-Platform Requirements <ul><li>Target multiple platforms from a single codebase </li></ul><ul><li>Apps must feel like the...
Mobile App Framework <ul><li>Framework to build mobile app: </li></ul><ul><ul><li>Titanium Mobile (JavaScript, optionally ...
Titanium Mobile
Titanium Mobile <ul><li>Open Source (Apache 2.0) </li></ul><ul><li>A framework for building native mobile applications  </...
Titanium Mobile Architecture
Development Requirements <ul><li>Titanium Developer  </li></ul><ul><ul><li>Linux  </li></ul></ul><ul><ul><li>Mac OS </li><...
API
Example
Example
Example
DEMO
Get Support <ul><li>Titanium Mobile API </li></ul><ul><ul><li>http://developer.appcelerator.com/apidoc/mobile/ </li></ul><...
References <ul><li>Native Mobile Applications USING Open Source,  Kevin Whinnery, O’Reilley OSCON </li></ul><ul><li>Appcel...
Q & A
Stay Updated with DevCamp <ul><li>Website: </li></ul><ul><ul><li>http://www.sharevisionteam.org </li></ul></ul><ul><li>Sha...
Upcoming SlideShare
Loading in …5
×

Native Mobile Application Using Java Script

3,947 views
3,780 views

Published on

Develop native application on mobile using JavaScript framework

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,947
On SlideShare
0
From Embeds
0
Number of Embeds
379
Actions
Shares
0
Downloads
98
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Native Mobile Application Using Java Script

  1. 1. Native Mobile Application Using JavaScript
  2. 2. Who am I? <ul><li>Lim Borey </li></ul><ul><li>Developer @ Yoolk Inc. </li></ul><ul><li>@limborey </li></ul><ul><li>[email_address] </li></ul><ul><li>http://www.limborey.com </li></ul>
  3. 3. Topics <ul><li>Titanium Overview </li></ul><ul><li>Development Requirements </li></ul><ul><li>Titanium Mobile API </li></ul><ul><li>Demo </li></ul><ul><li>Get Support </li></ul><ul><li>Q & A </li></ul><ul><li>References </li></ul>
  4. 4. Amazing Mobile Platforms
  5. 5. Which is great and exciting!
  6. 6. ...only how do we target all these cool platforms?
  7. 7. Well, you could build native, but... <ul><li>Which platforms do you choose? </li></ul><ul><li>How many codebases do you want to (or even can you) support? </li></ul><ul><li>How long will it take to build native on N platforms? </li></ul><ul><li>How much effort will be duplicated? </li></ul><ul><li>What if you bet on the wrong platform? </li></ul><ul><li>Who writes the code? Hire out? Retrain/retool yourself or your devs? </li></ul>
  8. 8. The Web Is An Option... <ul><li>...and should be preferred when feasible </li></ul><ul><li>Mobile browsers are progressing fast and converging around WebKit </li></ul><ul><li>But there are limitations </li></ul><ul><li>Native apps are inherently more capable than web apps </li></ul><ul><li>Native apps run faster and smoother on resource constrained devices </li></ul>
  9. 9. Ideally, we build cross-platform native apps...
  10. 10. ...but we don’t want to “write once, suck everywhere” * * Loren Brichter, creator “Twitter for iPhone”/Tweetie
  11. 11. X-Platform Requirements <ul><li>Target multiple platforms from a single codebase </li></ul><ul><li>Apps must feel like they belong on the platform </li></ul><ul><li>Apps need to perform like native </li></ul><ul><li>Bonus: Open source and extensible </li></ul><ul><li>Bonus: Use skills we already have </li></ul>Hmmm, I wonder if he has a specific technology in mind...
  12. 12. Mobile App Framework <ul><li>Framework to build mobile app: </li></ul><ul><ul><li>Titanium Mobile (JavaScript, optionally HTML & CSS) </li></ul></ul><ul><ul><li>PhoneGap (HTML, CSS, JavaScript) </li></ul></ul><ul><ul><li>WRT – “Web RunTime” (HTML, CSS, JavaScript) </li></ul></ul><ul><ul><li>Rhodes – (Ruby) </li></ul></ul><ul><ul><li>Cacao – (Objective-C) </li></ul></ul><ul><ul><li>J2ME – (Java) </li></ul></ul><ul><ul><li>… . </li></ul></ul>
  13. 13. Titanium Mobile
  14. 14. Titanium Mobile <ul><li>Open Source (Apache 2.0) </li></ul><ul><li>A framework for building native mobile applications </li></ul><ul><li>Using open web technologies (JavaScript - optionally HTML and CSS) </li></ul><ul><li>Platform: </li></ul><ul><ul><li>iOS </li></ul></ul><ul><ul><li>Android </li></ul></ul><ul><ul><li>BlackBerry (beta preview) </li></ul></ul><ul><ul><li>webOS (soon) </li></ul></ul><ul><li>Current version: sdk 1.4.0 </li></ul>
  15. 15. Titanium Mobile Architecture
  16. 16. Development Requirements <ul><li>Titanium Developer </li></ul><ul><ul><li>Linux </li></ul></ul><ul><ul><li>Mac OS </li></ul></ul><ul><ul><li>Windows </li></ul></ul><ul><li>Emulator & phone OS version </li></ul><ul><ul><li>Iphone: xcode with iOS 3.2 & 4.0 </li></ul></ul><ul><ul><li>Android: android OS API 4 (v1.6) or above </li></ul></ul>
  17. 17. API
  18. 18. Example
  19. 19. Example
  20. 20. Example
  21. 21. DEMO
  22. 22. Get Support <ul><li>Titanium Mobile API </li></ul><ul><ul><li>http://developer.appcelerator.com/apidoc/mobile/ </li></ul></ul><ul><li>Titanium Q&A </li></ul><ul><ul><li>http://developer.appcelerator.com/questions </li></ul></ul><ul><li>KitchenSink - sample API app </li></ul><ul><li>Report bugs: </li></ul><ul><ul><li>https://appcelerator.lighthouseapp.com/ </li></ul></ul>
  23. 23. References <ul><li>Native Mobile Applications USING Open Source, Kevin Whinnery, O’Reilley OSCON </li></ul><ul><li>Appcelerator website </li></ul><ul><li>Appcelerator API </li></ul><ul><li>Building Native Apps with Titanium Mobile, Brendan G. Lim </li></ul>
  24. 24. Q & A
  25. 25. Stay Updated with DevCamp <ul><li>Website: </li></ul><ul><ul><li>http://www.sharevisionteam.org </li></ul></ul><ul><li>Share Vision TeamGoogle group </li></ul><ul><ul><li>http://groups.google.com/group/sharevisionteam </li></ul></ul><ul><li>Facebook </li></ul><ul><ul><li>http://www.facebook.com/pages/ShareVisionTeam/113681602015387 </li></ul></ul><ul><li>Twitter </li></ul><ul><ul><li>http://twitter.com/sharevisionteam </li></ul></ul>

×