7/31/2019 Developing Mobile Web Applications With ASP 2
1/20
DevelopingMobile WebApplications
With ASP.NETMobile Controls
7/31/2019 Developing Mobile Web Applications With ASP 2
2/20
On the Agenda
Devices today
Mobile Internet Challenges
.Net approach to devices ASP.Net mobile Controls
Single code base
Targeting specific devices
7/31/2019 Developing Mobile Web Applications With ASP 2
3/20
Mobile Devices Today
100s of phones
Multiple PDA/XDA devices
Tablets, Mini-Tablets
etc.
7/31/2019 Developing Mobile Web Applications With ASP 2
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 ?
7/31/2019 Developing Mobile Web Applications With ASP 2
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
7/31/2019 Developing Mobile Web Applications With ASP 2
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/31/2019 Developing Mobile Web Applications With ASP 2
7/20
Adaptive Rendering
7/31/2019 Developing Mobile Web Applications With ASP 2
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
7/31/2019 Developing Mobile Web Applications With ASP 2
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
7/31/2019 Developing Mobile Web Applications With ASP 2
10/20
How it works
7/31/2019 Developing Mobile Web Applications With ASP 2
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
7/31/2019 Developing Mobile Web Applications With ASP 2
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
ASP.NET Mobile Controls
Containers
7/31/2019 Developing Mobile Web Applications With ASP 2
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
ASP.NET Mobile Controls
Forms
7/31/2019 Developing Mobile Web Applications With ASP 2
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
ASP.NET Mobile Controls
Panels
7/31/2019 Developing Mobile Web Applications With ASP 2
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
ASP.NET Mobile Controls
Text Display
7/31/2019 Developing Mobile Web Applications With ASP 2
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
ASP.NET Mobile Controls
Lists
7/31/2019 Developing Mobile Web Applications With ASP 2
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
ASP.NET Mobile Controls
ObjectList
7/31/2019 Developing Mobile Web Applications With ASP 2
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
ASP.NET Mobile Controls
Control Transfer
7/31/2019 Developing Mobile Web Applications With ASP 2
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
ASP.NET Mobile Controls
Control Transfer
7/31/2019 Developing Mobile Web Applications With ASP 2
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