新媒体web技术的研究与实现

《新媒体web技术的研究与实现》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、？－：；也／ｊ－７：追皆皆；－軟安．Ｉ．ｖ：．．裝捉＂．．心１＂．，．．ｖ盞．；每二．．：澤＾游．：二－＾带．．、＾索．＾．．ｓｖ．．黄．寡單或；一．ｒ．－ｆ＾乎．．：奇．六．邊＾知；巧．巧＞：，／－．．袜．ｆＶＷ’密Ｔｒ島違．＾嗦乂？女－ｓ多．，：．兴．－八式矣．！；ｒ－：＾：韓－。管ｆ＜炎Ｉ．訂气．．．腎，寮捧Ｎ．推心－．山ｗ冲吊础夭诗。ｔ＼片巷；＇；琴．．．．＇；，；－．．苗．＇＼？＇－＇＾＞．．—＂＇１Ｖ為．：，：－Ｖ‘ｈ‘一ｉ论致政；苗＾Ｈｆ，．Ｊ．Ｔ志，巧＂，：ｊ马毒；；ｒ，；Ｖ．貴奈ｖ言

2、．．．ｆ？＇－？！．．．‘－ｒ聲．１；．：．参＾．＾寒；，’．气ｒ丸．／．巧祀＾ｏ皆：／．．＇皆ｖ３气．．＞甲作ｍ媒体＾＾５术研究ａ－；，：Ａ＇：占真屋；中；Ｖ．．論Ｖ為吝．－．令？＾＜－；？穿．．．．，為Ａ；．ｆ今／一．－辛巧．．－．谋／＾毒－，，：、．＼；ｎ途．Ｓ‘ｖ．．．．非Ｓ嗦．．．－＃．喷究胡佳‘．ｙ＇，Ｕ！‘Ｖ咚ｒ／■ｆ专軟件呈ｖ■／＾，！＇．．研宛计奔；．．琴ｔ巧巧．：嘗．：摇章Ｖ喔黄维細：３ｖ：／‘．企导杨坤？；，Ｖ．私．．謂．皆＾．＾、：．．為．ｖ讀邊．令渉

3、￡ｓ伟寒‘顏．．＾ｆ化‘．．，．；．逆？；舜‘＾Ｖ；？ｖ１专＾ｉ．＾－．姜．－Ｈ：’：舊，：．；？＾＾分类号密级中国地质大学（北京）硕士学位论文新媒体Web技术的研究与实现学号：2104130032研究生：胡佳锋专业：软件工程研究方向：计算机网络技术指导教师：黄维平教授企业导师：杨坤2016年5月ADissertationSubmittedtoChinaUniversityofGeosciencesforMasterDegreeTheResearchandImplementationoftheNewMedia

4、WebTechnologyMasterCandidate:HuJiafengMajor:SoftwareEngineeringStudyOrientation:ComputerNetworkTechnologyDissertationSupervisor:Prof.HuangWeipingChinaUniversityofGeosciences(Beijing)摘要在移动互联时代，学校旧版主页在新媒体设备上显示效果较差，旧版虚拟校园不支持移动新媒体设备浏览器，本科招生网也不适应移动设备，并且存在众多的安全隐患等问题。本篇论文是中国地质大学（北京）信息化

5、项目的一部分。学校主页、本科招生网、虚拟校园等重要网站，都需要适应移动互联时代新媒体发展的需要。学校新版主页采用响应式Web设计思想，配合HTML5和CSS3新技术。响应式Web设计是对现有Web技术的组合和提升，解决任意上网设备对网页内容进行完美布局的显示机制。响应式Web设计的常用技术有媒体查询、流式布局、弹性图片等，其常用框架有Bootstrap、GroundworkCSS2等。新版本科招生网站采用Struts2+Spring框架开发，搭配Oracle数据库，部署在Linux服务器环境下，提高了网站的稳定性和安全性。新版本科招生网也采用了响应式W

6、eb设计，可以自适应任意终端设备。具有复杂人机交互界面的虚拟校园，传统的AdobeFlash对移动设备兼容性较差。在对虚拟校园的改造中，使用了兼容性更好的OpenLayers开源地图引擎与TitleCache瓦片缓存器。利用开源的JavaScript类库开发WebGIS客户端，有效的改善了客户端浏览器加载地图的响应速度。论文完成了学校主页、本科招生网、虚拟校园等网站的响应式Web设计与开发。同一网页能够自适应PC电脑、平板电脑、手机等新媒体设备，实现了一致性访问。研究表明，响应式Web设计可以很好的实现自适应众多媒体设备的网页设计需求，HTML+CSS

7、+JavaScript有机结合的前端开发方式具有良好的兼容性和发展前景，可以开发出更生动、更具人机交互性的网站，并且可以与微信平台、移动APP的开发相结合，助力新媒体进一步发展。关键词：新媒体、响应式Web设计、虚拟校园、OpenLayers1AbstractIntheeraofmobileInternet,thedisplayofoldhomepageonthenewmediadeviceispoorer,virtualcampusdoesnotsupportbrowserofthenewmediamobiledevice,undergraduate

8、admissionswebsitealsodoesnotadapttomobiledevice