一個困擾多年的難題

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

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

更讓人頭疼的是技術(shù)問題。原有平臺已經(jīng)運行多年，技術(shù)架構(gòu)陳舊，經(jīng)常出現(xiàn)這樣那樣的小毛病。有一次，學(xué)校網(wǎng)站甚至因為安全漏洞被通報，這讓學(xué)校領(lǐng)導(dǎo)非常重視網(wǎng)站的安全性問題。

一次徹底的"換血"升級

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

界面煥新：讓人眼前一亮的視覺體驗

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

首頁的巧思

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

色彩的運用

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

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

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

移動端：隨時隨地，觸手可及

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

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

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

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

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

一個真實的場景

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

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

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

零代碼的魅力

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

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

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

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

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

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

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

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

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

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

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

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

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

知識競賽系統(tǒng)

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

證書查詢系統(tǒng)

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

看得見的改變

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

用戶的評價

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

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

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

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

意外的收獲

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

招生宣傳效果明顯

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

對外交流的名片

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

降低運維成本

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

技術(shù)背后的故事

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

選擇這套方案，學(xué)?？粗氐氖侨c：

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

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

未來還會更好

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

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

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

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

項目信息

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

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

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

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

本文基于真實項目案例編寫，部分用戶評價經(jīng)過整理。了解更多高校網(wǎng)站建設(shè)案例，請訪問動易官網(wǎng) www.xsdh.com.cn 或撥打咨詢熱線 4008-300-618