MBL300如何使用ASP.NETMobileControls開(kāi)發(fā)MobileWeb

MBL300

如何使用ASP.NETMobileControls開(kāi)發(fā)MobileWeb應(yīng)用馬騏(BlueInkStone@)微軟最有價(jià)值專(zhuān)家，微軟認(rèn)證講師中國(guó)移動(dòng)聊天微軟m161WAP項(xiàng)目組Management

ToolsCommunications

&MessagingDeviceUpdateAgentSoftwareUpdateServicesLiveCommunicationsServerExchangeServerInternetSecurityandAccelerationServerSpeechServerImageUpdateLocationServicesMultimediaMapPointDirectXWindowsMediaVisualStudio2005DevelopmentToolsMFC8.0,ATL8.0Win32NativeManagedServerSideLightweightRelationalSQLServer2005ExpressEditionEDBDataProgrammingModel

DeviceBuildingToolsHardware/DriversWindowsXPDDKWindowsEmbeddedStudioPlatformBuilderOEM/IHVSuppliedBSP

(ARM,SH4,MIPS)OEMHardwareandStandardDriversStandardPCHardwareandDriversSQLServer2005SQLServer2005MobileEditionASP.NETMobileControlsASP.NET.NETCompactFramework.NETFrameworkMicrosoftOperationsManagerSystemsManagementServerSessionPrerequisites不需要任何技術(shù)背景，但…假如理解ASP.NET會(huì)很有幫助日程安排空前的無(wú)線增值行業(yè)發(fā)展速度WindowsMobileWeb當(dāng)前開(kāi)發(fā)技術(shù)存在的挑戰(zhàn)及解決辦法手持設(shè)備適配信息和設(shè)備適配庫(kù)使用DeviceFilters定制使用模板定制Forms和Panels在XHTML瀏覽器中使用CSSStylesheets

空前的無(wú)線增值行業(yè)發(fā)展速度無(wú)線增值行業(yè)的發(fā)展速度幾乎可以用空前來(lái)形容中國(guó)聯(lián)通、中國(guó)電信、中國(guó)網(wǎng)通也開(kāi)始啟動(dòng)類(lèi)似于MISC平臺(tái)的管理辦法

中移動(dòng)分成新政出水SP淘汰戰(zhàn)一觸即發(fā)2005年8月伊始，中國(guó)移動(dòng)一項(xiàng)新的SP分成政策打破中國(guó)移動(dòng)與SP之間一成不變的15：85分成模式最高可達(dá)到50：50中移動(dòng)的目標(biāo)構(gòu)建一個(gè)大量CP＋少數(shù)大SP＋移動(dòng)運(yùn)營(yíng)商”的移動(dòng)增值服務(wù)產(chǎn)業(yè)鏈中小公司的轉(zhuǎn)變服務(wù)提供商->內(nèi)容提供商->技術(shù)提供商的轉(zhuǎn)變?nèi)粘贪才趴涨暗臒o(wú)線增值行業(yè)發(fā)展速度WindowsMobileWeb當(dāng)前開(kāi)發(fā)技術(shù)存在的挑戰(zhàn)及解決辦法手持設(shè)備適配信息和設(shè)備適配庫(kù)使用DeviceFilters定制使用模板定制Forms和Panels在XHTML瀏覽器中使用CSSStylesheets

WindowsMobileWeb當(dāng)前開(kāi)發(fā)技術(shù)Display

USBorSerialProcessor

MemoryGSM/GPRS

CDMA/1xRTTDeviceHardwareWiFi

BluetoothRadioDriversWindowsMobileCEDB

ActiveSyncPocketOutlook

PocketInternetExplorer

WindowsMediaPlayerWindowsCESoftwarePlatform(APIs)HomeScreen

UserInterface/Shell

HTMLControlGAPI

RemoteAPI

Configuration

BluetoothSecurityConnectionManager

TAPI

SMS

MAPI

POOM

ActiveSyncMultimediaCommunicationDeviceManagementPresentationADOCE

