A presentation by Richard Gonzales, Rails developer, for the Philippine Ruby Users Group (PhRUG) meetup on 11/22/12 at the Exist TechBar in Ortigas

1. PAGE 1
API-Centric Rails Web Apps
and Hybrid Mobile App Integration
Presented by:
Richard Gonzales, Rails Developer @existglobal
RUBY ON RAILS INTERACTIVE MEDIA IPHONE & IPAD APPS DRUPAL FLASH WEB DESIGN & DEVELOPMENT SOCIAL NETWORKING JAVASCRIPT

2. PAGE 2
About Us
Exist.com – among our services: application development (java and RoR); interactive web
and mobile application; QA and software testing
Me – Rails developer, web designer, UI and UX lover. Classical music and coffee.
@cargondoles, chardgonzales.com (not updated)
ENTERPRISE SOFTWARE JAVA HEALTHCARE APPLICATIONS FINANCE CONTENT MANAGEMENT SOLUTIONS TRANSPORT & LOGISTICS

3. PAGE 3
State of Mobile Web Development
Explosion of interest and activity by developers in HTML5, and developing native apps for
mobile platforms like iOS and Android using web technologies
Source: http://www.webdirections.org/sotmw2011/
PRIVATE CLOUD COMPUTING HIGH AVAILABILITY UTILITY MODEL PUBLIC CLOUD SERVICES HYBRID CLOUD SOLUTIONS

4. PAGE 4
State of Mobile Web Development
Web site testing across a wide range of mobile devices jumps significantly;
Confidence in developing native apps using HTML5
Source: http://www.webdirections.org/sotmw2011/
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

5. PAGE 5
State of Mobile Web Development
Interest in developing native apps using web technologies; Jquery mobile leads
the mobile js frameworks
JQTouch and Zepto integrated by SechaLabs
Source: http://www.webdirections.org/sotmw2011/
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

6. PAGE 6
2012 Internet and Mobile Trends
• Internet growth remains robust, rapid mobile adoption still in early stages
• Philippines is 5th in the global internet users, China tops, US 8 th; 8% growth
• Philippines at 25th in the global mobile 3G subscribers, US, Japan, China and
Korea top 4; 37% growth
• Android phones ramped 4x faster than iPhone
• Mobile internet usage surpassed desktop internet usage in India (May 2012)
Source: http://www.kpcb.com/insights/2012-internet-trends
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

7. PAGE 7
2012 Internet and Mobile Trends
• HTML5 vs downloadable apps
• NFC for payment/offers/loyalty
• Rapid enterprise adoption of tablets to productivity
• Tipping point -> 50% population in developed markets will have smartphones
• Gamification – ultimate way to engage a new generation of audiences
• Empowerment – impact on empowering billions of people, real-time
Source: http://www.kpcb.com/insights/top-10-mobile-internet-trends
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

8. PAGE 8
Re-imagination of Nearly Everything
New Devices + Connectivity + UI + Beauty
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

9. PAGE 9
API-Centric Web Appliction
• Executes most, if not, all its functionality through API calls
• Stateless – can’t recognize API calls by session; works not based on the state
of the current user, but rather on functionality
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

10. PAGE 10
API-Centric NOT People-Centric
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

11. PAGE 11
Mobile Development
• Native Applications – iOS, Android, etc.
• Mobile Web – Responsive web design (sample: http://thenextweb.com/)
• Hybrid Mobile Applications – hybrid mobile frameworks + mobile js
frameworks + HTML5/CSS3
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

12. PAGE 12
Mobile JS Frameworks
Source: http://www.codefessions.com/2012/05/which-mobile-javascript-framework-is.html
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

13. PAGE 13
Hybrid Mobile Frameworks
http://en.wikipedia.org/wikiMultiple_phone_web_based_application_framework
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

14. PAGE 14
Samples
Mobile web demo app
Source: https://github.com/jcuervo/mobilewebdemo
Stage: http://mobilewebdemo.herokuapp.com
Sample iOS project: https://github.com/jcuervo/mobiledemoios
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

15. PAGE 15
Next
• OAuth2
• Gem ‘versioncake’ or other API versioning approach
• Play with other devices (Windows, BlackBerry, etc.)
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS

16. PAGE 16
Resources and References
• The State of (Mobile) Web Development 2011 -
http://www.webdirections.org/sotmw2011/
• 2012 Internet Trends - http://www.kpcb.com/insights/2012-internet-trends
• Top 10 Mobile Internet Trends - http://www.kpcb.com/insights/top-10-mobile-
internet-trends
• TutsPlus.com - http://net.tutsplus.com/tutorials/php/creating-an-api-centric-
web-application/
• Business Insider - http://www.businessinsider.com/growth-hackers-are-the-
new-marketers-2012-4
OPEN SOURCE GLUECODE JOE MAESTRO LOGICBLAZE FUSE SOA OPEN CORE CLOUD COMPUTING MORPHLABS