湖南省殘疾人福利基金會(huì)成立于2008年，是一家以扶殘助殘為宗旨的4A級(jí)公募基金會(huì)，主管單位是湖南省殘疾人聯(lián)合會(huì)?；饡?huì)的宗旨是“遵照國(guó)家和地方政府有關(guān)法律、法規(guī)和政策，廣泛團(tuán)結(jié)、動(dòng)員一切社會(huì)力量，全心全意為殘疾人服務(wù)”。

本項(xiàng)目由湖南省殘疾人福利基金委托微構(gòu)網(wǎng)絡(luò)團(tuán)隊(duì)開發(fā)新的門戶網(wǎng)站及在線捐助系統(tǒng)，并遷移整合原來多個(gè)系統(tǒng)數(shù)據(jù)到新系統(tǒng)中（多個(gè)老系統(tǒng)有php的也有.net的）。支持電腦端、微信端、手機(jī)瀏覽器、其他APP端內(nèi)訪問。支持多達(dá)6種在線捐助支付方式。

部分手機(jī)端界面展示（本項(xiàng)目包含電腦端和手機(jī)端）

主要功能清單

一、門戶網(wǎng)站前臺(tái)

（1）、文章模塊

門戶網(wǎng)站的核心內(nèi)容，可以分類瀏覽（分類級(jí)數(shù)為2級(jí)）文章內(nèi)容，不同的內(nèi)容展現(xiàn)方式可以有所區(qū)別。

1、列出對(duì)應(yīng)分類所有內(nèi)容，PC上可以點(diǎn)擊分頁(yè)導(dǎo)航切換分頁(yè)，H5網(wǎng)頁(yè)可以上拉到底部自動(dòng)加載下一頁(yè)。

2、列表頁(yè)面可以根據(jù)分類的定位在后臺(tái)設(shè)置不同的頁(yè)面類型，如：①標(biāo)題型（如公告）；②、圖片+標(biāo)題型（如圖片展示）；③、圖片+標(biāo)題+摘要（如活動(dòng)新聞）；④、視頻列表（不超過4種列表風(fēng)格）。

3、列表中每一條數(shù)據(jù)，根據(jù)數(shù)據(jù)的類型顯示不同的元素，如封面圖片、標(biāo)題、閱讀數(shù)、發(fā)布時(shí)間、視頻標(biāo)識(shí)、音頻標(biāo)識(shí)、附件標(biāo)識(shí)（如內(nèi)容zip、word、excel、pdf等附件標(biāo)記附件標(biāo)識(shí)）。

4、文章內(nèi)頁(yè)：內(nèi)頁(yè)支持文字、圖片、音頻、視頻、PDF文檔，一篇文章默認(rèn)僅能上傳一個(gè)音頻或視頻，如果需要支持多個(gè)需調(diào)整需求（建議一個(gè)足夠了）。

如有附件下載：①、PC端直接顯示下載按鈕，用戶點(diǎn)擊可以直接下載；②、H5網(wǎng)頁(yè)如果是手機(jī)瀏覽器點(diǎn)擊下載按鈕直接下載文件，如果是微信瀏覽器，提示復(fù)制網(wǎng)址到電腦或手機(jī)瀏覽器中下載。

5、如果需要把ppt、word在線展示，上傳前統(tǒng)一轉(zhuǎn)化為PDF。在網(wǎng)頁(yè)上支持在線預(yù)覽PDF內(nèi)容（電腦版直接在內(nèi)容開頭預(yù)覽，手機(jī)上，新開頁(yè)面預(yù)覽。）

6、在文章頁(yè)面支持更新閱讀數(shù)、支持用戶點(diǎn)贊。

7、列表頁(yè)面和文章頁(yè)面支持側(cè)邊欄功能，支持圖片廣告位（用于顯示重要信息的入口）、通知文章等。

（二）單頁(yè)模塊

