"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 ReportTranscript "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