金融信息云平臺總體建設(shè)方案

1、 金融信息云平臺總體建設(shè)方案目 錄 TOC o 1-2 h z u HYPERLINK l _Toc32759311 1平臺總體方案 PAGEREF _Toc32759311 h 2 HYPERLINK l _Toc32759315 1.1平臺業(yè)務(wù)方案 PAGEREF _Toc32759315 h 2 HYPERLINK l _Toc32759316 1.2技術(shù)方案 PAGEREF _Toc32759316 h 3 HYPERLINK l _Toc32759317 1.3產(chǎn)品功能列表 PAGEREF _Toc32759317 h 35 HYPERLINK l _Toc32759318 2平臺功

2、能簡介 PAGEREF _Toc32759318 h 38 HYPERLINK l _Toc32759319 2.1企業(yè)云主站 PAGEREF _Toc32759319 h 38 HYPERLINK l _Toc32759320 2.2企業(yè)云客戶端 PAGEREF _Toc32759320 h 44 HYPERLINK l _Toc32759321 2.3小微企業(yè)管理中心 PAGEREF _Toc32759321 h 48 HYPERLINK l _Toc32759322 2.4運營中心 PAGEREF _Toc32759322 h 53 HYPERLINK l _Toc32759323 2.

3、5進銷存企業(yè)核心應(yīng)用 PAGEREF _Toc32759323 h 59 HYPERLINK l _Toc32759324 2.6移動記賬應(yīng)用 PAGEREF _Toc32759324 h 66 HYPERLINK l _Toc32759325 2.7移動辦公應(yīng)用 PAGEREF _Toc32759325 h 69 HYPERLINK l _Toc32759326 2.8銷售機會 PAGEREF _Toc32759326 h 72 HYPERLINK l _Toc32759327 2.9合同管理 PAGEREF _Toc32759327 h 73 HYPERLINK l _Toc3275932

4、8 2.10批發(fā)零售 PAGEREF _Toc32759328 h 73 HYPERLINK l _Toc32759329 2.11收付款管理 PAGEREF _Toc32759329 h 74 HYPERLINK l _Toc32759330 2.12報銷管理 PAGEREF _Toc32759330 h 76 HYPERLINK l _Toc32759331 2.13工資管理 PAGEREF _Toc32759331 h 77 HYPERLINK l _Toc32759332 2.14資產(chǎn)管理 PAGEREF _Toc32759332 h 78 HYPERLINK l _Toc327593

5、33 2.16系統(tǒng)安全方案 PAGEREF _Toc32759333 h 93 HYPERLINK l _Toc32759334 2.17高可用方案 PAGEREF _Toc32759334 h 113 HYPERLINK l _Toc32759338 2.18系統(tǒng)運維方案 PAGEREF _Toc32759338 h 125 HYPERLINK l _Toc32759344 2.23項目實施方案 PAGEREF _Toc32759344 h 129 HYPERLINK l _Toc32759347 3建議軟件系統(tǒng)所需的運行環(huán)境 PAGEREF _Toc32759347 h 148 HYPER

6、LINK l _Toc32759359 3.1物理架構(gòu)圖（網(wǎng)絡(luò)拓撲） PAGEREF _Toc32759359 h 148 HYPERLINK l _Toc32759360 3.2設(shè)計原則 PAGEREF _Toc32759360 h 148 HYPERLINK l _Toc32759361 3.3硬件設(shè)備選型建議 PAGEREF _Toc32759361 h 149 HYPERLINK l _Toc32759362 3.4軟件配置建議 PAGEREF _Toc32759362 h 150 HYPERLINK l _Toc32759363 4技術(shù)服務(wù)、技術(shù)培訓、售后服務(wù)的內(nèi)容和措施 PAGER

7、EF _Toc32759363 h 150 HYPERLINK l _Toc32759365 4.1項目培訓與技術(shù)轉(zhuǎn)移 PAGEREF _Toc32759365 h 151 HYPERLINK l _Toc32759366 4.2項目服務(wù)方案 PAGEREF _Toc32759366 h 154平臺總體方案平臺業(yè)務(wù)方案業(yè)務(wù)全景圖金融信息云平臺圍繞中小微企業(yè)，以企業(yè)采購，銷售，結(jié)算，授信，分銷商管理，催收款等流程為主線，提供覆蓋企業(yè)生產(chǎn)全流程的面向不同部門人員使用的一系列輕量應(yīng)用群，在解決企業(yè)痛點需求基礎(chǔ)上，快速擴大蘭州銀行存貸量，打造同業(yè)最強的對公互聯(lián)網(wǎng)金融信息服務(wù)生態(tài)圈。金融信息云平臺面向中

8、小微企業(yè)服務(wù)，有可復(fù)制性，填補了傳統(tǒng)銀行面向中小微企業(yè)服務(wù)空白。采用最新的移動互聯(lián)網(wǎng)和云平臺技術(shù)，充分利用銀行服務(wù)優(yōu)勢和個人存款業(yè)務(wù)優(yōu)勢，面向企業(yè)不同關(guān)鍵人，提供一系列輕量應(yīng)用，切入企業(yè)痛點，擴大存貸量。通過以小微企業(yè)為目標，貫穿起包括企業(yè)剛需進銷存、企業(yè)投融資、企業(yè)記賬理財、企業(yè)協(xié)同辦公、企業(yè)業(yè)務(wù)支持、信息查詢等全套服務(wù)，構(gòu)建面向中小微企業(yè)的金融服務(wù)平臺，實現(xiàn)將金融產(chǎn)品對企業(yè)在各環(huán)節(jié)上的支持提升到新的水平，在企業(yè)轉(zhuǎn)型互聯(lián)網(wǎng)潮流中占據(jù)先機，取得行業(yè)領(lǐng)先優(yōu)勢。關(guān)鍵特性設(shè)計 金融信息云平臺整體服務(wù)基于SaaS和PaaS模式設(shè)計，用戶使用租用的方式享受云服務(wù)，用戶不必自己搭建應(yīng)用、配置硬件與軟件環(huán)境

9、。小微企業(yè)云平臺提供企業(yè)常用輕應(yīng)用和各種平臺級基礎(chǔ)服務(wù)，第三方平臺也可以快速接入平臺，快速形成服務(wù)能力。 根據(jù)小微企業(yè)設(shè)計各種基礎(chǔ)角色，方便企業(yè)不同人群按需使用服務(wù)。擁有完善的權(quán)限管理系統(tǒng)，可以控制到頁面菜單級別，讓企業(yè)數(shù)據(jù)更加安全。技術(shù)方案系統(tǒng)設(shè)計原則先進性系統(tǒng)采用符合信息技術(shù)發(fā)展趨勢的先進技術(shù)，硬件系統(tǒng)應(yīng)選擇先進、成熟、穩(wěn)定、性價比高的設(shè)備；軟件系統(tǒng)的選擇與開發(fā)應(yīng)建立在跟隨行業(yè)發(fā)展與滿足業(yè)務(wù)需求的基礎(chǔ)上，具有易開發(fā)、易升級、易操作、易維護等特點。前瞻性高起點規(guī)劃，高標準建設(shè)，高水平管理。充分把握互聯(lián)網(wǎng)金融與電子商務(wù)的發(fā)展趨勢，滿足系統(tǒng)上線后的可持續(xù)運營發(fā)展與完善。穩(wěn)定性系統(tǒng)應(yīng)具有較高的可靠

10、性和持續(xù)使用能力，保證全年724小時穩(wěn)定運行，具有強大的并發(fā)處理能力及快速的擴充能力。安全性系統(tǒng)必須具有嚴謹周密的安全體系結(jié)構(gòu)，必須能夠提供有效、全方位、多層次的安全機制，抵御可能產(chǎn)生的惡意攻擊和病毒侵蝕，并且在系統(tǒng)安全、網(wǎng)絡(luò)安全和支付安全等多方面具備合理可靠的安全策略。可擴展性系統(tǒng)設(shè)計遵循模塊化、組件化、參數(shù)化設(shè)計原則，方便靈活，易于改造和擴展；并能通過系統(tǒng)預(yù)留的升級接口獨立地、平滑地進行版本升級，功能擴展不會明顯影響系統(tǒng)效率。標準化和開放性系統(tǒng)應(yīng)具有開放的、標準的接口，能夠?qū)崿F(xiàn)與行內(nèi)各系統(tǒng)及行業(yè)應(yīng)用第三方系統(tǒng)的聯(lián)接?？蓪徲嬓詼蚀_記錄所有關(guān)鍵操作和訪問記錄，可再現(xiàn)用戶操作痕跡，并作出適當分類