類似內(nèi)容模塊，但跟內(nèi)容模塊不同的是，這里的內(nèi)容無需沒有列表頁(yè)面，直接點(diǎn)擊到詳情頁(yè)面。用于發(fā)布關(guān)于、合作伙伴以及一些無需不斷更新內(nèi)容數(shù)量性質(zhì)的內(nèi)容。很多分類只有一兩篇文章沒必要單獨(dú)分類，用單頁(yè)模塊實(shí)現(xiàn)即可。如：關(guān)于我們這種欄目就用單頁(yè)模塊即可實(shí)現(xiàn)

（三）搜索模塊

可以根據(jù)關(guān)鍵詞，搜索文章和單頁(yè)面的內(nèi)容，通過文章標(biāo)題和文章內(nèi)容匹配。

二、門戶網(wǎng)站后臺(tái)

（一）、內(nèi)容管理

1、內(nèi)容分類：最高不超過3級(jí)分類，分類可以設(shè)置分類名稱、分類排序、分類圖片（預(yù)留可能某些地方需要顯示分類的icon圖標(biāo)）。

2、內(nèi)容管理：可以在后臺(tái)發(fā)布內(nèi)容，可以查看所有已經(jīng)發(fā)布的內(nèi)容，支持按照內(nèi)容關(guān)鍵詞搜索，支持文章排序，可以編輯文章、刪除文章、隱藏/顯示文章，支持按頁(yè)批量刪除、顯示/隱藏文章（可以設(shè)置指定的文章在首頁(yè)顯示）。

3、在后臺(tái)文章列表中，顯示文章標(biāo)題、文章作者、發(fā)布時(shí)間、更新時(shí)間、閱讀數(shù)、所屬分類等信息。

（二）、頁(yè)面管理

頁(yè)面管理跟內(nèi)容管理類似，但分類最多一級(jí)足夠了，分類也僅僅是為了后臺(tái)管理頁(yè)面內(nèi)容方便。

（三）、廣告管理

根據(jù)前臺(tái)顯示需要系統(tǒng)自帶多個(gè)廣告位，預(yù)留后期擴(kuò)充廣告位的空間（如PC版首頁(yè)多張banner圖片、H5首頁(yè)多張banner圖片、PC版文章列表和內(nèi)頁(yè)側(cè)邊欄廣告位）。廣告位支持設(shè)置圖片、超鏈接、鏈接名稱、排序等信息。

（四）、系統(tǒng)設(shè)置

可以設(shè)置系統(tǒng)名稱、摘要、默認(rèn)分享縮略圖（用于微信內(nèi)分享）、客服電話、微信二維碼等日常需要更新的系統(tǒng)配置信息。

三、在線捐助前臺(tái)

（一）、首頁(yè)

聚合banner幻燈片圖片、搜索框、推薦項(xiàng)目、各個(gè)分類最新項(xiàng)目推薦、數(shù)據(jù)統(tǒng)計(jì)（如多少個(gè)項(xiàng)目、多少人參與、募集了多少金額等）、主要模塊入口（如果入口模塊不多，可以使用底部菜單：如首頁(yè)、發(fā)現(xiàn)項(xiàng)目、我的個(gè)人中心）等。

（二）、搜索頁(yè)

點(diǎn)擊搜索框后打開搜索頁(yè)，搜索頁(yè)在搜索頁(yè)可以輸入關(guān)鍵詞，也可以點(diǎn)擊全平臺(tái)熱門搜索記錄、我的搜索進(jìn)入快速進(jìn)行數(shù)據(jù)篩選。

（三）、項(xiàng)目列表

可以根據(jù)項(xiàng)目分類、項(xiàng)目標(biāo)題和內(nèi)容關(guān)鍵詞匹配篩選項(xiàng)目，下拉到頁(yè)面底部自動(dòng)加載更多項(xiàng)目信息。

（四）、項(xiàng)目詳情

