一個(gè)困擾多年的難題

2024年初，廣東體育職業(yè)技術(shù)學(xué)院的信息化辦公室面臨著一個(gè)棘手的問題：今年又有17個(gè)專題網(wǎng)站要建，可是平臺(tái)的30個(gè)站點(diǎn)授權(quán)早就用完了。

"每年質(zhì)量工程、課程思政、高水平專業(yè)群檢查、教學(xué)工作檢查...這些項(xiàng)目申報(bào)都需要建專題網(wǎng)站，有時(shí)候一個(gè)月就要上線好幾個(gè)。"學(xué)校信息化負(fù)責(zé)人說，"以前我們只能想辦法挪騰，把一些不太用的站點(diǎn)下掉，騰出名額給新專題，但這樣終歸不是辦法。"

更讓人頭疼的是技術(shù)問題。原有平臺(tái)已經(jīng)運(yùn)行多年，技術(shù)架構(gòu)陳舊，經(jīng)常出現(xiàn)這樣那樣的小毛病。有一次，學(xué)校網(wǎng)站甚至因?yàn)榘踩┒幢煌▓?bào)，這讓學(xué)校領(lǐng)導(dǎo)非常重視網(wǎng)站的安全性問題。

一次徹底的"換血"升級(jí)

經(jīng)過充分調(diào)研和論證，學(xué)校決定對(duì)網(wǎng)站群進(jìn)行全面改版升級(jí)。這不是簡(jiǎn)單的界面翻新，而是從技術(shù)底層到應(yīng)用功能的全方位重構(gòu)。

界面煥新：讓人眼前一亮的視覺體驗(yàn)

打開新版官網(wǎng)，首先映入眼簾的是煥然一新的頁(yè)面設(shè)計(jì)。不同于舊網(wǎng)站的傳統(tǒng)布局，新版網(wǎng)站采用了更加現(xiàn)代化的設(shè)計(jì)語(yǔ)言。

首頁(yè)的巧思

寬幅輪播圖展示學(xué)校的運(yùn)動(dòng)場(chǎng)館、訓(xùn)練場(chǎng)景、比賽瞬間，動(dòng)態(tài)效果流暢自然。導(dǎo)航欄簡(jiǎn)潔清晰，將"學(xué)校概況""招生就業(yè)""教學(xué)科研""競(jìng)技體育"等核心欄目一目了然地呈現(xiàn)。信息模塊采用卡片式設(shè)計(jì)，圖文并茂，重點(diǎn)信息通過色彩和版式突出，整體風(fēng)格既符合高校門戶的莊重感，又不失體育院校的活力特質(zhì)。

色彩的運(yùn)用

主色調(diào)選擇了代表活力和激情的運(yùn)動(dòng)藍(lán)，輔以清爽的白色和點(diǎn)綴的橙色，整體配色既有視覺沖擊力，又不失專業(yè)感。這種配色方案在傳達(dá)"青春、活力、專業(yè)"形象的同時(shí)，也保持了高校網(wǎng)站應(yīng)有的嚴(yán)肅性。

細(xì)節(jié)的打磨

圖標(biāo)設(shè)計(jì)統(tǒng)一采用扁平化風(fēng)格，每個(gè)功能模塊都有對(duì)應(yīng)的視覺圖標(biāo)，降低用戶認(rèn)知成本。字體選擇上，標(biāo)題使用較粗的黑體突出重點(diǎn)，正文采用易讀的宋體或微軟雅黑，確保長(zhǎng)文本閱讀的舒適性。

移動(dòng)端：隨時(shí)隨地，觸手可及

"現(xiàn)在的學(xué)生都是用手機(jī)看網(wǎng)站的，如果手機(jī)端體驗(yàn)不好，網(wǎng)站做得再漂亮也沒用。"這是學(xué)校在需求調(diào)研時(shí)收到最多的反饋。

新版網(wǎng)站在移動(dòng)端的表現(xiàn)確實(shí)讓人滿意。當(dāng)用手機(jī)訪問時(shí)，網(wǎng)站會(huì)自動(dòng)切換到移動(dòng)優(yōu)化版本。導(dǎo)航欄收縮為漢堡菜單，圖片自動(dòng)縮放適配屏幕寬度，文字大小調(diào)整到最適合手機(jī)閱讀的尺寸。更重要的是，頁(yè)面加載速度很快，即使在校園WiFi較慢的情況下，也能迅速打開。

