WAP2.0開發規範及原則

來源：http://www.html5china.com/js/jsadv/20111120_2711.html

 一、WAP簡介：

      WAP（Wireless Application Protocol）無線應用協定是一個開放式标準協定，利用它可以把網絡上的資訊傳送到行動電話或其他無線通訊終端上。

      WAP是由愛立信（Ericsson）、諾基亞（Nokia）、摩托羅拉（Motorola）等通信業巨頭在1997年成立的無線應用協定論壇（WAP Forum）中所制定的。可以把網絡上的資訊傳送到行動電話或其它無線通訊終端上。它使用一種類似于HTML的标記式語言WML（Wireless Markup Language無線标記語言），相當于國際網際網路上的HTML（超檔案标記語言）并可通過WAP Gateway直接通路一般的網頁。通過WAP，使用者可以随時随地利用無線通訊終端來擷取網際網路上的即時資訊或公司網站的資料，真正實作無線上網。它是移動通信與網際網路結合的第一階段性産物。

      WAP能夠運作于各種無線網絡之上，如GSM、GPRS、CDMA等。WML是無線注智語言（Wireless Makeup language）的英文縮寫。支援WAP技術的手機能浏覽由WML描述的Internet内容。

      WML是以XML為基礎的标記語言，用在規範窄頻裝置，如手機、呼叫器等如何顯示内容和使用者接口的語言。因為窄頻使得WML受到部分限制，如較小型的顯示器、有限的使用者輸入裝置、窄頻網絡聯機、有限的記憶體和資源等。

      WML支援文字和圖檔顯示，内容組織上，一個頁面為一個Card，而一組Card則構成一個Deck。當使用者向伺服器提出浏覽要求後，WML會将整個Deck發送至用戶端的浏覽器，使用者就可以浏覽Deck裡面所有Card的内容，而不需要從網絡上單獨下載下傳每個Card。

      通過WAP這種技術，就可以将Internet的大量資訊及各種各樣的業務引入到行動電話、PALM等無線終端之中。無論在何時、何地隻要需要資訊，打開WAP手機，使用者就可以享受無窮無盡的網上資訊或者網上資源。如：綜合新聞、天氣預報、股市動态、商業報道、目前匯率等。電子商務、網上銀行也将逐一實作。通過WAP手機使用者還可以随時随地獲得體育比賽結果、娛樂圈趣聞等，為生活增添情趣，也可以利用網上預定功能，把生活安排的有條不紊。

      WAP手機是集行動電話與移動電腦于一身的新型通訊工具，它不僅具有普通手機的功能，而且還有收發電子郵件、傳真、浏覽新聞等功能。

      WAP手機和一般的手機不同之處在于它内置有微型浏覽器（MiniBrowser）、緩存（CACHE）和記憶體，并支援用戶端COOKIES 和SESSION。正如電腦上網要用 IE 浏覽器 或 NETSCAPE 浏覽器，WAP手機上網要用微型浏覽器。同樣，WAP手機上網也要進行一系列的設定。

      WAP手機上網和普通的電腦上網有很大的差别。由于WAP手機記憶體不大、螢幕小及無線頻帶窄，目前WAP手機所顯示的網頁内容主要是文字，也有一些較小的圖檔。目前，手機上網真要想流行開，還有兩個前提，那就是一來WAP必須解決好目前還不便于操作的問題，二者需要網絡營運商加緊WAP網的基本建設，使WAP手機有用武之地。

      WAP手機可收發電子郵件、閱讀新聞和股市行情，但是更複雜的通信應用，如線上采購和視訊會議，目前的移動通信網運作速度就無法達到要求了。

      二、無線标記語言發展

      1.HTML：WAP發展的首要任務——行動電話，PDA等通路網際網路。WAP standard (WML and XHTML Mobile Profile) 類似HTML

      2.WML（Wireless Markup Language） 1.x：WAP 1.x 規範中規定的标記語言，無線裝置的第一個标記語言。Openwave、Nokia 和 Ericsson 很早都有自己的标記語言。WML規範是WAP Forum（97）建立的。而現在，很多的WAP站點依然使用的是WML。

      3.XHTML：結構比HTML更簡潔和嚴格。這對于無線裝置（例：行動電話）很重要，對于有限的處理能力。

      4.XHTML Basic :是XHTML的一個簡化版本。為處理能力和性能有限的裝置設計的（行動電話，PDA，呼機等）但是不包含XHTML特性。例如CSS，frames和Scripting。是由W3C定義的。

      5. XHTML MP: 在WAP2.0說明中指定的官方标記語言。WAP Forum 基于 XHTML Basic創造，并從XHTML的完整版本中增加了一些元素和屬性。例如<i>,<b>,<small>,<big>和<hr>。XHTML MP支援一個簡單的CSS版本，即WCSS/WAP CSS。

      6.WCSS/WAP CSS: CSS2的一個簡化版本，增加了WAP特有的擴充。可以很簡單的改變XHTML MP頁面的布局和風格。

      7.WML2.0: WAP站點開發者不需要顧慮WML2.0。WML2.0向後相容，并且對于WAP站點開發者還不可用。

   優點：

      1.開發者可用相同的技術開發适用于WEB和WAP的站點。

      2.有HTML、XHTML、CSS基礎即可入門。

      3.同樣的開發工具可以用來開發WEB和WAP站點。

      4.開發過程中一般的WEB浏覽器可以浏覽你的WAP站點。

      5.HTML/XHTML頁面可以通過較小的修改成XHTML MP，甚至不用修改（注意：布局是否适應小螢幕，檔案大小是否出最大）。

      6.支援WCSS。移動裝置有很多不同的特征，比如螢幕大小，隻需寫一次結構，使用不同的WCSS檔案即可。

      7.更多的表現控制。

      三、WAP2.0特點及應用：

      wap 2.0的新特點之一

      與過去不怎麼成功的wap 1.x相比，wap 2.0 的變化主要展現在三個方面。

      首先，wap 2.0采用最新的internet标準和協定，還能優化網絡帶寬的利用以及基于資料包的全球無線網絡的連接配接。wap 2.0還能對已有的wap内容、應用和業務等提供可管理的向後相容性。

      wap 2.0的新特點之二

      其次，wap 2.0是在無線應用環境下運作的，即無線應用環境使wap/ web應用程式和包含wap微型浏覽器的應用之間實作互動，而wap 2.0在其标記語言中為這樣的微型浏覽器提供基礎。其标記語言包括xhtmllmp，并支援wap 1.x内容的wml。這些标記語言在發揮其獨特優點的同時，為移動裝置提供合适的内容業務。

      wap 2.0的新特點之三

      第三，wap 2.0在其無線應用環境中支援對wml 1.0的完全向後相容。wml 2.0是在wml 1.0增加了向後相容的具體特性後對xhtmllmp的擴充，實作了從wml 1.0到xhtmlmp的名稱、屬性的轉換。

      另外，由于wap 2.0采用更加簡單的程式設計模型，是以不再需要wap代理伺服器，客戶機和應用伺服器之間的通信直接通過http進行，這極大提高了資料的傳輸速度。

      wap 2.0采用的新技術1-2　

      與wap 1.x相比，wap 2.0主要采用了以下4項新技術。

      （1）xhtmlmp。wap 2.0中采用xhtmlmp來擴充xhtml的基本使用者簡介，并能夠按需要增加其他語言元素。

      （2）新的網絡和載體技術。目前，全球的營運商正在利用傳送速度更快的載體（例如gprs和hscsd），并在第三代無線網絡中采用性能更高的網絡載體，進而能夠無線傳送流媒體等服務内容。wap 2.0将利用它們為使用者提供多種新的服務。