展示項(xiàng)目的基本信息，包括圖片與文字介紹，以及數(shù)據(jù)展示（目標(biāo)金額、參與人數(shù)、已募集金額/募集進(jìn)度、募集記錄等），用戶可以從本頁(yè)面發(fā)起捐助。可以選擇后臺(tái)設(shè)置的愛心包和自定義輸入捐助金額。

（五）、個(gè)人中心

主要包括登錄注冊(cè)、個(gè)人信息、捐助記錄、捐贈(zèng)排名等。

1、登錄注冊(cè)：可以使用手機(jī)號(hào)碼注冊(cè)帳號(hào)，在電腦和微信中上可以使用微信快速登錄，在電腦和支付寶中可以用支付寶帳號(hào)快速登錄。

2、個(gè)人信息：用戶可以補(bǔ)充個(gè)人信息，包括所屬地區(qū)、所屬單位、姓名、手機(jī)號(hào)碼等。

3、捐款記錄：顯示用戶自己的捐款記錄，包括金額、時(shí)間、項(xiàng)目信息等（也包括歷史捐款數(shù)據(jù)統(tǒng)計(jì)，次數(shù)、項(xiàng)目個(gè)人數(shù)、捐款總金額）。4、捐款排名：按照全部時(shí)間、本年度、本月捐款用戶捐款金額排名。

四、在線捐助后臺(tái)

（一）、起始頁(yè)

進(jìn)入后臺(tái)的起始頁(yè)，統(tǒng)計(jì)核心數(shù)據(jù)和展示最新的相關(guān)數(shù)據(jù)。

1、直觀展示系統(tǒng)歷史以來、本年度、本月捐款的總金額、參與人次、參與人數(shù)、當(dāng)前在線項(xiàng)目數(shù)。

2、展示最近注冊(cè)用戶、最近捐款記錄、最新項(xiàng)目。

（二）、項(xiàng)目管理

1、項(xiàng)目分類：默認(rèn)開發(fā)一級(jí)分類（如：助聽、助視等）。

①、可以添加、刪除、編輯分類。

②、可以修改分類排序（決定前臺(tái)分類的排序順序）。

③、支持刪除分類。

④、如果分類比較多，支持后臺(tái)分頁(yè)管理（當(dāng)然一般分類數(shù)量不會(huì)太多）。

2、項(xiàng)目管理：后臺(tái)對(duì)項(xiàng)目進(jìn)行管理，包括發(fā)布、刪除、修改及其他內(nèi)容維護(hù)。

①、可以添加、刪除、編輯項(xiàng)目。

②、可以修改項(xiàng)目排序（用于調(diào)整前臺(tái)顯示順序），設(shè)置推薦項(xiàng)目（在首頁(yè)推薦位顯示）。

③、發(fā)布項(xiàng)目包括項(xiàng)目名稱、編號(hào)（自動(dòng)生成，也可以手動(dòng)修改覆蓋）、選擇項(xiàng)目分類、受助人信息（可以選擇前臺(tái)公開或不公開）、封面圖片、目標(biāo)金額、項(xiàng)目介紹（圖文）、視頻（可以發(fā)布一條視頻插入到詳情頁(yè)面）。

④、在項(xiàng)目管理列表中，每個(gè)項(xiàng)目顯示ID、項(xiàng)目名稱、項(xiàng)目編號(hào)、項(xiàng)目分類、目標(biāo)金額、已籌金額（系統(tǒng)自動(dòng)計(jì)算）、捐助次數(shù)（系統(tǒng)自動(dòng)計(jì)算）、是否推薦、排序、創(chuàng)建和更新時(shí)間（系統(tǒng)自動(dòng)生成）、編輯和刪除按鈕、狀態(tài)（支持上架下架項(xiàng)目，下架后前臺(tái)不可見、不可捐款，但不用刪除修改完善后可以上線）。

