"http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> CNN media="screen"> @import "/generic/cnnstyle.css"; http-equiv="Content-Type" content="text/html; charset=utf-8"/> PHYSICAL Full Keyboard Accurate Pointing Device Large Screen, multiple monitors Powerful CPU / GPU, Big Disk Limited / Virtual Keyboard Finger.
Download
Report
Transcript "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> CNN media="screen"> @import "/generic/cnnstyle.css"; http-equiv="Content-Type" content="text/html; charset=utf-8"/> PHYSICAL Full Keyboard Accurate Pointing Device Large Screen, multiple monitors Powerful CPU / GPU, Big Disk Limited / Virtual Keyboard Finger.
<?xml version = '1.0' encoding = 'UTF-8'?> <!DOCTYPE html PUBLIC "//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head xmlns="http://www.w3.org/1999/xhtml">
<title xmlns="">CNN</title>
<meta name="portal" content="mmmcnnd - 409" xmlns=""/>
<style xmlns="http://www.w3.org/1999/xhtml" type="text/css"
media="screen"> @import "/generic/cnnstyle.css";
</style>
<meta xmlns="http://www.w3.org/1999/xhtml"
http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body id="home-type">
<div id="top"/> <div class="section_">
<div class="module_" id="xml_3d240959-e353-45a8-a4f00354c1b4761f">
</div>
</div>
PHYSICAL
Full Keyboard
Accurate Pointing Device
Large Screen, multiple monitors
Powerful CPU / GPU, Big Disk
Limited / Virtual Keyboard
Finger Pointing Device
Small Screen, which can rotate
Less Capable CPU / GPU, Small Storage
EXPERIENCE
The Mobile Web is
Different From the Desktop
Typically used from fixed,
predictable locations
Good for open-ended browsing
Easy to switch among many tasks
User is focused and comfortable
Typically used on-the-go in an
unpredictable environment
Good for quick, glanceable information
Focused on discrete individual tasks
User is often distracted or busy
Mobile Web Users Have Different Expectations Than Desktop Users
Mobile Web users expect immediate access to important
information and applications
Mobile Web users expect information to be augmented by
the real world – time, place, etc.
Environmental conditions can vary widely –
lighting, background noise, network speed, etc.
A user’s surroundings influence how they use a
Web application – relative privacy, for example
Guidelines for building rich mobile web sites
Good finger-friendly design is also stylus-friendly, as long as you make sure that the
stylus isn't the only way to access features
Fingers are naturally more dexterous than a device like a stylus
It is relatively easy to perform multiple actions with a finger, like flicking, panning,
scrolling, tapping, pinching, etc.
The typical size of a fingertip is 40 to 80 pixels. Navigation elements must be sized
appropriately to ensure they respond well to the user.
Example: Alaska Airlines
Adapting Content to Mobile
Do Nothing
No special content
adaptation, result is the
desktop site being
delivered to the device
Basic Mobile
Adaptation
Multi-Serving
Content
Same page is sent to mobile
and desktop, styled differently
for each
Content laid out so it will at least be
consumable on a device, special META
tags indicate that page is ready for
mobile
Mobile-Specific
Design
Hosting Web
Content
Managed app that uses
WebBrowser control to host
Web content
Parts of site are designed for mobile
specifically, kept in separate domain or
subfolder, redirected to when necessary
<META name=”HandheldFriendly” content=”true” />
<META name=”MobileOptimized” content=”320” />
<META name=”Viewport” content=”width=device-width” />
Device
Screen
Document
Viewport
width
user-scalable
Integers from 320 to 10,000
or “device-width”
Integers from 768 to 10,000
or “device-height”
“yes”, “no”
minimum-scale
Not yet supported
maximum-scale
Not yet supported
initial-scale
Not yet supported
height
Device Screen
Browser Window
Viewport
Fixed Position DIV
Desktop Web Page in Window
Fixed Position DIV
Web Page in Mobile Browser
Visit http://developer.windowsphone.com
Follow @joemarini on Twitter
http://blogs.msdn.com/iemobile
BOF12-DV: Mobile Technology has Reached the Masses
WPH06-INT: Microsoft's Next Generation Mobile Enterprise Application Platform
WPH303: Understanding the Windows Phone Developer Tools
Questions? Demos? The Latest phones?
www.windowsphone.com/business
developer.windowsphone.com
www.windowsphone7.com
Hat Contest*
Session Contest*
Questions?
* Restrictions apply please see contest rules for eligibility and restrictions. Contest rules are displayed in the Technical Learning Center at the WPH info counter.
– Breakout Sessions Mon &Tue
Monday
WPH301
WPH202
WP7: Deploy Microsoft Forefront Unified Access Gateway for Access Control
to SharePoint, Exchange and more.
Deploying Windows Phone 7 with Exchange Server and SharePoint Server
Tuesday
WPH203
WPH313
WPH304
WPH305
WPH306
Overview of the Windows Phone 7 Application Platform
Windows Phone 7 Architecture Deep Dive
An In-Depth view at Building Applications for WP7 with Silverlight (Part 1)
An In-Depth view at Building Applications for WP7 with Silverlight (Part 2)
Developing Occasionally Connected Applications for Windows Phone 7
– Breakout Sessions Wed &Thu
Wednesday
WPH310
WPH311
WPH309
WPH307
WPH308
Designing and Developing for the Rich Mobile Web
Developing Mobile Code Today that will run on WP 7 Tomorrow
Silverlight performance on Windows Phone
Building Windows Phone Games with XNA
Building a High Performance 3D Game for Windows Phone
Thursday
WPH303
WPH314
WPH312
Understanding the Windows Phone 7 Development Tools
Learn Windows Phone 7 Development by Creating a Robotic T-Shirt Cannon
Understanding Marketplace and Making Money with WP7 Applications
– Interactive Session & HOL
Windows Phone Interactive Sessions
Windows Phone Hands On Labs
www.microsoft.com/teched
www.microsoft.com/learning
http://microsoft.com/technet
http://microsoft.com/msdn
Sign up for Tech·Ed 2011 and save $500
starting June 8 – June 31st
http://northamerica.msteched.com/registration
You can also register at the
North America 2011 kiosk located at registration
Join us in Atlanta next year