Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Drupal Business Summit - making your sites mobile accessible, four methods

2,539 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Drupal Business Summit - making your sites mobile accessible, four methods

  1. 1. Mobile Web Development Options andy@promethost.com Twitter: @akucharski
  2. 2. About Me • Presenter • Andy Kucharski • @akucharski • Promet Source • Founder • Quality Assurance • @prometsource
  3. 3. About Promet • Focus on open source software and Drupal exclusively since 2008 • Founded in 2003 • Offices in the US (Chicago, San Jose)
  4. 4. Drupal as a multiplatform CMS Mobile Apps Services Contributed Modules Drupal Core
  5. 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. 6. Other trends to consider Amazon eCommerce: over 1 Billion spent via mobile devices in past 12 monthshttp://tag.microsoft.com/libraries/old_blogs/the-intelligent-shopper.sflb.ashx
  7. 7. What Was the Web? (thanks @brad_frost)
  8. 8. What is the Web? (thanks @brad_frost)
  9. 9. What will the Web be? (thanks @brad_frost)
  10. 10. Considerations – FOCUS People Using Mobile
  11. 11. Consideration – Content First Orbitz
  12. 12. Consideration – Content First United
  13. 13. What’s on?
  14. 14. Content ruleshttp://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/
  15. 15. Other Considerations – Page Speed
  16. 16. More resources• www.futurefriend.ly• http://www.abookapart.com/products/mobile-first
  17. 17. Four ways to get your message our Right Now1. Use a third party tool2. Switch Themes (device or screen detection)3. Responsive Design4. Build an application and access your data
  18. 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. 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. 20. www.mcmcauto.com
  21. 21. Responsive
  22. 22. Responsive Example
  23. 23. Responsive Example
  24. 24. Responsive Site Example
  25. 25. Build Applications with Drupal Services
  26. 26. Proprietary Technology Options – REPLACED!
  27. 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. 28. Dispatchs Driver map Hold curser over orange dot to display cab number. All iPads have GPS tracking to manage cab’s location.
  29. 29. Call ScreenUser can click on any call to view inentirety & make revisions. Pull down menu allows Users to assign calls to drivers.
  30. 30. Green Cab Consumer App on iTunes
  31. 31. 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
  32. 32. Drupal Profiles: Open Public – responsive out of the box
  33. 33. Drupal is Ready – Prime your site with OMEGA andother Responsive Themes
  34. 34. Services
  35. 35. Luke Wroblewski – Mobile FirstGROWTH  OPPORTUNITYCONSTRAINTS  FOCUSCAPABILITIES  INNOVATION
  36. 36. Drupal as a multiplatform CMS Mobile Apps Services Contributed Modules Drupal Core
  37. 37. Questions?www.prometsource.com andy@promethost.com Twitter: @akucharski @PROMETSOURCE
  38. 38. MOZILLA
  39. 39. Responsive site from 1997

×