新版彩印web門戶設(shè)計需求v1

1、文檔： 級別： 移動彩印新版 WAP 門戶需求文檔版本：V1.22013-7-11廣州市網(wǎng)絡(luò)科技移動彩印運營支撐中心目錄1.門戶結(jié)構(gòu)圖42.門戶功能需求42.1公共頭部42.2公共底部52.3頂部客戶端欄52.4操作提示62.5首頁62.5.1神馬是彩印模塊72.5.2猜你喜歡模塊82.5.3猜你性格模塊102.5.4功能介紹欄模塊112.5.5熱門模塊122.5.6模塊142.5.7活動模塊142.6神馬是彩印162.7彩印.172.8有獎活動182.8.1“各地市活動”模塊182.8.2“全省活動”模塊202.9淘彩印202.9.1熱門.202.9.2彩印內(nèi)容242.9.3彩印盒25彩印2

2、72.9.42.10快捷彈窗282.10.1“修改彩印”彈窗282.10.2“專屬彩印”彈窗292.10.3“發(fā)彩印”彈窗292.10.4“”.302.11個人主頁312.11.1個人主頁頂部312.11.2“當(dāng)前彩印”模塊332.11.3“專屬彩印”模塊362.11.4“同步”模塊372.12貼392.12.1貼392.12.2刪除.402.12.3換一批402.13登錄41 門戶結(jié)構(gòu)圖彩印門戶發(fā)現(xiàn)彩印有獎活動客戶端彩印操作頁面快捷彈窗首頁彩印彩印內(nèi)容主題彩印修改彩印好友彩印邀請好友修改密碼修改昵稱彩印盒專屬彩印列表發(fā)彩印貼標(biāo)簽修改彩印彈窗專屬彩印彈窗發(fā)彩印彈窗注冊登錄彩印盒詳情頁修改專屬彩

3、印搜索主題詳情頁個人彩印盒單條彩印 門戶功能需求 公共導(dǎo)航公共導(dǎo)航如下圖：當(dāng)屏幕上下滾動時，導(dǎo)航欄會跟隨屏幕的移動而移動，且始終在頂部。該導(dǎo)航欄在客戶端以外的個頁面皆顯示。點擊“客戶端”跳轉(zhuǎn)到舊版的客戶端介紹頁。2.2 公共底部公共底部如下圖：點擊“版”，電腦門戶切換為 html5門戶點擊“回頂部”，回到所在頁面的頂部。2.3 操作提示（1）操作提交后，成功或失敗都以彈窗形式提示，如下圖：（彈窗只有關(guān)閉按鈕）（2）如果是未滿足提交條件，無法提交，則彈窗顯示無法提交的原因。如下圖：2.4 首頁2.4.1已登錄：未登錄：2.4.2神馬是彩印模塊體驗按鈕點擊“體驗效果”按鈕，彈出彈窗，模擬 USSD

4、 效果，效果如下圖：登錄按鈕點擊登錄跳轉(zhuǎn)到登錄頁面。按鈕點擊“”按鈕，跳轉(zhuǎn)到頁面。2.4.3猜你喜歡模塊“猜你喜歡”內(nèi)容（1）用戶貼過，根據(jù)。（2）用戶當(dāng)前使用了系統(tǒng)彩印，則隨機同個分類下的另一條彩印來。（3）用戶沒有貼過，也沒有使用系統(tǒng)彩印，則不顯示“猜你喜歡”這個 tab，只顯示“猜你個性”，如下圖：“喜歡”按鈕點擊“喜歡”按鈕，彈出窗口，內(nèi)容如下：點擊“是”，設(shè)置為當(dāng)前彩印。點擊“否”，關(guān)閉窗口?！安幌矚g”按鈕點擊“不喜歡”按鈕，則下一條內(nèi)容。2.4.4猜你性格模塊“猜你性格”內(nèi)容當(dāng)用戶沒有貼過，才會顯示“猜你性格”的 tab。提供方法 guesslabel“1081”,“小助手猜你是個

5、控，對不對”，“1023”,“小助手猜你是個 80 后，對不對”，“1065”,“小助手猜你還單身，對不對”，每組第一個參數(shù)是id，每組第二個參數(shù)是“猜你性格”中顯示的內(nèi)容。每次隨機一組內(nèi)容?！皩α恕卑粹o點擊“對了”按鈕，則為該用戶貼上id 對應(yīng)的?！安洛e了”按鈕點擊“猜錯了”按鈕，則方法中的下一組內(nèi)容。連續(xù)點擊“猜錯了”三次，則“猜你性格”模塊內(nèi)15 個供選擇：選中的會改變顏色。點擊“貼”，則選中的都會成為用戶的。若用戶點擊“都不是”，則換一批。換到最后一批仍點擊“都不是”則循環(huán)又顯示第一批。2.5.1功能介紹欄模塊各功能圖標(biāo)點擊不同的圖標(biāo)，切換到不同功能的介紹?！叭ピ囋嚒卑粹o點擊“專屬彩印