11、以便稽查。用戶體驗良好系統(tǒng)應(yīng)具有簡潔精美、結(jié)構(gòu)清晰的用戶界面，操作流程須便捷合理，符合用戶行為習慣，用戶請求的響應(yīng)時間應(yīng)控制在可忍受范圍內(nèi)。故障恢復(fù)系統(tǒng)須具有完整的故障檢測和恢復(fù)機制，最大限度的減少故障帶來的損失和危害。高效實用性系統(tǒng)結(jié)構(gòu)合理、效率高、響應(yīng)速度快、資源占用率低；適用的硬件系統(tǒng)應(yīng)具有先進性、成熟性、穩(wěn)定性，性價比較高；適用的軟件系統(tǒng)應(yīng)具有易開發(fā)、易升級、易操作、易維護等特性?？晒芾硇阅軌?qū)W(wǎng)絡(luò)、數(shù)據(jù)庫、應(yīng)用等資源進行實時監(jiān)控、管理和調(diào)度，并根據(jù)需要快速進行調(diào)整。可移植性系統(tǒng)須兼容大型服務(wù)器集群與云計算平臺等多種異構(gòu)環(huán)境，并能夠穩(wěn)健、快速、安全地進行環(huán)境遷移，過程中服務(wù)不可中斷。性

12、能設(shè)計原則穩(wěn)定性通過良好的系統(tǒng)架構(gòu)設(shè)計，通過集群、負載均衡等軟硬件設(shè)備的運用，通過與安全支撐平臺的接口等多種手段，保證系統(tǒng)運行的穩(wěn)定性。響應(yīng)速度系統(tǒng)保證在大用戶量時的較高的網(wǎng)站響應(yīng)和訪問速度。不間斷性為保證二十四小時不間斷訪問，系統(tǒng)在關(guān)鍵路徑上實現(xiàn)冗余，關(guān)鍵點上實現(xiàn)熱備或群集，并保證運行中的數(shù)據(jù)同步和故障發(fā)生時的系統(tǒng)自動接管?？杀O(jiān)控性網(wǎng)絡(luò)設(shè)備采用智能化、可管理的設(shè)備，同時采用網(wǎng)絡(luò)管理軟件實現(xiàn)分布式管理，使運維人員能夠監(jiān)控整個系統(tǒng)的運行狀況，合理分配系統(tǒng)資源、動態(tài)配置網(wǎng)絡(luò)負載，迅速確定系統(tǒng)故障等。時效性平臺系統(tǒng)要求很高的時效性，系統(tǒng)設(shè)計應(yīng)考慮滿足各種服務(wù)指標的要求。接口設(shè)計原則接口設(shè)計遵循標準化

13、、開放性、安全性、穩(wěn)定性四大原則：標準化采用統(tǒng)一的REST標準和規(guī)范設(shè)計接口，是目前行業(yè)主流的標準化接口設(shè)計方式，并對業(yè)務(wù)接口進行統(tǒng)一規(guī)劃，支持多渠道接口支持，避免業(yè)務(wù)接口的重復(fù)設(shè)計。所有的資源都可以使用URL的方式進行標識，通過標準HTTP操作進行交互，每次操作都含有完整的字描述信息。接口設(shè)計支持超鏈接關(guān)聯(lián)，所有的請求對應(yīng)虛擬的一系列頁面。開放性開放性的接口具備“跨平臺、公網(wǎng)通訊、文檔公開”三大特性?？缙脚_：跨平臺特性從通訊協(xié)議、數(shù)據(jù)格式、國密算法三個方面實現(xiàn)：接口采用HTTP通訊協(xié)議，通過HTTP請求和返回進行系統(tǒng)間交互。HTTP協(xié)議是構(gòu)成互聯(lián)網(wǎng)信息傳播的通用基礎(chǔ)協(xié)議，不受平臺架構(gòu)、開發(fā)語

14、言等限制，能夠確保與幾乎所有網(wǎng)絡(luò)系統(tǒng)實現(xiàn)互聯(lián)互通。通過接口傳輸?shù)臄?shù)據(jù)，采用行業(yè)標準的XML或JSON格式進行封裝；為適應(yīng)多語言環(huán)境，接口傳輸數(shù)據(jù)的字符集規(guī)范建議采用UTF-8字符集。在設(shè)計接口安全機制時，采用主流開發(fā)語言均能支持的標準國密算法，如DES、AES、MD5等。公網(wǎng)通訊：接口對公共互聯(lián)網(wǎng)開放（HTTP接口不需要另外開放端口），接收來自互聯(lián)網(wǎng)上的任何位置的訪問請求。文檔公開：在安全的范圍內(nèi)容公開包括接口規(guī)范、參數(shù)定位、返回值說明、開發(fā)示例等在內(nèi)接口文檔（“系統(tǒng)互聯(lián)”的接口文檔僅在內(nèi)部公開，“開放平臺”的接口文檔通常發(fā)布在網(wǎng)站上向所有開發(fā)者公開）。安全性從接口鑒權(quán)、數(shù)據(jù)加密、入侵防護等方

15、面制定全面的安全保障機制：接口鑒權(quán)：根據(jù)IP地址、系統(tǒng)標識、鑒權(quán)密碼等數(shù)據(jù)進行接口鑒權(quán)，只有通過鑒權(quán)的請求才會被正常處理，否則拒絕請求并記錄異常日志。平臺對自己的服務(wù)有控制權(quán)，調(diào)用者對自己的數(shù)據(jù)有控制權(quán)。接口代理層的安全檢測包括Token防偽檢測、Token有效期檢測、Token廢品檢測、調(diào)用者有效性檢測、授權(quán)IP認證、Referer同源檢測。數(shù)據(jù)加密：采用對稱加密算法（DES或AES）對接口傳輸數(shù)據(jù)進行加密，避免數(shù)據(jù)被非法截獲或解讀；同時采用單向不可逆的非對稱加密算法（MD5）對傳輸數(shù)據(jù)進行簽名驗證，以防止數(shù)據(jù)被篡改或偽造，防止公共數(shù)據(jù)被他人竊聽。入侵防護：除了通過加密驗證、漏洞掃描、網(wǎng)絡(luò)隔

16、離等手段進行技術(shù)性防護外，進一步設(shè)計并實現(xiàn)對接口安全的監(jiān)控機制和后臺管理功能，包括：接口日志查詢、接口異常預(yù)警、實時請求監(jiān)控、接口運行情況統(tǒng)計分析，等等。穩(wěn)定性接口的穩(wěn)定可靠，需要確保：平臺架構(gòu)穩(wěn)定、海量訪問性能、運營及快速響應(yīng)三個要素，對數(shù)據(jù)一致性方面有較高的要求，需要完善可靠的系統(tǒng)間數(shù)據(jù)校對機制和相應(yīng)的功能。平臺架構(gòu)穩(wěn)定：包括基礎(chǔ)通訊協(xié)議、系統(tǒng)參數(shù)定義、業(yè)務(wù)接口規(guī)劃等等方面的設(shè)計方案需盡可能保持穩(wěn)定，如確實需要調(diào)整時，應(yīng)在推出新版接口的同時，保持對舊版接口的向下兼容。海量訪問性能：平臺接口需要支撐海量、高并發(fā)的接口請求，除提高系統(tǒng)性能和吞吐能力外，接口設(shè)計方案需包含完善的狀態(tài)檢測、失敗重試

