Building iPhone/Andriod Apps with Titanium Appcelerator for a Rails Backend
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

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

  • 15,974 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
15,974
On Slideshare
15,831
From Embeds
143
Number of Embeds
6

Actions

Shares
Downloads
308
Comments
0
Likes
15

Embeds 143

http://www.slideshare.net 135
http://localhost 2
http://www.slashdocs.com 2
http://www.docshut.com 2
http://www.verious.com 1
https://www.linkedin.com 1

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