6、”、“免費發(fā)信息”的“去試試”按鈕，跳轉(zhuǎn)到相應(yīng)功能的設(shè)置頁面。點擊“同步”的“去試試”按鈕，跳轉(zhuǎn)到個人主頁?！翱纯此卑粹o點擊“看看好友”的“看看他”按鈕，則在本頁面顯示相應(yīng)號碼的彩印內(nèi)容，效果如下。對方已開通彩?。簩Ψ轿撮_通彩?。?.4.5熱門模塊“熱門”內(nèi)容從 SMC 的“簽名管理”中隨機n 條彩印，數(shù)量可由運營在模板里配置?！啊卑粹o點擊“按鈕”，跳轉(zhuǎn)到“淘彩印-彩印內(nèi)容”頁面?！笆褂谩卑粹o點擊“使用”按鈕，頁面頂部滑出“修改彩印”快捷彈窗（見 3.10），彩印內(nèi)容傳遞到輸入框內(nèi)?！皩佟卑粹o點擊“專屬”按鈕，頁面頂部滑出“專屬彩印”快捷彈窗（見 3.10），彩印內(nèi)容傳遞到輸入框內(nèi)。2.5

7、.2模塊隨機SMC中的四個?！啊卑粹o點擊“”按鈕，跳轉(zhuǎn)到“淘彩印-彩印”頁面。點擊或標(biāo)題，跳轉(zhuǎn)到相應(yīng)的詳情頁。2.5.3活動模塊輪換位提供方法 activitypic地址 1，1，地址 2，2，地址 3，3，按順序輪播，輪播速度可通過參數(shù)配置N 秒換下一張。點擊，則跳轉(zhuǎn)到相應(yīng)的。活動列表默認(rèn)4 個全省活動、2 個地市活動（數(shù)量可通過模板參數(shù)配置）。地市即登錄用戶的號碼歸屬地，若用戶未登錄，則不顯示地市活動，僅顯示全省活動。點擊其中一個活動標(biāo)題，則跳轉(zhuǎn)到相應(yīng)的活動詳情頁面。2.5彩印左側(cè)導(dǎo)航欄2.5.1“常用功能”默認(rèn)展開，“其他功能”、“設(shè)置”默認(rèn)收起來。2.5.2修改彩印-當(dāng)前彩印模塊修改昵

8、稱：默認(rèn)顯示用戶機號碼。輸入昵稱后，點擊“修改”按鈕修改，并在右側(cè)上同步更新。輸入內(nèi)容，點擊修改，彈出“修改成功”窗口。右側(cè)的彩印內(nèi)容同步更新。若用戶未貼，則在“修改成功”窗口引導(dǎo)用戶貼，如下圖：從 SMC前 15 個。點擊貼，保存用戶選中的。右側(cè)：1、若當(dāng)前彩印是普通彩印，則顯示。2、若當(dāng)前彩印是彩印盒，則顯示盒的+彩印盒名稱。，彈出窗口，顯示彩印盒的彩印內(nèi)容。3、若當(dāng)前彩印是，則顯示該的+名稱。，彈出窗口，顯示的彩印內(nèi)容。猜你喜歡，顯示兩條內(nèi)容，顯示規(guī)則如下：（1）用戶貼過，根據(jù)。（2）用戶當(dāng)前使用了系統(tǒng)彩印，則隨機同個分類下的另外兩條彩印來。（3）若用戶沒有貼，也沒有使用系統(tǒng)彩印，則不顯

9、示猜你喜歡。點擊“換一批”按鈕，根據(jù)相同規(guī)則隨機另外兩條彩印。2.5.3修改彩印-歷史彩印模塊內(nèi)容排列的順序按照修改時間從近到遠內(nèi)容包括彩印、修改時間、在發(fā)送時間（在分時段彩印中設(shè)置的時間）。一頁顯示 10 條內(nèi)容。2.5.4圖像彩印2.5.5專屬彩印-設(shè)置專屬模塊2.5.6專屬彩印-對誰設(shè)過專屬模塊2.6 發(fā)現(xiàn)彩印1進入彩印內(nèi)容收起。頁面，默認(rèn)只展開“修改彩印”的內(nèi)容，其他（2）點擊其他標(biāo)題，展開該標(biāo)題的內(nèi)容，自動收起其他展開的標(biāo)題（頁面始終保持僅展開一個標(biāo)題的內(nèi)容）。如下圖（3）點擊已展開的標(biāo)題，會收起該標(biāo)題的內(nèi)容（頁面允許不展開任何標(biāo)題的內(nèi)容）。2.7 有獎活動2.8.1“各地市活動”模