17、、流量監(jiān)控保障等機制。平臺對接口訪問有嚴格的頻度控制，根據(jù)不同調(diào)用者實施不同的優(yōu)先級待遇，在平臺資源受限時，重點保障重要業(yè)務(wù)的快速響應(yīng)。平臺支持自我過載保護，當訪問壓力接近系統(tǒng)容量閥值時，會主動進行訪問控制，保障系統(tǒng)正常運行，不產(chǎn)生雪崩效應(yīng)。運營及快速響應(yīng)：在提供接口的同時，設(shè)計實現(xiàn)完善的后臺管理功能，實現(xiàn)平臺接口的可運營、可管理、可監(jiān)控。包括：接口權(quán)限分配、鑒權(quán)參數(shù)設(shè)置、流量控制、日志查詢、異常預(yù)警、臨時干預(yù)手段、數(shù)據(jù)統(tǒng)計分析等功能模塊。系統(tǒng)間數(shù)據(jù)校對：設(shè)計完善的數(shù)據(jù)校對機制和功能，保持關(guān)聯(lián)系統(tǒng)間的數(shù)據(jù)一致性。包括：定時跑批校對、手工校對、差異數(shù)據(jù)提取和處理等。系統(tǒng)架構(gòu)概述金融信息云平臺具有

18、靈活性、擴展性，并擁有強大的后端業(yè)務(wù)服務(wù)和后臺管理系統(tǒng)，可對業(yè)務(wù)體系進行水平擴展，低耦合，可快速開發(fā)、擴展、迭代、上線。以下是系統(tǒng)總體架構(gòu)圖： 軟件技術(shù)架構(gòu)金融信息云平臺技術(shù)架構(gòu)由寶潤興業(yè)根據(jù)需求進行定制化設(shè)計與開發(fā),通過多種技術(shù)手段，與行內(nèi)現(xiàn)有的各個渠道進行內(nèi)容推送。該技術(shù)架構(gòu)，具備一定的的開放性、靈活性和擴展性，同時兼具通訊的高度安全性、可靠性和穩(wěn)定性。技術(shù)架構(gòu)應(yīng)充分借鑒大型互聯(lián)網(wǎng)網(wǎng)站的成功應(yīng)用經(jīng)驗，體現(xiàn)互聯(lián)網(wǎng)架構(gòu)的高度靈活、高可用性、高可靠性、高可配置性的思想并能實現(xiàn)快速開發(fā)迭代。完全開放型的平臺，易于擴展，配置靈活；開放式的設(shè)計架構(gòu)，可實現(xiàn)和第三方軟件的接口與集成；充分借用大型互聯(lián)網(wǎng)網(wǎng)

19、站的成功應(yīng)用經(jīng)驗；操作系統(tǒng)，數(shù)據(jù)庫，開發(fā)工具盡量采用成熟可靠的軟件產(chǎn)品；無縫升級和橫向擴展能力；基于SOA架構(gòu)模式。所有服務(wù)通過統(tǒng)一方式定義和發(fā)布到平臺，服務(wù)之間通過平臺上的消息總線以及統(tǒng)一的內(nèi)部標準數(shù)據(jù)結(jié)構(gòu)進行數(shù)據(jù)交互；完全的模塊化設(shè)計，模塊拆分靈活，可平滑升級；系統(tǒng)采用PC服務(wù)器群，應(yīng)用服務(wù)器和數(shù)據(jù)庫支持無限級橫向擴展；采用負載均衡技術(shù)，和高效的緩存系統(tǒng)；采用國內(nèi)主流強大的開發(fā)、測試、管理和維護工具，并可提供；采用多種安全技術(shù)，確保安全性和保密性?？傮w技術(shù)架構(gòu)如下： 整體項目技術(shù)架構(gòu)采用三層體系結(jié)構(gòu)設(shè)計開發(fā)。由用戶端的瀏覽器、移動端app、HTML、腳本語言程序組成三層體系中的客戶層；由基

20、于Java應(yīng)用程序的邏輯事物處理程序組成整個系統(tǒng)最主要的中間層；由數(shù)據(jù)庫系統(tǒng)和緩存系統(tǒng)等組成系統(tǒng)的數(shù)據(jù)層。外部接口設(shè)計與對接方案外部接口設(shè)計規(guī)范 接口設(shè)計遵循標準化、開放性、安全性、穩(wěn)定性五大原則： 標準化 采用統(tǒng)一的REST標準和規(guī)范設(shè)計接口，是目前行業(yè)主流的標準化接口設(shè)計方式，并對業(yè)務(wù)接口進行統(tǒng)一規(guī)劃，避免業(yè)務(wù)接口的重復(fù)設(shè)計。所有的資源都可以使用URL的方式進行標識，通過標準HTTP操作進行交互，每次操作都含有完整的字描述信息。接口設(shè)計支持超鏈接關(guān)聯(lián)，所有的請求對應(yīng)虛擬的一系列頁面。 開放性 開放性的接口具備“跨平臺、公網(wǎng)通訊、文檔公開”三大特性。 跨平臺：跨平臺特性從通訊協(xié)議、數(shù)據(jù)格式、

21、加密算法三個方面實現(xiàn)：接口采用HTTP通訊協(xié)議，通過HTTP請求和返回進行系統(tǒng)間交互。HTTP協(xié)議是構(gòu)成互聯(lián)網(wǎng)信息傳播的通用基礎(chǔ)協(xié)議，不受平臺架構(gòu)、開發(fā)語言等限制，能夠確保與幾乎所有網(wǎng)絡(luò)系統(tǒng)實現(xiàn)互聯(lián)互通。 通過接口傳輸?shù)臄?shù)據(jù)，采用行業(yè)標準的XML或JSON格式進行封裝； 為適應(yīng)多語言環(huán)境，接口傳輸數(shù)據(jù)的字符集規(guī)范建議采用UTF-8字符集。在設(shè)計接口安全機制時，采用主流開發(fā)語言均能支持的標準加密算法，如DES、AES、MD5等。公網(wǎng)通訊：接口對公共互聯(lián)網(wǎng)開放（HTTP接口不需要另外開放端口），接收來自互聯(lián)網(wǎng)上的任何位置的訪問請求。文檔公開：在安全的范圍內(nèi)容公開包括接口規(guī)范、參數(shù)定位、返回值說明、

22、開發(fā)示例等在內(nèi)接口文檔（“系統(tǒng)互聯(lián)”的接口文檔僅在內(nèi)部公開，“開放平臺”的接口文檔通常發(fā)布在網(wǎng)站上向所有開發(fā)者公開）。安全性 從接口鑒權(quán)、數(shù)據(jù)加密、入侵防護等方面制定全面的安全保障機制： 接口鑒權(quán)：根據(jù)IP地址、系統(tǒng)標識、鑒權(quán)密碼等數(shù)據(jù)進行接口鑒權(quán)，只有通過鑒權(quán)的請求才會被正常處理，否則拒絕請求并記錄異常日志。平臺對自己的服務(wù)有控制權(quán)，調(diào)用者對自己的數(shù)據(jù)有控制權(quán)。接口代理層的安全檢測包括 Token 防偽檢測、Token 有效期檢測、Token 廢品檢測、調(diào)用者有效性檢測、授權(quán)IP認證、Referer同源檢測。 數(shù)據(jù)加密：采用對稱加密算法（DES或AES）對接口傳輸數(shù)據(jù)進行加密，避免數(shù)據(jù)被非法

23、截獲或解讀；同時采用單向不可逆的非對稱加密算法（MD5）對傳輸數(shù)據(jù)進行簽名驗證，以防止數(shù)據(jù)被篡改或偽造，防止公共數(shù)據(jù)被他人竊聽。 入侵防護：除了通過加密驗證、漏洞掃描、網(wǎng)絡(luò)隔離等手段進行技術(shù)性防護外，進一步設(shè)計并實現(xiàn)對接口安全的監(jiān)控機制和后臺管理功能，包括：接口日志查詢、接口異常預(yù)警、實時請求監(jiān)控、接口運行情況統(tǒng)計分析等。 穩(wěn)定性 接口的穩(wěn)定可靠，需要確保：平臺架構(gòu)穩(wěn)定、海量訪問性能、運營及快速響應(yīng)三個要素，對數(shù)據(jù)一致性方面有較高的要求，需要完善可靠的系統(tǒng)間數(shù)據(jù)校對機制和相應(yīng)的功能。 平臺架構(gòu)穩(wěn)定：包括基礎(chǔ)通訊協(xié)議、系統(tǒng)參數(shù)定義、業(yè)務(wù)接口規(guī)劃等等方面的設(shè)計方案需盡可能保持穩(wěn)定，如確實需要調(diào)整時