"以前用手機(jī)看學(xué)校網(wǎng)站，要放大縮小好幾次才能看清楚內(nèi)容，現(xiàn)在直接就能看，方便多了。"一位大二的學(xué)生這樣評(píng)價(jià)。

專題制作：從"求人"到"自助"

如果說界面升級(jí)解決的是"面子"問題，那么可視化專題制作系統(tǒng)解決的就是"里子"問題——這也是這次改版最大的亮點(diǎn)之一。

一個(gè)真實(shí)的場(chǎng)景

教務(wù)處李老師接到任務(wù)：三天內(nèi)要做一個(gè)"省級(jí)高水平專業(yè)群中期檢查"的專題網(wǎng)站。在過去，這是個(gè)讓人頭疼的活兒——先要整理需求寫文檔，然后找技術(shù)部門排隊(duì)，等技術(shù)人員有空了再溝通設(shè)計(jì)，來(lái)來(lái)回回至少一周，還不一定能達(dá)到預(yù)期效果。

現(xiàn)在不同了。李老師打開網(wǎng)站后臺(tái)的"可視化專題制作"功能，從模板庫(kù)里選了一個(gè)"項(xiàng)目評(píng)審"模板，然后像搭積木一樣，把需要的模塊拖到頁(yè)面上：輪播圖、項(xiàng)目介紹、團(tuán)隊(duì)展示、成果列表...每個(gè)模塊都可以直接編輯內(nèi)容、調(diào)整樣式。

兩個(gè)小時(shí)后，一個(gè)專業(yè)的專題頁(yè)面就做好了。李老師自己都有點(diǎn)不敢相信："以前要一周的活兒，現(xiàn)在兩小時(shí)就搞定了，而且效果還挺專業(yè)的。"

零代碼的魅力

這套可視化制作系統(tǒng)最大的特點(diǎn)就是"零代碼"。不需要懂HTML、CSS這些技術(shù)術(shù)語(yǔ)，只要會(huì)用鼠標(biāo)拖拽，就能做出專業(yè)的頁(yè)面。系統(tǒng)內(nèi)置了數(shù)百個(gè)組件：文章列表、圖片輪播、視頻播放、互動(dòng)表單...每個(gè)組件都可以自由組合、自由調(diào)整。

更重要的是，專題數(shù)量不再受限制。想做多少就做多少，再也不用為"站點(diǎn)名額"發(fā)愁了。

今年以來(lái)，學(xué)校已經(jīng)通過這個(gè)系統(tǒng)建了20多個(gè)專題網(wǎng)站，涵蓋了各類項(xiàng)目申報(bào)、活動(dòng)宣傳、成果展示等場(chǎng)景。"這個(gè)功能真是解放了生產(chǎn)力。"信息化辦公室主任這樣評(píng)價(jià)。

權(quán)限管理：精細(xì)化到"人"

學(xué)校的一些內(nèi)部文件，比如教學(xué)檢查資料、人事考核材料，需要限制訪問范圍——只能在校內(nèi)訪問，或者只能特定人員查看。

新版網(wǎng)站的權(quán)限管理系統(tǒng)完美地解決了這個(gè)需求。管理員可以給每篇文章、每個(gè)附件設(shè)置不同的訪問權(quán)限：

IP限制：設(shè)置只能從學(xué)校IP段訪問，校外用戶無(wú)法打開登錄查看：需要用學(xué)校賬號(hào)登錄后才能查看密碼保護(hù)：可以為特定內(nèi)容設(shè)置訪問密碼，只有知道密碼的人才能查看專家賬號(hào)：給評(píng)審專家單獨(dú)開通臨時(shí)賬號(hào)，只能訪問與評(píng)審相關(guān)的內(nèi)容

