Mobile Web Development with

Mobile application scenarios

Mobile application approaches

Building mobile Web applications

ASP.NET Class Libraries

Customization & Extensibility

Agenda

Mobile Application ApproachesMobile Application ApproachesOverviewOverview

Multi-device applications too difficultMulti-device applications too difficult• Different form factorsDifferent form factors

• Different device capabilitiesDifferent device capabilities

• Different Web standardsDifferent Web standards

Local CodeLocal CodeMobile Web PagesMobile Web Pages

Mobile Application ApproachesTraditional Challenges

Device Operating SystemDevice Operating System

Mobile Web Mobile Web BrowserBrowser

Very little skill reuseVery little skill reuse• Different platformsDifferent platforms

• Different APIsDifferent APIs

• Different languagesDifferent languages

Mobile Application Approaches Architectural Advantages

Offline functionality

Local execution

Local data

Rich user experience

Multimedia

Elaborate UI

Integration with assets on the device

Credit card readers

Barcode scanners

GPS receivers

Telephony/messaging

Adaptive rendering

Dynamic support for many device/browser combinations

Support for low-end browser devices

Single code base

Simplified maintenance

Natural extension to existing Web sites

Server-side execution

No client deployment

No client execution

Advantages of mobile Web appsAdvantages of mobile Web apps Advantages of smart device appsAdvantages of smart device apps

Mobile Application Approaches Microsoft Mobile Development

Local Local CodeCode

Mobile Web Mobile Web PagesPages

Device Operating SystemDevice Operating System

Mobile Web Mobile Web BrowserBrowser

ASP.NET Mobile ASP.NET Mobile ControlsControls

.NET Compact .NET Compact FrameworkFramework

Smart Device Smart Device ProgrammabilityProgrammability

ASP.NET Mobile Controls

Integrates with Visual Studio .NETfor ease of use

.NET Framework

Services Framework

ASP.NET

Common Language Runtime

System Services

Windows Forms&

.NET Compact Framework

Base Data Debug …

Web Forms

MobileWeb

Forms

Web Services

Extends ASP.NET for mobile Web applications

Targets multiple devices and mark-up languages

Building Mobile Web ApplicationsVisual Studio and

ASP.NET Mobile Controls

Common Language RuntimeCommon Language Runtime

Base Class LibrariesBase Class Libraries

ADO.NET and XMLADO.NET and XML

ASP.NETASP.NETWeb FormsWeb Forms

Web Web ServicesServices

WindowsWindowsFormsForms

VisualVisualBasicBasic C++C++ C#C# J#J# ……

Visu

al Stu

dio

.NE

TV

isual S

tud

io .N

ET

Mobile Web Mobile Web ProgrammabilityProgrammability

• Integrated IDEIntegrated IDE

• Visual design and Visual design and debuggingdebugging

• Simple integration Simple integration with data and XMLwith data and XML

ASP.NET Mobile ASP.NET Mobile Controls Controls

• Feature of ASP.NETFeature of ASP.NET

• Adaptive rendering Adaptive rendering for device propertiesfor device properties

• Uses full .NET Uses full .NET FrameworkFramework

Device Support – 200+ DevicesACCESS Compact: NetFront 2.0, Fujitsu F503i, Mitsubishi D502i, Mitsubishi D503i, NEC N210i, NEC N502i, Sony SO503iEricsson 2.0: Ericsson R380, Ericsson R320, Ericsson R520m, Ericsson T20sGoAmerica Go.Web: Compaq iPAQ H3650, Palm Vx, RIM Blackberry 857, RIM Blackberry 950, RIM Blackberry 957, Microsoft Mobile Explorer: Sony CMD-Z5, Sony CMD-J5, Benefon Q, Microsoft Pocket Internet Explorer: Casio Cassiopeia E-125, Compaq iPAQ H3630, Compaq iPAQ H3650, HP Jornada 720, Compaq iPAQ H3670Nokia: Nokia 3330, Nokia 6210, Nokia 7110, Nokia 9110iOpenwave UP.Browser 3.x: Audiovox CDM-9000, Ericsson R280LX, Hitachi C407H, Kyocera QCP 2035A, Kyocera QCP 3035, LG V111, Mitsubishi T250, Motorola StarTAC 7868W, Motorola TimePort P8767, Samsung SCH-6100, Samsung SCH-850, Samsung SCH-8500, Samsung UpRoar M100, Sanyo C401SA, Sanyo SCP-4500, Sanyo SCP-5000, Sprint Touchpoint, Sprint Touchpoint 2200, Sprint Touchpoint 3000Openwave UP.Browser 4.x: Alcatel One Touch 701, Audiovox CDM-135, Audiovox CDM-9100, Motorola i1000plus, Motorola i2000plus, Motorola i50sx, Motorola i85s, Motorola T2288, Motorola TimePort P7382i, Motorola TimePort P7389, Motorola V100, Motorola V120c, Motorola V2288, Motorola V60c, Siemens C35i, Siemens S35i, Siemens SL45Miscellaneous Browsers: Handspring Visor Platinum (Qualcomm Eudora Internet Suite 2.1; Blazer 1.0 and Omnisky 2.1.0.15), IBM WorkPad c505 (ilinx Xiino 1.01J), Kyocera QCP 6035 (Qualcomm Eudora 2.0), Nokia 9210 (Symbian Crystal 6.0), Palm VII (MyPalm 1.0), Palm Vx (AU-Systems 2.12181.1 and Omnisky 2.0.04), Palm m505 (MyPalm 1.1), Panasonic P210i, Panasonic P502i, Sharp J-SH04 (Original Equipment Manufacturer's Version 3.0), Sharp Zaurus MI-E1 (Original Equipment Manufacturer's Version 6.1), Sony CLIE PEG-N700C (ilinz Palmscape 4.0SJ), Toshiba J-T05 (Original Equipment Manufacturer's Version 3.0),

NameSpaceNameSpaceSystem.Web.UI.MobileControlsSystem.Web.UI.MobileControls

NameSpaceNameSpaceSystem.Web.UISystem.Web.UI

PagePageSystem.Web.UI.PageSystem.Web.UI.Page

Namespace HierarchyWeb FormsWeb Forms Mobile Web FormsMobile Web Forms

Desktop Server ControlsDesktop Server Controls

ControlControlSystem.Web.UI.ControlSystem.Web.UI.Control

Mobile PageMobile PageSystem.Web.UI.System.Web.UI.MobileControls.MobilePageMobileControls.MobilePage

Mobile Server ControlsMobile Server Controls

Mobile ControlMobile ControlSystem.Web.UI.MobileControls.MobileControlSystem.Web.UI.MobileControls.MobileControl