24、，應(yīng)在推出新版接口的同時，保持對舊版接口的向下兼容。 海量訪問性能：平臺接口需要支撐海量、高并發(fā)的接口請求，除提高系統(tǒng)性能和吞吐能力外，接口設(shè)計方案需包含完善的狀態(tài)檢測、失敗重試、流量監(jiān)控保障等機制。平臺對接口訪問有嚴格的頻度控制，根據(jù)不同調(diào)用者實施不同的優(yōu)先級待遇，在平臺資源受限時，重點保障重要業(yè)務(wù)的快速響應(yīng)。平臺支持自我過載保護，當訪問壓力接近系統(tǒng)容量閥值時，會主動進行訪問控制，保障系統(tǒng)正常運行，不產(chǎn)生雪崩效應(yīng)。 運營及快速響應(yīng)：在提供接口的同時，設(shè)計實現(xiàn)完善的后臺管理功能，實現(xiàn)平臺接口的可運營、可管理、可監(jiān)控。包括：接口權(quán)限分配、鑒權(quán)參數(shù)設(shè)置、流量控制、日志查詢、異常預(yù)警、臨時干預(yù)手段、

25、數(shù)據(jù)統(tǒng)計分析等功能模塊。 系統(tǒng)間數(shù)據(jù)校對：設(shè)計完善的數(shù)據(jù)校對機制和功能，保持關(guān)聯(lián)系統(tǒng)間的數(shù)據(jù)一致性。包括：定時跑批校對、手工校對、差異數(shù)據(jù)提取和處理，等等。 與其它平臺系統(tǒng)對接概述 金融信息云平臺系統(tǒng)架構(gòu)是基于IT業(yè)界開放式標準，且應(yīng)符合的IT整體架構(gòu)規(guī)劃和中遠期IT戰(zhàn)略部署要求，對系統(tǒng)中的各種網(wǎng)絡(luò)協(xié)議、數(shù)據(jù)接口等進行統(tǒng)一規(guī)劃，滿足與第三方軟件的信息交互要求，為未來的系統(tǒng)擴展奠定基礎(chǔ)。 金融信息云平臺與現(xiàn)有系統(tǒng)如網(wǎng)上銀行、手機銀行、各終端機、統(tǒng)一用戶認證等系統(tǒng)的連接，數(shù)據(jù)交互內(nèi)容和數(shù)據(jù)交互方式應(yīng)滿足招標人的管理規(guī)范; 電商平臺支持當前互聯(lián)網(wǎng)的主流通訊協(xié)議，包括：HTTP,HTTPS,TSL 等

26、；支持主流的服務(wù)調(diào)用方式，包括：RPC、REST 和 Web Server 等；支持當前互聯(lián)網(wǎng)數(shù)據(jù)交換格式，包括：JSON，RSS, Atom，XML，SOAP等。 支持開放API接口供行內(nèi)系統(tǒng)及第三方應(yīng)用調(diào)用，通過API接口服務(wù)為統(tǒng)一信息發(fā)布及金融產(chǎn)品移動展示的用戶提供個性化的服務(wù)；支持用戶將平臺使用的第三方應(yīng)用以接入模式動態(tài)添加到平臺應(yīng)用列表中，滿足用戶個性化需求。同時，針對法人機構(gòu)特色金融產(chǎn)品，支持快速定制部署。 統(tǒng)一接口技術(shù)（可外接多種協(xié)議） 寶潤興業(yè)有一套自主研發(fā)的統(tǒng)一接口服務(wù)框架，提供多渠道、多協(xié)議的接入支持，可以適配多種通訊協(xié)議，接口可定義，支持接口擴展。 主要功能是屏蔽了接口多

27、樣化對核心功能的干擾，實現(xiàn)了核心業(yè)務(wù)功能與接口之間的解耦，保證核心功能無需關(guān)心數(shù)據(jù)的流入來源以及數(shù)據(jù)的輸出目的。 多協(xié)議：支持HTTP協(xié)議、tcp協(xié)議、UDP協(xié)議、ftp協(xié)議。 多種報文：支持XML格式、JSON格式、文本格式、流格式。 多中間件：支持Webservcie、MQ(activeMQ等)、Mina、cxf、socket、 servlet，現(xiàn)場二次適配。 下圖是統(tǒng)一接口服務(wù)接入技術(shù)工作機制： 下圖是統(tǒng)一接口服務(wù)接入技術(shù)具體實例說明： 與網(wǎng)銀系統(tǒng)的對接 金融信息云平臺支持和已有網(wǎng)銀系統(tǒng)對接，可通過服務(wù)總線平臺或者遵循與已有的接口規(guī)范進行對接，將銀行相關(guān)數(shù)據(jù)推動到各企業(yè)應(yīng)用。與手機銀行的

28、對接 金融信息云平臺和已有手機銀行對接，可通過服務(wù)總線平臺或者遵循與已有的接口規(guī)范進行對接，把統(tǒng)一信息發(fā)布及金融產(chǎn)品移動展示平臺中的內(nèi)容推送到手機銀行頁面上。 金融信息云平臺將以H5的形式在手機銀行中進行展示。與各個終端的對接 金融信息云平臺支持和已有有各個終端進行對接，寶潤興業(yè)技術(shù)團隊會針對不同終端所采用的技術(shù)進行調(diào)研，使用最合適的推送方式將內(nèi)容推送至各個終端。與短信平臺對接金融信息云平臺支持和短信平臺對接，完成 過程中短信驗證功能。用戶體驗設(shè)計 終端瀏覽器適配 PC 端支持 IE、firefox、chrome、360、opera 等主流瀏覽器；移動端支持 safri、UC等常用瀏覽器。對不

29、同瀏覽器的兼容性遵循以下規(guī)范，并給予用戶良好的用戶體驗： 高內(nèi)聚低耦合：頁面結(jié)構(gòu)區(qū)域劃分清晰，各個區(qū)域內(nèi)容緊密集中。低耦合：區(qū)域劃分如果很明顯，那么各區(qū)域之間的相互關(guān)聯(lián)的影響性就會最低。高內(nèi)聚：如果一個 Class（或 id）就可以解決本區(qū)域的所有設(shè)置，那就盡量寫一個 Class。因為如果一旦出現(xiàn)了兼容性問題，修改一個Class會很容易以及明確，代碼的可讀性和可維護性、靈活性（必要時在分離開）也大大提高。 高度頁面統(tǒng)一性：將功能相似、頁面相似的代碼塊全部提取出來單獨封裝。便于出現(xiàn)兼容問題后容易修改與維護。 遵循 FF IE：在開發(fā)過程中，要先以非IE核心的瀏覽器為基準，確保在非IE核心向下兼容

30、，那IE也就同時兼容了，頁面也就可以達到大部分瀏覽器兼容的要求。 頁面響應(yīng)式設(shè)計 隨著移動互聯(lián)網(wǎng)及智能移動設(shè)備的快速發(fā)展，除了智能手機之外，使用平板電腦甚至是電視機進行上網(wǎng)的用戶也在持續(xù)增加。在這種形勢下，怎樣讓網(wǎng)站盡量兼容各種類型的設(shè)備，并確保優(yōu)良的用戶體驗，將是越來越重要的問題。 通過響應(yīng)式Web設(shè)計(Responsive Web design)，可以使網(wǎng)站頁面隨瀏覽設(shè)備的不同而自行響應(yīng)，動態(tài)的調(diào)整布局結(jié)構(gòu)、元素規(guī)格樣式，將相同的內(nèi)容以不同的格式呈現(xiàn)給不同設(shè)備的用戶。 響應(yīng)式設(shè)計的基本理念，是頁面的設(shè)計與開發(fā)應(yīng)當根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相應(yīng)的響應(yīng)和調(diào)整

