Mobile Panels Sites


I believe that mobile device integration is a key component of a compelling user experience. As smartphones get faster their screen size does not change dramatically. So while they are more capable of rendering desktop content their screen cannot comfortably display all of it. This requires a different strategy than desktop targeted sites. Mobile devices need theming and other optimizations to take into account the screen size and processing power.

Session overview:
This session will cover the technologies utilized and then follow the application to two example sites. The first being a portfolio site using Imagecache and Ubercart and the second site being a map based social portal using Services, GMaps, and offline storage.

The portfolio site includes a Panels Everywhere install, image photo content type, Imagecache presets, dynamic CSS, an Ubercart product, and a mobile theme.

The social site includes a Panels Everywhere install, a GMaps page, dynamic CSS, and a JSON Views service and integration of the devices GPS.

Session components:

  • Desktop and mobile site overview
  • Mobile feature utilization
    • Offline storage
    • Geolocation
    • Touch events
  • Device selection
    • Mobile Tools
    • Custom

Mobile devices targeted:

  • iOS
  • Android

Drupal contrib projects utilized:

  • Views
  • Panels
  • Panels Everywhere
  • CTools
  • Mobile Tools
  • Zen
  • Imagecache
  • and more...

To ge the most of this session, it would help to have some understanding of:

  • PHP
  • CSS
  • HTML5
  • Javascript/jQuery
  • Phptemplate
  • Drupal core internals
  • Module creation
  • WebKit

Presenter Details:
Carlo Mogavero is a Drupal developer for General Things Inc. located in San Francisco and consults as Caffed Productions

Intended audience: 

This session targets intermediate site builders and coders.

Questions answered by this session
Question 1: 
How can I utilize the same assets for different devices
Question 2: 
How can Panels help minimize site building overhead
Question 3: 
What are options for device detection - canned vs. roll your own
Question 4: 
What features differentiate mobile devices
Question 5: 
What are mobile device limitations
Your rating: None Average: 3.8 (25 votes)



Even though this proposal didn't make it, I will still post the session slides and examples on my site right before the conference.

Thanks to all who voted for me!


Diamond Sponsors

Platinum sponsors


Gold Sponsors

Chapter Three
Drupal Connect
Treehouse Agency