"這個(gè)功能讓我們對(duì)敏感信息的管理更加從容了。"組織宣傳統(tǒng)戰(zhàn)部的王老師說，"以前我們都是把文件放在校內(nèi)文件服務(wù)器，現(xiàn)在可以直接放在網(wǎng)站上，通過權(quán)限控制來(lái)保護(hù)，既方便訪問，又保證安全。"

在線服務(wù)：不只是"看"的網(wǎng)站

新版網(wǎng)站不只是一個(gè)信息發(fā)布平臺(tái)，更是一個(gè)服務(wù)平臺(tái)。

在線學(xué)習(xí)系統(tǒng)

體育教育系的趙老師在網(wǎng)站上發(fā)布了一門"運(yùn)動(dòng)生理學(xué)"的在線課程，學(xué)生們可以隨時(shí)登錄學(xué)習(xí)，系統(tǒng)會(huì)自動(dòng)記錄學(xué)習(xí)進(jìn)度、統(tǒng)計(jì)學(xué)習(xí)時(shí)長(zhǎng)。期末時(shí)，趙老師可以直接從系統(tǒng)導(dǎo)出每個(gè)學(xué)生的學(xué)習(xí)數(shù)據(jù)，作為平時(shí)成績(jī)的參考。

"這比以前發(fā)PDF資料讓學(xué)生自學(xué)效果好多了，至少我知道他們到底看沒看。"趙老師說。

知識(shí)競(jìng)賽系統(tǒng)

今年黨建活動(dòng)周，學(xué)校在網(wǎng)站上舉辦了"黨史知識(shí)競(jìng)賽"，全校1800多名師生參與答題。系統(tǒng)自動(dòng)判分、自動(dòng)排名，活動(dòng)結(jié)束后還生成了詳細(xì)的統(tǒng)計(jì)報(bào)告。這種線上競(jìng)賽的形式，參與度比傳統(tǒng)的線下競(jìng)賽高了好幾倍。

證書查詢系統(tǒng)

學(xué)校發(fā)放的各類培訓(xùn)證書、榮譽(yù)證書，現(xiàn)在都可以在網(wǎng)站上查詢真?zhèn)?。每張證書都有唯一的編號(hào)，輸入編號(hào)就能查到證書詳情，還能下載電子版。這不僅方便了師生，也杜絕了假證書的問題。

看得見的改變

新版網(wǎng)站上線半年來(lái)，帶來(lái)了實(shí)實(shí)在在的改變。

用戶的評(píng)價(jià)

"新網(wǎng)站設(shè)計(jì)很時(shí)尚，找東西也方便，手機(jī)上看特別流暢。我經(jīng)常用手機(jī)刷學(xué)校新聞，了解學(xué)校動(dòng)態(tài)。"——2023級(jí)運(yùn)動(dòng)訓(xùn)練專業(yè) 張同學(xué)

"可視化專題制作功能太實(shí)用了!我們部門今年做了8個(gè)專題，都是我自己做的，完全不用麻煩技術(shù)人員。操作很簡(jiǎn)單，效果還很專業(yè)，同事們都說做得好。"——教務(wù)處 李老師

"權(quán)限管理功能解決了我們的大問題。以前一些內(nèi)部資料不敢放網(wǎng)上，現(xiàn)在可以設(shè)置IP限制或密碼訪問，既方便又安全。"——組織宣傳統(tǒng)戰(zhàn)部 王老師

"新網(wǎng)站的后臺(tái)操作界面很友好，文章編輯器功能強(qiáng)大，上傳圖片、插入視頻都很方便。最喜歡的是智能監(jiān)測(cè)功能，有錯(cuò)別字、敏感詞都會(huì)自動(dòng)提醒，幫我避免了好幾次低級(jí)錯(cuò)誤。"——學(xué)生工作部 劉老師

意外的收獲

除了預(yù)期的功能提升，新版網(wǎng)站還帶來(lái)了一些意外的收獲。

招生宣傳效果明顯

今年招生季，學(xué)校在新版網(wǎng)站上做了一個(gè)"招生宣傳"專題，精美的設(shè)計(jì)、豐富的內(nèi)容、流暢的體驗(yàn)吸引了大量考生和家長(zhǎng)訪問。咨詢電話比往年多了30%，很多家長(zhǎng)表示"看了你們的網(wǎng)站，感覺學(xué)校很不錯(cuò)"。