31、，通常包括“頁面設(shè)計”和“前端實現(xiàn)”兩個方面： 頁面設(shè)計以移動web設(shè)計優(yōu)先，一般以重內(nèi)容而輕UI的設(shè)計方式，對圖片及顯示內(nèi)容設(shè)計要保證寬度縮小后一樣保持可讀性及視覺美觀；兼顧不同平臺交互形式的操作習慣，例如可點擊元素在小分辨率適應(yīng)手機端時，要更符合手指點觸操作，所以可設(shè)計得大而平；考慮系統(tǒng)對flash的兼容性情況，避免用flash等。前端實現(xiàn) 結(jié)合HTML， CSS， JavaScript等，對整體頁面應(yīng)用液態(tài)網(wǎng)格布局，結(jié)合彈性圖片或彈性影片的技術(shù)，以打造靈活的布局結(jié)構(gòu)；使用CSS3 Media Query，或者用JavaScript函數(shù)判斷設(shè)備種類、分辨率大小、屏幕定向，再按各自不同的特點

32、，及用戶使用習慣準備不同的顯示樣式及交互方式，考慮屏幕大小，有時對某些元素的顯隱作出設(shè)置。 在實際應(yīng)用中，通常針對寬屏電腦、平板電腦（窄屏電腦）、智能手機三種主流屏幕環(huán)境，進行響應(yīng)式設(shè)計（三套布局）。 響應(yīng)式設(shè)計就是頁面應(yīng)該有能力去自動響應(yīng)用戶的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁設(shè)計就是一個網(wǎng)站能夠兼容多個終端，而不是為每個終端做一個特定的版本。 響應(yīng)式設(shè)計采用Html5+Css3，只需要設(shè)計一套UI，根據(jù)不同終端適配匹配多種樣式表，即可實現(xiàn)用戶訪問時，程序自動檢測當前設(shè)備同時加載相匹配的終端頁面。 響應(yīng)式設(shè)計效果展示如下： 頁面前端交互技術(shù) 寶潤公司基于開源的前端框架和交互組件集Bootstrap進行二次

33、開發(fā)，形成了基于HTML，CSS，Javascript的簡單靈活的頁面前端交互技術(shù)框架。 該技術(shù)框架具有以下幾個特點： 適應(yīng)各種技術(shù)水平的開發(fā)人員，無論是設(shè)計師還是開發(fā)工程師，無論是高級開發(fā)還是初級開發(fā)，都能用來開發(fā)簡單的應(yīng)用，也能構(gòu)造更為復(fù)雜的系統(tǒng)； 跨設(shè)備、跨瀏覽器，最新版本的框架支持所有主流的瀏覽器，同時對平板和智能手機的支持進行了優(yōu)化； 在核心應(yīng)用層，有穩(wěn)定和靈活的柵格系統(tǒng)可以讓開發(fā)變得更加簡單?？梢赃x用內(nèi)置的柵格或者自行手寫； 提供完整的響應(yīng)式特性，所有的組件都能根據(jù)分辨率和設(shè)備靈活縮放，從而提供一致性的用戶體驗； 框架提供易用易擴展的組件設(shè)計方式，同時也提供了定制的jQuery內(nèi)置

34、插件； 通過LESS構(gòu)建CSS，避免了傳統(tǒng)枯燥的CSS寫法，通過使用變量，嵌套，操作，混合編碼，低成本的完成CSS的編寫； 支持HTML5的標簽和語法； 支持幾乎所有的CSS3標簽和語法，逐步改進組件達到最佳效果。 模板引擎技術(shù) 使用強大的模板引擎技術(shù)，基于成熟的Freemarke技術(shù)，可生成文本、靜態(tài)頁、XML、Java代碼等。通過Freemarke來實現(xiàn)頁面內(nèi)容的標簽，支持廣告、公告、資訊等內(nèi)容以及圖片、音視頻的調(diào)用等等。 重構(gòu)工程師將頁面 UI 重構(gòu)之后，交給開發(fā)實施人員，開發(fā)人員將重構(gòu)頁面根據(jù)標簽組件進行完善，即可完成內(nèi)容模板的制作。 Freemarke具有以下特性： 可生成各種不同的

35、文本格式：HTML、XML、RTF、JAVA源代碼等； 不依賴于Web容器，可以隨意嵌入任何產(chǎn)品當中，輕量級； 插件式模板載入器，可從任何源數(shù)據(jù)（本地文件、數(shù)據(jù)庫等）載入模板；支持模板切換，一套數(shù)據(jù)源可制作多個模板，可根據(jù)具體需求來進行模板之間的切換。 UI規(guī)范及設(shè)計方案 平臺系統(tǒng)將采用專業(yè)的 UI/UE 設(shè)計師進行美工設(shè)計與代碼開發(fā)，使用 HTML5/CSS3 利用主流支持屏幕適配的排版框架進行頁面排版，并通過適當?shù)膭赢嬓Чc交互設(shè)計，提升用戶體驗。系統(tǒng)前后端支持Ajax異步傳輸，同時采取壓縮javascript庫與代碼文件、CSS合理布局、Lazyload加載圖片等方式與策略優(yōu)化性能、節(jié)省

36、帶寬。網(wǎng)頁版需支持包含 IE 8+、Firefox、Safari、Chrome 等在內(nèi)的主流瀏覽器，并實現(xiàn)相應(yīng)適配代碼。 頁面設(shè)計原則 網(wǎng)站風格符合的CI標準和要求；網(wǎng)頁色調(diào)和諧美觀，視覺簡潔、穩(wěn)重，結(jié)構(gòu)編排合理。整個網(wǎng)站色彩較為統(tǒng)一，單個頁面色彩不會太雜；文本字體及顏色設(shè)計合理，既保證在一屏中能顯示足夠多的內(nèi)容，又盡量減少客戶的視覺疲勞；在用戶瀏覽任何所選標題的內(nèi)容時，所看內(nèi)容在一個窗口內(nèi)，并且按照窗口的寬度排好內(nèi)容文字，避免用戶左右移動鼠標或放大窗口，達到方便使用的效果；規(guī)范化處理：在網(wǎng)站整體目錄結(jié)構(gòu)劃分、頁面風格控制、公用文件控制、圖片處理等各方面采用標準化處理，便于日后維護和更新；兼容

37、性：頁面兼容不同的瀏覽器，在各種主流瀏覽器下均能正確瀏覽；新設(shè)計的產(chǎn)品的使用界面和操作習慣和原有的產(chǎn)品保持一致能夠縮短用戶用新系統(tǒng)的學習時間和學習成本； 良好的用戶交互設(shè)計系統(tǒng)能夠幫助用戶更快的達到目的； 保持統(tǒng)一信息發(fā)布及金融產(chǎn)品移動展示平臺的所有產(chǎn)品的一致性和良好的連貫性，便于版本升級； 簡化產(chǎn)品設(shè)計文檔和操作說明的撰寫，因為很多界面和標準的交互行為的描述不再需要過多的解釋，便于網(wǎng)站總體提升用戶體驗。設(shè)計工作流程 為指導(dǎo)后續(xù)的設(shè)計和制作工作，進一步提高設(shè)計標準的規(guī)范性及工作效率，我們需要引入規(guī)范化的工作流程。 產(chǎn)品原型設(shè)計制作規(guī)范化的工作流程如下圖所示： 需求獲取階段： 此階段主要進行描述