wap 2.0采用的新技術3-4

      （3）tcp/ip傳送協定移動簡本。wap 2.0 将推動業界為無線鍊路開發tcp移動簡本，能與目前internet上運作的通用tcp互操作。

      （4）移動友好技術。包括xhtml的簡本; 層疊樣式表（css）移動簡本; 使用者個性喜好和裝置能力介紹等。

      wap 2.0的優點和應用

      wap 2.0的諸多優點為無線應用開發人員和移動商務使用者提供了極大的便利。這些優點展現在：增加了對标準internet通信協定的支援，提供适合于無線通信環境的互通優化功能，并為無線裝置利用現有的internet技術提供應用環境；能夠利用現有的和可以預見的空中接口技術及其載體（gprs和3g通信等）運作應用業務; 提供的大量應用環境能夠對手機、pda等移動裝置傳送資訊和提供互動式業務；适合各種移動裝置的功耗小、節省計算資源、優化網絡資源的使用等特性；使用者接口設計具有靈活性，可使裝置生産商根據市場需求設計各種不同的使用者接口。

      鑒于上述的功能特性和優點，wap 2.0具有廣闊的市場應用前景，主要展現在以下方面。

      （1）wap推送業務。這種業務可通過推送代理發送或“推送”給基于伺服器應用的多種裝置，這尤其适合股票價格變更等實時資訊的傳送。有了這種推送功能後，無線裝置不再需要詢問應用伺服器就能得到新的資訊了。

      （2）使用者代理簡介業務。是為把客戶機能力和使用者選擇應用的個性喜好介紹給應用伺服器而提供的一種機制。它通過對伺服器發送客戶機和使用者所要求的資訊，支援客戶機/伺服器會話模式。這種資訊可使伺服器把使用者所需要的内容實時提供給客戶機，還能使中介代理為使用者提供增值業務。

      （3）無線電話應用業務。通過軟體工具，在過去支援資料功能的應用環境裡提供各種先進的電話應用業務，如發出呼叫、回答呼叫、保持呼叫、改變呼叫傳送路徑等。這有可能使手機真正成為internet和話音業務完全內建的一種新應用。

      （4）外部功能接口業務。類似于提供擴大或增強浏覽器能力或其他應用的插件子產品，為在将來擴充wap裝置的能力和增加應用提供基礎，并可用于定義連接配接外部裝置，如智能卡、gps和數字錄影機等所需要的特殊接口。

      （5）多媒體資訊傳送業務。為執行多功能資訊的傳送提供基礎，并具有傳送各種内容的功能。這種業務能夠快速傳送短資訊等語句，或存儲/轉發電子郵件，增加了使用者發送資訊的種類和發送的靈活性。

      （6）持久存儲接口業務。規定了一套與現行接口相吻合的存儲業務标準，以便在無線裝置或其他所連接配接的儲存設備上編制、存取或查詢資料。

      四、WAP 2.0開發規範

      （1）必須是XHTML格式頁面，不能是WML頁面,這是WAP 2.0與WAP 1.X的根本差別之一。

      （2）必須限定頁面大小，建議為5K～10K,雖然WAP 2.0協定棧的傳輸效率要高于WAP 1.X，但為了限制頁面下載下傳時間，提高業務可用性，保持良好的使用者感受，必須對頁面大小進行限定。

      （3）必須是彩色頁面，使用圖文混排功能圖文混排能極大的提高使用者界面内操作的數量和友善程度，對于提高使用者對于WAP 2.0業務的體驗極為有效。

      （4）建議使用BANNAR功能，以友善使用者傳回到相應層次

       例如：首頁》掌中新聞》今日星聞

      （5）建議使用CSS樣式表，來實作終端适配功能對于WAP 2.0業務，終端适配的要求比WAP 1.X更高，而CSS樣式表極大友善了SP終端适配的工作。

       6）對于新聞咨詢類應用，建議在使用大量文字時，使用背景色以增強使用者感受，并差別于WAP1.X業務。對于新聞咨詢類應用，在頁面布局上可能與WAP1.X業務比較類似，都是按條排列，有上下翻頁功能。為了差別與WAP 1.X業務，同時使得使用者界面更加美觀，建議在使用大量文字時，使用背景色以增強使用者感受。

      （7）對于圖鈴下載下傳類應用，建議可以直接點選預覽圖檔來下載下傳相應圖檔WAP2.0支援圖檔連結，對于圖檔下載下傳業務，可以通過直接點選圖檔的方式來下載下傳圖檔，以提高頁面布局效率。

      （8）對于視訊下載下傳類應用，建議對視訊檔案的長度進行限制，以保證下載下傳成功率對于新的視訊下載下傳類應用，應當限制下載下傳檔案大小，以提高使用者感受。

      （9）對于需要翻頁的應用，建議使用“最前頁”“下一頁”“上一頁”“最後頁”等選項，并且盡量排列在同一行上。同時翻頁次數不要太多，若超過一定次數，建議分為不同欄目。新聞咨詢、圖鈴下載下傳等業務都大量的使用到了翻頁功能，為了提高頁面效率和使用者感受，建議将翻頁選項放在同一行上，同時翻頁次數不要過多，限制在5次之内比較合适。

      （10）對于遊戲類應用，建議盡量使用小GIF圖檔來實作相關操作以增加遊戲趣味性，以及頁面布局效果。

      五、WAP2.0設計原則

      1. 設計站點前的準備工作

      界面設計、挑選核心服務、WAP裝置特性統計（浏覽器等）

      2. 關注導航模型

      一緻易學的導航模型。簡潔精确且快速的資訊。盡可能減少輸入（考慮選擇清單、複選框或單選按鈕等。-wap-input-format：*N;避免模式轉換。首字母。 ）

      3. 設計導航層次

      導航模型一緻、少用‘傳回’連結、避免深度太深（4-5）、傳回首頁或目錄

      4. 考慮小尺寸螢幕的設計

      確定内容可見、<title>少于14個字元、一緻的樣式、減少水準滾動、利用對齊屬性增加可讀性（1-3）、充分利用空間（圖文）、避免過多使用文本樣式屬性、使用短小精确的詞語、避免使用過多的顔色并保持一緻、不用名字描述顔色。

      5. 保持較短的文檔大小：記憶體有限，不支援WML的多card，使用錨連結等

      不要包含長注釋、去除縮進或空格、盡量少用id和class

      6. 使用者任務流流暢和圖檔合理使用圖檔不是使用者目的盡少使用、避免使用大表格。

      7. 頁面上提供足夠資訊。

      首屏常用導航連結、搜尋域、登入螢幕和大量資訊；上下滾動困難，表單互動要簡短。

      8. 為使用者操作提供資訊回報

      對使用者操作、錯誤和問題情況提供正确的回報。

      9. 盡可能減少圖檔數量和減小圖像容量大小

      每張圖檔都是一個請求，降低頁面顯示的速度，且内容可能重排序，占用時間和資源，全站規劃相同圖檔。

      10. 定義圖像的高度和寬度屬性定義了預占位，改善使用者體驗，

      11. 謹慎使用表格

      12. 單元格寬度使用絕對寬度；嵌套層數增加，頁面複雜度和處理時間增加；表格邊框避免太粗。

      13. 考慮添加樣式定義選項

      14. 權衡！

      15. 使用Unicode字元編寫XHTML MP内容 

      16. 進行可用性測試

      六、常用WAP模拟器

      WinWAP、OpenWave、Opera