drupal business summit - making your sites mobile accessible, four methods
DESCRIPTION
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) ServicesTRANSCRIPT
About Me
• Presenter• Andy Kucharski
• @akucharski
• Promet Source• Founder
• Quality Assurance
• @prometsource
About Promet
• Focus on open source software and Drupal exclusively since 2008
• Founded in 2003• Offices in the US (Chicago, San Jose)
Drupal as a multiplatform CMS
Mobile Apps
Services
Contributed Modules
Drupal Core
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)
Other trends to consider
http://tag.microsoft.com/libraries/old_blogs/the-intelligent-shopper.sflb.ashx
Amazon eCommerce: over 1 Billion spent via mobile devices in past 12 months
What Was the Web? (thanks @brad_frost)
What is the Web? (thanks @brad_frost)
What will the Web be? (thanks @brad_frost)
Considerations – FOCUS People Using Mobile
Consideration – Content First Orbitz
Consideration – Content First United
What’s on?
Content ruleshttp://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/
Other Considerations – Page Speed
More resources
• www.futurefriend.ly
• http://www.abookapart.com/products/mobile-first
Four ways to get your message our Right Now
1. Use a third party tool2. Switch Themes (device or screen
detection)3. Responsive Design4. Build an application and access your data
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
Separate Templates
• Switch Theme – performance hit• Detect device and present proper theme
• Advantages• Control
• Disadvantages• Multiple themes to maintain
• Detection not always reliable
www.mcmcauto.com
Responsive
Responsive Example
Responsive Example
Responsive Site Example
Build Applications with Drupal Services
Proprietary Technology Options – REPLACED!
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.
Dispatch's Driver map
Hold curser over orange dot to display cab number.
All iPads have GPS tracking to manage cab’s location.
Call Screen
Pull down menu allows Users to assign calls to drivers.
User can click on any call to view in entirety & make revisions.
Green Cab Consumer App on iTunes
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
Drupal Profiles: Open Public – responsive out of the box
Drupal is Ready – Prime your site with OMEGA and other Responsive Themes
Services
Luke Wroblewski – Mobile First
GROWTH OPPORTUNITYCONSTRAINTS FOCUSCAPABILITIES INNOVATION
Drupal as a multiplatform CMS
Mobile Apps
Services
Contributed Modules
Drupal Core
Questions?www.prometsource.com
Twitter: @akucharski
@PROMETSOURCE
MOZILLA
Responsive site from 1997