38、問題、提出初步目標，假想可能的解決方案、預(yù)估資源并梳理時間計劃等。 需求分析階段： 基于項目本身，要針對競爭對手、行業(yè)現(xiàn)狀等做詳盡的收集和分析，關(guān)注歷史數(shù)據(jù)并進行分析，通過必要的頭腦風暴，獲取發(fā)散而全面的信息集合。 用戶訪談階段：對于一些條件允許的項目，建議能在項目初期通過問卷訪談等方法，尋求一些用戶的信息，定義一些用戶的屬性，為之后的交互設(shè)計打下堅實的基礎(chǔ)。 需求修正階段： 與需求方討論研究需求的合理性、可行性，明確最終的修正目標，并對達成目標所涉及的重點突破點有理性的分析判斷，篩選出各設(shè)計點的優(yōu)先級。 設(shè)計草稿階段 確定項目目標和設(shè)計方向后，進入核心的設(shè)計環(huán)節(jié)。設(shè)計草稿包括交互流程和線框草

39、圖等形式。一些核心的設(shè)計點，是需求修正階段確認的設(shè)計重點，需針對這些核心點做業(yè)界調(diào)研和分析。 設(shè)計細化階段 輸出第一階段的設(shè)計工作成果，包括用戶調(diào)研報告、需求確認文檔、交互流程、線框草圖、核心設(shè)計調(diào)研分析、核心設(shè)計詳細說明、交互流程整體說明等。 專家評審階段 針對初步設(shè)計成果，進行小范圍專家評審。 設(shè)計優(yōu)化階段 根據(jù)專家評審意見及其他反饋意見，對初步設(shè)計成功進行優(yōu)化。 仿真原型（演示版）制作階段 由設(shè)計師（美工）和重構(gòu)工程師（前端設(shè)計）根據(jù)產(chǎn)品設(shè)計方案，制作精準的仿真原型（演示版）。 測試驗證階段 仿真原型（演示版）出來之后，將進入最后的測試驗證階段，根據(jù)項目的實際情況，可能是QA測試，也可能

40、是用戶測試。 完成設(shè)計階段 最后的設(shè)計階段，根據(jù)之前的測試驗證評估報告，交互設(shè)計師要對所有之前的輸出做一次嚴格的檢查和修正，完成最后的輸出。 設(shè)計和制作工具 為了更好地監(jiān)控原型設(shè)計的產(chǎn)出物符合一致性，并能夠后續(xù)設(shè)計的延續(xù)性，我們需要對設(shè)計制作的工具提出統(tǒng)一的建議。 產(chǎn)品原型設(shè)計工作分為“原型設(shè)計”和“視覺設(shè)計”兩個部分。 原型設(shè)計 原型設(shè)計的目的是優(yōu)化產(chǎn)品與用戶間的交互過程，通過設(shè)計產(chǎn)品中所有的操作流程、反饋方式、界面布局等，使產(chǎn)品的布局和流程更容易被用戶理解，讓用戶使用起來順暢、沒有疑惑之處、操作簡單方便。 使用原型制作軟件“Axure RP”作為原型設(shè)計工具軟件。 Axure RP是美國A

41、xure Software Solution公司的出品一款原型制作軟件。Axure RP 是目前互聯(lián)網(wǎng)行業(yè)使用最廣泛的原型制作軟件，包括騰訊、百度、阿里巴巴、新浪等頂尖互聯(lián)網(wǎng)企業(yè)的產(chǎn)品設(shè)計團隊均使用Axure RP作為主要的原型制作工具。Axure RP的事件機制能夠模擬大多數(shù)Web應(yīng)用中出現(xiàn)的交互行為，并且它的輸出物是 html，能夠直觀的通過“使用”原型，來想象產(chǎn)品的最終形態(tài)，思考原型是否反映了自己的真實需求。 視覺設(shè)計 視覺設(shè)計又稱“UI設(shè)計”，是針對產(chǎn)品外觀和界面的視覺元素進行的圖像化設(shè)計，以確定產(chǎn)品最終呈現(xiàn)的外觀形態(tài)（包括但不限于：布局、線框、色彩、圖標、背景、控件樣式、裝飾圖、模擬

42、信息中的圖像元素，等等）。視覺設(shè)計過程中需要大量的專業(yè)圖像處理技術(shù)和工具。 使用圖像處理軟件“Photoshop”作為視覺設(shè)計工具軟件。 Adobe Photoshop（通常簡稱Photoshop或“PS”）是一個由Adobe Systems 開發(fā)和發(fā)行的圖像處理軟件，它集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意、圖像輸入與輸出于一體，是目前圖形圖像處理市場占有率最高的工具軟件。目前絕大多數(shù)（90%以上）的互聯(lián)網(wǎng)產(chǎn)品視覺設(shè)計工作是使用Photoshop完成的。原型演示及培訓 在設(shè)計過程中便于相關(guān)參與討論，需要設(shè)計過程中使用的原型演示及設(shè)計進行培訓。用于演示和培訓的原型設(shè)計成果通常分為“低保真原型

43、”和“高保真原型”兩種，其中： “低保真原型”的作用是跟需求方確認產(chǎn)品的需求和業(yè)務(wù)邏輯，通常會盡可能采用簡單概要的表現(xiàn)方式（比如簡單的線框、示意圖、文字說明等），避免在確認需求的過程中，引起與業(yè)務(wù)核心邏輯無關(guān)的討論。 “高保真原型”是用于測試驗證和需求驗收的最終輸出物，另一方面也作為產(chǎn)品開發(fā)實現(xiàn)的標準和依據(jù)，高保真原型會高度仿真產(chǎn)品的最終形態(tài)，在制作時通常包括視覺效果和交互行為，與產(chǎn)品開發(fā)后的最終形態(tài)非常接近。 在產(chǎn)品設(shè)計的不同階段，需要使用原型進行演示和培訓。通常根據(jù)產(chǎn)品設(shè)計的不同階段，或產(chǎn)品的復(fù)雜程度，來選擇是采用“低保真原型”還是“高保真原型”。 產(chǎn)品評審演示 在產(chǎn)品設(shè)計過程中，需要不斷

44、組織內(nèi)部評審和專家評審，收集反饋意見作為修正設(shè)計思路、優(yōu)化設(shè)計方案的依據(jù)。在產(chǎn)品評審過程中，通過對產(chǎn)品原型進行演示和講解，參與評審人員能夠準確地對階段性設(shè)計成果進行評估。 由于評審需要多次組織和反復(fù)進行，通常應(yīng)使用“低保真原型”進行演示和講解。只有在產(chǎn)品設(shè)計基本定型，進入測試驗收階段時，才考慮使用“高保真原型”進行最終的評審。 開發(fā)人員培訓 在產(chǎn)品完成設(shè)計后交付開發(fā)時，應(yīng)對參與該產(chǎn)品開發(fā)的相關(guān)人員進行產(chǎn)品培訓，培訓內(nèi)容包括：產(chǎn)品原型演示、業(yè)務(wù)流程及功能細節(jié)講解、交互效果演示和講解、產(chǎn)品實現(xiàn)要求說明等。 進入開發(fā)人員培訓階段時，產(chǎn)品設(shè)計已基本完成，主要業(yè)務(wù)流程和交互體驗已基本通過評審定型。此時應(yīng)

45、盡可能使用“高保真原型”進行演示和講解，有利于開發(fā)人員準確把握產(chǎn)品的最終形態(tài)，最大程度減少產(chǎn)品開發(fā)實現(xiàn)過程中產(chǎn)生的誤差，降低由于開發(fā)成果與設(shè)計要求間的偏差而導(dǎo)致的反復(fù)修改成本。 原型控件規(guī)范 為了提高原型設(shè)計的規(guī)范性、統(tǒng)一性和工作效率，我們引入原型控件庫的概念，在基本控件的基礎(chǔ)上，針對具體的設(shè)計需求完善個性化的原型控件。 基本的組件包含 Web 組件、IOS 組件、Android 組件三大類在內(nèi)，共計 19套常用組件，如下表所列： 序號組件組件內(nèi)容1WEB組件網(wǎng)站常用部件 2網(wǎng)站頁面布局 3Tabs標簽 4WidgETLib 5菜單和按鈕 6淡灰色調(diào)部件 7導(dǎo)航和分頁 8社交媒體部件 9Bet

