peacockcarter.co.uk) a web design and development
business. Michael loves building websites and web applications, and when he isn't,
likes to read, watch films, and occasionally take part in amateur dramatics.
Table of Contents
Preface 1
Chapter 1: Getting Mobile 9
What is Mobile Web? 10
Mobile Web Integration is Connecting the Two! 10
The First Step??”Understanding Mobile Devices 11
Mobile Phones 11
PDAs 13
Other Devices 13
Mobile Data Usage is Exploding 13
Mobile Usage Around the World is Not the Same 14
Mobiles and Desktops 15
People Use Their Mobiles Differently Than Their Desktops 15
How Would You Do This Using Your Mobile? 16
It's Not All Rosy??”Mobile Devices have Limitations 18
Advantages of Mobile Web 18
But There are Many Ways to Do Mobile Web Development! 19
What About WAP? 19
Bringing Order with Standards and Guidelines 20
Adaptation is Better, but LCD is Easier 21
Summary 21
Chapter 2: Starting Your Mobile Site 23
Pizza On The Run and the Mobile Web 23
Different Options for Going Mobile 24
Do Nothing 25
When to Use This Approach 25
When to Avoid This Approach 25
Remove Formatting 25
When to Use This Approach 26
When to Avoid This Approach 26
Table of Contents
[ ii ]
CSS-Based Design 26
When to Use This Approach 27
When to Avoid This Approach 27
Mobile Site 27
When to Use This Approach 27
When to Avoid This Approach 28
Mobile Navigation and Information Architecture 28
Step-By-Step: Planning the Structure of Your Mobile Site 29
Handy Tips in Structuring Your Mobile Site 31
Setting Up the Development Environment 31
Hosting Your Mobile Site is Trivial 35
POTR Mobile Homepage 35
Making a Call is as Simple as Email 37
Understanding the Homepage 37
Document Structure 37
Fundamentals of XHTML MP 38
Before Writing Further Code, Let's Learn Some Grammar 38
Most Common HTML Elements are Supported 40
XHTML MP Does Not Support Many WML Features 41
Summary 42
Chapter 3: Building Pizza On The Run 43
Luigi's Pizza On The Run 43
Designing Layouts for the Mobile Web 44
Mobile Screen Sizes 44
Colors, Images, Page Sizes, and More 45
To Mobile or Not to Mobile? 45
Web Layouts Don't Work on Mobile Devices 46
Using Wireless CSS as the Silver Bullet, Almost! 47
Creating the Database and Code Architecture for POTR 51
Classes for POTR 51
Database Schema 52
Coding Framework 53
Redoing the POTR Homepage 54
Form Elements Don't Look the Same Across Browsers 56
Form Processing Does not Change! 58
Handling Sessions and User Login 59
Taking Orders 61
Constraining User Input with WCSS 64
Single-Step Registration and Order Placement on POTR 66
Special Effects with CSS 69
Table of Contents
[ iii ]
Luigi's Pizza On The Run is Live! 70
Summary 70
Chapter 4: Adapting to User Devices 73
What is Adaptation? 73
Do I Need Adaptation? 74
Can't I just Use Common Capabilities and Ignore the Rest? 74
How to Determine the LCD? 74
OK, So How do I Adapt? 75
Fancy Pizza Selection 76
What are Those
Tags? 77
Let's Make Sense of This Code! 78
Can I Use All XHTML Tags? 79
Will This Work Well for WML? 80
Device Detection and Capabilities 80
XML Processing can Bog Down My Server, is There Something Easier? 81
What About W3C's DIAL? 82
Other Useful Tools for Adaptation 82
Dynamically Resizing Images 82
Quick and Easy Way to Make Your Blog Mobile 82
MyMobileWeb: Going the Semantic Way 83
HAWHAW: As Simple as a Laugh? 84
Summary 84
Chapter 5: Developing Standards- Compliant Sites 85
Running the ready.
Pages:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25