Building iPhone/Andriod Apps with Titanium Appcelerator for a Rails Backend

  • 12,553 views
Uploaded on

Adapted slides from the App U for a Rails audience presented at Skills Matter Third Anual Ruby on Rails eXchange

Adapted slides from the App U for a Rails audience presented at Skills Matter Third Anual Ruby on Rails eXchange

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
12,553
On Slideshare
0
From Embeds
0
Number of Embeds
7

Actions

Shares
Downloads
308
Comments
0
Likes
15

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. Building iPhone & Andriod Applications with a Rails Backend Andrew Chalkley Twitter: @chalkers | http://andrew.chalkley.org More Information: Twitter: @appcelerator | http://appcelerator.com http://www.appcelerator.com | Code Strong! 1
  • 2. Introduction • RIA Lead - Cake Solutions www.cakesolutions.net • RIA Community Leader - Skills Matter • Teach the Core Ruby on Rails Course http://www.appcelerator.com | Code Strong! 2
  • 3. From CRUD to REST • It was all about the database CRUD • The REST was history • Rails is the a first class citizen for consuming and providing APIs http://www.appcelerator.com | Code Strong! 3
  • 4. Show of Hands http://www.appcelerator.com | Code Strong! 4
  • 5. An Unlikely Hero • For a decade, web technologies have become one of the world’s most popular client application technology solutions: – Easy to deploy and maintain – Cross platform – Open standards • Warts and all, it’s tough to find a developer who has ZERO experience with these tools http://www.appcelerator.com | Code Strong! 5
  • 6. If web apps are so great... ...why are we interested in building native applications at all? Well: – They feel responsive – They leverage platform capabilities • Filesystem I/O • Local Database • Mobile: Camera or Accelerometer – They are or can be ‘always on’ – They can be used offline http://www.appcelerator.com | Code Strong! 6
  • 7. But my dev shop has... • An investment in the people, tools, skills, and technology to build web applications • An appreciation for open source and open standards • A need to get market quickly • An aversion to maintaining a codebase per supported platform http://www.appcelerator.com | Code Strong! 7
  • 8. If only you could... • Build fully native apps using web technologies you know today • Build cross platform apps from a shared codebase • Use open source software, based on open standards • Find lots of available development talent to build these apps http://www.appcelerator.com | Code Strong! 8
  • 9. Enter Titanium Titanium is an open source framework for building native desktop and mobile applications using open web technologies (HTML, CSS, and JavaScript) • Website: http://appcelerator.com • Twitter: http://twitter.com/appcelerator • Source: http://github.com/appcelerator http://www.appcelerator.com | Code Strong! 9
  • 10. Platforms? • Desktop: Win32, Mac OS X (Intel), Linux • Mobile: iPhone OS, Android • More to come http://www.appcelerator.com | Code Strong! 10
  • 11. License? • Open Source under Apache 2.0 • Commercial training and support services available • More value add services to come (analytics) • Core SDK - always free and open source http://www.appcelerator.com | Code Strong! 11
  • 12. Titanium “Sweet Spot” • Data-driven web service clients (Enterprise applications) • Web service mash-ups • Social utilities • Brand affinity • Casual games • Anything requiring cross-platform support http://www.appcelerator.com | Code Strong! 12
  • 13. More on Titanium • Web: http://appcelerator.com • Twitter: http://twitter.com/appcelerator • Docs: http://www.codestrong.com • Videos: http://vimeo.com/appcelerator • Source: http://github.com/appcelerator http://www.appcelerator.com | Code Strong! 13
  • 14. Mobile Architecture and API Overview http://www.appcelerator.com | Code Strong! 14
  • 15. Mobile Architecture http://www.appcelerator.com | Code Strong! 15
  • 16. Media Stream or package audio and video content http://www.appcelerator.com | Code Strong! 16
  • 17. More Media... Interact with the iPhone or Android built-in cameras http://www.appcelerator.com | Code Strong! 17
  • 18. Geolocation Use Geolocation to leverage your user’s position in the world http://www.appcelerator.com | Code Strong! 18
  • 19. Accelerometer Use advanced gestures and track movement to create groundbreaking user interfaces http://www.appcelerator.com | Code Strong! 19
  • 20. Database and File System Access a SQLite Database (synch or asynch) and the platform file system http://www.appcelerator.com | Code Strong! 20
  • 21. Network XHR-style object for remote data requests. http://www.appcelerator.com | Code Strong! 21
  • 22. Native UI Controls Use native controls through a JavaScript interface. http://www.appcelerator.com | Code Strong! 22
  • 23. Integrated YQL Support • YQL - A web service aggregator using open tables • Built in to Titanium.Yahoo namespace http://www.appcelerator.com | Code Strong! 23
  • 24. Facebook Connect • Facebook Connect module (currently iPhone only) • Currently support for FQL • More on the way http://www.appcelerator.com | Code Strong! 24
  • 25. Native iPhone UI • Tab Bar • Nav Bar • Table View • Alert / Options • Group Views / Text • Many More http://www.appcelerator.com | Code Strong! 25
  • 26. Native Android UI • Tab Bar • Table View • Alert / Options • Activity Indicator • Notifications • Many More http://www.appcelerator.com | Code Strong! 26
  • 27. Common APIs iPhone Table View Android Table View Same Code Creates Both http://www.appcelerator.com | Code Strong! 27
  • 28. More APIs • Platform / OS Data • Application Properties • Logging • Scroll and Image Views • Composite Views • More always coming http://www.appcelerator.com | Code Strong! 28
  • 29. Still Want More? • Kitchen Sink - Full API Demo • Codestrong.com has Examples and Guides • http://www.codestrong.com/timobile/ samples/ http://www.appcelerator.com | Code Strong! 29
  • 30. Titanium Developer •Developer is a Titanium Application •Projects created/managed via Titanium Developer •Titanium Developer deploys code to simulators •Developer also helps with testing and packaging for devices •Requires sign-up for Appcelerator Network (support, e-mail list, other services) http://www.appcelerator.com | Code Strong! 30
  • 31. Kicking The Tires • Skills Matter Events Demo http://screenr.com/vy2 http://www.appcelerator.com | Code Strong! 31
  • 32. Next Steps • Download: appcelerator.com/download • Hack – Docs/Samples: http://www.codestrong.com – Screencasts: http://vimeo.com/appcelerator • Get Help – http://support.appcelerator.net – IRC Chat - irc.freenode.net / #titanium_app http://www.appcelerator.com | Code Strong! 32
  • 33. Questions? @chalkers http://www.appcelerator.com | Code Strong! 33