46、ter%20Defaults 10Axure Color Swatches 11IOS組件iPhone基礎(chǔ)組件 12mobile-iPhone-Bodies 13mobile-iPhone-Horizontal 14mobile-iPhone-UI 15iPad基礎(chǔ)組件 16iPad Wireframe 17Android組件Android常用組件 18Android 4.0 - Holo Dark 19Android 4.0 - Holo Light 基本組件均采用 Axure RP組件的形式，可導(dǎo)入產(chǎn)品設(shè)計人員的Axure團RP 軟件中直接使用。 使用原型設(shè)計工具Axure RP進行原型設(shè)

47、計時，產(chǎn)品經(jīng)理能夠通過引用控件快速完善低保真及高保真的原型設(shè)計，在與相關(guān)視覺設(shè)計人員、交互設(shè)計人員、開發(fā)人員以及業(yè)務(wù)方進行需求討論時更加高效。 原型控件的設(shè)計原則 在統(tǒng)一信息發(fā)布及金融產(chǎn)品移動展示平臺原型設(shè)計過程中，幫助網(wǎng)站與用戶進行交互，產(chǎn)生信息的互動反饋，從而產(chǎn)生用戶對產(chǎn)品的感知和體驗效果，因此需要調(diào)用原型的控件，而相關(guān)的控件會遵從一定的操作原則以及通用規(guī)范。具體如下： 對鼠標指針移動的響應(yīng)必須即時有效； 響應(yīng)形式必須明確清晰（如：鼠標移過按鈕，按鈕有被按下的效果）； 在鼠標指針移開時對象必須即時恢復(fù)原來狀態(tài)； 命令按鈕也經(jīng)常被顯示為鏈接樣式（文本+下劃線），此時為了與普通的鏈接相區(qū)分，必

48、須提供非常明顯的不同于鏈接的受范性指示； 顯示為不可用狀態(tài)的按鈕或文本必須保持與可用狀態(tài)的位置、大小、形態(tài)保持一致，僅色彩、灰度和立體效果等發(fā)生變化；操作不可用的情況主要包括：菜單性質(zhì)和導(dǎo)航性質(zhì)的操作不可用時不能隱藏，應(yīng)該顯示為不可用狀態(tài)；工具欄按鈕不可用時不能隱藏，應(yīng)該顯示為不可用狀態(tài)；當一個操作在用戶進行了某行為（如填寫或選擇了某選項時）就變?yōu)榭刹僮鳎瑒t該操作不可用時不能隱藏，應(yīng)該顯示為不可用狀態(tài)各類通用原型控件說明 為了更好地提高原型設(shè)計的效率，通過對控件的使用進行規(guī)范，UE 設(shè)計人員不需要更改其他顏色、大小、操作體驗即可完成調(diào)用進行設(shè)計。 根據(jù)梳理原型設(shè)計中通用控件的使用情況，針對日歷

49、、密碼、收貨地址、信用卡支付、友情提示、彈框窗口、文件上傳以及內(nèi)容編輯等控件進行規(guī)范。 日歷控件 日歷控件在網(wǎng)站原型設(shè)計中會被經(jīng)常使用，使用的場景包括但不限于：會員選擇下單時間、會員設(shè)置自己的出生年月日、選定出行時間、查詢訂單時間、網(wǎng)站后臺管理員進行數(shù)據(jù)查詢等。 控件界面如下圖： 控件由日期顯示區(qū)與日期選擇區(qū)組成，當用戶點擊日期選擇區(qū)時，會彈出日歷選擇框，如下圖： 用戶點擊左右箭頭選擇年份與月份，點擊具體日期，選擇最終的日歷時間。 密碼控件 密碼控件在網(wǎng)站原型設(shè)計中應(yīng)用的場景包括但不限于：會員注冊、登錄、賬戶綁定、交易密碼設(shè)置等。 控件界面如下圖： 密碼控件由密碼輸入框、密碼確認輸入框以及密碼

50、輸入框提示組成，用戶鼠標指向密碼輸入提示，會彈出提示用語，提示用戶密碼輸入的規(guī)則或者注意事項，如下圖： 地址選擇控件 地址的控件應(yīng)用的場景包括但不限于：維護會員地址、以及會員的信息維護等。 控件界面如下圖： 控件由兩個輸入框與一個下拉框組成，由于目前原型設(shè)計中采用的多數(shù)時三聯(lián)動的下拉框，用戶只需通過下拉框選擇省市區(qū)，并加上詳細地址就能完成地址的添加，因為那是個性化定制的控件，因此這里就不作介紹。 友情提示控件 友情提示控件作為人機交互中，最能體現(xiàn)用戶體驗度的控件，一個友善的友情提示會給網(wǎng)站加分不少，同時會讓用戶增加好感度。該控件應(yīng)用廣泛，只要產(chǎn)品經(jīng)理認為有必要使用，均能調(diào)用該控件。 控件界面如

51、下圖： 由于友情提示控件應(yīng)用廣泛，因此我們會把友情提示控件設(shè)計得適用性強，能夠適合各種應(yīng)用環(huán)境，會以不同的方向進化呈現(xiàn)。 彈框控件 彈框控件作為用戶主動發(fā)起與網(wǎng)站進行人機交互的控件，因此彈框控件的使用體驗以及視覺體驗需要具有一致性，減少用戶的思考難度，該控件應(yīng)用的場景非常廣泛，只要產(chǎn)品經(jīng)理認為需要使用，均可進行調(diào)用。 控件界面如下圖： 用戶點擊該按鈕，通過遮罩層的形式，進行彈出框的呈現(xiàn)，通過遮罩層能夠減少用戶的視覺干擾，讓用戶能夠聚焦到彈出框的內(nèi)容上，如下圖： 彈出框的界面顯示的要素包括彈出框的名稱、關(guān)閉按鈕、取消按鈕以及確認按鈕，并有意把確認按鈕與其他按鈕的樣式進行區(qū)分，以作識別。 文件上傳

52、控件 文件上傳控件在網(wǎng)站中，應(yīng)用最多的場景包括但不限于：上傳圖片、上傳憑證、上傳照片等。界面控件如下圖： 控件由輸入框與按鈕組成，輸入框中顯示上傳的文件名，用戶點擊上傳按鈕，彈出文件選擇對話框，如下圖： 用戶在文件選擇框中，進行文件的選擇及上傳確認。 內(nèi)容編輯框控件 內(nèi)容編輯框控件應(yīng)用在發(fā)布內(nèi)容編輯中，由于該編輯框需要集成多個文字樣式以及嵌入多個控件，因此我們需要用一個界面進行信息的整合?？丶缑嫒缦聢D： 該控件目前只是一個通用性控件，進行個性化定制后，能夠輕松嵌入各種應(yīng)用控件。包括但不限于：文字的顏色、大小、文字編輯、上傳圖片等。 重構(gòu)嵌套頁面的設(shè)計 嵌套頁面作為網(wǎng)站對外掛的頁面，在設(shè)計風格

53、上必須嚴格按照網(wǎng)站的設(shè)計規(guī)范進行制作，這樣能夠保持視覺的統(tǒng)一性，不會讓用戶覺得已經(jīng)跳出網(wǎng)站的頁面，從而降低對網(wǎng)站的信任感。 嵌套頁面必須遵從以下原則： 頁面頭部必須沿用網(wǎng)站頭部；頁面底部必須沿用網(wǎng)站底部； 頁面配色方案必須根據(jù)網(wǎng)站logoVI色為基礎(chǔ)進行，視覺和諧統(tǒng)一； 頁面文字設(shè)計使用規(guī)范必須符合網(wǎng)站文字使用規(guī)范； 頁面的模塊間距必須按照網(wǎng)站模塊的間距標準； 頁面的交互元素必須按照網(wǎng)站的交互規(guī)范進行設(shè)計； 頁面的瀏覽器兼容必須符合網(wǎng)站兼容規(guī)范； 頁面下面不能再嵌套二級頁面； 通過以上對嵌套頁面的設(shè)計進行規(guī)范，務(wù)求達到擴大網(wǎng)站的經(jīng)營范圍外，同時能夠在視覺上保持統(tǒng)一，實現(xiàn)用戶愉快購物的體驗。 視

