中國(guó)聯(lián)通3G門戶業(yè)務(wù)技術(shù)要求

中國(guó)聯(lián)通 3G 門戶 業(yè)務(wù) 技術(shù)要求 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 I 目 錄 1 概述 . 1 1.1 文檔內(nèi)容 .1 1.2 適用范圍 .1 1.3 解釋權(quán)及修訂權(quán) .1 1.4 術(shù)語和縮 略語 .2 1.5 參考文獻(xiàn) .2 2 業(yè)務(wù)技術(shù)要求 . 3 2.1 業(yè)務(wù)訪問和訂購(gòu)流程 .3 2.1.1 業(yè)務(wù)使用流程（訪問非計(jì)費(fèi) URL） . 3 2.1.2 業(yè)務(wù)使用流程（訪問計(jì)費(fèi) URL） . 4 2.1.3 訂購(gòu)業(yè)務(wù)流程 . 5 2.2 頁(yè)面開發(fā)規(guī)范 .6 2.2.1 標(biāo)記語言規(guī)范 . 6 2.2.2 頁(yè)面設(shè)計(jì)基本原則 . 7 2.2.3 頁(yè)面效果規(guī)范 . 7 2.2.4 背景音樂規(guī)范 . 9 2.2.5 圖標(biāo)與圖形規(guī)范 . 10 2.2.6 CACHE 規(guī)范 . 11 2.2.7 菜單規(guī)范 . 12 2.2.8 頁(yè)面返回規(guī)范 . 12 2.2.9 文本顯示 規(guī)范 . 13 2.2.10 用戶輸入規(guī)范 . 15 2.2.11 格式化輸入規(guī)范 . 15 2.2.12 瀏覽器性能參考 . 16 2.2.13 MHTML 格式頁(yè)面 . 16 2.2.14 終端適配 . 20 2.2.15 COOKIES 規(guī)范 . 20 2.3 URL說明 .21 2.4 業(yè)務(wù)返回規(guī)范 .21 2.4.1 說明 . 21 2.4.2 適用范圍 . 22 2.4.3 頁(yè)面和軟鍵 (數(shù)字鍵 )的返回規(guī)定 . 22 2.4.4 業(yè)務(wù)的“返回上級(jí)” . 23 2.4.5 業(yè)務(wù)的“返回首頁(yè)” . 25 2.4.6 業(yè)務(wù)的返回“頻道首頁(yè)” . 26 2.5 WAP PUSH 規(guī)范 .27 2.5.1 說明 . 27 2.6 業(yè)務(wù)實(shí)現(xiàn)要求 .27 2.6.1 對(duì) WAP1.2 的兼容 . 27 2.6.2 瀏覽類業(yè)務(wù) . 31 2.6.3 下載類業(yè)務(wù) . 34 2.6.4 業(yè)務(wù)訂購(gòu) . 34 2.6.5 PUSH 類業(yè)務(wù) . 35 2.7 用戶手機(jī)號(hào)碼和手機(jī)型號(hào)獲取說明 .35 2.8 編碼和代碼 .36 2.9 計(jì)費(fèi)模式 .36 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 1 1 概述 中國(guó)聯(lián)通 WCDMA 移動(dòng)互聯(lián)網(wǎng) 業(yè)務(wù)開展以 后 ，用戶數(shù)增長(zhǎng)迅速，用戶使用的各類業(yè)務(wù)越來越豐富，目前提供的各類業(yè)務(wù)均是按照 WAP1.2 標(biāo)準(zhǔn)向用戶提供的服務(wù)。中國(guó)聯(lián)通 前期已 建立了統(tǒng)一的 WAP 2.0 門戶站點(diǎn)， WAP2.0 門戶即將上線。 為了提供更好、功能更加強(qiáng)大的服務(wù)， 2009 年新建 3G 門戶 與 2G 門戶站點(diǎn)相結(jié)合 ， 對(duì)用戶提供各類服務(wù)，為了 保證 統(tǒng)一 2G/3G 門戶 業(yè)務(wù)，特制定了 本 業(yè)務(wù)規(guī)范。 1.1 文檔內(nèi)容 本規(guī)范內(nèi)容包括 3G 業(yè)務(wù) 門戶 的技術(shù)說明 ， 業(yè)務(wù)訪問流程，計(jì)費(fèi)和價(jià)格原則以及各類業(yè)務(wù)規(guī)范，并 給出了相應(yīng)的基 本原則與例子。 同時(shí)對(duì)于 2G 業(yè)務(wù)的兼容性和延續(xù)性作了相關(guān)說明 。 1.2 適用 范圍 本規(guī)范適用于中國(guó)聯(lián)通各級(jí)機(jī)構(gòu)和 CP/SP（內(nèi)容 /服務(wù)提供商）通過中國(guó)聯(lián)通2G/3G 業(yè)務(wù) 門戶站點(diǎn)向用戶提供各類 增值業(yè)務(wù) 服務(wù)。 1.3 解釋權(quán)及修訂權(quán) 本規(guī)范由中國(guó)聯(lián)通制定、審核并發(fā)布，起草單位為中國(guó)聯(lián)通 產(chǎn)品創(chuàng)新部 。 本規(guī)范將根據(jù)市場(chǎng)發(fā)展需要適時(shí)進(jìn)行修改，其修改權(quán)和解釋權(quán)屬于中國(guó)聯(lián)通 產(chǎn)品創(chuàng)新部 。 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 2 1.4 術(shù)語和縮略語 WAP: Wireless Application Protocol SP: Service Provider,服務(wù)提供商 頁(yè)面：每次請(qǐng)求 ，所得到的顯示內(nèi)容 頻道 ： 根據(jù)業(yè)務(wù)內(nèi)容分類劃分的區(qū)域，頻道下為 欄目列表 欄目： 頻道中的某一類服務(wù)，欄目下是業(yè)務(wù)列表 欄目標(biāo)題：顯示內(nèi)容的頁(yè)面頂端顯示的內(nèi)容標(biāo)題 欄目名稱：菜單欄目列表中指向內(nèi)容鏈接或下一級(jí)菜單鏈接的欄目名 XML： extensible markup language, 擴(kuò)展超文本標(biāo)記語言 , HTML 的最新版本（ v.4.1）是 XHTML 的基礎(chǔ)。 XHTML MP: XHTML mobile profile, XHTML 移動(dòng)描述 。源于 XHTML Basic 并且從完整的 XHTML 1.1 中增加了 在移動(dòng)瀏覽器中有用的元素和屬性。 WAP CSS： WAP cascading style sheets，是 CSS 的移動(dòng)版本， 是 CSS 的一個(gè)子集，但不包括那些不適用于特別小的設(shè)備功能。 CP/SP：內(nèi)容提供商 /服務(wù)提供商 資費(fèi) 確認(rèn)：用戶確認(rèn)收費(fèi) 規(guī)則 ，如包月、點(diǎn)擊及收費(fèi)金額 計(jì)費(fèi)：根據(jù)用戶確認(rèn)的收費(fèi)策略，作計(jì)費(fèi)處理，計(jì)算本次使用服務(wù)的費(fèi)用 1.5 參考文獻(xiàn) 中國(guó)聯(lián)通 WCDMA 移動(dòng)互聯(lián)網(wǎng)門戶業(yè)務(wù)規(guī)范 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 3 2 業(yè)務(wù) 技術(shù)要求 2.1 業(yè)務(wù)訪問和 訂購(gòu) 流程 2.1.1 業(yè)務(wù)使用流程（訪問非計(jì)費(fèi) URL） 用 戶W E B 網(wǎng) 關(guān) / H T T P代 理W A P / W E B門 戶V A C S PP o r t a l 瀏 覽判 斷 用 戶 請(qǐng) 求 ，將 用 戶 請(qǐng) 求 定 位 到 全 國(guó) 門 戶P o a t a l 瀏 覽P o r t a l 展 現(xiàn)瀏 覽 請(qǐng) 求判 斷 用 戶 訪 問 的 是 非 計(jì) 費(fèi) U R L轉(zhuǎn) 發(fā) 瀏 覽 請(qǐng) 求業(yè) 務(wù) 返 回流程描述： （ 1）用戶一鍵上網(wǎng)，訪問總部門戶； （ 2） WEB網(wǎng)關(guān)判斷用戶請(qǐng)求，將用戶請(qǐng)求定位到總部門戶； （ 3）聯(lián)通 Portal展現(xiàn)； （ 4）用戶發(fā)起一個(gè)瀏覽請(qǐng)求； （ 5） HTTP代理根據(jù)用戶所請(qǐng)求訪問的 URL判斷出是非計(jì)費(fèi) URL，轉(zhuǎn)發(fā)用戶請(qǐng)求至免費(fèi) SP； （ 6） SP給用戶返回訪問內(nèi)容。 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 4 2.1.2 業(yè)務(wù)使用流程（訪問計(jì)費(fèi) URL） 用 戶W E B 網(wǎng) 關(guān) / H T T P代 理W A P / W E B門 戶V A C S PP o r t a l 瀏 覽判 斷 用 戶 請(qǐng) 求 ，將 用 戶 請(qǐng) 求 定 位 到 全 國(guó) 門 戶P o a t a l 瀏 覽P o a t a l 展 現(xiàn)瀏 覽 請(qǐng) 求判 斷 用 戶 訪 問 的 是 計(jì) 費(fèi) U R L轉(zhuǎn) 發(fā) 瀏 覽 請(qǐng) 求業(yè) 務(wù) 返 回觸 發(fā) 鑒 權(quán)認(rèn) 證 鑒 權(quán)用 戶 一 鍵 上網(wǎng) ， 訪 問 總 部門 戶用 戶 訪 問 收 費(fèi)內(nèi) 容 用 戶 已 訂 購(gòu) ， 用戶 直 接 使 用 （ 按 次計(jì) 費(fèi) 業(yè) 務(wù) ） 用 戶 已 訂 購(gòu) ，用 戶 直 接 使 用（ 包 月 業(yè) 務(wù) ）鑒 權(quán) 成 功 ， 用 戶 已 訂 購(gòu)生 成 話 單鑒 權(quán) 成 功 ， 用 戶 已 訂 購(gòu)重 定 向 到 資 費(fèi) 提 示 頁(yè) 面展 現(xiàn) 資 費(fèi) 提 示 頁(yè) 面用 戶 確 認(rèn) 資 費(fèi)重 定 向 到 用 戶 瀏 覽 頁(yè) 面業(yè) 務(wù) 返 回生 成 話 單B S S同 步 話 單同 步 話 單用 戶 未 訂 購(gòu) ， 提 示用 戶 訂 購(gòu)鑒 權(quán) 失 敗 （ 用 戶 未 訂 購(gòu) ）觸 發(fā) 訂 購(gòu) 流 程修改話單生成 /同步話單流程 .只修訂圖 流程描述： （ 1）用戶一鍵上網(wǎng)，訪問總部門戶； （ 2） WEB網(wǎng)關(guān)判斷用戶請(qǐng)求 ，將用戶請(qǐng)求定位到總部門戶； （ 3）聯(lián)通 Portal展現(xiàn)； （ 4）用戶發(fā)起一個(gè)瀏覽請(qǐng)求； （ 5） HTTP代理根據(jù)用戶所請(qǐng)求訪問的 URL判斷出是計(jì)費(fèi) URL，觸發(fā)到 VAC鑒權(quán) 用戶已訂購(gòu)，用戶直接使用（包月業(yè)務(wù)）： （ 6）鑒權(quán)成功，用戶訂購(gòu)的是包月業(yè)務(wù)，則 HTTP代理轉(zhuǎn)發(fā)用戶請(qǐng)求至收費(fèi) SP； （ 7） SP返回訪問內(nèi)容； （ 8） HTTP代理觸發(fā)到 VAC的話單生成請(qǐng)求； （ 9） VAC生成話單，并同步給 BSS； 用戶已訂購(gòu)，用戶直接使用（按次計(jì)費(fèi)業(yè)務(wù)）： 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 5 （ 6）鑒權(quán)成功，用戶訂購(gòu)的是按次計(jì)費(fèi)業(yè)務(wù)，則 HTTP代理重定 向到資費(fèi)提示頁(yè)面； （ 7）用戶確認(rèn)資費(fèi)； （ 8）頁(yè)面重定向到用戶瀏覽頁(yè)面； （ 9） SP返回訪問內(nèi)容； （ 10） HTTP代理觸發(fā)到 VAC的話單生成請(qǐng)求； （ 11） VAC生成話單，并同步給 BSS； 用戶未訂購(gòu)，觸發(fā)訂購(gòu)流程： （ 6）鑒權(quán)失敗，用戶未訂購(gòu)， HTTP代理 重定向到業(yè)務(wù)訂購(gòu)提示頁(yè)面。 2.1.3 訂購(gòu)業(yè)務(wù)流程 用 戶W A P / W E B 門 戶 V A C S P O C S / S C PB S S用 戶 訪 問 訂 購(gòu) 頁(yè) 面發(fā) 起 認(rèn) 證 鑒 權(quán)扣 費(fèi) 結(jié) 果 返 回預(yù) 付 費(fèi) 扣 費(fèi)展 現(xiàn) 頁(yè) 面 訂 購(gòu) 頁(yè) 面訂 購(gòu) 請(qǐng) 求展 現(xiàn) 二 次 確 認(rèn) 頁(yè) 面用 戶 確 定 訂 購(gòu)用 戶 、 業(yè) 務(wù) 、 S P 進(jìn) 行 認(rèn) 證 鑒 權(quán)生 成 訂 購(gòu) 關(guān) 系 / 出 話 單鑒 權(quán) 成 功展 現(xiàn) 訂 購(gòu) 成 功 頁(yè) 面 訂 購(gòu) 關(guān) 系 通 知 S P訂 購(gòu) 關(guān) 系 通 知 B S S參考 VAC規(guī)范 流程說明： （ 1）用戶訪問業(yè)務(wù)訂購(gòu)頁(yè)面； （ 2）門戶展現(xiàn)訂購(gòu)頁(yè)面； （ 3）用戶點(diǎn)擊訂購(gòu)鏈接，發(fā)起訂購(gòu)請(qǐng)求； （ 4）門戶展現(xiàn)二次確認(rèn)頁(yè)面 ； （ 5）用戶點(diǎn)擊確認(rèn)鏈接； （ 6）門戶發(fā)起到用戶歸屬的 VAC的訂購(gòu)鑒權(quán)； （ 7） VAC對(duì)用戶進(jìn)行狀態(tài)認(rèn)證、業(yè)務(wù)能力鑒權(quán)、終端能力鑒權(quán)、對(duì)業(yè)務(wù)進(jìn)行鑒權(quán)、對(duì) SP進(jìn)行鑒權(quán)； （ 8）鑒權(quán)通過后判斷用戶是否是預(yù)付費(fèi)用戶，如果是，則發(fā)起到 OCS/SCP的實(shí)時(shí)扣費(fèi)，并接收扣費(fèi)結(jié)果，如果扣費(fèi)成功，則繼續(xù)，否則鑒權(quán)失敗，提示用戶余額不足，訂購(gòu)失敗。如果用戶是后付費(fèi)用戶則繼續(xù)； （ 9） VAC生成訂購(gòu)關(guān)系； （ 10） VAC向 SP發(fā)送訂購(gòu)關(guān)系通知，并獲取 SP回復(fù)信息； 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 6 （ 11） VAC向 BSS發(fā)送訂購(gòu)關(guān)系通知，并獲取 BSS回復(fù)信息 ； （ 12） VAC返回訂購(gòu)鑒權(quán)成功響應(yīng)給門戶。 （ 13）門戶向用戶展示訂購(gòu)成功提示頁(yè)面。 2.2 頁(yè)面開發(fā)規(guī)范 2.2.1 標(biāo)記語言規(guī)范 1. 所有頁(yè)面都要求由 XHTML 編寫，嚴(yán)格遵循 XHTML MP 規(guī)范，請(qǐng)參考本文以上內(nèi)容，或者參考： /documentation/xhtml_mp_css_reference_70/index.html 2. 頁(yè)面驗(yàn)證工具： / 3. 所有的頁(yè)面都要已以下格式開始 4. 頁(yè)面編碼為 utf-8。 5. 所有屬性要求雙引號(hào)。 6. 所有的 & 符號(hào) , 都要改成 &； 7. 所有的標(biāo)簽 (除了文件頭的 DOCTYPE)都是小寫，并且注意。 8. 標(biāo)簽是大小寫相關(guān)的，比如 : 應(yīng)當(dāng)寫為 ： 9. 所有的標(biāo)簽都要封閉 10. 所有的標(biāo)簽的嵌套關(guān)系要符合 xhtml mp 規(guī)范 , 比如 后，要加 11. 業(yè)務(wù)內(nèi)地址要求用相對(duì)地址，且不要用 refresh 功能 . 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 7 2.2.2 頁(yè)面設(shè)計(jì)基本原則 1. 相比 2G 網(wǎng)絡(luò)， 3G網(wǎng)絡(luò)在網(wǎng)絡(luò)帶寬上大大增加，引領(lǐng)用戶進(jìn)入真正的無線互聯(lián)網(wǎng)時(shí)代； CP/SP 應(yīng)基于 3G 網(wǎng)絡(luò)的特點(diǎn)開發(fā)出內(nèi)容更豐富的應(yīng)用，在3G 門戶的頁(yè)面設(shè)計(jì)上考慮更豐富的媒體類型和內(nèi)容元素。 2. 由于手機(jī)終端具有屏幕狹小、輸入受限等特點(diǎn)，同時(shí)移動(dòng)互聯(lián)網(wǎng)帶寬受限，因此 CP/SP 業(yè)務(wù)設(shè)計(jì)本著引導(dǎo)與方便用戶使用原則而開展。 3. CP/SP 所開發(fā)業(yè)務(wù)既要較快讓用戶進(jìn)入與使用，又要方便用戶出來使用其它欄目或者 CP/SP 業(yè)務(wù)。用戶進(jìn)入后無法通過鏈接返回首 頁(yè)的業(yè)務(wù)視為重大錯(cuò)誤。 4. 瀏覽類與信息類業(yè)務(wù)要求各 CP/SP 要有功能與風(fēng)格基本一致的界面。 2.2.3 頁(yè)面效果規(guī)范 頁(yè)面的效果應(yīng)把握“提高訪問速度的前提下，提高頁(yè)面瀏覽流量、提高頁(yè)面視覺沖擊效果”的原則： 1. 單頁(yè)面圖片與文字總和的整體容量應(yīng)控制在 150k 以下，普通頁(yè)面的全部展現(xiàn)時(shí)間應(yīng)保證小于 4s，多圖形頁(yè)面的全部展現(xiàn)時(shí)間應(yīng)保證小于 6s（包括頁(yè)面內(nèi)置對(duì)象）。 2. 對(duì)于業(yè)務(wù)入口頁(yè)面，在保證速度的前提下，應(yīng)盡可能做得豐富一些，增強(qiáng)用戶的視覺感受；對(duì)于第二級(jí)和第三級(jí)及其以下的頁(yè)面，可以稍微簡(jiǎn)化頁(yè)面的效果，但是不允許出現(xiàn)純文本的頁(yè)面 。 3. 對(duì)于使用圖片的頁(yè)面，應(yīng)該設(shè)置與圖片主色調(diào)相近的背景色，在用戶觸發(fā)頁(yè)面的下載后，應(yīng)保證用戶通過迅速見到出現(xiàn)的背景色而能感受到下載已經(jīng)進(jìn)行，絕對(duì)不能在下載進(jìn)行中向用戶展現(xiàn)白屏。 4. 如果使用表格的嵌套，嵌套的層數(shù)應(yīng)該少于 2 層。 5. CSS 應(yīng)該定義到每一個(gè)文件，不能單獨(dú)做成一個(gè)文件， 應(yīng)使用頁(yè)面內(nèi)包含。 6. 對(duì)于背景的圖片，建議使用小圖片的平鋪方式，可以大大提高下載速度，中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 8 平鋪應(yīng)該優(yōu)先考慮手機(jī) 170 像素的屏寬。否則將會(huì)出現(xiàn)明顯的接縫痕跡，示例如下 : 未考慮手機(jī)平鋪效果： 建議平鋪效果： 7. Html Body 下的子 TAG 中的內(nèi)容應(yīng)盡量少， 盡量少定義全局， 應(yīng)分散到多個(gè)子 TAG 中， TAG 禁止相互嵌套，代碼示例 :  ；  ； 方 孤苦伶仃接口管理發(fā)動(dòng)機(jī)可法律界公開勒索奮斗 應(yīng)該為：  ； 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 9  ； 方孤苦伶仃接口管理發(fā)動(dòng)機(jī)可法律界公開勒索奮斗 8. 頁(yè)面中所有顯示圖片應(yīng)加 Alt， 在圖片未完全下載前，能夠用文字給用戶以圖片展示內(nèi) 容的說明。示例代碼如下： 2.2.4 背景音樂規(guī)范 1. 背景音樂使用 MIDI 格式。 2. 為了滿足用戶在不同場(chǎng)景中的需要， 頁(yè)面中應(yīng)該設(shè)置明顯的可以開啟或關(guān)閉背景音的操作方式。 3. 背景音樂的請(qǐng)求代碼應(yīng)該放在圖片的 請(qǐng)求代碼的 之 后，以保證下載速度和用戶感受，示例代碼如下： 推薦的寫法： 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 10 fkdgjkldgjklfjdksgjkdl gjklfdjgkldjf 不推薦的寫法： fkdgjkldgjklfjdksgjkdl gjklfdjgkldjf 2.2.5 圖標(biāo)與圖形規(guī)范 1. 為了保證頁(yè)面的整體下載時(shí)間，建議單頁(yè)面圖片的容量應(yīng)該控制在 100k以內(nèi)。 2. 圖片下載必須提供圖片預(yù)覽功能，預(yù)覽時(shí)顯示文字應(yīng)為“生成預(yù)覽中 ”， 預(yù)覽圖片應(yīng) 為 80x80 像素，大小應(yīng)控制在 6K 以內(nèi)，以保證預(yù)覽生成的速度在 3 秒以內(nèi)。正式下載的圖片應(yīng)盡量保證容量較大，圖像清晰。建議下生成預(yù)覽中 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 11 載圖片大小在 25K 左右， 預(yù)覽頁(yè)面效果如圖： 3. 瀏覽器 對(duì)于不同格式的圖片解碼速度是不同的，根據(jù)測(cè)試值得出（ OPENWAVE 瀏覽器），解碼速度 BMPPNGJPEGGIF， 建議 CP/SP在保證圖片質(zhì)量的基礎(chǔ)上，最好選擇 GIF 和 PNG 格式的圖片，并且應(yīng)經(jīng)過 PHOTOSHOP 壓縮。 4. 由于使用小圖標(biāo)會(huì)增加 Http 請(qǐng)求的個(gè)數(shù)從而影響頁(yè)面的整體下載速度，所以不推薦在欄目列 表中使用較多的小圖標(biāo)，建議使用 特殊符號(hào)或者數(shù)字符號(hào)代替小圖標(biāo)，可以很大程度上提高瀏覽速度； 如果必須使用，則每頁(yè)使用小圖標(biāo)的個(gè)數(shù)不應(yīng)超過 15 個(gè)，且單個(gè)圖標(biāo)大小應(yīng)在 500byte 以內(nèi) 。 2.2.6 CACHE 規(guī)范 1. 為加快用戶瀏覽頁(yè)面顯示速度，業(yè)務(wù)入口頁(yè)面，以及公共性和架構(gòu)類的頁(yè)面應(yīng)使用 CACHE，其他頁(yè)面不應(yīng)使用 CACHE。 2. 不要將時(shí)效性很強(qiáng)的內(nèi)容（如新聞、股票信息等）留在 CACHE 中。 3. 天氣信息、交通信息等特定內(nèi)容在 CACHE 中的有效時(shí)間為 6 小時(shí)。 4. 對(duì)動(dòng)態(tài)信息要強(qiáng)制更新。 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 12 2.2.7 菜單規(guī)范 1. 菜單項(xiàng)按業(yè)務(wù)的重要性的順序來排列， 用戶最可能選擇的業(yè)務(wù)排在前面。 2. 菜單項(xiàng)應(yīng)遵循的排列格式：在保證美觀的基礎(chǔ)上，如果菜單一列顯示，文本部分左對(duì)齊，圖片菜單部分中間對(duì)齊；如果分列顯示，文本部分左對(duì)齊，圖片菜單項(xiàng)要盡量與屏幕寬度相同，如果不能相同，則要保證中間對(duì)齊。 3. 菜單項(xiàng)應(yīng)盡量避免使用小圖標(biāo)。 4. 建議使用數(shù)字快捷鍵作為菜單選擇手段，但是菜單選項(xiàng)應(yīng)該使用明顯的標(biāo)識(shí)提示用戶使用數(shù)字快捷鍵，菜單選項(xiàng)多于 9 個(gè)時(shí)，定義“ 0”鍵表示進(jìn)入下一頁(yè)，定義“ *”鍵表示返回上級(jí)；定義“ #”鍵表示返回首頁(yè)。對(duì)于不支持字符觸發(fā)的終端，“返回上級(jí)”和“聯(lián)通首頁(yè)”應(yīng)采用小圖標(biāo) 和文字鏈接，可以通過方向鍵選擇。 5. 菜單盡量不要小圖標(biāo)（ Icon）和數(shù)字快捷鍵同時(shí)使用，因?yàn)檫@樣，對(duì)于大部分終端，會(huì)造成菜單文字的換行，影響界面的美觀。 6. 如果需要在一個(gè)菜單項(xiàng)上執(zhí)行多個(gè)操作，可以通過彈出式菜單實(shí)現(xiàn)。 2.2.8 頁(yè)面返回規(guī)范 用戶經(jīng)常使用手機(jī)中的返回按鍵（通常就是刪除按鍵）返回或退出，因此，返回連接對(duì)一個(gè)業(yè)務(wù)的成功是十分關(guān)鍵的，要倍加關(guān)注，對(duì)返回連接設(shè)計(jì)好的業(yè)務(wù)，將會(huì)顯著地提高用戶的使用次數(shù)。 1. 在所有業(yè)務(wù)的頁(yè)面底部必須有一個(gè)“聯(lián)通首頁(yè) #”和“返回上級(jí) *”的鏈接 (注意必須在鏈接的文字后提供“ #”和“ *”作 為明顯的標(biāo)識(shí)提示用戶 )； “返回首頁(yè) ”的鏈接為： ，頁(yè)面效果如圖： （ 個(gè)人圖片 )（ 圖片下載 ） （ 鈴聲下載 ）（ 屏保動(dòng)畫 ） （ 音樂動(dòng)畫 ） (背景圖片 ) 返回上級(jí) * 聯(lián)通首頁(yè) # 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 13 返回上級(jí)：指返回 SP 的應(yīng)用菜單 聯(lián)通首頁(yè)：指返回互動(dòng)視界的首頁(yè) 2. 如果上一個(gè)頁(yè)面是重定向頁(yè)面，則“返回上級(jí)”應(yīng)跳過重定向頁(yè)面。 3. 為了便于用戶的使用，在有些情況下，允許返回上級(jí)功能不直接返回上一個(gè)頁(yè)面，而是將用戶帶到最方便使用業(yè)務(wù)的頁(yè)面。 例：用戶在使用鈴聲搜索或者單詞翻譯的業(yè)務(wù)時(shí)，當(dāng)輸入的要搜索的鈴聲或 者翻譯的單詞，然后進(jìn)入確認(rèn)頁(yè)面，點(diǎn)擊確認(rèn)后，當(dāng)沒有找到時(shí)出現(xiàn)的提示頁(yè)面中的返回，不是返回到確認(rèn)頁(yè)面，而是返回到重新輸入頁(yè)面； 2.2.9 文本顯示規(guī)范 1. 一個(gè) CARD 中顯示 5k 以下 字符，即 2000 漢字以內(nèi)。 2. 當(dāng)需要顯示的內(nèi)容超過范圍時(shí)，在底部提供一個(gè)“下一頁(yè)”連接，但在每個(gè)欄目下，傳送給用戶的內(nèi)容最好不要超過 3 頁(yè)。 3. 將超出一行的內(nèi)容分行顯示，但主菜單及子欄目標(biāo)題則應(yīng)盡量將文字壓縮為一行。如：“少女系列三十一”此標(biāo)題字符過長(zhǎng)，可將其壓縮為“少女系列 31”。 4. 所有文本左對(duì)齊。 5. 每段文字的首字需要保證對(duì)應(yīng)的文字縮進(jìn)。 6. 瀏覽 圖片和新聞等內(nèi)容時(shí)，應(yīng)提供明示下一主題或內(nèi)容的連接說明，用于用戶直接轉(zhuǎn)到下一個(gè)主題或內(nèi)容，比如“下一張”、“下一條”等，而不要僅僅顯示“下一頁(yè)”，以免造成用戶的混淆。 7. 所有提示性文字應(yīng)使用統(tǒng)一的簡(jiǎn)體中文，避免出現(xiàn)英文與中文混合的內(nèi)中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 14 容，如“ Loading 請(qǐng)稍后”，應(yīng)為“正在下載中 請(qǐng)稍后”。 8. 菜單中的各項(xiàng)要按照一定的邏輯順序來排列，如按照類型、時(shí)間、字母順序等。如果沒有邏輯順序，就按優(yōu)先級(jí)排列，將最可能選擇的排在最前面，將最新更新的部分放在最前面，并加入“ NEW”字樣。 9. 新聞?lì)悪谀恳谛侣剺?biāo)題的后面顯示新聞 發(fā)布的日期及出處。如圖： 10. 當(dāng)用戶閱讀文本時(shí)，應(yīng)能主動(dòng)預(yù)讀取下一頁(yè)文本到手機(jī)的 CACHE 中，加快用戶閱讀的切換速度。 比如： Page 1 of 2 。 1. 中 國(guó) 隊(duì) 大 勝 香 港隊(duì) 。 (2004。 11。18，摘自 XX 時(shí)報(bào) ) 2. 央視招 標(biāo)突 破 50億 。 (2004。 11。18，摘自 XX晚報(bào)報(bào) ) 3. 北京警方成功破獲多起搶劫案 。(2004.11.18 ，摘自XX 時(shí)報(bào) ) 下一頁(yè) 返回上級(jí) * 聯(lián)通首頁(yè) # 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 15 上面的 代碼展示了如何利用預(yù)取功能對(duì)一個(gè)卡片組中的下一個(gè)卡片進(jìn)行訪問。 2.2.10 用戶輸入規(guī)范 1. 盡量減少用戶的文本輸入。 2. 當(dāng)已激活輸入?yún)^(qū)域時(shí)，只需要有一個(gè)確認(rèn)連接，不需要提供其他功能。 3. 為每一個(gè)輸入項(xiàng)盡可能直觀的提示與描述，但不要多于 10 個(gè)漢字。 4. 對(duì)每一個(gè)輸入項(xiàng)，將輸入的內(nèi)容限制在 254 個(gè)字符之內(nèi)。 5. 應(yīng)通過設(shè)定輸入框的內(nèi)容類型，避免用戶增加切換輸入法的操作。 6. 對(duì)用戶輸入的密碼，不要用 *進(jìn)行掩蓋，在手機(jī)上明文顯示即可。 7. 使用 MAXLENGTH 參數(shù)來限制用戶輸入密碼的長(zhǎng)度，避免用戶出錯(cuò)。 2.2.11 格式化輸入規(guī)范 格式化輸入主要包括輸入日 期、信用卡號(hào)碼等具有固定格式的內(nèi)容。 1. 對(duì)所有格式化輸入都必須表明輸入格式，如輸入如期時(shí)可以表示為：MM/YYYY 見下 例： 2. 對(duì)輸入的類型進(jìn)行強(qiáng)制匹配，該輸入數(shù)字的地方，不能輸入字母。 3. 可以通過 MAXLENGTH 參數(shù)限制輸入的字符數(shù)。 4. 對(duì)確定的內(nèi)容進(jìn)行預(yù)制， 如輸入日期時(shí)可以表示為 20xx，只讓用戶輸入后兩位數(shù)字就可以。 5. 對(duì)可確定用戶輸入的文字功能實(shí)現(xiàn)自動(dòng)切換，如需用戶輸入密碼時(shí)，應(yīng)自動(dòng)切換為“數(shù)字功能”，要求用戶輸入 Email 地址時(shí)，應(yīng)自動(dòng)切換為“英文”等。 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 16 2.2.12 瀏覽器性能參考 1. 建議 CP/SP 建議控制頁(yè)面中 Http link 數(shù)目。 2. 頁(yè)面中 http link 請(qǐng)求的順序是按照編寫的順序產(chǎn)生的，建議 CP/SP 對(duì)于較大的對(duì)象應(yīng)盡量放在后面。 3. 頁(yè)面編碼應(yīng)采用 utf-8， 可減少 proxy 或終端的轉(zhuǎn)化。 2.2.13 MHTML 格式頁(yè)面 概述 鑒于 4.2.11 章節(jié)中提到的手機(jī)瀏覽器單連接同步發(fā)送請(qǐng)求的特性，減少同一頁(yè)面中請(qǐng)求數(shù)量可以有效的加快頁(yè)面翻轉(zhuǎn)速度。 MHTML 格式頁(yè)面恰恰可以滿足如上需求。 目前 Openwave 6.X 版本 的瀏覽器已經(jīng)被普遍的應(yīng)用在 Wap2.0 終端上，該版本手機(jī)瀏覽器可以支持 Multipart/related MIME Type。由于 MHTML 格式頁(yè)面對(duì)于“多圖”頁(yè)面能夠顯著提供頁(yè)面翻轉(zhuǎn)速度，因此，對(duì)于由頁(yè)面下載速度緩慢而嚴(yán)重影響用戶感知、用戶體驗(yàn)的頁(yè)面，建議采用 MHTML 格式頁(yè)面進(jìn)行打包，將多個(gè)請(qǐng)求轉(zhuǎn)換為一個(gè)請(qǐng)求，縮短由于手機(jī)瀏覽器的局限而導(dǎo)致頁(yè)面翻轉(zhuǎn)較長(zhǎng)的耗時(shí)。 實(shí)現(xiàn)原理 網(wǎng)頁(yè)打包技術(shù)是一種基于 HTTP 的傳輸擴(kuò)展協(xié)議，可以參考互聯(lián)網(wǎng)標(biāo)準(zhǔn)協(xié)議RFC2557 MIME Encapsulation of Aggregate Documents, such as HTML (MHTML)，通過在傳輸過程中實(shí)現(xiàn)頁(yè)面和 頁(yè)面內(nèi)嵌對(duì)象的整合編碼技術(shù)，實(shí)現(xiàn)一次連接可以傳輸完整頁(yè)面及頁(yè)面內(nèi)嵌對(duì)象的技術(shù)標(biāo)準(zhǔn)。本協(xié)議是對(duì) RFC2557 在 WAP 傳輸上的修正，針對(duì)無線網(wǎng)絡(luò)的特性，去掉了冗余數(shù)據(jù)，結(jié)合 WCDMA 的高速數(shù)據(jù)通道實(shí)現(xiàn)無縫高效傳輸。 傳統(tǒng)的 WAP 頁(yè)面?zhèn)鬏斶^程： 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 17 1. 向服務(wù)器發(fā)送請(qǐng)求，請(qǐng)求頁(yè)面文件 (WML 或 XHTML)。 2. 顯示初步頁(yè)面。 3. 瀏覽器針對(duì)頁(yè)面進(jìn)行分析，得到頁(yè)面內(nèi)嵌對(duì)象（如圖片，鈴聲）的 URL。 4. 繼續(xù)發(fā)送對(duì)頁(yè)面內(nèi)嵌對(duì)象請(qǐng)求。 5. 顯示完整頁(yè)面。 WML/XHTML 格式 頁(yè)面?zhèn)鬏斒疽鈭D 打包技術(shù)頁(yè)面?zhèn)鬏斶^程： 1. 向服務(wù)器發(fā)送頁(yè)面請(qǐng)求，傳輸整個(gè) MHTML 頁(yè)面文件。 2. 對(duì)打包文件解碼，顯示完整頁(yè)面。 MHTML 技術(shù)傳輸示意圖 MHTML 文件 一次請(qǐng)求 /應(yīng)答 頁(yè)面元素文件 XHTML 文件 多次請(qǐng)求 /應(yīng)答 一次請(qǐng)求 /應(yīng)答 手機(jī) 服務(wù)器 手機(jī) 服務(wù)器 手機(jī) 服務(wù)器 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 18 簡(jiǎn)單實(shí)現(xiàn)過程 .1 將網(wǎng)頁(yè)轉(zhuǎn)成 Multipart 格式 1. 使用 IE 打開某業(yè)務(wù)入口頁(yè)面。 2. 在菜單中選擇另存為。 3. 在對(duì)話框內(nèi)選擇保存類型為 WEB 檔案，單一文件 。 4. 選擇編碼為 UTF-8,文件名為 test.mht，確定保存。 5. 在菜單中選擇另存為。 6. 在對(duì)話框內(nèi)選擇保存類型為 網(wǎng)頁(yè)， html格式 。 7. 文件名為 test. html，確定保存。 8. 使用文本編輯器打開 test.mht。 9. 去掉前的 16 行（前 16 行為 IE 自行添加的冗余信息）。 10. 增加以下內(nèi)容： .2 將頁(yè)面元素轉(zhuǎn)成 Base64 格式 接前一章節(jié)： 1. 查找圖片文件的 URL 位置。 2. 修改為本地路徑。 3. 去掉最后一行的標(biāo)識(shí) -=_NextPart_000_0000_01C54B57.43303D40-（對(duì)于不同情況，黃色背景部分可能略有不同）。 -=_NextPart_000_0003_01C54672.B1702520 Content-Type: text/html；charset=utf-8 Content-Transfer-Encoding: quoted-printable Content-Location: page 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 19 4. 在文件尾部加上以下內(nèi)容（假設(shè)該測(cè)試頁(yè)面只內(nèi)嵌了 2 個(gè)對(duì)象）： 5. 在 test.files 文件夾中找出圖片文件并使用 BASE64 進(jìn)行編碼，獲得純文本字符串，或參照以下步驟使用 outlook 對(duì)圖片進(jìn)行編碼。 a) 打開 outlook,新建一個(gè)郵件 b) 在附件中選擇以上的圖片文件 c) 發(fā)送郵件 d) 在郵件發(fā)送箱中找到該郵件 e) 查看郵件屬性里的詳細(xì)信息 f) 選擇編號(hào)好的圖片文件內(nèi)容 .3 整合為 MHTML 文件 1. 在 test.mht 中粘貼對(duì)內(nèi)嵌對(duì)象進(jìn)行 BASE64 編碼后的純文本字符串。如， -=_NextPart_000_0003_01C54672.B1702520 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: a.gif 此處粘貼 a.gif 進(jìn)行 BASE64 編碼后的純文本字符串 -=_NextPart_000_0003_01C54672.B1702520 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: b.gif 此處粘貼 b.gif 進(jìn)行 BASE64 編碼后的純文本字符串 -=_NextPart_000_0003_01C54672.B1702520- -=_NextPart_000_0003_01C54672.B1702520 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: a.gif -=_NextPart_000_0003_01C54672.B1702520 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: b.gif -=_NextPart_000_0003_01C54672.B1702520- 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 20 2. 將 test.mht 另 存為 test.jsp。 3. 部署到應(yīng)用服務(wù)器。 4. 進(jìn)行測(cè)試。 應(yīng)用范圍 如 章節(jié)要求， 對(duì)于由頁(yè)面下載速度緩慢而嚴(yán)重影響用戶感知、用戶體驗(yàn)的頁(yè)面 ，我們建議采用 MHTML 格式頁(yè)面進(jìn)行打包。 以下舉例說明建議采用 MHTML 格式進(jìn)行開發(fā)的現(xiàn)網(wǎng)業(yè)務(wù)頁(yè)面（灰色涂抹部分為尚未下載完成的圖片說明，顧及影響，此處以灰色進(jìn)行涂抹）。 以上頁(yè)面效果嚴(yán)重影響用戶感知、用戶體驗(yàn)，因此，對(duì)于此類業(yè)務(wù)頁(yè)面，我們建議以 MHTML 格式進(jìn)行開發(fā)。 2.2.14 終端適配 1. 由于終端支持的選擇性的，相同設(shè)計(jì)的頁(yè)面在不同的終端上有著不同的表現(xiàn)形式，因 此，請(qǐng) CP/SP 在開發(fā)時(shí)注意通過終端適配，識(shí)別不同的終端并根據(jù)其不同的能力屬性來推送適配的頁(yè)面。 2. 由于終端 CPU 性能的影響，一些終端在解碼時(shí) CPU 資源占用嚴(yán)重，影響瀏覽速度，這類終端不適合圖片內(nèi)容較多的頁(yè)面的展現(xiàn)， CP/SP 應(yīng)單獨(dú)對(duì)這類終端進(jìn)行適配。 2.2.15 COOKIES 規(guī)范 鑒于終端瀏覽器可以設(shè)置不支持 Cookie，因此，對(duì)于需要保存會(huì)話關(guān)系的 WAP 中國(guó)聯(lián)合 網(wǎng)絡(luò) 通信有限公司 21 2.0/HTTP 應(yīng)用程序，應(yīng)通過 URL 重寫（ URL Rewriting）的方式來保存會(huì)話關(guān)系，即將用戶的會(huì)話信息保存在 URL 中，當(dāng)用戶點(diǎn)擊鏈接時(shí)送回服務(wù)器端來保 持用戶的會(huì)話關(guān)系。 2.3 URL說明 SP 在中國(guó)聯(lián)通 3G 門戶中 提供一個(gè) 業(yè)務(wù)時(shí)， 需遵循中國(guó)聯(lián)通基于 URL 計(jì)費(fèi)（信息費(fèi)）的原則，對(duì)于接入的 任何收費(fèi)業(yè)務(wù) 需要 提供如下 幾類 URL： 參數(shù)名稱 參數(shù)舉例 用途描述 入口 URL /w