mobile is mainstream
DESCRIPTION
Did you know? 80% of Twitter usage is on a mobile device. 35% of books on Amazon are for the Kindle. 25% of Americans in the past month said they have watched a short video on their phone. Mobile is driving the way we communicate, consume and connect; Drupal provides a superior mobile content delivery system. Why Drupal? Drupal’s node based platform allows site builders to easily repurpose content for consumption on smart phones, tablets and other mobile devices. Drupal’s tremendous flexibility to reformat content for delivery on mobile devices is built into the core, by separating presentation from content at the atomic level, site builders pick and choose which elements on a page they want to include on a mobile device, e.g. headline, teaser, text, demos and images. This session will showcase Drupal’s tremendous content flexibility and what it means for mobile devices and mobile application development.TRANSCRIPT
![Page 1: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/1.jpg)
Mobile IS Mainstream
Bryan HouseVP Marketing Acquia@bryanhouse
![Page 2: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/2.jpg)
© 2011 Acquia, Inc. All rights reserved.
Agenda
• Context
• Content for interactive experiences
• Approaches to mobile content delivery
• Summary
![Page 3: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/3.jpg)
© 2011 Acquia, Inc. All rights reserved.
Context
Desktop
![Page 4: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/4.jpg)
© 2011 Acquia, Inc. All rights reserved.
Context
Mobile Apps
![Page 5: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/5.jpg)
© 2011 Acquia, Inc. All rights reserved.
Context
Smart phone browsers
![Page 6: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/6.jpg)
© 2011 Acquia, Inc. All rights reserved.
Context
Mobile device browsers
![Page 7: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/7.jpg)
© 2011 Acquia, Inc. All rights reserved.
Context
Tablet Apps
![Page 8: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/8.jpg)
© 2011 Acquia, Inc. All rights reserved.
Context
Tablet Browsers
![Page 9: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/9.jpg)
© 2011 Acquia, Inc. All rights reserved.
Drupal is uniquely capable of addressing a broad range of content needs across multiple mobile device platforms
![Page 10: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/10.jpg)
© 2011 Acquia, Inc. All rights reserved.
Content for Interactive, Mobile Experiences
![Page 11: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/11.jpg)
© 2011 Acquia, Inc. All rights reserved.
Content for Interactive, Mobile Experiences
“What’s Hot”
BreakingNews Story
Ad banners
Social “Pulse”
Upcoming Events
![Page 12: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/12.jpg)
© 2011 Acquia, Inc. All rights reserved.
Content for Interactive, Mobile Experiences
“What’s Hot”
BreakingNews Story• Article• Image• Taxonomy / tagging• Related Stories
• Article• Video• Ratings
Ad banners
Social “Pulse”
Upcoming Events
• Images• URLs• Tracking• Multivariate testing
• Calendar• Event information• Location data
• Blog posts• Twitter posts• Facebook info• User comments• Opinion poll
![Page 13: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/13.jpg)
© 2011 Acquia, Inc. All rights reserved.
Ad banners
Social “Pulse”
“What’s Hot”
BreakingNews Story
Upcoming Events
![Page 14: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/14.jpg)
Content Types
© 2011 Acquia, Inc. All rights reserved.
• Title• Author• Published
Content Type
BreakingNews Story
Article
Image
RelatedStories
• Image Title• Description• Rights Owner
• Title• Author• Link
Fields
![Page 15: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/15.jpg)
Nodes & Content Types
© 2011 Acquia, Inc. All rights reserved.
BreakingNews Story
Nodes
• Title• Author• Published
Content Type
Article
Image
RelatedStories
• Image Title• Description• Rights Owner
• Title• Author• Link
Fields Views
![Page 16: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/16.jpg)
© 2011 Acquia, Inc. All rights reserved.
How Drupal Manages Users
Administrator AnonymousUsers
Authenticated Users
Roles Groups of like users
Create Page Edit Page
authors editors
Permissions Operations allowed by role
Views Determined by permissionsMy Posts All Posts
Unlimited custom roles, permissions & views
![Page 17: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/17.jpg)
© 2011 Acquia, Inc. All rights reserved.
![Page 18: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/18.jpg)
© 2011 Acquia, Inc. All rights reserved.
![Page 19: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/19.jpg)
© 2011 Acquia, Inc. All rights reserved.
![Page 20: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/20.jpg)
© 2011 Acquia, Inc. All rights reserved.
Services-based CMS Can Power It All
![Page 21: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/21.jpg)
© 2011 Acquia, Inc. All rights reserved.
What’s the Best Approach to Mobile?
• What are your user experience needs?
• How fast do you need to deploy mobile sites?
• What’s your tolerance for complexity?
• Can your mobile content strategy drive your existing website design and content?
• Are you ready for mobile app development?
![Page 22: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/22.jpg)
© 2011 Acquia, Inc. All rights reserved.
Architecture Options
Database
CMS
Applications
![Page 23: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/23.jpg)
© 2011 Acquia, Inc. All rights reserved.
Architecture Options
Database
CMS
Applications
Templates
Desktop Theme Mobile / Desktop Theme Desktop Mobile
Reverse Proxy
Reverse Proxy Responsive Design Separate Themes
![Page 24: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/24.jpg)
© 2011 Acquia, Inc. All rights reserved.
Architecture Options
TemplatesAPIs
Desktop Theme Mobile / Desktop Theme Desktop Mobile
Reverse Proxy
Database
CMS
Applications
Applications
Reverse Proxy Responsive Design Separate Themes
![Page 25: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/25.jpg)
© 2011 Acquia, Inc. All rights reserved.
Reverse Proxy Options
Pros• Fastest solution: launch quickly.• Rapid development and iteration.• Independent and non-disruptive solution.• Great for testing, iterating, and experimenting with potential
solutions.
Cons• Limited -- can’t truly tailor your user experience to mobile. More about
making your current site work well on mobile.• Lack of device-dependent response• May not handle richer elements to satisfaction
![Page 26: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/26.jpg)
© 2011 Acquia, Inc. All rights reserved.
Reverse Proxy Options
Recommended use cases• Delivering the same content, just redesigned
and trimmed-down.• Rapid deployment, iterative testing and
experimentation.• Targeted delivery to smartphone browsers.
Not recommended for• Uniquely mobile experiences.• App development.
![Page 27: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/27.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobify: Case study
Wired
Desktop iPhone
![Page 28: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/28.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobify: Case study
Threadless
Desktop iPhone
![Page 29: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/29.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobify: Case study
The New Yorker
Desktop iPhone
![Page 30: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/30.jpg)
© 2011 Acquia, Inc. All rights reserved.
Responsive designPros• Flexible.• Greatly reuse same work repeatedly.• Relatively quick to setup and deploy.
Not too many new technologies to learn.
Cons• Requires re-thinking content and presentation. Still deliver everything
to the browser. May mean starting over on theme.• No truly mobile experience.• Demands attention to detail across all targeted devices during
development.
![Page 31: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/31.jpg)
© 2011 Acquia, Inc. All rights reserved.
Responsive designRecommended use cases• Blogs, marketing, event sites.• Targeting wide variety of devices with the
same content and assets. Best for desktopand tablets.
• Accommodate the widest variety of contexts.
• Able to redesign site from ground-up.
Not recommended for• Sites with many “regions” or “blocks” of content.• Very low-bandwidth delivery requirements.• App development.
![Page 32: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/32.jpg)
© 2011 Acquia, Inc. All rights reserved.
Responsive design: Case study
Four Kitchens
Desktop
![Page 33: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/33.jpg)
© 2011 Acquia, Inc. All rights reserved.
Responsive design: Case study
Four Kitchens
iPad iPhone
![Page 34: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/34.jpg)
© 2011 Acquia, Inc. All rights reserved.
Responsive design: Case study
LaunchKit
Desktop
![Page 35: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/35.jpg)
© 2011 Acquia, Inc. All rights reserved.
Responsive design: Case study
LaunchKit
iPad iPhone
![Page 36: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/36.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobile Tools
Pros• Relatively low learning curve• Use familiar technology and workflows • Flexible device detection and redirection • High-level of control over device-specific displays • Strong community support, integration with several modules.
Cons• Time consuming to create and manage full themes• Requires contextual use of the block engine (different block settings,
order, etc. per theme)• Requires a lot of testing. Several gotchas when it comes to browser
redirection, persisting mobile vs. desktop selection, etc.
![Page 37: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/37.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobile Tools
Recommended use cases• Targeted, uniquely mobile experience across a
wide variety of devices, using existing site content.
• Experience unique to device type (e.g. smartphone vs. tablet vs. mobile device).
• Managing entire web platform using Drupal-based tools.
Not recommended for• Rapid deployment and iteration• App development
![Page 38: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/38.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobile Tools: Case study
Green Map
Desktop iPhone
![Page 39: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/39.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobile Tools: Case study
7x7SF
Desktop iPhone
![Page 40: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/40.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobile Tools: Case study
New Hope 360
Desktop iPhone
![Page 41: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/41.jpg)
© 2011 Acquia, Inc. All rights reserved.
Mobile Tools: Case study
ATT Mobile
iPhone
![Page 42: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/42.jpg)
© 2011 Acquia, Inc. All rights reserved.
Apps
Pros• Fast, light-weight, controlled user experience.• Some solid tools for development on both sides
(app and Drupal).• Access to more of the native device capabilities.
Cons• Longer time to market.• Steep learning curve.• Complex ramp-up for integration (web services).• Difficult to iterate and rapidly respond (e.g. add new functionality).
![Page 43: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/43.jpg)
© 2011 Acquia, Inc. All rights reserved.
Apps
Recommended use cases• Experience targeted at specific device capabilities.• Context requiring deeper access to device capabilities,
e.g. camera, video.• Contexts that require off-line portability.• Quick, responsive, refined applications.
Not recommended for• Rapid deployment and iteration.• Low-cost and low-overhead.• Delivery to a wide range of devices.
![Page 44: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/44.jpg)
© 2011 Acquia, Inc. All rights reserved.
Apps: Case study
DrupalCon Chicago
![Page 45: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/45.jpg)
© 2011 Acquia, Inc. All rights reserved.
Apps: Case study
FringeFest
![Page 46: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/46.jpg)
© 2011 Acquia, Inc. All rights reserved.
Apps: Case study
BeerCloud
![Page 47: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/47.jpg)
© 2011 Acquia, Inc. All rights reserved.
Tools
Mobile Tools• Mobile Tools module• WURFL module - Integrates with Mobile Tools. Helps in detecting the
device capabilities of the mobile device visiting the website.• Context - Integrates with Mobile Tools to provide Mobile context (turn
blocks on/off, etc. based on mobile device). Probably wouldn’t work well with tools like Varnish
Themes• Fusion mobile - Fusion sub-theme targeted at mobile delivery.• Mobile jQuery - Built on the jQuery Mobile platform.
![Page 48: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/48.jpg)
© 2011 Acquia, Inc. All rights reserved.
Tools
Apps• Titanium Appcelerator - A platform for developing mobile and
desktop applications using web technologies. • Services module - A standardized solution of integrating external
applications with Drupal.• Views Datasource - A set of plugins for Drupal Views for rendering
node content in a number of shareable, reusable formats based on XML, JSON and XHTML
![Page 49: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/49.jpg)
© 2011 Acquia, Inc. All rights reserved.
Summary
• One-size does not fit all
• Understand your business requirements
• Match an approach to your user experience needs
• Experiment, test and iterate
![Page 50: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/50.jpg)
© 2011 Acquia, Inc. All rights reserved.
Acquia Partners
![Page 51: Mobile IS Mainstream](https://reader033.vdocuments.mx/reader033/viewer/2022060108/554edd2eb4c905911d8b4980/html5/thumbnails/51.jpg)
© 2011 Acquia, Inc. All rights reserved.
Thank YouContact:
Bryan House | [email protected] | @bryanhouse