54、覺設(shè)計規(guī)范 網(wǎng)站視覺規(guī)范是團隊協(xié)作的需要，它能提高團隊工作效率，保持視覺風格統(tǒng)一，讓視覺還原更容易。規(guī)范一般在首頁風格確定后開始制作，根據(jù)首頁風格定義出各個頁面的標準。 視覺是一個整體的，通過網(wǎng)站品牌、網(wǎng)站VI及網(wǎng)站UI規(guī)范的統(tǒng)一，能夠把網(wǎng)站產(chǎn)品的定位準確而傳遞出去，讓用戶能夠?qū)W(wǎng)站有個整體的感覺。 品牌及網(wǎng)站VI規(guī)范 積極實施銀行品牌戰(zhàn)略，建立品牌文化，豐富品牌內(nèi)涵，創(chuàng)新品牌產(chǎn)品，采取多種途徑強化品牌認知度和忠誠度，以提升品牌競爭力，打造個性化、專業(yè)化、特色化銀行，力爭在客戶心中建立獨特的品牌形象，贏得客戶的喜愛。 網(wǎng)站UI設(shè)計規(guī)范 網(wǎng)站UI設(shè)計規(guī)范分為頁面、頁面結(jié)構(gòu)、頁面功能以及段落文本等

55、方面，決定了網(wǎng)站整體框架的搭建，同時也對內(nèi)容的展示進行了規(guī)范，其中首頁的布局占了很大的比重，因此通過對首頁的寬度、模塊間距、分類寬度進行規(guī)范，有利于后續(xù)的頁面設(shè)計。 從頁面布局、網(wǎng)站配色以及文字使用等三方面進行規(guī)范說明，從而對網(wǎng)站的整體風格進行把控，讓后續(xù)的頁面設(shè)計能夠遵從首頁的設(shè)計風格，形成良好的視覺體驗。 網(wǎng)站頁面布局首頁的頁面采用行業(yè)流行的做法，首屏分為頭部功能區(qū)、導(dǎo)航區(qū)、服務(wù)導(dǎo)航區(qū)、焦點廣告區(qū)、個人信息區(qū)、會員登錄區(qū)、資訊服務(wù)區(qū)以及公告宣傳區(qū)。這樣能夠做到動靜區(qū)劃分，導(dǎo)航、平臺服務(wù)、促銷活動、會員登錄等功能模塊都能在相應(yīng)且合理的位置得到展示，很好地照顧用戶的使用習慣，同時也能夠?qū)τ脩暨M

56、行很好的指引。 網(wǎng)站配色 網(wǎng)站的配色基礎(chǔ)為黑白灰，配色方案圍繞VI基本色開展，網(wǎng)站的配色通過導(dǎo)航條高亮顯示色、背景色塊、圖標色等三方面完成VI基本色體現(xiàn)，同時通過基礎(chǔ)色的烘托進一步凸顯網(wǎng)站的VI色調(diào)風格。 文字設(shè)計使用 通過規(guī)范頁面文字的字號、字體能夠幫助視覺進行統(tǒng)一，讓用戶使用過程中有延續(xù)性而且容易辨認，幫助用戶使用網(wǎng)站。 文字的設(shè)計與使用通過對頻道、模塊、分類以及內(nèi)容等方面進行規(guī)范。 頻道名稱： 字體為：微軟雅黑，字體大小為：14px；基本模塊：標題字體為：微軟雅黑，加粗，字體大小為18px；普通字體為：微軟雅黑，字體大小為12px； 分類的字體均為微軟雅黑，一級分類名稱為：16px，加粗

57、， 二級分類名稱為：12px，Vi色高亮凸顯：12px，點綴色高亮凸顯：12px；內(nèi)容文字塊里的內(nèi)容規(guī)范：字體為：微軟雅黑；字體大小為：12px。移動客戶端UI設(shè)計規(guī)范 移動客戶端UI設(shè)計規(guī)范分為頁面、頁面結(jié)構(gòu)、頁面功能以及段落文本等方面，決定了網(wǎng)站整體框架的搭建，同時也對內(nèi)容的展示進行了規(guī)范，其中首頁的布局占了很大的比重，因此通過對首頁的寬度、模塊間距、分類寬度進行規(guī)范，有利于后續(xù)的頁面設(shè)計。 通過對統(tǒng)一信息發(fā)布及金融產(chǎn)品移動展示平臺的網(wǎng)站首頁進行分析，從頁面布局、網(wǎng)站配色以及文字使用等三方面進行規(guī)范說明，從而對網(wǎng)站的整體風格進行把控，讓后續(xù)的頁面設(shè)計能夠遵從首頁的設(shè)計風格，形成良好的視覺體

58、驗。業(yè)務(wù)設(shè)計圖金融信息云平臺_產(chǎn)品常用使用角色和權(quán)限產(chǎn)品功能列表模塊名稱功能名稱權(quán)限企業(yè)云Web首頁游客、會員、商戶供求游客、會員、商戶應(yīng)用游客、會員、商戶訂單游客、會員、商戶企業(yè)云客戶端企業(yè)云會員、商戶應(yīng)用游客、會員、商戶供求游客、會員、商戶我的會員、商戶商戶中心首頁會員、商戶供應(yīng)管理商戶求購管理商戶我的應(yīng)用商戶進銷存應(yīng)用管理商戶移動記賬應(yīng)用管理商戶移動辦公應(yīng)用管理商戶工資管理商戶資產(chǎn)管理商戶報銷管理商戶應(yīng)用基礎(chǔ)數(shù)據(jù)管理商戶交易管理商戶賬號管理商戶店鋪管理商戶我的關(guān)注會員、商戶數(shù)據(jù)統(tǒng)計商戶報表管理商戶進銷存應(yīng)用首頁會員、商戶銷售會員、商戶庫存會員、商戶基礎(chǔ)會員、商戶統(tǒng)計會員、商戶記賬應(yīng)用首頁

59、會員、商戶資產(chǎn)會員、商戶負債會員、商戶基礎(chǔ)會員、商戶報表會員、商戶辦公應(yīng)用通知會員、商戶工作會員、商戶聯(lián)系人會員、商戶設(shè)置會員、商戶銷售機會通知會員、商戶機會會員、商戶我的會員、商戶合同管理通知會員、商戶合同會員、商戶我的會員、商戶批發(fā)零售通知會員、商戶訂單會員、商戶統(tǒng)計會員、商戶我的會員、商戶收付款管理通知會員、商戶收款會員、商戶付款會員、商戶統(tǒng)計會員、商戶我的會員、商戶報銷管理通知會員、商戶報銷會員、商戶統(tǒng)計會員、商戶我的會員、商戶工資管理通知會員、商戶工資會員、商戶我的會員、商戶資產(chǎn)管理通知會員、商戶資產(chǎn)會員、商戶盤點會員、商戶我的會員、商戶運營管理平臺首頁運營人員業(yè)務(wù)處理運營人員資訊管

60、理運營人員系統(tǒng)維護運營人員數(shù)據(jù)統(tǒng)計運營人員平臺功能簡介企業(yè)云主站首頁金融信息云平臺首頁主要展示平臺廣告，應(yīng)用推薦和排行信息，供求信息推薦和排行，平臺公告，導(dǎo)航菜單，企業(yè)客戶注冊、登錄窗口、密碼找回、合作商戶。頭部功能區(qū)頭部功能區(qū)用于展示平臺的主要功能列表，具體包括：歡迎語、客服電話、注冊登錄入口、我訂購的服務(wù)、客服中心、網(wǎng)站導(dǎo)航。企業(yè)注冊平臺支持企業(yè)客戶的注冊流程，企業(yè)客戶可注冊本企業(yè)主賬號，主賬號注冊成功后，可由企業(yè)客戶自行添加對應(yīng)的子賬號。企業(yè)客戶注冊需填寫賬號、登錄密碼、手機號碼、手機驗證碼等信息，并上傳相關(guān)的企業(yè)認證資料。注冊成功后，默認為登錄狀態(tài)，首頁廣告圖的登錄窗口“我要入駐”按鈕