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

Mobile Web Development Options

andy@promethost.com

Twitter: @akucharski

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

andy@promethost.com

Twitter: @akucharski

@PROMETSOURCE

MOZILLA

Responsive site from 1997