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特有的擴展??梢院芎唵蔚母淖僗HTML 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
總結
以上是生活随笔為你收集整理的WAP2.0开发规范及原则的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 苹果有otg功能吗
- 下一篇: 由手机上网带来病毒引发的三大疑问?