【文章內容簡介】 繳納 25 元），就可以使用此 SP 的優(yōu)惠套餐中的全部業(yè)務。8 / 764 業(yè)務開發(fā)規(guī)范 業(yè)務訪問和定制/退定流程對于本章節(jié)內容，與 業(yè)務一致。 業(yè)務訪問流程 業(yè)務的用戶訪問流程與 業(yè)務訪問流程類似，參見下圖：（1） 用戶使用移動終端一鍵上網(wǎng)請求訪問 WAP 門戶首頁，WAP 平臺對用戶請求處理后，返回 WAP 門戶首頁。在 WAP 門戶中，存在鏈接指向 SP 服務器。9 / 76（2） 用戶點擊 WAP 門戶中的鏈接，請求訪問 SP 服務器中的業(yè)務，該請求發(fā)送給WAP 平臺的計費處理系統(tǒng)。（3） WAP 平臺對用戶的請求進行認證和鑒權處理后，如果認證和鑒權通過，則WAP 平臺轉發(fā)請求給 SP 服務器。（4） SP 服務器處理用戶請求，并返回響應給 WAP 平臺系統(tǒng)。（5） WAP 平臺系統(tǒng)返回響應給用戶，同時根據(jù) SP 服務器響應結果對用戶進行計費處理。說明：對用戶的計費均由中國聯(lián)通 CDMA WAP 平臺處理。 用戶訂購和使用業(yè)務的流程1．用戶使用一個未定制業(yè)務的流程10 / 76（1） 用戶使用移動終端發(fā)送業(yè)務使用請求給 WAP 平臺。（2） WAP 平臺判斷用戶是否已經(jīng)定制了此業(yè)務，如果未定制此業(yè)務， WAP 平臺彈出業(yè)務訂購頁面，并返回給到用戶終端。（3） 用戶選擇業(yè)務收費規(guī)則，并確認訂購。（4） WAP 平臺成功處理用戶定制請求后，把用戶請求發(fā)送給 SP 服務器。（5） SP 服務器返回響應給 WAP 平臺。（6） WAP 平臺返回響應給用戶終端。（7） 同時 WAP 平臺將用戶定制信息傳送給 SP 業(yè)務服務器。2．用戶使用一個已定制業(yè)務的流程11 / 76（1） 用戶使用移動終端發(fā)送業(yè)務使用請求。（2） 由 WAP 平臺判斷用戶是否已經(jīng)定制了此業(yè)務。（3） WAP 平臺驗證用戶已經(jīng)定制的業(yè)務，則將請求轉發(fā)給 SP 業(yè)務服務器。（4） SP 服務器端返回請求給 WAP 平臺。（5） WAP 平臺返回請求給用戶終端。 用戶退定業(yè)務流程12 / 76（1） 用戶使用移動終端或者登錄中國聯(lián)通統(tǒng)一 WEB 界面，對已定制的業(yè)務進行退定操作。（2） WAP 平臺成功處理業(yè)務退定操作后，將用戶退定業(yè)務信息傳送到 SP 業(yè)務服務器。 頁面開發(fā)規(guī)范 頁面設計基本原則1. 由于手機終端具有屏幕狹小、輸入受限等特點，同時移動互聯(lián)網(wǎng)速度較慢，因此 CP/SP 業(yè)務設計本著引導與方便用戶使用原則而開展。2. CP/SP 所開發(fā)業(yè)務既要較快讓用戶進入與使用，又要方便用戶出來使用其它欄目或者 CP/SP 業(yè)務。用戶進入后無法通過鏈接返回首頁的業(yè)務視為重大錯誤。3. 瀏覽類與信息類業(yè)務要求各 CP/SP 要有功能與風格基本一致的界面。 頁面效果規(guī)范頁面的效果應把握“提高訪問速度的前提下，提高頁面瀏覽流量、提高頁面視覺沖擊效果”的原則：1. 單頁面圖片與文字總和的整體容量應控制在 20k 以下，普通頁面的全部展現(xiàn)時間應保證小于 4s，多圖形頁面的全部展現(xiàn)時間應保證小于 6s（包括頁面內置對象） 。2. 對于業(yè)務入口頁面，在保證速度的前提下，應盡可能做得豐富一些，增強用戶的視覺感受；對于第二級和第三級及其以下的頁面，可以稍微簡化頁面的效果，但是不允許出現(xiàn)純文本的頁面。3. 對于使用圖片的頁面，應該設置與圖片主色調相近的背景色，在用戶觸發(fā)頁面的下載后，應保證用戶通過迅速見到出現(xiàn)的背景色而能感受到下13 / 76載已經(jīng)進行，絕對不能在下載進行中向用戶展現(xiàn)白屏。4. 如果使用表格的嵌套，嵌套的層數(shù)應該少于 2 層。5. CSS 應該定義到每一個文件，不能單獨做成一個文件，應使用頁面內包含。6. 對于背景的圖片，建議使用小圖片的平鋪方式，可以大大提高下載速度，平鋪應該優(yōu)先考慮雙模手機 170cm 像素的屏寬。否則將會出現(xiàn)明顯的接縫痕跡，示例如下:未考慮雙模手機平鋪效果：建議平鋪效果：7. Html Body 下的子 TAG 中的內容應盡量少，盡量少定義全局，應分散到多個子 TAG 中，TAG 禁止相互嵌套，代碼示例:Ptable width=100% border=0 cellspacing=0 cellpadding=0 tr td /td /tr tr td /td /tr/table方孤苦伶仃接口管理發(fā)動機可法律界公開勒索奮斗 /P應該為：14 / 76Ptable width=100% border=0 cellspacing=0 cellpadding=0 tr td /td /tr tr td /td /tr/table/PP方孤苦伶仃接口管理發(fā)動機可法律界公開勒索奮斗 /P8. 頁面中所有顯示圖片應加 Alt， 在圖片未完全下載前，能夠用文字給用戶以圖片展示內容的說明。示例代碼如下：htmlheadmeta equiv=ContentType content=text/html。 charset=gb2312title/title/headbodyimg src=”a。gif” alt=”xxxx 業(yè)務”/body/html 背景音樂規(guī)范1. 背景音樂使用 MIDI 格式。2. 為了滿足用戶在不同場景中的需要， 頁面中應該設置明顯的可以開啟或關閉背景音的操作方式。3. 背景音樂的請求代碼應該放在圖片的請求代碼的后面，以保證下載速度15 / 76和用戶感受，示例代碼如下：推薦的寫法：htmlheadmeta equiv=ContentType content=text/html。 charset=gb2312title/title/headbodyfkdgjkldgjklfjdksgjkdlgjklfdjgkldjfbgsound src=xx。mid/body/html不推薦的寫法：htmlheadmeta equiv=ContentType content=text/html。 charset=gb2312title/title/headbody bgsound src=xx。midfkdgjkldgjklfjdksgjkdlgjklfdjgkldjf/body/html16 / 76 圖標與圖形規(guī)范1. 為了保證頁面的整體下載時間，建議單頁面圖片的容量應該控制在 15k以內。2. 圖片下載必須提供圖片預覽功能，預覽時顯示文字應為“生成預覽中…” ， 預覽圖片應為 80x80 像素，大小應控制在 6K 以內，以保證預覽生成的速度在 3 秒以內。正式下載的圖片應盡量保證容量較大，圖像清晰。建議下載圖片大小在 25K 左右， 預覽頁面效果如圖：3. WAP 瀏覽器對于不同格式的圖片解碼速度是不同的，根據(jù)測試值得出（OPENWAVE 瀏覽器） ，解碼速度 BMPPNGJPEGGIF， 建議 CP/SP在保證圖片質量的基礎上，最好選擇 GIF 和 PNG 格式的圖片，并且應經(jīng)過 PHOTOSHOP 壓縮。4. 由于使用小圖標會增加 Http 請求的個數(shù)從而影響頁面的整體下載速度，所以不推薦在欄目列表中使用較多的小圖標，建議使用特殊符號或者數(shù)字符號代替小圖標，可以很大程度上提高瀏覽速度；如果必須使用，則每頁使用小圖標的個數(shù)不應超過 8 個，且單個圖標大小應在 500byte 以內。生成預覽中…圣誕老人 1256 字節(jié)下載返回上級* 聯(lián)通首頁圣誕老人 1256 字節(jié)下載返回上級* 聯(lián)通首頁17 / 76 CACHE 規(guī)范1. 為加快用戶瀏覽頁面顯示速度，業(yè)務入口頁面，以及公共性和架構類的頁面應使用 CACHE，其他頁面不應使用 CACHE。2. 不要將時效性很強的內容（如新聞、股票信息等）留在 CACHE 中。3. 天氣信息、交通信息等特定內容在 CACHE 中的有效時間為 6 小時。4. 對動態(tài)信息要強制更新。 菜單規(guī)范1. 菜單項按業(yè)務的重要性的順序來排列，用戶最可能選擇的業(yè)務排在前面。2. 菜單項應遵循的排列格式：在保證美觀的基礎上，如果菜單一列顯示，文本部分左對齊，圖片菜單部分中間對齊；如果分列顯示，文本部分左對齊，圖片菜單項要盡量與屏幕寬度相同，如果不能相同，則要保證中間對齊。3. 菜單項應盡量避免使用小圖標。 。4. 建議使用數(shù)字快捷鍵作為菜單選擇手段，但是菜單選項應該使用明顯的標識提示用戶使用數(shù)字快捷鍵，菜單選項多于 9 個時，定義“0”鍵表示進入下一頁，定義“*”鍵表示返回上級；定義“”鍵表示返回首頁。對于不支持字符觸發(fā)的終端， “返回上級”和“聯(lián)通首頁”應采用小圖標和文字鏈接，可以通過方向鍵選擇。5. 菜單盡量不要小圖標（Icon）和數(shù)字快捷鍵同時使用，因為這樣，對于大部分終端，會造成菜單文字的換行，影響界面的美觀。6. 如果需要在一個菜單項上執(zhí)行多個操作，可以通過彈出式菜單實現(xiàn)。18 / 76 頁面返回規(guī)范用戶經(jīng)常使用手機中的返回按鍵（通常就是刪除按鍵）返回或退出，因此，返回連接對一個業(yè)務的成功是十分關鍵的，要倍加關注，對返回連接設計好的業(yè)務，將會顯著地提高用戶的使用次數(shù)。1. 在所有業(yè)務的頁面底部必須有一個“聯(lián)通首頁”和“返回上級*”的鏈接(注意必須在鏈接的文字后提供“”和“*”作為明顯的標識提示用戶)；“返回首頁” 的鏈接為： ，頁面效果如圖：返回上級：指返回 SP 的應用菜單聯(lián)通首頁：指返回互動視界的首頁2. 如果上一個頁面是重定向頁面，則“返回上級”應跳過重定向頁面。3. 為了便于用戶的使用，在有些情況下，允許返回上級功能不直接返回上一個頁面，而是將用戶帶到最方便使用業(yè)務的頁面。例：用戶在使用鈴聲搜索或者單詞翻譯的業(yè)務時，當輸入的要搜索的鈴聲或者翻譯的單詞，然后進入確認頁面，點 擊確認后，當沒有找到時出現(xiàn)的提示頁面中的返回，不是返回到確認頁面，而是返回到重新輸入頁面； 文本顯示規(guī)范1. 一個 CARD 中顯示 500600 個字符，即 300 漢字以內。2. 當需要顯示的內容超過范圍時，在底部提供一個“下一頁”連接，但在（個人圖片)（圖片下載）（鈴聲下載） （屏保動畫）（音樂動畫）(背景圖片)返回上級* 聯(lián)通首頁 19 / 76每個欄目下，傳送給用戶的內容最好不要超過 3 頁。3. 將超出一行的內容分行顯示，但主菜單及子欄目標題則應盡量將文字壓縮為一行。如：“少女系列三十一”此標題字符過長，可將其壓縮為“少女系列 31”。4. 所有文本左對齊。5. 每段文字的首字需要保證對應的文字縮進。6. 瀏覽圖片和新聞等內容時，應提供明示下一主題或內容的連接說明，用于用戶直接轉到下一個主題或內容，比如“下一張” 、 “下一條”等，而不要僅僅顯示“下一頁” ，以免造成用戶的混淆。7. 所有提示性文字應使用統(tǒng)一的簡體中文，避免出現(xiàn)英文與中文混合的內容，如“Loading… 請稍后 ”，應為“正在下載中…請稍后” 。8. 菜單中的各項要按照一定的邏輯順序來排列，如按照類型、時間、字母順序等。如果沒有邏輯順序，就按優(yōu)先級排列，將最可能選擇的排在最前面，將最新更新的部分放在最前面，并加入“NEW”字樣。9. 新聞類欄目要在新聞標題的后面顯示新聞發(fā)布的日期及出處。如圖： 10. 當用戶閱讀文本時，應能主動預讀取下一頁文本到手機的 CACHE 中，加快用戶閱讀的切換速度。1. 中國隊大勝香港隊……。(2022。11。18，摘自 XX 時報)2. 央視招標突破 50億……。(2022。11。18，摘自 XX 晚報報)3. 北京警方成功破獲多起搶劫案……。(8，摘自 XX 時報)下一頁返回上級* 聯(lián)通首頁20 / 76比如：headlink href=”page2。wml” rel=”next”//headcard id=”page1”do type=”accept” lable=”Page2”go href=”page2。wml”//dopPage 1 of 2 br/…。/p/card上面的代碼展示了如何利用預取功能對一個卡片組中的下一個卡片進行訪問。 用戶輸入規(guī)范1. 盡量減少用戶的文本輸入。2. 當已激活輸入?yún)^(qū)域時，只需要有一個確認連接，不需要提供其他功能。3. 為每一個輸入項盡可能直觀的提示與描述，但不要多于 10 個漢字。4. 對每一個輸入項，將輸入的內容限制在 254 個字符之內。5. 應通過設定輸入框的內容類型，避免用戶增加切換輸入法的操作。6. 對用戶輸入的密碼，不要用*進行掩蓋，在手機上明文顯示即可。7. 使用 MAXLENGTH 參數(shù)來限制用戶輸入密碼的長度，避免用戶出錯。21 / 76格式化輸入主要包括輸入日期、信用卡號碼等具有固定格式的內容。1. 對所有格式化輸入都必須表明輸入格式，如輸入如期時可以表示為：MM/YYYY 見下 例：2. 對輸入的類型進行強制匹配，該輸入數(shù)字的地方，不能輸入字母。3. 可以通過 MAXLENGTH 參數(shù)限制輸入的字符數(shù)。4. 對確定的內容進行預制， 如輸入日期時可以表示為 20xx，只讓用戶輸入后兩位數(shù)字就可以。5. 對可確定用戶輸入的文字功能實現(xiàn)自動切換，如需用戶輸入密碼時，應自