10、塊頂部“地市”tab顯示有活動地市的 tab，若該地市沒有活動或所有活動被設(shè)置為“隱藏”，則不顯示該地的 tab。系統(tǒng)默認(rèn)選中用戶號碼歸屬地的 tab，若用戶未登錄，則默認(rèn)選中第一個 tab。所有地市都沒活動的時候，“各地市活動”模塊不顯示。內(nèi)容顯示SMC“門戶活動管理”中該地市的所有活動。2.8.2“全省活動”模塊SMC“門戶活動管理”中的全省活動。一頁顯示 4 個全省活動。點擊，或手指在“全省活動”模塊左右滑動進行翻頁。翻頁只針對“全省活動”模塊。2.8 客戶端2.9.1熱門顯示內(nèi)容從 SMC中，隨機16 條彩印，顯示在同一頁面內(nèi)，不需翻頁。以瀑布流的形式分兩欄顯示（根據(jù)彩印內(nèi)容長度會參差

11、不齊）。效果如下圖：點擊其中一條內(nèi)容，底部會出現(xiàn)半透明浮層，顯示三個按鈕。效果如下圖：“使用”按鈕點擊使用按鈕，“修改彩印”快捷彈窗（見 3.10）會從頁面頂部往下滑出，彩印內(nèi)容傳遞到輸入框內(nèi)。“”按鈕點擊按鈕，“發(fā)彩印”快捷彈窗（見 3.10）會從頁面頂部往下滑出，彩印內(nèi)容傳遞到輸入框內(nèi)。“加入彩印盒”按鈕點擊“加入彩印盒”按鈕，則該彩印添加到用戶的個人彩印盒內(nèi)（提示添加成功，無需跳轉(zhuǎn)），并且該彩印的人氣值加 1?！安视?nèi)容”按鈕點擊底部“彩印內(nèi)容”，跳轉(zhuǎn)到“彩印內(nèi)容”頁面。2.9.2彩印內(nèi)容顯示內(nèi)容默認(rèn)根據(jù)彩印內(nèi)容的提交時間進行排序，每頁顯示 16 條彩印內(nèi)容?？赏ㄟ^模板修改排序方式和每頁

12、顯示條數(shù)。點擊其中一條內(nèi)容，浮現(xiàn)的按鈕與“熱門”頁面相同。顯示彩印分類由運營在模版中填寫分類ID（允許填寫一級分類如“節(jié)日彩印”，或二級分類如“教師節(jié)”）。翻頁與搜索頁數(shù)按鈕實際是下拉列表框，點擊顯示可選擇的頁數(shù)，選擇后直接跳轉(zhuǎn)到相應(yīng)頁數(shù)的頁面。點擊“搜索”按鈕，則跳轉(zhuǎn)到搜索頁面。2.9.3彩印盒顯示內(nèi)容默認(rèn)根據(jù)彩印盒的更新時間進行排序，每頁顯示 8 個彩印盒。可通過模板修改排序方式和每頁顯示個數(shù)。模版內(nèi)提供約 10 個彩印盒，可對應(yīng) 10 個分類。每個分類下的彩印盒，使用同一張。點擊彩印盒標(biāo)題、內(nèi)容或，都可進入彩印盒詳情頁面。顯示彩印分類由運營在模版中填寫分類ID（允許填寫一級分類如“節(jié)日彩

13、印”，或二級分類如“教師節(jié)”）。彩印2.9.4顯示內(nèi)容默認(rèn)根據(jù)的創(chuàng)建時間進行排序，每頁顯示8 個?？赏ㄟ^模板修改排序方式和每頁顯示個數(shù)。點擊或標(biāo)題，進入該詳情頁面。點擊使用按鈕，直接把該設(shè)為彩印。顯示彩印分類由運營在模版中填寫分類ID （僅能填寫一級分類，下面的實際就是二級分類）。2.9 快捷彈窗2.10.1“修改彩印”彈窗該彈窗是用戶對系統(tǒng)彩印點擊“使用”時，從頁面頂部向下滑出的。（因此彈窗居頁面頂部，并非居中）在該彈窗內(nèi)可對系統(tǒng)彩印編輯后再使用。即使編輯過，簽名設(shè)置的設(shè)置方式仍然標(biāo)識為“wap 使用內(nèi)容”，傳遞過來的系統(tǒng)彩印人氣值會加 1。2.10.2“專屬彩印”彈窗在該彈窗內(nèi)可對系統(tǒng)彩印編輯后再使用。即使編輯過，簽名設(shè)置的設(shè)置方式仍然標(biāo)識為“wap 使用內(nèi)容”，傳遞過來的系統(tǒng)彩印人氣值會加 1。2.10.3“發(fā)彩印”彈窗該彈窗實際是“發(fā)彩印”功能的快捷窗口，點擊“發(fā)送”則默認(rèn)以 USSD 形式下發(fā)。彈窗底部用戶本月剩余的發(fā)彩印條數(shù)。2.10.4“”用戶在彈窗中點擊“”，則跳轉(zhuǎn)到頁面（第頁面），的內(nèi)容通過傳遞。2.10貼貼2.12.1“”模塊默認(rèn)顯示用戶已貼的。點擊“你可能感的”中的一條，該變色，并出現(xiàn)在下方“”中，點擊“確定”則提交原有的以及新選中的。注：“”模塊的顏色與“你有