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

2,516 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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,516
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • • Mobile phones will overtake PCs as the most common Web access devices worldwide by 2013 • 600% growth in traffic to mobile websites in 2010• Avgsmartphone user visits up to 24 Web sites visits per day• Top 50 websites constitute only 40% of all mobile visits• Opera Mini traffic up 200% yr/yr
  • 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

    ×