Mobile Web Development

Mobile Web Development
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 40%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
save 15%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Build mobile-friendly sites and applications
  • Adapt presentation to different devices
  • Build mobile front ends to server-side applications
  • Use SMS and MMS and take mobile payments
  • Make applications respond to voice and touchtone commands
  • Learn XHTML MP, WCSS, adaptation, best practices, and mobile AJAX

Book Details

Language : English
Paperback : 236 pages [ 235mm x 191mm ]
Release Date : February 2008
ISBN : 1847193439
ISBN 13 : 9781847193438
Author(s) : Nirav Mehta
Topics and Technologies : All Books, Web Development, Mobile, Open Source


Table of Contents

Chapter 1: Getting Mobile
Chapter 2: Starting Your Mobile Site
Chapter 3: Building Pizza On The Run
Chapter 4: Adapting to User Devices
Chapter 5: Developing Standards- Compliant Sites
Chapter 6: Sending Text Messages
Chapter 7: Adding Spice to Messages: MMS
Chapter 8: Making Money via Mobile Devices
Chapter 9: Interactive Voice
Chapter 10: Mobile AJAX
Chapter 11: Mobile Web 3.0?
  • Chapter 1: Getting Mobile
    • What is Mobile Web?
      • Mobile Web Integration is Connecting the Two!
    • The First Step—Understanding Mobile Devices
      • Mobile Phones
      • PDAs
      • Other Devices
    • Mobile Data Usage is Exploding
      • Mobile Usage Around the World is Not the Same
    • Mobiles and Desktops
      • People Use Their Mobiles Differently Than Their Desktops
        • How Would You Do This Using Your Mobile?
    • It's Not All Rosy—Mobile Devices have Limitations
      • Advantages of Mobile Web
    • But There are Many Ways to Do Mobile Web Development!
      • What About WAP?
    • Bringing Order with Standards and Guidelines
      • Adaptation is Better, but LCD is Easier
    • Summary
  • Chapter 2: Starting Your Mobile Site
    • Pizza On The Run and the Mobile Web
    • Different Options for Going Mobile
      • Do Nothing
        • When to Use This Approach
        • When to Avoid This Approach
      • Remove Formatting
        • When to Use This Approach
        • When to Avoid This Approach
      • CSS-Based Design
        • When to Use This Approach
        • When to Avoid This Approach
      • Mobile Site
        • When to Use This Approach
        • When to Avoid This Approach
    • Mobile Navigation and Information Architecture
      • Step-By-Step: Planning the Structure of Your Mobile Site
      • Handy Tips in Structuring Your Mobile Site
    • Setting Up the Development Environment
      • Hosting Your Mobile Site is Trivial
    • POTR Mobile Homepage
    • Making a Call is as Simple as Email
    • Understanding the Homepage
      • Document Structure
    • Fundamentals of XHTML MP
      • Before Writing Further Code, Let's Learn Some Grammar
      • Most Common HTML Elements are Supported
      • XHTML MP Does Not Support Many WML Features
    • Summary
  • Chapter 3: Building Pizza On The Run
    • Luigi's Pizza On The Run
    • Designing Layouts for the Mobile Web
      • Mobile Screen Sizes
      • Colors, Images, Page Sizes, and More
      • To Mobile or Not to Mobile?
      • Web Layouts Don't Work on Mobile Devices
    • Using Wireless CSS as the Silver Bullet, Almost!
    • Creating the Database and Code Architecture for POTR
      • Classes for POTR
      • Database Schema
      • Coding Framework
    • Redoing the POTR Homepage
    • Form Elements Don't Look the Same Across Browsers
    • Form Processing Does not Change!
      • Handling Sessions and User Login
    • Taking Orders
    • Constraining User Input with WCSS
    • Single-Step Registration and Order Placement on POTR
    • Special Effects with CSS
    • Luigi's Pizza On The Run is Live!
    • Summary
  • Chapter 4: Adapting to User Devices
    • What is Adaptation?
      • Do I Need Adaptation?
      • Can't I just Use Common Capabilities and Ignore the Rest?
      • How to Determine the LCD?
      • OK, So How do I Adapt?
    • Fancy Pizza Selection
      • What are Those <wall:*> Tags?
      • Let's Make Sense of This Code!
        • Can I Use All XHTML Tags?
        • Will This Work Well for WML?
    • Device Detection and Capabilities
      • XML Processing can Bog Down My Server, is There Something Easier?
      • What About W3C's DIAL?
  • Other Useful Tools for Adaptation
    • Dynamically Resizing Images
    • Quick and Easy Way to Make Your Blog Mobile
    • MyMobileWeb: Going the Semantic Way
    • HAWHAW: As Simple as a Laugh?
  • Summary
  • Creating the Structure, Design, Markup, and Navigation for Best User Experience
    • Mobile Web Development Checklists
      • Strategy
      • Testing Setup
      • Structure and Page Information
      • Design and CSS
      • Images
      • Navigation and Links
      • Content
      • Markup
      • User Input
      • Objects, Security, Caching, Etc.
    • Best Practices should be Upgraded!
    • Most Good Styles of Design and Software will Work on the Mobile Web Too
  • Collecting User Behavior Data
    • Time for Action: Implementing User Tracking
  • How is All the Data Tracked?
  • Covering Problem Areas
  • Tapping into the Device Data
  • Making it Easier to Ask for Help
  • Summary
  • Sending SMS Notifications
    • Getting Started with a Gateway
      • Time for Action: Registering on Clickatell
    • Integrating with Clickatell
      • Time for Action: Integrating with Clickatell to Send SMS Notifications
      • What Just Happened?
  • So What Happens at the Gateway?
  • Finding Message Delivery Status
    • Time for Action: Tracking Queued Messages
    • Querying for Message Status
    • Lessen the Load with Status Update Callbacks
  • Before You Decide on a Gateway
  • Sending SMS from Your Own Computer
  • Sending Bulk Messages
  • Summary
  • Controlling Message Presentation
    • Understanding SMIL Elements
      • Modules and Elements of SMIL 2.1 Mobile Profile
    • More SMIL: Applying Transitions
  • Sending Multimedia Messages through Our Gateway
    • Time for Action: Sending MMS Messages via Clickatell
    • How is an MMS Message Sent?
    • MMS Gateways do Good Work
  • Receiving Photos from Customers via MMS
    • Time for Action: Decoding an MMS Message
    • What Just Happened: Decoding the MMS Message
  • MMS's Potential is Yet to Be Exploited!
  • Summary
  • Chapter 8: Making Money via Mobile Devices
    • Getting Money through PayPal
      • Time for Action: Setting Up the PayPal Account for Mobile Payments
      • Why This Configuration?
    • Mobile Checkout is a Three-Step Flow
      • Time for Action: Integrating PayPal Mobile Checkout with POTR
      • How Does This Work?
  • Evaluating Mobile Payment Methods
    • Premium SMS
    • WAP-Based Credit Card Payment
    • Direct Billing
    • Proximity Payment
  • Security Concerns in Mobile Payments
  • Using SMS in Mobile Payment
  • Receiving Text Messages
    • Getting a Short Code
      • Receiving Messages via Clickatell
      • Sending Messages That Can Be Replied To
  • Making it Easier—Payment Gateways Help get More Money!
  • Summary
  • Chapter 9: Interactive Voice
    • First, Some Basics
      • Busting Some Jargon
      • IVR Infrastructure: Hosted or Owned?
        • Time for Action: Setting Up an Interactive Voice Response Platform
    • Designing the Call Flow of Our Application
    • Creating an Application to Play Audio
      • Time for Action: Creating an Application and Welcoming Callers
  • Making Choices by Key Presses
    • Time for Action: Prompting the User for Next Action
  • Transferring Calls in Voice XML
  • Handling Errors
    • Adding Global Navigation with the <link> Tag
  • Recognizing Voice
    • Storing Variables at the Application Level
    • Detecting the Caller's Phone Number
      • Time for Action: Let's Put It All Together
  • Writing Complex Grammar Rules
    • Time for Action: Writing Complex Grammars
  • Selecting the Topping and Quantity
  • Confirming and Submitting an Order
    • Time for Action: Confirming and Submitting an Order
    • How Did It Turn It All Around?
  • Summary
  • Chapter 10: Mobile AJAX
    • Getting Pizza Recipes via AJAX
      • Devising our AJAX Strategy
        • Time for Action: Showing Recipes
        • What's Going on in the Background?
        • What if Your Device Does Not Support AJAX?
      • Adding Navigation
        • Time for Action: Adding Navigation for Recipes
    • Adding Comments
      • Time for Action: Submitting Comments
      • What's the Deal with All that Form Code?
    • I Want More AJAX on My Mobile!
  • Understanding iPhone Application Development
  • More Ways to Build Rich Mobile Apps
  • Summary
  • Chapter 11: Mobile Web 3.0?
    • Mobile Web Applications are Growing Faster than Humans
    • Mobile Widgets and Mobile Browsers
      • The Advantages of Mobile Widgets
    • Mobile Browsers Get Better
      • Do We Need Server-Side Adaptation?
  • Connectivity—Mobile Networks and Occasionally Connected Devices
    • Occasionally Connected Computing
  • Androids will Invade Your Mobile Space Soon!
    • Getting Inside the Android
    • Other Players
  • Is the Mobile the Next Computer?
    • How will People Use Their Mobile Computer?
    • Mobile is Not Limited to Phones
  • Some More Analysis!
    • Location-Based Services will Mushroom
    • SMS Messaging will Continue Its Hold
    • Mobile Payments will Happen, Albeit Slowly
    • You will Build Some Kickass Mobile Web Applications
  • Resources for Mobile Web Integration
  • Summary

