Free Sample
+ Collection

Drupal 7 Mobile Web Development Beginner’s Guide

Beginner's Guide
Tom Stovall

Transform your existing Drupal site into one that is completely compatible with mobile and tablet devices with this book and ebook
RRP $26.99
RRP $44.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849515627
Paperback338 pages

About This Book

  • Follow the example of a ‘Mom & Pop’ restaurant site to make the transition to a mobile site easier
  • Prototype a distributed team workflow with GIT version control
  • Implement audio, video, charting and mapping solutions that work on Mobile, Tablet, and Desktop browsers

Who This Book Is For

This book is for independent developers who may or may not have had experience with Drupal websites. We take some “deep dives” into customized functionality that will take your Drupal development and your development workflow to the next level.

Table of Contents

Chapter 1: When is a Phone Not a Phone?
"Dumb" phones
"Smart-er" phones
Smart phones
Mobile-ize me!
What is mobile?
The "One Design" myth
Mobile simulators
Time for action — installing an Android development package
Time for action — installing the Mac OS developer's package
Chapter 2: Setting up a Local Development Environment
Drupallo's Pizza Kitchen
Averting disaster
A word about platforms
Time for action — downloading the SCM client for Mac
Cygwin and GIT for Microsoft Windows
Time for action — installing a development environment using Windows and Cygwin
Text editors for Mac OS X and Microsoft Windows
Serving web pages on your computer
Time for action — configuring our first virtual host
Time for action — changing the default configuration for MAMP
WAMP (Windows, Apache, MySQL, and PHP)
Time for action — installing WAMP
Drush and Drush Make
Time for action — installing Drush and Drush Make for Mac OS X
Time for action — installing Drush for Windows
Building a Drupal website with Drush Make
Time for action — building a Drupal install from a make file
The local database
Time for action — creating a database
Chapter 3: Selecting the Right Domain for your Mobile Site
Once upon a website...
One ring to rule them all
Time for action — installing Domain Access module
Time for action — configuring Apache
Bootstrapping the domain
Time for action — bootstrapping the Domain Access module
Introduction to the Features module
Time for action — installing and creating your first feature
Time for action — updating the feature with new settings
Deployment—best practices
Time for action — code check-in and deployment
Time for action — check in your features module
Chapter 4: Introduction to a Theme
Progressive Enhancement
Drupal 6 versus Drupal 7 theming
Time for action — installing the default mobile theme
The simple life
Media queries
Time for action — personalizing the mobile theme
Redirecting mobile clients
Time for action — writing JavaScript redirection for our theme
Give them what you think they need until they tell you what they want
Behave yourself
Time for action — redirection with a cookie to remember state
Chapter 5: A Home with a View
The Context and Display suite modules
Time for action — creating a mobile-friendly home page
Pushing changes from one environment to another
Time for action — updating the Home Page feature
The menu
Time for action — creating the menu content types
Bundling up the changes
Time for action — bundling the changes into a package
Chapter 6: The Elephant in the Room: Audio, Video, and Flash Media
Flash and iOS
Incorporating video into your web content
Time for action — embedding media files
Time for action — adding content
Charting and graphs
Time for action — graphing a view
Chapter 7: Location, Location, Location
The navigator.geolocation object
Time for action — adding location data to nodes
From address to longitude and latitude
Time for action — geocoding a node's location data
The close2u module
Time for action — downloding and enabling the close2u module
Finishing the page
Time for action — finding the closest franchise the hard way
Chapter 8: Services with a Smile
Using Drupal to power your native application
Time for action — creating a REST service
Time for action — testing your new REST service
APIs: The future of the interactive web
Customized services
Time for action — custom REST service formatter
jQuery Mobile
Time for action — using jQM as our base theme
jQuery Mobile JavaScript Events
Time for action — the AJAX login form
Chapter 9: Putting it Together
Display Suite
Hooks, styles, and build modes
Time for action — retheming nodes for our jQuery mobile theme
Time for action — adding theming to the rendered node
Beyond core menu items
Time for action — customized menu attributes
Time for action — adding fonts
Chapter 10: Tabula Rasa: Nurturing your Site for Tablets
The human touch
The event-driven model
Touch and go
The main event
Time for action — adding a swipe advance to the home page
The changing landscape (or portrait)
"Starting over" or "Everything you know about designing websites is wrong"
Wire framing made easy
Drupal 7 Commerce module
Time for action — the one true theme
Time for action — creating a product
A room with a viewport
Time for action — setting the viewport with JavaScript
Time for action — advanced media queries for tablets
Chapter 11: A Home in the Clouds
Problems introduced by modern websites
Amazon Web Services (AWS)
Time for action — setting up AWS and RightScale
Time for action — using an AMI to create a server
Time for action — Jenkins builds our site

What You Will Learn

  • Set up Domain Access and Drupal Behaviors that redirect mobile and desktop browsers to the version of the website most appropriate for your client
  • Share content across sites without resorting to a multi-site install
  • Use context and image styles to create a customized view for the home page
  • Create a mobile-friendly menu
  • Bundle several exercises up into a feature that can push new content to your live site in one fell swoop
  • Create a compelling audio and video experience without using Flash
  • Customize a theme that will present your site to mobile and desktop clients alike with a unified marketing message


In Detail

How disappointing is it to log on to a website for a product or business you love only to discover the feature you were drawn to doesn’t work on your mobile or tablet? Drupal has brand new features to adapt your existing site into a mobile site that will keep your customers coming back.

The Drupal Mobile Web Development Beginner’s Guide follows a humble ‘Mom & Pop’ restaurant website which gets a makeover complete with cutting edge features that play to mobile, tablet and desktop audiences. By following the fun example, you will finish the book having effortlessly adapted your website so that it is accessible and, more importantly, looks good and functions well, on any mobile device.

Restaurant websites are notoriously horrible to navigate and our Mom & Pop example is wellintentioned but no exception to this rule. We bring this site out of the early 1990’s with cutting edge development practices and a team development workflow. This pizza chain goes mobile with location services, audio, video, charting and mapping worthy of any multi-million dollar site. Each chapter examines the way the site works and shows you how to move the existing content and functionality into reusable features.


Read More