對(duì)外交流的名片

學(xué)校的外事辦公室發(fā)現(xiàn)，在接待兄弟院校、國(guó)際交流時(shí)，新版網(wǎng)站成了一張很好的名片。"網(wǎng)站做得這么專業(yè)，可見學(xué)校的信息化水平很高。"這是不少來(lái)訪者的評(píng)價(jià)。

降低運(yùn)維成本

信息化辦公室的人員編制沒有增加，但工作量卻減少了。"以前專題制作、權(quán)限設(shè)置這些事都要我們技術(shù)人員來(lái)做，現(xiàn)在各部門自己就能搞定，我們主要負(fù)責(zé)系統(tǒng)維護(hù)和技術(shù)支持，工作量減少了至少一半。"技術(shù)主管說。

技術(shù)背后的故事

這次改版采用的是動(dòng)易SmartUniversityPortal高校門戶網(wǎng)站群解決方案。這套系統(tǒng)基于WebFuture平臺(tái)開發(fā)，已通過公安部等保三級(jí)認(rèn)證，在全國(guó)數(shù)百所高校成功應(yīng)用。

選擇這套方案，學(xué)校看重的是三點(diǎn)：

安全可靠：通過等保三級(jí)認(rèn)證，內(nèi)置完善的安全防護(hù)機(jī)制，讓學(xué)校不用為網(wǎng)站安全擔(dān)心功能實(shí)用：可視化專題制作、精細(xì)化權(quán)限控制、智能監(jiān)測(cè)預(yù)警...每個(gè)功能都切中學(xué)校的實(shí)際需求持續(xù)服務(wù)：提供3年技術(shù)支持服務(wù)，包括系統(tǒng)升級(jí)、安全補(bǔ)丁、技術(shù)培訓(xùn)等，解決后顧之憂

更重要的是，這套系統(tǒng)支持信創(chuàng)改造。采用的技術(shù)架構(gòu)可以運(yùn)行在國(guó)產(chǎn)操作系統(tǒng)上，兼容國(guó)產(chǎn)數(shù)據(jù)庫(kù)，為學(xué)校未來(lái)可能的信創(chuàng)改造預(yù)留了技術(shù)基礎(chǔ)。

未來(lái)還會(huì)更好

網(wǎng)站上線不是終點(diǎn)，而是新的起點(diǎn)。

學(xué)校正在計(jì)劃進(jìn)一步優(yōu)化網(wǎng)站功能：增加校園地圖導(dǎo)航、失物招領(lǐng)、場(chǎng)館預(yù)約等實(shí)用功能;打通網(wǎng)站與微信公眾號(hào)、視頻號(hào)的數(shù)據(jù)通道，實(shí)現(xiàn)一次編輯、多平臺(tái)發(fā)布;利用網(wǎng)站訪問數(shù)據(jù)分析師生需求，提供更精準(zhǔn)的信息服務(wù)...

"網(wǎng)站是學(xué)校的對(duì)外窗口，也是服務(wù)師生的平臺(tái)。我們會(huì)持續(xù)優(yōu)化，讓它越來(lái)越好用。"學(xué)校信息化負(fù)責(zé)人表示。

從"能用"到"好用"，廣東體育職業(yè)技術(shù)學(xué)院的新版網(wǎng)站，正在成為高校網(wǎng)站建設(shè)的一個(gè)優(yōu)秀范例。

項(xiàng)目信息

• 客戶：廣東體育職業(yè)技術(shù)學(xué)院

• 項(xiàng)目：網(wǎng)站群改版升級(jí)

• 技術(shù)方案：動(dòng)易SmartUniversityPortal高校門戶網(wǎng)站群解決方案

• 技術(shù)支持：廣東動(dòng)易軟件股份有限公司

本文基于真實(shí)項(xiàng)目案例編寫，部分用戶評(píng)價(jià)經(jīng)過整理。了解更多高校網(wǎng)站建設(shè)案例，請(qǐng)?jiān)L問動(dòng)易官網(wǎng) www.lzmyhs.com 或撥打咨詢熱線 4008-300-618