XML

CEDB

OLEDB

DataAccessNativeWin32MFCATLManaged.NETCompactFrameworkServersideASP.NET

MobileControlsNativeWin32MFCATLManaged.NETCompactFrameworkServersideASP.NET

MobileControlsEmbeddedVC++VisualStudio.NETASP.NET移動(dòng)Web應(yīng)用技術(shù)的時(shí)間線.NETFramework1.0ASP.NET1.0VisualStudio.NET03/200204/2002MobileInternetToolkit1.0.NETFramework1.1ASP.NET1.1ASP.NET1.1MobileControlsVisualStudio.NET200307/2003.NETFramework2.0ASP.NET2.0ASP.NET1.1MobileControlsVisualStudio2005Beta204/2005ASP.NET1.1移動(dòng)控件在VS2003中已經(jīng)包括了移動(dòng)控件MobileControlsMobileControl是MobileInternetToolkit1.0controls的更新使用ASP.NETMobileWeb應(yīng)用項(xiàng)目類(lèi)型發(fā)布了四次設(shè)備更新支持更多的新設(shè)備DU2增加了XHTML設(shè)備適配器DU4是最后一次發(fā)布成熟的技術(shù)，只有出現(xiàn)象新的標(biāo)記語(yǔ)言時(shí)才會(huì)出現(xiàn)新的發(fā)布設(shè)備適配信息收集工具/mobile/profile/default.aspx允許開(kāi)發(fā)人員為特定設(shè)備<browserCaps>中的定義使用ASP.NET2.0開(kāi)發(fā)移動(dòng)Web應(yīng)用使用A.20服務(wù)器控件創(chuàng)建的新型控件適配器框架和ASP.NET1.1MobileControls框架類(lèi)似允許ASP.NET2.0服務(wù)器控件為各種瀏覽器(不限于移動(dòng)設(shè)備的瀏覽器)創(chuàng)建豐富的表現(xiàn)形式VisualStudio2005Beta1包括了ASP.NET2.0服務(wù)器控件移動(dòng)設(shè)備適配器的例子Beta2以后的沒(méi)有包括任何移動(dòng)設(shè)備適配器ASP.NET2.0中包括ASP.NET1.x移動(dòng)控件包括從1.x到DU4的設(shè)備適配器和瀏覽器定義ASP.NET2.0主要針對(duì)于xHtml的手持設(shè)備日程安排空前的無(wú)線增值行業(yè)發(fā)展速度WindowsMobileWeb當(dāng)前開(kāi)發(fā)技術(shù)存在的挑戰(zhàn)及解決辦法手持設(shè)備適配信息和設(shè)備適配庫(kù)使用DeviceFilters定制使用模板定制Forms和Panels在XHTML瀏覽器中使用CSSStylesheets

存在的挑戰(zhàn)及解決辦法終端的限制不同的設(shè)備有不同的性能多種標(biāo)記語(yǔ)言(WML,XHTML,cHTML,HTML)各式各樣的瀏覽器WAP標(biāo)準(zhǔn)各種實(shí)現(xiàn)客戶端處理驗(yàn)證的能力不同是否支持Cookie的實(shí)現(xiàn)集成不同狀態(tài)管理方法不同設(shè)備分頁(yè)的需求開(kāi)發(fā)調(diào)試應(yīng)用程序的環(huán)境存在的挑戰(zhàn)及解決辦法新技術(shù)配合對(duì)終端的限制有所突破ASP.net1.1MobileControlA2.0新框架存在的普遍問(wèn)題對(duì)新設(shè)備的支持使用設(shè)備適配信息收集工具修改WML,cHtml,XHTML,HTML適配器源代碼Button的問(wèn)題修改WML,cHtml,XHTML,HTML適配器源代碼使用Link代替Button使用FormActive事件代替ButtonClick事件Session和ViewState的顧慮對(duì)排版的局限性ASP.NET1.1MobileControl使用BreakAfter控制排版ASP.NET2.0沒(méi)有此限制日程安排空前的無(wú)線增值行業(yè)發(fā)展速度WindowsMobileWeb當(dāng)前開(kāi)發(fā)技術(shù)存在的挑戰(zhàn)及解決辦法手持設(shè)備適配信息和設(shè)備適配庫(kù)使用DeviceFilters定制使用模板定制Forms和Panels在XHTML瀏覽器中使用CSSStylesheets

