News
新聞中(zhōng)心

“智慧交通”世界一(yī)流學科領域建設中(zhōng)的北(běi)京交通大(dà)學新版門戶網站改版上線

2019-07-19
摘要:随着北(běi)京交通大(dà)學主站數據遷移工(gōng)作的順利完成, 北(běi)京交通大(dà)學站群系統正式接軌CMS8.0進入新媒體(tǐ)内容管理時代, 北(běi)京交通大(dà)學新版主站與CMS系統的成功升級并上線運行

7月8日,随着北(běi)京交通大(dà)學主站數據遷移工(gōng)作的順利完成,标志(zhì)着北(běi)京交通大(dà)學新版主站正式上線運行,至此,北(běi)京交通大(dà)學站群系統正式接軌CMS8.0進入新媒體(tǐ)内容管理時代。

QQ截圖20190716175103.jpg

任務下(xià)達,擺在我(wǒ)(wǒ)們面前的是兩大(dà)核心工(gōng)作:一(yī)是主站的全新設計改版;二是站群管理系統的升級換代。時間緊,工(gōng)期短,高要求,需要新版主站和站群系統同步上線,特别是從原有框架下(xià)的cms7.0系統遷移到全新的新媒體(tǐ)内容管理系統cms8.0,其中(zhōng)有大(dà)量的數據遷移工(gōng)作需要完成,數據容不得半點錯誤。爲保障項目的順利進行,與cms8.0系統做好無縫切換。前期我(wǒ)(wǒ)們組織研發部和實施部核心成員(yuán)進行多次演練和驗證,制定出一(yī)套高效合理,安全易用的實施方案。并多次與信息中(zhōng)心老師進行溝通和交換意見。該項目也得到了校方領導的高度重視,特别是在信息中(zhōng)心老師們的全力配合和支持下(xià),給予系統在規定時間内順利上線提供了充分(fēn)保證。

新版主站對标國内一(yī)流高校,緊貼國際網站流行趨勢,運用當下(xià)主流技術,采用響應式設計。旨在更好地發揮學校宣傳作用,展示學校品牌形象。本次主站改版的工(gōng)作目标是:準确定位網站特色,進行整體(tǐ)規劃,以品牌爲導向,學科爲特色,将品牌戰略與設計進行整合,展現獨特的網站形象,爲用戶帶來全新視覺體(tǐ)驗。放(fàng)眼未來,與世界名校看齊,打造具有國際化元素和設計理念的風格頁面。

設計理念

北(běi)京交通大(dà)學是中(zhōng)國軌道交通領域曆史最悠久的最高學府之一(yī)。以重點建設“智慧交通”打造世界一(yī)流學科領域爲發展方向。源于和鐵路的淵源,北(běi)京交通大(dà)學各專業幾乎都和鐵路有關,具有獨特鮮明的校園文化和學科特色。此次主站改版的整體(tǐ)設計風格将傳承與創新結合,緊貼辦學特色,在頁面中(zhōng)大(dà)膽運用了火(huǒ)車(chē)的圖形和符号作爲設計元素,直觀真實的承托出北(běi)交大(dà)的辦學特色和學校定位。頁面布局多爲規則的“條狀”和“塊狀”寓意着嚴謹的教學風格和學生(shēng)們缜密的思維模式。通過“立體(tǐ)”與“平面”的交錯運用,圖片與文字的穿插排布,配以精修的圖片點綴,畫面有質感,又(yòu)不失科技之韻味。給人整體(tǐ)營造出一(yī)種四平八穩,簡潔大(dà)氣的風格。網站整體(tǐ)配色沿用北(běi)交大(dà)藍(lán)爲主色調,多種亮色點綴,使學校視覺印象更具傳承性和統一(yī)性,科技感強。

40eb716cf70c4337bdeec46f5a0ffded.jpg

針對闆式布局,首頁爲5屏顯示。采用扁平化設計理念,直觀的導航模塊讓網站氣質更嚴謹,多文少圖的排版風格讓網站更具學術氣質;圖文穿插排布,讓浏覽者在自上而下(xià)的浏覽中(zhōng)感受快慢(màn)節奏的韻律之美。

創意亮點

   1、Banner圖片定位點采用齒輪形狀,與校徽外(wài)形的齒輪有形狀上的呼應,Banner圖底部由一(yī)條深藍(lán)色細線壓軸,就像一(yī)條筆直的鐵軌貫徹東西方,Banner切換圖形猶如一(yī)輛飛馳的火(huǒ)車(chē),中(zhōng)心的切換齒輪形狀,如同車(chē)廂上的窗戶,巧妙地體(tǐ)現出北(běi)交大(dà)的辦學特色。使得網站在細節處理上更具品牌文化,處處彰顯人文情懷。


51217b62668042afb55d88488a8a1b32.jpg

d4498b7c9ff346f591a14c1e9e5c8070.jpg

   2、“校園視點”凸顯立體(tǐ)效果的運用,讓頁面更具層次感,減少大(dà)面積文字堆積帶來的枯燥感,能有效緩沖文字閱讀帶來的疲勞感,使得設計上更具科學性,視覺效果更爲舒适。

