Mobile Panels Sites

Overview:
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