⑤、支持按照項(xiàng)目名稱關(guān)鍵詞、分類、是否推薦等條件進(jìn)行項(xiàng)目快速查找（支持分頁(yè)）。

⑥、支持對(duì)⑤中查找結(jié)果，一鍵導(dǎo)出excel。

（三）、捐款記錄

在后臺(tái)可以查看到所有的捐款記錄，支持?jǐn)?shù)據(jù)篩選、導(dǎo)出到excel。

1、支持?jǐn)?shù)據(jù)分頁(yè)查找，每條記錄包括系統(tǒng)訂單號(hào)、支付單號(hào)（支付后才有）、捐款人、捐款人手機(jī)號(hào)碼（如果補(bǔ)充了有）、捐款金額、項(xiàng)目名稱、支付狀態(tài)（已支付、未支付）、創(chuàng)建時(shí)間、支付時(shí)間、支付方式（微信或支付寶）。

2、支持按照訂單號(hào)、支付單號(hào)（用于跟支付平臺(tái)對(duì)賬，一般都必須要）、項(xiàng)目（支持按關(guān)鍵詞模糊搜索）、支付狀態(tài)、支付時(shí)間（時(shí)間區(qū)間，支付時(shí)間才是真正捐款時(shí)間）進(jìn)行篩選。

3、支持所選條件內(nèi)，顯示統(tǒng)計(jì)數(shù)據(jù)，如總金額、記錄數(shù)、參與人數(shù)。

4、支持對(duì)篩選出的數(shù)據(jù)一鍵導(dǎo)出excel。

用戶管理 顯示所有進(jìn)入系統(tǒng)且注冊(cè)過用戶的用戶數(shù)據(jù)（超級(jí)管理員帳號(hào)不顯示在列表中）。

1、每條用戶數(shù)據(jù)包括用戶ID、用戶名、注冊(cè)時(shí)間、登錄次數(shù)、最新登錄時(shí)間、捐款次數(shù)、其他用戶信息（用戶自己完善的，如手機(jī)號(hào)碼、姓名等等）、用戶狀態(tài)（有效和禁用）。

2、支持禁用和解禁用戶帳號(hào)。

3、支持按照用戶名、用戶ID、是否捐款過等條件搜索用戶。

4、支持把篩選出的用戶數(shù)據(jù)導(dǎo)出到excel。

（四）、其他功能

如banner圖片廣告設(shè)置、捐款協(xié)議等系統(tǒng)其他設(shè)置參考門戶后臺(tái)后臺(tái)管理部分，同一個(gè)后臺(tái)，開發(fā)對(duì)應(yīng)所需要的模塊。

五、其他配套功能

（一）、SEO優(yōu)化

從幾個(gè)方面提供網(wǎng)站整體的SEO友好度，比如開發(fā)內(nèi)容主動(dòng)推送、自定義網(wǎng)頁(yè)的標(biāo)題描述關(guān)鍵詞信息、加快網(wǎng)頁(yè)加載速度等。

（二）、留言模塊

用戶在前臺(tái)可以提交意見建議或其他的問題，同時(shí)留下姓名和手機(jī)號(hào)碼。用戶提交后，系統(tǒng)自動(dòng)通知到管理員手機(jī)號(hào)碼（在后臺(tái)可設(shè)置），告訴管理員有用戶反饋問題請(qǐng)及時(shí)反饋。管理員在后臺(tái)可以查看用戶的反饋內(nèi)容并可以回復(fù)該內(nèi)容，回復(fù)的內(nèi)容通知給用戶。

（三）、圖片優(yōu)化

圖片優(yōu)化主要包括如下幾個(gè)方面：

1、圖片瘦身：在首頁(yè)、列表、文章內(nèi)頁(yè)中需要讀取的封面，根據(jù)所需要的圖片大學(xué)進(jìn)行讀取，而不讀取原圖。因?yàn)楝F(xiàn)在即便是一個(gè)手機(jī)拍的照片都是10MB，直接顯示打開速度將會(huì)很慢。

