Drupal Business Summit - making your sites mobile accessible, four methods.
-
Upload
promet-source -
Category
Technology
-
view
1.805 -
download
3
description
Transcript of Drupal Business Summit - making your sites mobile accessible, four methods.
![Page 2: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/2.jpg)
About Me
• Presenter• Andy Kucharski
• @akucharski
• Promet Source• Founder
• Quality Assurance
• @prometsource
![Page 3: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/3.jpg)
About Promet
• Focus on open source software and Drupal exclusively since 2008
• Founded in 2003• Offices in the US (Chicago, San Jose)
![Page 4: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/4.jpg)
Drupal as a multiplatform CMS
Mobile Apps
Services
Contributed Modules
Drupal Core
![Page 5: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/5.jpg)
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)
![Page 6: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/6.jpg)
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
![Page 7: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/7.jpg)
What Was the Web? (thanks @brad_frost)
![Page 8: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/8.jpg)
What is the Web? (thanks @brad_frost)
![Page 9: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/9.jpg)
What will the Web be? (thanks @brad_frost)
![Page 10: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/10.jpg)
Considerations – FOCUS People Using Mobile
![Page 11: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/11.jpg)
Consideration – Content First Orbitz
![Page 12: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/12.jpg)
Consideration – Content First United
![Page 13: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/13.jpg)
What’s on?
![Page 14: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/14.jpg)
Content ruleshttp://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/
![Page 15: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/15.jpg)
Other Considerations – Page Speed
![Page 16: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/16.jpg)
More resources
• www.futurefriend.ly
• http://www.abookapart.com/products/mobile-first
![Page 17: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/17.jpg)
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
![Page 18: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/18.jpg)
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
![Page 19: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/19.jpg)
Separate Templates
• Switch Theme – performance hit• Detect device and present proper theme
• Advantages• Control
• Disadvantages• Multiple themes to maintain
• Detection not always reliable
![Page 20: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/20.jpg)
www.mcmcauto.com
![Page 21: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/21.jpg)
Responsive
![Page 22: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/22.jpg)
Responsive Example
![Page 23: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/23.jpg)
Responsive Example
![Page 24: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/24.jpg)
Responsive Site Example
![Page 25: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/25.jpg)
Build Applications with Drupal Services
![Page 26: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/26.jpg)
Proprietary Technology Options – REPLACED!
![Page 27: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/27.jpg)
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.
![Page 28: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/28.jpg)
Dispatch's Driver map
Hold curser over orange dot to display cab number.
All iPads have GPS tracking to manage cab’s location.
![Page 29: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/29.jpg)
Call Screen
Pull down menu allows Users to assign calls to drivers.
User can click on any call to view in entirety & make revisions.
![Page 30: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/30.jpg)
Green Cab Consumer App on iTunes
![Page 31: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/31.jpg)
![Page 32: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/32.jpg)
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
![Page 33: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/33.jpg)
Drupal Profiles: Open Public – responsive out of the box
![Page 34: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/34.jpg)
Drupal is Ready – Prime your site with OMEGA and other Responsive Themes
![Page 35: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/35.jpg)
Services
![Page 36: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/36.jpg)
Luke Wroblewski – Mobile First
GROWTH OPPORTUNITYCONSTRAINTS FOCUSCAPABILITIES INNOVATION
![Page 37: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/37.jpg)
Drupal as a multiplatform CMS
Mobile Apps
Services
Contributed Modules
Drupal Core
![Page 38: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/38.jpg)
Questions?www.prometsource.com
Twitter: @akucharski
@PROMETSOURCE
![Page 39: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/39.jpg)
MOZILLA
![Page 40: Drupal Business Summit - making your sites mobile accessible, four methods.](https://reader033.fdocuments.in/reader033/viewer/2022061221/54bd51d14a7959d5288b459c/html5/thumbnails/40.jpg)
Responsive site from 1997