Building iPhone & Andriod
Applications with a Rails Backend

                        Andrew Chalkley
       Twitter: @chal...
Introduction


• RIA Lead - Cake Solutions
  www.cakesolutions.net
• RIA Community Leader - Skills Matter
• Teach the Core...
From CRUD to REST


• It was all about the database CRUD
• The REST was history

• Rails is the a first class citizen for ...
Show of Hands




 http://www.appcelerator.com | Code Strong!   4
An Unlikely Hero
• For a decade, web technologies have
  become one of the world’s most popular
  client application techn...
If web apps are so great...
...why are we interested in building native
applications at all? Well:
– They feel responsive
...
But my dev shop has...
• An investment in the people, tools, skills,
  and technology to build web applications
• An appre...
If only you could...
• Build fully native apps using web
  technologies you know today
• Build cross platform apps from a ...
Enter Titanium

 Titanium is an open source framework for
    building native desktop and mobile
 applications using open ...
Platforms?
• Desktop: Win32, Mac OS X (Intel), Linux
• Mobile: iPhone OS, Android
• More to come




              http://...
License?
• Open Source under Apache 2.0
• Commercial training and support services
  available
• More value add services t...
Titanium “Sweet Spot”
• Data-driven web service clients (Enterprise
  applications)
• Web service mash-ups
• Social utilit...
More on Titanium
• Web: http://appcelerator.com
• Twitter: http://twitter.com/appcelerator
• Docs: http://www.codestrong.c...
Mobile Architecture and API
         Overview



       http://www.appcelerator.com | Code Strong!   14
Mobile Architecture




   http://www.appcelerator.com | Code Strong!   15
Media
Stream or package audio and video
content




                   http://www.appcelerator.com | Code Strong!   16
More Media...
Interact with the iPhone or Android
built-in cameras




                   http://www.appcelerator.com | Co...
Geolocation
Use Geolocation to leverage your
user’s position in the world




                   http://www.appcelerator.c...
Accelerometer
Use advanced gestures and track
movement to create
groundbreaking user interfaces




                   htt...
Database and File System
Access a SQLite Database (synch or
asynch) and the platform file
system




                   ht...
Network
XHR-style object for remote data
requests.




                   http://www.appcelerator.com | Code Strong!   21
Native UI Controls
Use native controls through a
JavaScript interface.




                    http://www.appcelerator.com...
Integrated YQL Support
• YQL - A web service
  aggregator using
  open tables
• Built in to
  Titanium.Yahoo
  namespace

...
Facebook Connect
• Facebook Connect
  module (currently
  iPhone only)
• Currently support
  for FQL
• More on the way



...
Native iPhone UI
• Tab Bar
• Nav Bar
• Table View
• Alert / Options
• Group Views / Text
• Many More



              http...
Native Android UI
• Tab Bar
• Table View
• Alert / Options
• Activity Indicator
• Notifications
• Many More



           ...
Common APIs
iPhone Table View                                           Android Table View




                        Sam...
More APIs
• Platform / OS Data
• Application Properties
• Logging
• Scroll and Image Views
• Composite Views
• More always...
Still Want More?
• Kitchen Sink - Full API Demo
• Codestrong.com has Examples and Guides
• http://www.codestrong.com/timob...
Titanium Developer
•Developer is a Titanium Application
•Projects created/managed via Titanium
 Developer
•Titanium Develo...
Kicking The Tires


• Skills Matter Events Demo
  http://screenr.com/vy2




              http://www.appcelerator.com | C...
Next Steps
• Download: appcelerator.com/download
• Hack
 – Docs/Samples: http://www.codestrong.com
 – Screencasts: http://...
Questions?


   @chalkers


http://www.appcelerator.com | Code Strong!   33
Upcoming SlideShare
Loading in...5
×

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

12,844

Published on

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

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

No Downloads
Views
Total Views
12,844
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
311
Comments
0
Likes
14
Embeds 0
No embeds

No notes for slide
  • Building iPhone/Andriod Apps with Titanium Appcelerator for a Rails Backend

    1. 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. 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. 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. 4. Show of Hands http://www.appcelerator.com | Code Strong! 4
    5. 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. 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. 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. 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. 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. 10. Platforms? • Desktop: Win32, Mac OS X (Intel), Linux • Mobile: iPhone OS, Android • More to come http://www.appcelerator.com | Code Strong! 10
    11. 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. 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. 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. 14. Mobile Architecture and API Overview http://www.appcelerator.com | Code Strong! 14
    15. 15. Mobile Architecture http://www.appcelerator.com | Code Strong! 15
    16. 16. Media Stream or package audio and video content http://www.appcelerator.com | Code Strong! 16
    17. 17. More Media... Interact with the iPhone or Android built-in cameras http://www.appcelerator.com | Code Strong! 17
    18. 18. Geolocation Use Geolocation to leverage your user’s position in the world http://www.appcelerator.com | Code Strong! 18
    19. 19. Accelerometer Use advanced gestures and track movement to create groundbreaking user interfaces http://www.appcelerator.com | Code Strong! 19
    20. 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. 21. Network XHR-style object for remote data requests. http://www.appcelerator.com | Code Strong! 21
    22. 22. Native UI Controls Use native controls through a JavaScript interface. http://www.appcelerator.com | Code Strong! 22
    23. 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. 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. 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. 26. Native Android UI • Tab Bar • Table View • Alert / Options • Activity Indicator • Notifications • Many More http://www.appcelerator.com | Code Strong! 26
    27. 27. Common APIs iPhone Table View Android Table View Same Code Creates Both http://www.appcelerator.com | Code Strong! 27
    28. 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. 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. 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. 31. Kicking The Tires • Skills Matter Events Demo http://screenr.com/vy2 http://www.appcelerator.com | Code Strong! 31
    32. 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. 33. Questions? @chalkers http://www.appcelerator.com | Code Strong! 33
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×