2、圖片預(yù)覽：在電腦和手機(jī)瀏覽文章時(shí)，點(diǎn)擊文章內(nèi)圖片可以彈出查看大圖，在手機(jī)上還可以縮放查看大圖，增加瀏覽體驗(yàn)。

3、圖片水?。嚎梢栽谖恼聝?nèi)顯示的圖片自動(dòng)打上水印內(nèi)容（如：湖南省殘疾人福利基金會(huì)），品牌標(biāo)識(shí)度更強(qiáng)。

（四）、網(wǎng)頁(yè)分享

在PC端加入基于分享API開發(fā)的分享組件（非直接貼分享平臺(tái)的代碼），用于把網(wǎng)站內(nèi)容分享到第三方社交平臺(tái)，如微信、微博等；而手機(jī)上不管是微信還是手機(jī)瀏覽器都自帶分享功能（如果有微信認(rèn)證公眾號(hào)，可以支持自定義內(nèi)容分享的標(biāo)題、摘要、縮略圖等信息）。

（五）、網(wǎng)站統(tǒng)計(jì)

在后臺(tái)預(yù)留head和footer代碼嵌入點(diǎn)，用戶可以隨時(shí)插入統(tǒng)計(jì)代碼、競(jìng)價(jià)代碼，而無需找專業(yè)人員進(jìn)行文件修改?？梢越y(tǒng)計(jì)每天有多少人瀏覽網(wǎng)站、這些人來自哪里、通過什么渠道進(jìn)入等。

（六）、友情鏈接

在網(wǎng)站底部顯示友情鏈接，支持在網(wǎng)站后臺(tái)維護(hù)友情鏈接數(shù)據(jù)，可以添加、修改、刪除。

（七）、OSS及CDN

使用對(duì)象存儲(chǔ)服務(wù)和CDN服務(wù)，可以節(jié)省服務(wù)器成本，而且用戶體驗(yàn)會(huì)大大提升。尤其當(dāng)網(wǎng)站中包含視頻、音頻等大文件內(nèi)容時(shí)，會(huì)極大提升用戶體驗(yàn)。普通單臺(tái)帶寬資源不高的服務(wù)器（如2-5MB貸款），同時(shí)數(shù)個(gè)人同時(shí)觀看視頻就會(huì)顯得不流暢，使用這種訪問可避免類似問題。

（八）、音視頻私有化

音頻資源路徑私有存儲(chǔ)，用戶訪問時(shí)僅生成臨時(shí)授權(quán)訪問token，可以避免用戶獲取資源路徑到系統(tǒng)外使用，造成流量資源浪費(fèi)。

（九）、音視頻處理

針對(duì)該類網(wǎng)站，主要有這幾個(gè)方面的處理：

1、音視頻轉(zhuǎn)碼：主要針對(duì)視頻，如果上傳的原視頻很高清，但網(wǎng)頁(yè)無需這么清晰的（因?yàn)槠胀ㄔL問高清會(huì)極大浪費(fèi)網(wǎng)絡(luò)帶寬資源），如果上傳前轉(zhuǎn)碼會(huì)很麻煩，上傳后系統(tǒng)自動(dòng)識(shí)別視頻體積，如果體積過大則自動(dòng)轉(zhuǎn)碼生成較小體積的文件。

2、視頻封面自動(dòng)生成：上傳視頻時(shí)程序讀取視頻文件自動(dòng)截取封面圖片（當(dāng)然如果手動(dòng)上傳視頻封面，則手動(dòng)上傳的優(yōu)先顯示）。

3、數(shù)據(jù)讀取：自動(dòng)讀取音視頻各項(xiàng)數(shù)據(jù)，如常用的音視頻時(shí)長(zhǎng)，可以在視頻列表等頁(yè)面直接顯示出來，而不用手動(dòng)輸入。

