News
新闻中心

“智慧交通”世界一流学科领域建设中的北京交通大学新版门户网站改版上线

2019-07-19
摘要:随着北京交通大学主站数据迁移工作的顺利完成, 北京交通大学站群系统正式接轨CMS8.0进入新媒体内容管理时代, 北京交通大学新版主站与CMS系统的成功升级并上线运行

7月8日,随着北京交通大学主站数据迁移工作的顺利完成,标志着北京交通大学新版主站正式上线运行,至此,北京交通大学站群系统正式接轨CMS8.0进入新媒体内容管理时代。

QQ截图20190716175103.jpg

任务下达,摆在我们面前的是两大核心工作:一是主站的全新设计改版;二是站群管理系统的升级换代。时间紧,工期短,高要求,需要新版主站和站群系统同步上线,特别是从原有框架下的cms7.0系统迁移到全新的新媒体内容管理系统cms8.0,其中有大量的数据迁移工作需要完成,数据容不得半点错误。为保障项目的顺利进行,与cms8.0系统做好无缝切换。前期我们组织研发部和实施部核心成员进行多次演练和验证,制定出一套高效合理,安全易用的实施方案。并多次与信息中心老师进行沟通和交换意见。该项目也得到了校方领导的高度重视,特别是在信息中心老师们的全力配合和支持下,给予系统在规定时间内顺利上线提供了充分保证。

新版主站对标国内一流高校,紧贴国际网站流行趋势,运用当下主流技术,采用响应式设计。旨在更好地发挥学校宣传作用,展示学校品牌形象。本次主站改版的工作目标是:准确定位网站特色,进行整体规划,以品牌为导向,学科为特色,将品牌战略与设计进行整合,展现独特的网站形象,为用户带来全新视觉体验。放眼未来,与世界名校看齐,打造具有国际化元素和设计理念的风格页面。

设计理念

北京交通大学是中国轨道交通领域历史最悠久的最高学府之一。以重点建设“智慧交通”打造世界一流学科领域为发展方向。源于和铁路的渊源,北京交通大学各专业几乎都和铁路有关,具有独特鲜明的校园文化和学科特色。此次主站改版的整体设计风格将传承与创新结合,紧贴办学特色,在页面中大胆运用了火车的图形和符号作为设计元素,直观真实的承托出北交大的办学特色和学校定位。页面布局多为规则的“条状”和“块状”寓意着严谨的教学风格和学生们缜密的思维模式。通过“立体”与“平面”的交错运用,图片与文字的穿插排布,配以精修的图片点缀,画面有质感,又不失科技之韵味。给人整体营造出一种四平八稳,简洁大气的风格。网站整体配色沿用北交大蓝为主色调,多种亮色点缀,使学校视觉印象更具传承性和统一性,科技感强。

40eb716cf70c4337bdeec46f5a0ffded.jpg

针对板式布局,首页为5屏显示。采用扁平化设计理念,直观的导航模块让网站气质更严谨,多文少图的排版风格让网站更具学术气质;图文穿插排布,让浏览者在自上而下的浏览中感受快慢节奏的韵律之美。

创意亮点

   1、Banner图片定位点采用齿轮形状,与校徽外形的齿轮有形状上的呼应,Banner图底部由一条深蓝色细线压轴,就像一条笔直的铁轨贯彻东西方,Banner切换图形犹如一辆飞驰的火车,中心的切换齿轮形状,如同车厢上的窗户,巧妙地体现出北交大的办学特色。使得网站在细节处理上更具品牌文化,处处彰显人文情怀。


51217b62668042afb55d88488a8a1b32.jpg

d4498b7c9ff346f591a14c1e9e5c8070.jpg

   2、“校园视点”凸显立体效果的运用,让页面更具层次感,减少大面积文字堆积带来的枯燥感,能有效缓冲文字阅读带来的疲劳感,使得设计上更具科学性,视觉效果更为舒适。