fd8812aa6c92468285d6aa1383940fe6.jpg


   3、“光影交大(dà)”欄目,運用寫實手法,将圖片和高鐵運行背景巧妙的結合,使得網站風格靈動而鮮活,貼合學生(shēng)青春活力,朝氣蓬勃的形象。奔馳的高鐵帶領着北(běi)交大(dà)人,駛向更廣闊的天地。

7e9e22a34978488eb63cb4300d1b2aa6.jpg

站群管理系統選型:

北(běi)京交通大(dà)學這次選擇的“通元新媒體(tǐ)内容管理平台cms8.0版本”,主要是應對新一(yī)輪技術到來作爲前期鋪墊,該系統采用矩陣式集群管理模式,擁有當下(xià)最流行的系統操作界面,實現管理流程科學化策略,促進高校微信,微博集中(zhōng)管理,規範運行,實現海量圖片和視頻(pín)的統一(yī)歸檔、統一(yī)調用、統一(yī)管理。這次站群系統從7.0版本升級到8.0版本整整跨越了一(yī)個代差,爲迎接全媒體(tǐ)時代的到來,提前“架橋鋪路”,做好基礎建設。

13ed9da4412c40a3897a298971175160.png

ede9d13d71884a15baf6abd74427eb36.png


數據遷移:

我(wǒ)(wǒ)們對原有系統數據進行“數據平滑遷移工(gōng)作”,要求在遷移過程中(zhōng)系統24小(xiǎo)時不停機,保證系統正常工(gōng)作和持續提供服務。整個遷移過程我(wǒ)(wǒ)們需配合對網站的源碼、數據結構、附件資(zī)源進行梳理、篩選。篩查漏洞、木馬、暗鏈等存在風險的資(zī)源。逐步進行安全檢查和風險剔除工(gōng)作後,再統一(yī)遷移至cms8.0平台。這樣做的目的可以更進一(yī)步降低網站遷移完成後的安全風險。在網站遷移後,各個學院以及行政機構的網站,頁面和内容會更加整齊,系統安全性得到進一(yī)步提高,使得各院系,各單位對網站管理更加方便快捷。

timg (1).jpg

作爲一(yī)個新的裏程碑,北(běi)京交通大(dà)學新版主站與CMS系統的成功升級并上線運行,對北(běi)交大(dà)網站視覺形象、網站管理水平、業務處理水平、媒體(tǐ)融合水平都具有重大(dà)意義,使網站整體(tǐ)水平又(yòu)上升到一(yī)個新台階,在信息化建設的道路上邁出了更爲堅實的一(yī)步。

百年磨劍終成鋒,迎着“雙一(yī)流”建設的步伐,北(běi)京交通大(dà)學這所百年名校,手握”中(zhōng)國高鐵“這張名片,迎着時代的春風,譜寫中(zhōng)華強國之夢,車(chē)行大(dà)地,天塹變通途。

timg (2).jpg

部分(fēn)二級頁面

0da481a4f7514a92b034201c8e3988b3.jpg

621d261803724d8486602a38b7b72733.jpg

9545e216ca964a24a93223906ff6a289.jpg

7beb553fb9f541628f0d6657a82d55da.jpg

認識北(běi)京交通大(dà)學

{CC33C0A6-F35A-0C35-703D-820C9F257F8A}.png

北(běi)京交通大(dà)學是教育部直屬,教育部、交通運輸部、北(běi)京市人民政府和中(zhōng)國國家鐵路集團有限公司共建的全國重點大(dà)學。“211工(gōng)程”“985工(gōng)程優勢學科創新平台”項目建設高校。2017年,學校正式進入國家“雙一(yī)流”建設行列,将圍繞優勢特色學科,重點建設“智慧交通”世界一(yī)流學科領域。

北(běi)京交通大(dà)學雖以低調著稱,卻遮掩不了其耀眼的光輝:首批進入“世界一(yī)流學科”建設高校行列、連續多年入圍“QS 金磚五國大(dà)學排名”前 100 名、位居U.S.News發布的2019年度世界大(dà)學排名第583位。源于和鐵路的淵源,“北(běi)交大(dà)”各專業幾乎都和鐵路有關,因此受到“南(nán)車(chē)”“北(běi)車(chē)”“中(zhōng)鐵建”等著名企業的高度認可,學生(shēng)就業率多年穩定在98%以上。

北(běi)京交通大(dà)學擁有國内最早的交通運輸學科,與國家發展、行業進步同向而行、同頻(pín)共振,學校參與和推動了中(zhōng)國交通行業發展一(yī)個又(yòu)一(yī)個重大(dà)曆史進程,鐵路六次大(dà)提速、大(dà)秦重載鐵路、青藏鐵路、高速鐵路、城軌交通、綜合交通、智能交通、高鐵“走向國際”等一(yī)系列關乎國家經濟命脈的行業領域和劃時代工(gōng)程建設中(zhōng)活躍着交大(dà)人的身影、展現了交大(dà)創新的力量。

84e860d1389b40dcb3ed5481012229e7.jpg

分(fēn)享到:
幫助中(zhōng)心
TOP