手持設(shè)備適配信息設(shè)備適配信息收集工具h(yuǎn)ttp:///mobile/profile/default.aspx允許開(kāi)發(fā)人員為特定設(shè)備<browserCaps>中的定義使用程序自動(dòng)分析請(qǐng)求頭生成適配信息庫(kù)User-Agent=Dopod565Mozilla/4.0(compatible;MSIE4.01;WindowsCE;Smartphone;176x220)使用手機(jī)廠商提供的/uaprof/N6100r100.xmlhttp://communication-market.siemens.de/UAProf/SL56_10.xml/uaprof/e317.xml移動(dòng)聊天M161Wap版有3千多種手設(shè)備的適配信息庫(kù)設(shè)備適配器源代碼根據(jù)請(qǐng)求設(shè)備的性能不同，同一控件輸出不同內(nèi)容目前分成四組設(shè)備適配器集，每組分別對(duì)應(yīng)一種標(biāo)記語(yǔ)言WMLHTMLcHTMLxHTML每組都包括三大類(lèi)不同的控件適配頁(yè)面適配表單適配控件適配IIS

ServerMobile.ASPXPage

InstantiatesControlSelect

DeviceAdapterGetDeviceAdapter根據(jù)適配信息輸出合適內(nèi)容WSP

RequestHTTP

Request2aGetBrower&

DevicePropertiesPage

Instantiated3b4a5a6aHTTP

ResponseGenerateHTMLwithalternativetext2b3a4b1bGenerateWMLwiththeWTAItag7aHTTP

ResponseGetDeviceAdapter8a6b7b8b5bWAP

Gateway1a09WSP

ResponseMobileCapabilitiesApplicationControlDeviceAdapterbyMark-upLanguagePhoneCall

ControlcHTMLWMLHTMLM161Wap版3千多種手持設(shè)備適配信息庫(kù)

M161Wap版擴(kuò)展設(shè)備適配庫(kù)日程安排空前的無(wú)線增值行業(yè)發(fā)展速度WindowsMobileWeb當(dāng)前開(kāi)發(fā)技術(shù)存在的挑戰(zhàn)及解決辦法手持設(shè)備適配信息和設(shè)備適配庫(kù)使用DeviceFilters定制使用模板定制Forms和Panels在XHTML瀏覽器中使用CSSStylesheets

