Your SlideShare is downloading. ×
Using+javascript+to+build+native+i os+applications
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Using+javascript+to+build+native+i os+applications

1,724
views

Published on

Published in: Technology, Education

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

  • Be the first to like this

No Downloads
Views
Total Views
1,724
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Using JavaScript to Build Native iOS Applications Andrew Lombardi Owner, Tech Evangelist Mystic Coders, LLC andrew AT mysticcoders DOT com kinabalu @ irc://irc.freenode.net - ##wicket, ##java kinabalu @ twitterMonday, April 4, 2011
  • 2. Monday, April 4, 2011
  • 3. 11 Years in businessMonday, April 4, 2011
  • 4. 11 Years in business Software ConsultantsMonday, April 4, 2011
  • 5. 11 Years in business Software Consultants International SpeakerMonday, April 4, 2011
  • 6. 11 Years in business Software Consultants International Speaker TrainingMonday, April 4, 2011
  • 7. 11 Years in business Software Consultants International Speaker Training Apache Wicket ContributorMonday, April 4, 2011
  • 8. 11 Years in business Software Consultants International Speaker Training Apache Wicket Contributor iPhone Developer (Obj-C / JavaScript)Monday, April 4, 2011
  • 9. 11 Years in business Software Consultants International Speaker Training Apache Wicket Contributor iPhone Developer (Obj-C / JavaScript) To our success!Monday, April 4, 2011
  • 10. Monday, April 4, 2011
  • 11. Monday, April 4, 2011
  • 12. Monday, April 4, 2011
  • 13. Tried learning Objective-CMonday, April 4, 2011
  • 14. Appcelerator Titanium http://www.appcelerator.com/Monday, April 4, 2011
  • 15. Sunshine! Blue Skies!Monday, April 4, 2011
  • 16. Titanium is... Titanium is an open source framework for building mobile and desktop applications using web technology (HTML, CSS and JavaScript)Monday, April 4, 2011
  • 17. What we’ll coverMonday, April 4, 2011
  • 18. What we’ll cover 1. The SetupMonday, April 4, 2011
  • 19. What we’ll cover 1. The Setup 2. Platform OverviewMonday, April 4, 2011
  • 20. What we’ll cover 1. The Setup 2. Platform Overview 3. Supported ModulesMonday, April 4, 2011
  • 21. What we’ll cover 1. The Setup 2. Platform Overview 3. Supported Modules 4. DemosMonday, April 4, 2011
  • 22. The SetupMonday, April 4, 2011
  • 23. 1. Download iOS SDK - http://developer.apple.comMonday, April 4, 2011
  • 24. Monday, April 4, 2011
  • 25. Pay theMonday, April 4, 2011
  • 26. Pay theAppleMonday, April 4, 2011
  • 27. Pay theApple TaxMonday, April 4, 2011
  • 28. Pay theApple $99 Tax USDMonday, April 4, 2011
  • 29. 2. Download: http://www.appcelerator.com/products/download/Monday, April 4, 2011
  • 30. License? • Apache 2.0 Licensed • Commercial training and support services available • Core SDK - free and open sourceMonday, April 4, 2011
  • 31. What is it good for? • Data-driven web service clients • Web service mash-ups • Social utilities • Casual gamesMonday, April 4, 2011
  • 32. Mobile ArchitectureMonday, April 4, 2011
  • 33. Training http://developer.appcelerator.com/trainingMonday, April 4, 2011
  • 34. Titanium PlusMonday, April 4, 2011
  • 35. Titanium Developer • Manage and run Titanium applications • Package applications for distribution • Run on a device for testing • Manage Appcelerator accountMonday, April 4, 2011
  • 36. Access to Media Interact with the iOS built-in cameras Ti.Media.showCamera({ success: function(imageBlob) { }, cancel: function() { }, error: function(error) { }, allowImageEditing: true });Monday, April 4, 2011
  • 37. Network XHR-style object for remote data requests. var loader = Ti.Network.createHTTPClient(); loader.open("GET","http://www.google.com/api/something"); loader.onload = function() { } // Send the HTTP request loader.send();Monday, April 4, 2011
  • 38. Facebook Connect Titanium.Facebook.appid = [YOUR APPID]; Titanium.Facebook.permissions = [publish_stream]; Titanium.Facebook.addEventListener(login, function(e) { if (e.success) { alert(Logged In); } else if (e.error) { alert(e.error); } else if (e.cancelled) { alert("Cancelled"); } }); Titanium.Facebook.authorize();Monday, April 4, 2011
  • 39. Full-Featured Development... Native User Experience Multimedia Native performance + Native UI Camera, video camera, streaming / (tables, animations, gestures, etc). device audio/video Location-based Services Analytics Augmented reality, geo-location, Camera, video camera, native image compass, native maps viewers, streaming or device audio/ video Social Sharing Authenticated access to Facebook, Extensibility Twitter, Yahoo YQL. Native email/ Add any native Obj. C (iPhone) or address book. Java (Android) module into Titanium Data Development Tools Access online / device data, Create, test, and publish your app embedded SQL database, filesystem, web servicesMonday, April 4, 2011
  • 40. Titanium Fundamentals • A Titanium application is a JavaScript program that is interpreted at runtime on the device • app.js = root execution context of the app • No browser involved • We use the WebKit KJS JavaScript engine (iOS) or Rhino (Android/BB)Monday, April 4, 2011
  • 41. Titanium Javascript API • Organized into logical namespaces • “Titanium” (or just “Ti” for short) is the root namespace for all Titanium functionality • A few other odds and ends in the global space – setTimeout/setInterval – alert – JSONMonday, April 4, 2011
  • 42. Titanium UI Composition • A single window or stack of windows • Tab Group containing many windows • Windows contain viewsMonday, April 4, 2011
  • 43. O ! DEMMonday, April 4, 2011
  • 44. More websites for E S Titanium knowledge C U R E SORMonday, April 4, 2011
  • 45. New Semantic Tags (more) General Homepage: http://www.appcelerator.com Twitter: @appcelerator IRC: #twitter_app Source: http://github.com/appceleratorMonday, April 4, 2011
  • 46. Monday, April 4, 2011
  • 47. Titanium Rocks!!Monday, April 4, 2011
  • 48. Q&A Thanks for listening! Andrew Lombardi Owner, Tech Evangelist Mystic Coders, LLC andrew AT mysticcoders DOT com kinabalu @ irc://irc.freenode.net - ##wicket, ##javaMonday, April 4, 2011