Drupal Business Summit 2012 Drupal Mobile Case studies: considerations to keep in mind when creating mobile sites and Four ways to take your site mobile and case studies: 1) mobify, 2) jQuery Mobile 3) Responsive Design 4) Services

1. Mobile Web Development Options
andy@promethost.com
Twitter: @akucharski

2. About Me
• Presenter
• Andy Kucharski
• @akucharski
• Promet Source
• Founder
• Quality Assurance
• @prometsource

3. About Promet
• Focus on open source software and Drupal exclusively
since 2008
• Founded in 2003
• Offices in the US (Chicago, San Jose)

4. Drupal as a multiplatform CMS
Mobile Apps
Services
Contributed Modules
Drupal Core

5. Hockey Stick Graph
• By 2013, mobile phones will overtake PCs as the most-common
Web access device worldwide
• PrometSource.com website mobile traffic grew 275% from May
2011 to May 2012 (currently 6% of total traffic)

6. Other trends to consider
Amazon eCommerce: over 1 Billion spent via mobile devices in past 12
months
http://tag.microsoft.com/libraries/old_blog
s/the-intelligent-shopper.sflb.ashx

7. What Was the Web? (thanks @brad_frost)

8. What is the Web? (thanks @brad_frost)

9. What will the Web be? (thanks @brad_frost)

10. Considerations – FOCUS People Using Mobile

11. Consideration – Content First Orbitz

12. Consideration – Content First United

13. What’s on?

14. Content rules
http://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/

15. Other Considerations – Page Speed

16. More resources
• www.futurefriend.ly
• http://www.abookapart.com/products/mobile-first

17. Four ways to get your message our Right Now
1. Use a third party tool
2. Switch Themes (device or screen
detection)
3. Responsive Design
4. Build an application and access your data

18. Simple Option – use a third party
• M.Dot – separate Domain
• Use a third party such as Mobify or
MoovWeb
• They provide tools to transform your
layouts
• They will host your mobile site
• Advantages
• Fast and easy
• Free options available
• Disadvantages
• Multiple platforms
• Loose some control to the third party
• Commercial support may get pricey

19. Separate Templates
• Switch Theme – performance hit
• Detect device and present proper theme
• Advantages
• Control
• Disadvantages
• Multiple themes to maintain
• Detection not always reliable

20. www.mcmcauto.com

21. Responsive

22. Responsive Example

23. Responsive Example

24. Responsive Site Example

25. Build Applications with Drupal Services

26. Proprietary Technology Options – REPLACED!

27. Receiving calls on ipad
When Driver arrives to the
pick up location, they will
touch ‘Load’ or ‘No Load’
based on whether Rider gets
into cab.

28. Dispatch's Driver map
Hold curser over orange dot to
display cab number.
All iPads have GPS tracking to
manage cab’s location.

29. Call Screen
User can click on any call to view in
entirety & make revisions. Pull down menu allows
Users to assign calls to
drivers.

30. Green Cab Consumer App on iTunes

32. Pragmatism, Reality and Budgets
• So you’re not ready to build an Augmented Reality application for your
Drupal website – it’s OK!
• Reasons to be happy about being here

33. Drupal Profiles: Open Public – responsive out of the box

34. Drupal is Ready – Prime your site with OMEGA and
other Responsive Themes

35. Services

36. Luke Wroblewski – Mobile First
GROWTH  OPPORTUNITY
CONSTRAINTS  FOCUS
CAPABILITIES  INNOVATION

37. Drupal as a multiplatform CMS
Mobile Apps
Services
Contributed Modules
Drupal Core

38. Questions?
www.prometsource.com
andy@promethost.com
Twitter: @akucharski
@PROMETSOURCE

39. MOZILLA

40. Responsive site from 1997