Nirav Mehta

Nirav Mehta is renowned for his entrepreneurial ventures, his breakthrough ideas, and his contribution to open source. Nirav leads a software development company – Magnet Technologies – from India that specializes in Rich Internet Applications, Web, and Mobile. Nirav believes in simplifying the most complicated ideas and presenting them in lucid language.

Over the last ten years, Nirav has written and spoken on a variety of topics. He has also been instrumental in localization efforts in India and training programmers to be effective developers.

He has set up a website completely dedicated to the book. You can find more information on it here:

Sorry, we don't have any reviews for this title yet.

Code Downloads

Download the code and support files for this book.

Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Frequently bought together

Mobile Web Development +    Practical Plone 3: A Beginner's Guide to Building Powerful Websites =
50% Off
the second eBook
Price for both: $33.00

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • Build a mobile-friendly front end for your site – learn XHTML Mobile Profile (XHTML MP) and Wireless CSS (WCSS), the CSS subset supported by mobile devices; target the full range of mobile browsers; adapt automatically to the capabilities of the device.
  • Write interactive mobile applications – present and process mobile forms with different input types; support keypad navigation; get started with Mobile Ajax and JavaScript.
  • Accept payments online via mobile web and SMS using Paypal, SMS short codes, and more.
  • Integrate your application with SMS and MMS messages – enable users to send SMS and MMS messages to your site, process them, and send SMS and MMS messages back to your users too; set up your own SMS gateway, or choose an existing gateway provider; include slideshows, movies, and sounds.
  • Handle voice calls – respond to voice input, create touchtone services, play pre-recorded voice or use text-to-speech to provide voice-based software.
  • Future-proof your application – understand the basics of iPhone development, the Android platform, and the implications of other developments in the mobile space.