使用設(shè)備過(guò)濾器定制在表現(xiàn)形式中定制:在代碼中定制:<mobile:Labelid="Label2"Runat="server"Font-Bold="True"><DeviceSpecific><ChoiceFilter="isPocketIE"Text="...BreakingNews-BreakingNews..."></Choice><ChoiceText="NewsJustIn!"></Choice></DeviceSpecific></mobile:Label>MobileCapabilitiescap=(MobileCapabilities)Request.Browser;if(cap.HasCapability(“isPocketIE“,null)){Label2.Text="...BreakingNews-BreakingNews...“;}ElseLabel2.Text="NewsJustIn!";定義DeviceFilters根據(jù)DeviceFilters來(lái)決定如何定制以及如何使用模板VisualStudio.NET在Web.config中創(chuàng)建一系列默認(rèn)的設(shè)備過(guò)濾器

<deviceFilters><filtername="isHTML32"compare="PreferredRenderingType"argument="html32"/><filtername="isWML11"compare="PreferredRenderingType"argument="wml11"/><filtername="isPocketIE"compare="Browser"argument="PocketIE"/><filtername="prefersGIF"compare="PreferredImageMIME"argument="image/gif"/><filtername="prefersWBMP"compare="PreferredImageMIME"argument="image/vnd.wap.wbmp"/>...</deviceFilters>可以用代碼編寫(xiě)設(shè)備過(guò)濾器

在Web.config中的設(shè)備過(guò)濾器只是簡(jiǎn)單比較Compare屬性指的是

MobileCapabilities對(duì)象的名稱(chēng)假如指定屬性與指定參數(shù)相等，設(shè)備過(guò)濾器為真

<deviceFilters><filtername="isHTML32"compare="PreferredRenderingType"argument="html32"/></deviceFilters>可以通過(guò)代碼編寫(xiě)復(fù)雜的設(shè)備過(guò)濾器日程安排空前的無(wú)線增值行業(yè)發(fā)展速度WindowsMobileWeb當(dāng)前開(kāi)發(fā)技術(shù)存在的挑戰(zhàn)及解決辦法手持設(shè)備適配信息和設(shè)備適配庫(kù)使用DeviceFilters定制使用模板定制Forms和Panels在XHTML瀏覽器中使用CSSStylesheets

使用模板定制模板才是真正的定制在<mobile:DeviceSpecific>使用模板ControlTemplateUsageFormHeaderTemplateRenderscontentsatheadofeveryoutputpageFooterTemplateRenderscontentsatfootofeveryoutputpageScriptTemplateCanbeusedtodefineJavascriptfunctionsonHTMLbrowsers,ortoinjectWMLintomarkupsenttoWMLbrowsersPanelContentTemplateCancontainmarkuporservercontrolsInjectscontentintooutputstreamForm定制

HeaderandFooter例子

<mobile:Formid="Form1"runat="server"><mobile:DeviceSpecificid="DeviceSpecific1"runat="server"><ChoiceFilter="isHTML32"><HeaderTemplate><mobile:Labelid="Label1"runat="server"

StyleReference="title"ForeColor="Firebrick">

ContosoInc.</mobile:Label></HeaderTemplate><FooterTemplate><mobile:Labelid="Label2"runat="server"Font-Size="Small">(c)Contoso,2004.</mobile:Label></FooterTemplate></Choice></mobile:DeviceSpecific>…</mobile:Form>在模板在插入標(biāo)記語(yǔ)言通過(guò)設(shè)備過(guò)濾器確定是否為isHTML32

還是isWML

<mobile:Formid="Form1"runat="server"><mobile:DeviceSpecificid="DeviceSpecific1"runat="server"><ChoiceFilter="isHTML32"><HeaderTemplate><tablewidth=“90%”cellspacing=“1”><tr><tdbgcolor=“#003366”valign=“top”height=“100%”></HeaderTemplate><FooterTemplate></td></tr></table></FooterTemplate></Choice></mobile:DeviceSpecific>…日程安排空前的無(wú)線增值行業(yè)發(fā)展速度WindowsMobileWeb當(dāng)前開(kāi)發(fā)技術(shù)存在的挑戰(zhàn)及解決辦法手持設(shè)備適配信息和設(shè)備適配庫(kù)使用DeviceFilters定制使用模板定制Forms和Panels在XHTML瀏覽器中使用CSSStylesheets

XHTML瀏覽器和CSSCascadingStyleSheets(CSS):最佳的表現(xiàn)定義方法把表現(xiàn)和內(nèi)容分開(kāi)W3C推薦(CSS1)支持主要的桌面瀏覽器最新的移動(dòng)設(shè)備也支持CSSSmartphone2003上的PocketIE支持HTML4.01,XHTML-Basic以及CSS1WAP2.0設(shè)備支持XHTML-MP和無(wú)線CSS(NokiaSeries60,Sony-EricssonSmartphones)ASP.NETMobileControlsRuntime在DU2以后支持XHTML瀏覽器使用標(biāo)準(zhǔn)移動(dòng)樣式屬性動(dòng)態(tài)產(chǎn)生使用CSS-1編程