fd8812aa6c92468285d6aa1383940fe6.jpg


   3、“光影交大”栏目,运用写实手法,将图片和高铁运行背景巧妙的结合,使得网站风格灵动而鲜活,贴合学生青春活力,朝气蓬勃的形象。奔驰的高铁带领着北交大人,驶向更广阔的天地。

7e9e22a34978488eb63cb4300d1b2aa6.jpg

站群管理系统选型:

北京交通大学这次选择的“通元新媒体内容管理平台cms8.0版本”,主要是应对新一轮技术到来作为前期铺垫,该系统采用矩阵式集群管理模式,拥有当下最流行的系统操作界面,实现管理流程科学化策略,促进高校微信,微博集中管理,规范运行,实现海量图片和视频的统一归档、统一调用、统一管理。这次站群系统从7.0版本升级到8.0版本整整跨越了一个代差,为迎接全媒体时代的到来,提前“架桥铺路”,做好基础建设。

13ed9da4412c40a3897a298971175160.png

ede9d13d71884a15baf6abd74427eb36.png


数据迁移:

我们对原有系统数据进行“数据平滑迁移工作”,要求在迁移过程中系统24小时不停机,保证系统正常工作和持续提供服务。整个迁移过程我们需配合对网站的源码、数据结构、附件资源进行梳理、筛选。筛查漏洞、木马、暗链等存在风险的资源。逐步进行安全检查和风险剔除工作后,再统一迁移至cms8.0平台。这样做的目的可以更进一步降低网站迁移完成后的安全风险。在网站迁移后,各个学院以及行政机构的网站,页面和内容会更加整齐,系统安全性得到进一步提高,使得各院系,各单位对网站管理更加方便快捷。

timg (1).jpg

作为一个新的里程碑,北京交通大学新版主站与CMS系统的成功升级并上线运行,对北交大网站视觉形象、网站管理水平、业务处理水平、媒体融合水平都具有重大意义,使网站整体水平又上升到一个新台阶,在信息化建设的道路上迈出了更为坚实的一步。

百年磨剑终成锋,迎着“双一流”建设的步伐,北京交通大学这所百年名校,手握”中国高铁“这张名片,迎着时代的春风,谱写中华强国之梦,车行大地,天堑变通途。

timg (2).jpg

部分二级页面

0da481a4f7514a92b034201c8e3988b3.jpg

621d261803724d8486602a38b7b72733.jpg

9545e216ca964a24a93223906ff6a289.jpg

7beb553fb9f541628f0d6657a82d55da.jpg

认识北京交通大学

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

北京交通大学是教育部直属,教育部、交通运输部、北京市人民政府和中国国家铁路集团有限公司共建的全国重点大学。“211工程”“985工程优势学科创新平台”项目建设高校。2017年,学校正式进入国家“双一流”建设行列,将围绕优势特色学科,重点建设“智慧交通”世界一流学科领域。

北京交通大学虽以低调著称,却遮掩不了其耀眼的光辉:首批进入“世界一流学科”建设高校行列、连续多年入围“QS 金砖五国大学排名”前 100 名、位居U.S.News发布的2019年度世界大学排名第583位。源于和铁路的渊源,“北交大”各专业几乎都和铁路有关,因此受到“南车”“北车”“中铁建”等著名企业的高度认可,学生就业率多年稳定在98%以上。

北京交通大学拥有国内最早的交通运输学科,与国家发展、行业进步同向而行、同频共振,学校参与和推动了中国交通行业发展一个又一个重大历史进程,铁路六次大提速、大秦重载铁路、青藏铁路、高速铁路、城轨交通、综合交通、智能交通、高铁“走向国际”等一系列关乎国家经济命脉的行业领域和划时代工程建设中活跃着交大人的身影、展现了交大创新的力量。

84e860d1389b40dcb3ed5481012229e7.jpg

分享到:
帮助中心
TOP