In Detail

As more users access the Web from their phones and other handhelds, web developers need to learn techniques for targeting these new devices. Sites such as Twitter, Facebook, and Google target mobiles with their services and products. Companies use mobile services to provide staff access to their applications while away from a computer.

This book is a complete, practical guide to writing mobile websites and applications. You will learn how to create mobile-friendly websites, adapt your content to the capabilities of different devices, save bandwidth with compression, and create server-side logic that integrates with a mobile front end. You will also see other methods for integrating your web application with mobile technology: sending and receiving MMS and SMS messages, accepting mobile payments, and working with voice calls to provide spoken interaction.

The book illustrates every technique with practical examples, showing how to use these development methods in the real world. Along the way we show how an example pizza delivery business can use these methods to open up to the mobile web.
Whether you want to provide customers and users of your public website with new ways to access your services, or build applications so that staff can stay up to date while on the road, this book will show you all you need to build a powerful mobile presence.

Technologies and tools covered in the book

PHP, JavaScript, AJAX, XHTML Mobile Profile (XHTML MP), Wireless CSS, WAP 2.0, Tera WURFL, MyMobileWeb, Mobile Web Toolkit, Image Server, GAIA Image Transcoder, HAWHAW ,, Nokia's Mobile Internet Toolkit , SMIL, Voxeo's Prophecy server, VoiceXML (VXML), grXML, Frost library,  WALL, WURFL, SMS, MMS, mobile payment gateways, mobile widgets, Mobile AJAX, Android, Google Gears, and Dojo Offline.

Mobile Web Development shows you how to build a mobile presence for your web applications and sites. It covers targeting different mobile web browsers, sending and receiving SMS and MMS messages, accepting mobile payments, and developing voice- and touchtone-response systems.


The author adopts a fast-paced, practical approach to developing for the mobile web. The book focuses on solutions, pragmatic tips, and fast results rather than theory.

Each chapter focuses on an aspect of taking a pizza delivery company onto the mobile web. This ensures that the chapters remain practical and realistic, focusing on getting things done. The book also provides discussion and reference material to help you apply the techniques to your own projects.

Who this book is for

This book is for web developers who want to provide mobile support for their applications.

The book assumes some knowledge of HTML, CSS, and JavaScript. The reader should also know a server-side language. The examples in the book use PHP, but can be adapted easily to other languages. The book does not use J2ME, focusing instead on using the phone’s web browser and other standard features.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software