developing mobile web applications with asp 2

7/31/2019 Developing Mobile Web Applications With ASP 2

1/20

DevelopingMobile WebApplications

With ASP.NETMobile Controls


2/20

On the Agenda

Devices today

Mobile Internet Challenges

.Net approach to devices ASP.Net mobile Controls

Single code base

Targeting specific devices


3/20

Mobile Devices Today

100s of phones

Multiple PDA/XDA devices

Tablets, Mini-Tablets

etc.


4/20

Challenges How many code bases do I have to

maintain ? Form factors

Rendering Markups : WML1.1, 1.2, 2.0 cHTML

XHTML

HTML 3.2 / 4.0

Capabilities Back buttons ?

Cookies ?

Scripts ?

etc.

How do I add support for new devices ?


5/20

Adaptively render to devices based onbrowser, device and gateway combination

Extend ASP.NET to empower webdevelopers to build mobile web applications

Integrates with the Visual Studio .NETdevelopment environment for ease of use.

Formerly known as Microsoft MobileInternet Toolkit.

The Solution:ASP.NET Mobile Controls


6/20

The Solution:ASP.NET Mobile Controls

Single mobile Web page that adapts tomultiple devices

Support multiple mark-up languages

WML1.1 (WAP), cHTML 1.0, xHTML Mobile andBasic profile, HTML 3.2

Support for a variety of devices

Web enabled Cell Phones, PDAs, and Pagers

Customizable and extensible framework

Add new controls and devices

Support for new devices without having torewrite or recompile your application


7/20

Adaptive Rendering


8/20

Mobile Web Controls

Out of the box, ASP.NET Mobile Controls

Works with 265+ different mobile devices (DeviceUpdate 4)

Easily extensible to support additional devices

Uses basic style properties (Font, font-size, forecolor)

Used only if supported by requesting device

Ignored for down-level browsers

Gives acceptable presentation across wide range of

devices Customization

Allows advanced presentation features of up-levelbrowsersto be leveraged

Gives a richer, clearer user interface


9/20

IIS

.NET FrameworkMobile Internet Toolkit

DevelopmentEnvironment ProductionEnvironment

CreateASP.NET Pages

IntegrateBusiness LogicWire-up events

Add User InterfaceElement

ASP.NET Mobile control

Post/Save toWeb Servers

HTTPRequest

Detect DeviceCapabilities

Generate output(markup language)Based on device,

browser andgateway

combination

HTTPResponse

Load and execute

ASP.NET Pages

How MWC Work


10/20

How it works


11/20

MobileControl

StyleSheet

TextControl

TextView

ValidationSummary

AdRotator

Calendar

PagedControl

SelectionList

Panel

Image

Link

Label

Command

PhoneCall

BaseValidator

Form

ObjectList

List

TextBox

RequiredFieldValidator

RegularExpression

Validator

RangeValidator

CustomValidator

CompareValidator

ASP.NET Mobile Controls

Object Model


12/20

MobileControl

StyleSheet

TextControl

TextView

ValidationSummary

AdRotator

Calendar

PagedControl

SelectionList

Panel

Image

Link

Label

Command

PhoneCall

BaseValidator

Form

ObjectList

List

TextBox

RequiredFieldValidator

RegularExpression

Validator

RangeValidator

CustomValidator

CompareValidator


Containers


13/20

Multiple forms per page

Separately addressable set ofcontrols that can be navigated

Container for other controls

Rendered as one or morescreens based on target device

Only one active form at a time

By default first form activewhen page accessed

Set via ActiveForm


Forms


14/20

Provides grouping for multiple controls

Single control for displaying, hiding

enabling or disabling a set of controls Applying styles to panel that are inherited

by child controls

Empty panel placeholder container for

dynamically created controls


Panels


15/20

Label Control Small amount of content read only text

TextBox Control Single-line input text boxes

TextView Control Exclusive to Mobile Web Controls

Large fields of text Small set of mark-up: bold, italics, page break,

paragraph, anchor tag

Support pagination


Text Display


16/20

Declared or databound list of items

Decorations: None | Bulleted | Numbered

Items can be set to act as links Static or interactive mode

Support pagination

Similar to DataList control in ASP.NET


Lists


17/20

Strictly databound

Use to show list or table of data objects

Can view multiple fields for each dataobject

Can associate multiple commands with eachobject

Support pagination

Similar to DataGrid in ASP.NET


ObjectList


18/20

Link ControlText-based hyperlink to another form on

the mobile page or any URL

Softkey Property

Similar HyperLink Control in ASP.NET

PhoneCall ControlExclusive to MWC

Generates mark-up for automaticallycalling or displaying phone numbers


Control Transfer


19/20

Like Button Control in ASP.NET

Way to invoke ASP.NET event handlersfrom UI elements

SoftkeyLabel Property

Specify text for Softkey on supportingmobile phones


Control Transfer


20/20

Enhances presentation, and retainssame functionality across all devices

WML 1.1, Monochrome,

WBMP graphics

HTML 4.01, XHTML-

Basic,

CSS1, Jscript, Fullcolor,

JPG, GIF, PNG graphics

ASP.NET Mobile Web ControlsCustomization Example

developing mobile web applications with asp 2

Documents