（十）微信登錄

在電腦網(wǎng)頁(yè)或微信APP中訪問本網(wǎng)站，用戶可以選擇用微信帳號(hào)快速登錄網(wǎng)站（電腦掃碼、微信中自動(dòng)授權(quán)登錄），微信電腦掃碼登錄需開通微信開放平臺(tái)（需要支付騰訊每年300元認(rèn)證費(fèi)用）。

（十一）、支付寶登錄

在電腦網(wǎng)頁(yè)或支付寶APP中訪問本網(wǎng)站，用戶可以選擇使用支付寶帳號(hào)快速網(wǎng)站（點(diǎn)擊登錄按鈕快速登錄）。

（十二）、微信支付

可以開發(fā)微信客戶端內(nèi)使用微信在線支付（貴單位之前的網(wǎng)站只支持這種方式），也可以增加H5微信支付（主要用于微信以外的手機(jī)瀏覽器環(huán)境）。

（十三）、支付寶支付

用于非微信等屏蔽支付的環(huán)境下，進(jìn)行支付寶支付，如電腦、手機(jī)瀏覽器、支付寶等移動(dòng)APP（微信內(nèi)微信會(huì)屏蔽支付寶）。讓用戶用多種方式參與公益捐助。

（十四）、消息通知

用戶捐款支付后，系統(tǒng)自動(dòng)發(fā)送一天反饋信息，增加用戶對(duì)本公益平臺(tái)的好感，也讓平臺(tái)信任度提升。

1、如果用戶是在微信中使用且關(guān)注過公眾號(hào)（服務(wù)號(hào)不是訂閱號(hào)），系統(tǒng)可以通過微信公眾號(hào)模板消息發(fā)送通知，用戶會(huì)在公眾號(hào)會(huì)話窗口看到信息。

2、如果用戶綁定過手機(jī)號(hào)碼，通過短信發(fā)送通知，用戶會(huì)在手機(jī)短信中看到信息（發(fā)送短信需要支付短信費(fèi)用給運(yùn)營(yíng)商，一天大概4.5分錢，用量越多越便宜）。

3、用戶在綁定手機(jī)號(hào)碼或者用手機(jī)號(hào)碼驗(yàn)證碼登錄時(shí)，系統(tǒng)自動(dòng)發(fā)送驗(yàn)證碼通知，用于手機(jī)號(hào)真實(shí)性驗(yàn)證。

六、舊官網(wǎng)數(shù)據(jù)整合到新網(wǎng)站

由于門戶網(wǎng)站重新開發(fā)，需要跨平臺(tái)（從SQL server遷移到mysql）、跨系統(tǒng)（從舊的.net系統(tǒng)到新的php系統(tǒng)）。遷移的數(shù)據(jù)工作清單如下：

1、分類數(shù)據(jù):各個(gè)文章文章分類數(shù)據(jù)

2、文章數(shù)據(jù):是遷移工作最核心的部分，遷移各個(gè)分類下的文章數(shù)據(jù)，通過數(shù)據(jù)庫(kù)查詢，文章數(shù)據(jù)有600多篇（其中可能包含無效數(shù)據(jù)）。

3、捐款記錄:如果需要開發(fā)對(duì)應(yīng)的在線捐款模塊，則需要遷移捐款記錄數(shù)據(jù)，大概300多條。

4、數(shù)據(jù)轉(zhuǎn)換:數(shù)據(jù)直接復(fù)制粘貼是無法適應(yīng)跨平臺(tái)遷移的，需要把原系統(tǒng)數(shù)據(jù)加工處理后導(dǎo)入到新系統(tǒng)中。

5、附件數(shù)據(jù):數(shù)據(jù)庫(kù)保存數(shù)據(jù)關(guān)聯(lián)的附件數(shù)據(jù)，如文章中的圖片等附件。