MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.
-
date post
21-Dec-2015 -
Category
Documents
-
view
214 -
download
0
Transcript of MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.
![Page 1: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/1.jpg)
MBL 390:
Developing Mobile Web Application with ASP.NET Mobile ControlsGökşin Bakir
CSA
Yage Ltd.
![Page 2: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/2.jpg)
Agenda
Mobile Development Situation
Extending .NET Framework
ASP.NET Mobile Control Object Model
Customization and Extensibility
Getting Started
![Page 3: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/3.jpg)
Agenda
Mobile Development Situation
Extending .NET Framework
ASP.NET Mobile Control Object Model
Customization and Extensibility
Getting Started
![Page 4: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/4.jpg)
Mobile Web Applications
Types of ApplicationsAccess legacy data (CRM, ERP, Sales, etc.)
Mobile Commerce (tickets, flowers, travel)
Mobile Content (sports, weather)Quick Access to information (phone book)
Monitoring (servers, medical, distribution)
Reach cell phones, PDAs and pagers
![Page 5: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/5.jpg)
Mobile Web Challenges
Web Site
Web Site
![Page 6: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/6.jpg)
Mobile Web Challenges
Different Markup Languages
Different Form Factors
Different Device Capabilities
New device support
State management
Content Management
Custom Tools and Solutions
Site Maintenance
![Page 7: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/7.jpg)
The Solution:ASP.NET Mobile Controls
Adaptively render to devices based on browser, device and gateway combinationExtend ASP.NET to empower web developers to build mobile web applications Integrates with the Visual Studio .NET development environment for ease of use.Formerly known as Microsoft Mobile Internet Toolkit.
![Page 8: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/8.jpg)
The Solution:ASP.NET Mobile Controls
Single mobile Web page that adapts to multiple devicesSupport multiple mark-up languages
WML1.1 (WAP), cHTML 1.0, xHTML Mobile and Basic profile, and HTML 3.2
Support for a variety of devices Web enabled Cell Phones, PDAs, and Pagers
Customizable and extensible frameworkAdd new controls and devicesSupport for new devices with out having to rewrite or recompile your application
![Page 9: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/9.jpg)
Adaptive RenderingAdaptive Rendering
Calendar Control Render to multiple Calendar Control Render to multiple devicesdevices
![Page 10: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/10.jpg)
Agenda
Mobile Development Situation Extending .NET Framework
ASP.NET Mobile Control Object Model
Customization and Extensibility
Getting Started
![Page 11: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/11.jpg)
Extending .NET Framework
Extends the ASP.NET Web Forms Page to add support for mobile devices
ASP.NET Mobile Controls are Server side controls that encapsulate common functionality for mobile devices
Programming Model Control/object/event model
State management
Desktop and mobile applications can share code
Web Services Platform
Services Framework
ASP.NET
Common Language Runtime
System Services
Win Forms
Base Data Debug …
Web Forms
MobileWeb Forms
Web Services
![Page 12: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/12.jpg)
<%@ Page language=“VB" Inherits="System.Web.UI.MobileControls.MobilePage" %>
<%@ Register TagPrefix=“mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile"%> <mobile:Form runat="server">
<mobile:Label runat=“server">Hello, Mobile World
</mobile:Label></mobile:Form>
<%@ Page language=“VB" Inherits="System.Web.UI.MobileControls.MobilePage" %>
<%@ Register TagPrefix=“mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile"%> <mobile:Form runat="server">
<mobile:Label runat=“server">Hello, Mobile World
</mobile:Label></mobile:Form>
Hello, Mobile World
![Page 13: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/13.jpg)
Hello Mobile WorldHello Mobile World
![Page 14: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/14.jpg)
Agenda
Mobile Development Situation
Extending .NET Framework ASP.NET Mobile Control Object Model
Customization and Extensibility
Getting Started
![Page 15: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/15.jpg)
ASP.NET Mobile Controls OMMobileControlMobileControlMobileControlMobileControl
StyleSheetStyleSheetStyleSheetStyleSheet
TextControlTextControlTextControlTextControl
TextViewTextViewTextViewTextView
ValidationSummaryValidationSummaryValidationSummaryValidationSummary
AdRotatorAdRotatorAdRotatorAdRotator
CalendarCalendarCalendarCalendar
PagedControlPagedControlPagedControlPagedControl
SelectionListSelectionListSelectionListSelectionList
PanelPanelPanelPanel
ImageImageImageImage
LinkLinkLinkLink
LabelLabelLabelLabel
CommandCommandCommandCommand
PhoneCallPhoneCallPhoneCallPhoneCall
BaseValidatorBaseValidatorBaseValidatorBaseValidator
FormFormFormForm
ObjectListObjectListObjectListObjectList
ListListListList
TextBoxTextBoxTextBoxTextBox
RequiredFieldRequiredFieldValidatorValidator
RequiredFieldRequiredFieldValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RangeValidatorRangeValidatorRangeValidatorRangeValidator
CustomValidatorCustomValidatorCustomValidatorCustomValidator
CompareValidatorCompareValidatorCompareValidatorCompareValidator
![Page 16: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/16.jpg)
ASP.NET Mobile Controls OMMobileControlMobileControlMobileControlMobileControl
StyleSheetStyleSheetStyleSheetStyleSheet
TextControlTextControlTextControlTextControl
TextViewTextViewTextViewTextView
ValidationSummaryValidationSummaryValidationSummaryValidationSummary
AdRotatorAdRotatorAdRotatorAdRotator
CalendarCalendarCalendarCalendar
PagedControlPagedControlPagedControlPagedControl
SelectionListSelectionListSelectionListSelectionList
PanelPanelPanelPanel
ImageImageImageImage
LinkLinkLinkLink
LabelLabelLabelLabel
CommandCommandCommandCommand
PhoneCallPhoneCallPhoneCallPhoneCall
BaseValidatorBaseValidatorBaseValidatorBaseValidator
FormFormFormForm
ObjectListObjectListObjectListObjectList
ListListListList
TextBoxTextBoxTextBoxTextBox
RequiredFieldRequiredFieldValidatorValidator
RequiredFieldRequiredFieldValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RangeValidatorRangeValidatorRangeValidatorRangeValidator
CustomValidatorCustomValidatorCustomValidatorCustomValidator
CompareValidatorCompareValidatorCompareValidatorCompareValidator
ContainersContainers
![Page 17: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/17.jpg)
Container Controls Form Control
Multiple forms per page Multiple forms per page Separately addressable set of Separately addressable set of
controls that can be navigatedcontrols that can be navigated Container for other controlsContainer for other controls Rendered as one or more Rendered as one or more
“screens” based on target device“screens” based on target device Only one active form at a timeOnly one active form at a time By default – first form activeBy default – first form active
when page accessedwhen page accessed Set via ActiveFormSet via ActiveForm
![Page 18: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/18.jpg)
Container ControlsPanel Controls
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
![Page 19: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/19.jpg)
Northwind Phone Northwind Phone BookBook
Create the main screen for the Create the main screen for the navigation by using the container navigation by using the container controlscontrols
![Page 20: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/20.jpg)
ASP.NET Mobile Controls OMMobileControlMobileControlMobileControlMobileControl
StyleSheetStyleSheetStyleSheetStyleSheet
TextControlTextControlTextControlTextControl
TextViewTextViewTextViewTextView
ValidationSummaryValidationSummaryValidationSummaryValidationSummary
Ad RotatorAd RotatorAd RotatorAd Rotator
CalendarCalendarCalendarCalendar
PagedControlPagedControlPagedControlPagedControl
Selection ListSelection ListSelection ListSelection List
PanelPanelPanelPanel
ImageImageImageImage
LinkLinkLinkLink
LabelLabelLabelLabel
CommandCommandCommandCommand
PhoneCallPhoneCallPhoneCallPhoneCall
BaseValidatorBaseValidatorBaseValidatorBaseValidator
FormFormFormForm
ObjectListObjectListObjectListObjectList
ListListListList
TextBoxTextBoxTextBoxTextBox
RequiredFieldRequiredFieldValidatorValidator
RequiredFieldRequiredFieldValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RangeValidatorRangeValidatorRangeValidatorRangeValidator
CustomValidatorCustomValidatorCustomValidatorCustomValidator
CompareValidatorCompareValidatorCompareValidatorCompareValidator
TextText DisplayDisplay
![Page 21: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/21.jpg)
Text Display Controls
Label ControlSmall amount of content – read only text
TextBox ControlSingle-line input text boxes
TextView ControlExclusive to MMIT
Large fields of text
Small set of mark-up: bold, italics, page break, paragraph, anchor tag
Support pagination
![Page 22: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/22.jpg)
Northwind Phone Northwind Phone BookBook
Create the about us sectionCreate the about us section
![Page 23: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/23.jpg)
ASP.NET Mobile Controls OMMobileControlMobileControlMobileControlMobileControl
StyleSheetStyleSheetStyleSheetStyleSheet
TextControlTextControlTextControlTextControl
TextViewTextViewTextViewTextView
ValidationSummaryValidationSummaryValidationSummaryValidationSummary
Ad RotatorAd RotatorAd RotatorAd Rotator
CalendarCalendarCalendarCalendar
PagedControlPagedControlPagedControlPagedControl
Selection ListSelection ListSelection ListSelection List
PanelPanelPanelPanel
ImageImageImageImage
LinkLinkLinkLink
LabelLabelLabelLabel
CommandCommandCommandCommand
CallCallCallCall
BaseValidatorBaseValidatorBaseValidatorBaseValidator
FormFormFormForm
ObjectListObjectListObjectListObjectList
ListListListList
TextBoxTextBoxTextBoxTextBox
RequiredFieldRequiredFieldValidatorValidator
RequiredFieldRequiredFieldValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RangeValidatorRangeValidatorRangeValidatorRangeValidator
CustomValidatorCustomValidatorCustomValidatorCustomValidator
CompareValidatorCompareValidatorCompareValidatorCompareValidator
List and SelectionList and Selection
![Page 24: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/24.jpg)
List And SelectionList Control
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
![Page 25: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/25.jpg)
List Controls SelectionList Control
Static or databound list
Provides UI selection capability
Can display in different modes:Dropdown | ListBox | Radio Button | CheckBox | MultiSelect List
Selection doesn’t trigger server event – requires Command control to submit form
Similar to ASP.NET Controls: ListBox, CheckBox, CheckBoxList, RadioButton, RadioButtonList, and DropDownList
![Page 26: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/26.jpg)
List Controls ObjectList Control
Strictly databound
Use to show list or table of data objects
Can view multiple fields for each data object
Can associate multiple commands with each object
Support pagination
Similar to DataGrid in ASP.NET
![Page 27: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/27.jpg)
Northwind Phone Northwind Phone BookBook
Connect to the Database to display the Connect to the Database to display the exiting employeesexiting employees
![Page 28: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/28.jpg)
ASP.NET Mobile Controls OMMobileControlMobileControlMobileControlMobileControl
StyleSheetStyleSheetStyleSheetStyleSheet
TextControlTextControlTextControlTextControl
TextViewTextViewTextViewTextView
ValidationSummaryValidationSummaryValidationSummaryValidationSummary
Ad RotatorAd RotatorAd RotatorAd Rotator
CalendarCalendarCalendarCalendar
PagedControlPagedControlPagedControlPagedControl
Selection ListSelection ListSelection ListSelection List
PanelPanelPanelPanel
ImageImageImageImage
LinkLinkLinkLink
LabelLabelLabelLabel
CommandCommandCommandCommand
PhoneCallPhoneCallPhoneCallPhoneCall
BaseValidatorBaseValidatorBaseValidatorBaseValidator
FormFormFormForm
ObjectListObjectListObjectListObjectList
ListListListList
TextBoxTextBoxTextBoxTextBox
RequiredFieldRequiredFieldValidatorValidator
RequiredFieldRequiredFieldValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RangeValidatorRangeValidatorRangeValidatorRangeValidator
CustomValidatorCustomValidatorCustomValidatorCustomValidator
CompareValidatorCompareValidatorCompareValidatorCompareValidator
Control TransferControl Transfer
![Page 29: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/29.jpg)
Control Transfer ControlsLink Control
Text-based hyperlink to another form on the mobile page or any URL
Softkey Property
Similar HyperLink Control in ASP.NET
PhoneCall ControlExclusive to MMIT
Generates mark-up for automatically calling or displaying phone numbers
![Page 30: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/30.jpg)
Control Transfer Controls Command Control
Like Button Control in ASP.NET
Way to invoke ASP.NET event handlers from UI elements
SoftkeyLabel PropertySpecify text for Softkey on supporting mobile phones
![Page 31: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/31.jpg)
Northwind Phone Northwind Phone BookBook
Creating navigation screen Creating navigation screen
Improve existing AboutUs sectionImprove existing AboutUs section
![Page 32: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/32.jpg)
ASP.NET Mobile Controls OMMobileControlMobileControlMobileControlMobileControl
StyleSheetStyleSheetStyleSheetStyleSheet
TextControlTextControlTextControlTextControl
TextViewTextViewTextViewTextView
ValidationSummaryValidationSummaryValidationSummaryValidationSummary
Ad RotatorAd RotatorAd RotatorAd Rotator
CalendarCalendarCalendarCalendar
PagedControlPagedControlPagedControlPagedControl
Selection ListSelection ListSelection ListSelection List
PanelPanelPanelPanel
ImageImageImageImage
LinkLinkLinkLink
LabelLabelLabelLabel
CommandCommandCommandCommand
PhoneCallPhoneCallPhoneCallPhoneCall
BaseValidatorBaseValidatorBaseValidatorBaseValidator
FormFormFormForm
ObjectListObjectListObjectListObjectList
ListListListList
TextBoxTextBoxTextBoxTextBox
RequiredFieldRequiredFieldValidatorValidator
RequiredFieldRequiredFieldValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RangeValidatorRangeValidatorRangeValidatorRangeValidator
CustomValidatorCustomValidatorCustomValidatorCustomValidator
CompareValidatorCompareValidatorCompareValidatorCompareValidator
Image DisplayImage Display
![Page 33: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/33.jpg)
Image Display Image Control
Displays image file (i.e. winpro.gif)
Can have associated URL
If images are not supported on requesting device, the alternate text is shown
AdRotator ControlDisplays random ad
Requires XML file
Similar to AdRotator control in ASP.NET
![Page 34: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/34.jpg)
ASP.NET Mobile Controls OMMobileControlMobileControlMobileControlMobileControl
StyleSheetStyleSheetStyleSheetStyleSheet
TextControlTextControlTextControlTextControl
TextViewTextViewTextViewTextView
ValidationSummaryValidationSummaryValidationSummaryValidationSummary
Ad RotatorAd RotatorAd RotatorAd Rotator
CalendarCalendarCalendarCalendar
PagedControlPagedControlPagedControlPagedControl
Selection ListSelection ListSelection ListSelection List
PanelPanelPanelPanel
ImageImageImageImage
LinkLinkLinkLink
LabelLabelLabelLabel
CommandCommandCommandCommand
PhoneCallPhoneCallPhoneCallPhoneCall
BaseValidatorBaseValidatorBaseValidatorBaseValidator
FormFormFormForm
ObjectListObjectListObjectListObjectList
ListListListList
TextBoxTextBoxTextBoxTextBox
RequiredFieldRequiredFieldValidatorValidator
RequiredFieldRequiredFieldValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RangeValidatorRangeValidatorRangeValidatorRangeValidator
CustomValidatorCustomValidatorCustomValidatorCustomValidator
CompareValidatorCompareValidatorCompareValidatorCompareValidator
ValidationValidation
![Page 35: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/35.jpg)
Validation Controls
CompareValidator Control
CustomValidator Control
RangeValidator Control
RegularExpressionValidator Control
RequiredFIeldValidator Control
ValidationSummary Control
![Page 36: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/36.jpg)
ASP.NET Mobile Controls OMMobileControlMobileControlMobileControlMobileControl
StyleSheetStyleSheetStyleSheetStyleSheet
TextControlTextControlTextControlTextControl
TextViewTextViewTextViewTextView
ValidationSummaryValidationSummaryValidationSummaryValidationSummary
Ad RotatorAd RotatorAd RotatorAd Rotator
CalendarCalendarCalendarCalendar
PagedControlPagedControlPagedControlPagedControl
Selection ListSelection ListSelection ListSelection List
PanelPanelPanelPanel
ImageImageImageImage
LinkLinkLinkLink
LabelLabelLabelLabel
CommandCommandCommandCommand
PhoneCallPhoneCallPhoneCallPhoneCall
BaseValidatorBaseValidatorBaseValidatorBaseValidator
FormFormFormForm
ObjectListObjectListObjectListObjectList
ListListListList
TextBoxTextBoxTextBoxTextBox
RequiredFieldRequiredFieldValidatorValidator
RequiredFieldRequiredFieldValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RegularExpressionRegularExpressionValidatorValidator
RangeValidatorRangeValidatorRangeValidatorRangeValidator
CustomValidatorCustomValidatorCustomValidatorCustomValidator
CompareValidatorCompareValidatorCompareValidatorCompareValidator
CalendarCalendar
![Page 37: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/37.jpg)
Calendar Control
Supplies date-picking functionality
Device-specific rendering of control
Similar to Calendar control in ASP.NET
![Page 38: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/38.jpg)
Agenda
Mobile Development Situation
Extending .NET Framework
ASP.NET Mobile Control Object Model Customization and Extensibility
Getting Started
![Page 39: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/39.jpg)
Rendering CustomizationWhy do it?
Improve Look and fell of a site
Ability to override default behavior
Control the exact display
Optimize rendering
![Page 40: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/40.jpg)
CustomizationHow does it work?
StyleSheet Group style information
Specify Control behavior/renderingProperty Override
Generic template (e.g. ObjectList item)
![Page 41: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/41.jpg)
Northwind Phone Northwind Phone BookBook
Providing an image to the siteProviding an image to the site
Image overrideImage override
![Page 42: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/42.jpg)
Extensibility
Mobile Server ControlEncapsulate or reuse application functionality
Extend existing control or create controls
Create a consistent site appearance
Add device supportASP.NET Mobile Controls supports 200+ devices
Support new device
Customize the output generated by a Mobile Control
![Page 43: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/43.jpg)
Agenda
Mobile Development Situation
Extending .NET Framework
ASP.NET Mobile Control Object Model
Customization and Extensibility Getting Started
![Page 44: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/44.jpg)
Getting Started
Download .NET Framework 1.1ASP.NET controls are part of the redist
http://www.asp.net/download-1.1.aspx?tabindex=0&tabid=1
Read the QuickStart Tutorialhttp://samples.gotdotnet.com/mobilequickstart/Samples
Review existing sample application 5 ASP.NET Starter Kits Available
http://www.asp.net/Default.aspx?tabindex=9&tabid=47
Get your question answeredParticipate in Peer to peer forums
http://www.asp.net/Forums/default.aspx?tabindex=1&tabid=39
Apply the latest device supportDownload the latest Device Update
http://www.asp.net/mobile/deviceupdate.aspx?tabindex=6
Let us know what you thinkSend Feedback to: [email protected]
![Page 45: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/45.jpg)
Summary
The ASP.NET Mobile Controls…Makes it easy to build mobile web applications for cell phones, PDAs and pagers
Leverage current investment in the .NET Framework and Visual Studio .NET
Is 3rd party extensible
![Page 46: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/46.jpg)
Questions?Questions?
![Page 47: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/47.jpg)
Community Resources
Community Resourceshttp://www.microsoft.com/communities/default.mspx
Most Valuable Professional (MVP)http://www.mvp.support.microsoft.com/
NewsgroupsConverse online with Microsoft Newsgroups, including Worldwidehttp://www.microsoft.com/communities/newsgroups/default.mspx
User GroupsMeet and learn with your peershttp://www.microsoft.com/communities/usergroups/default.mspx
![Page 48: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/48.jpg)
evaluationsevaluations
![Page 49: MBL 390: Developing Mobile Web Application with ASP.NET Mobile Controls Gökşin Bakir CSA Yage Ltd.](https://reader030.fdocuments.us/reader030/viewer/2022032522/56649d635503460f94a4587e/html5/thumbnails/49.jpg)
© 2003 Microsoft Corporation. All rights reserved.© 2003 Microsoft Corporation. All rights reserved.This presentation is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS SUMMARY.This presentation is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS SUMMARY.