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

发布时间：2017-09-12 22:52

  本文关键词：新媒体Web技术的研究与实现

  更多相关文章： 新媒体 响应式Web设计 虚拟校园 OpenLayers

【摘要】：在移动互联时代,学校旧版主页在新媒体设备上显示效果较差,旧版虚拟校园不支持移动新媒体设备浏览器,本科招生网也不适应移动设备,并且存在众多的安全隐患等问题。本篇论文是中国地质大学(北京)信息化项目的一部分。学校主页、本科招生网、虚拟校园等重要网站,都需要适应移动互联时代新媒体发展的需要。学校新版主页采用响应式Web设计思想,配合HTML5和CSS3新技术。响应式Web设计是对现有Web技术的组合和提升,解决任意上网设备对网页内容进行完美布局的显示机制。响应式Web设计的常用技术有媒体查询、流式布局、弹性图片等,其常用框架有Bootstrap、GroundworkCSS 2等。新版本科招生网站采用Struts 2+Spring框架开发,搭配Oracle数据库,部署在Linux服务器环境下,提高了网站的稳定性和安全性。新版本科招生网也采用了响应式Web设计,可以自适应任意终端设备。具有复杂人机交互界面的虚拟校园,传统的Adobe Flash对移动设备兼容性较差。在对虚拟校园的改造中,使用了兼容性更好的OpenLayers开源地图引擎与TitleCache瓦片缓存器。利用开源的JavaScript类库开发Web GIS客户端,有效的改善了客户端浏览器加载地图的响应速度。论文完成了学校主页、本科招生网、虚拟校园等网站的响应式Web设计与开发。同一网页能够自适应PC电脑、平板电脑、手机等新媒体设备,实现了一致性访问。研究表明,响应式Web设计可以很好的实现自适应众多媒体设备的网页设计需求,HTML+CSS+JavaScript有机结合的前端开发方式具有良好的兼容性和发展前景,可以开发出更生动、更具人机交互性的网站,并且可以与微信平台、移动APP的开发相结合,助力新媒体进一步发展。
【关键词】：新媒体 响应式Web设计 虚拟校园 OpenLayers
【学位授予单位】：中国地质大学(北京)
【学位级别】：硕士
【学位授予年份】：2016
【分类号】：TP393.092
【目录】：

• 摘要5-6
• Abstract6-10
• 第1章 绪论10-17
• 1.1 研究背景10-12
• 1.1.1 总体网民规模10-11
• 1.1.2 互联网接入环境11-12
• 1.2 研究内容与意义12-13
• 1.3 研究现状13-16
• 1.4 本文组织结构16-17
• 第2章 开发技术综述17-32
• 2.1 响应式Web设计17-23
• 2.1.1 实现原理17-21
• 2.1.2 常用框架21-23
• 2.2 本科招生网开发技术23-26
• 2.2.1 Struts 223
• 2.2.2 Spring23-24
• 2.2.3 Hibernate24
• 2.2.4 Oracle数据库24
• 2.2.5 负载均衡24-25
• 2.2.6 JSON与XMLHttpRequest25-26
• 2.3 虚拟校园常用技术26-32
• 2.3.1 Adobe Flash26-28
• 2.3.2 HTML + CSS + JavaScript28-30
• 2.3.3 开源框架30-32
• 第3章 需求分析32-36
• 3.1 学校主页32
• 3.2 本科招生网32-33
• 3.3 虚拟校园33-36
• 第4章 实现与成果展示36-79
• 4.1 响应式Web设计的实现36-54
• 4.1.1 媒体查询的创建36-41
• 4.1.2 移动设备视口的调整41-43
• 4.1.3 媒体查询分组的制定43-46
• 4.1.4 百分比布局的应用46-47
• 4.1.5 自定义字体的使用47-49
• 4.1.6 内联样式的处理49-52
• 4.1.7 成果展示52-54
• 4.2 本科招生网的设计与实现54-61
• 4.2.1 功能实现54-55
• 4.2.2 类图设计55-57
• 4.2.3 数据库设计57-61
• 4.2.4 成果展示61
• 4.3 虚拟校园的实现61-79
• 4.3.1 OpenLayers的配置62-63
• 4.3.2 TitleCache的配置63-64
• 4.3.3 图层与工具条的添加64-66
• 4.3.4 与学校主页框架的集成66-72
• 4.3.5 百度全景地图的引入72-76
• 4.3.6 成果展示76-79
• 第5章 总结79-81
• 5.1 主要工作79
• 5.2 创新点79-80
• 5.3 工作展望80-81
• 致谢81-82
• 参考文献82-85
• 个人简历85

【相似文献】

中国期刊全文数据库 前10条

1 赵泽宇,王利明,张计龙,张成洪,宓奰;复旦大学虚拟校园平台设计与实现[J];教育信息化;2003年12期

2 刘庆伟;卫莉莉;;大范围复杂场景的虚拟校园建设方法[J];洛阳工业高等专科学校学报;2006年02期

3 李一鸣;贺欢;韩磊;杨洁;韩博;;西安交通大学虚拟校园的设计与实现[J];实验技术与管理;2011年05期

4 张咸蔚;;虚拟校园建设的关键技术及应用分析[J];计算机光盘软件与应用;2012年06期

5 韩庆年;;国外高校3D虚拟校园设计与应用述评[J];中国教育信息化;2012年09期

6 刘晓通;张更路;张胜发;;深化虚拟校园用户体验的研究[J];电脑知识与技术;2012年25期

7 张更路;袁洪锐;张胜发;;基于地图技术的虚拟校园技术分析[J];教育教学论坛;2013年14期

8 师书恩;;远距离教育和虚拟校园[J];中国电化教育;1997年08期

9 杨斌;;基于非特定区域寻向的虚拟校园解决方案[J];中国科教创新导刊;2007年13期

10 ;意大利研发出“移动虚拟校园”技术[J];中国教育网络;2010年04期

中国重要会议论文全文数据库 前8条

1 曹菡;惠晓钟;;远程教育虚拟校园的建立和实现研究[A];中国地理信息系统协会第八届年会论文集[C];2004年

2 李一鸣;贺欢;韩磊;杨洁;韩博;;西安交通大学虚拟校园的设计与实现[A];中国高等教育学会教育信息化分会第十次学术年会论文集[C];2010年

3 曾彤;;虚拟校园三维建模与仿真的设计开发[A];2007系统仿真技术及其应用学术会议论文集[C];2007年

4 吴劲松;谈笑;吴一多;;信息化虚拟校园系统管理构建与创新[A];中国创意设计年鉴论文集2013[C];2014年

5 谢建华;马剑;张建茂;;虚拟校园漫游设计与实现[A];'2008系统仿真技术及其应用学术会议论文集[C];2008年

6 刘柱;刘瑾;;虚拟校园的设计和实现[A];中国高等教育学会教育信息化分会第十二次学术年会论文集[C];2014年

7 赵晓林;张爱武;孟健;;基于GeoVRML的虚拟校园景观构建与网络发布[A];中国系统仿真学会第五次全国会员代表大会暨2006年全国学术年会论文集[C];2006年

8 彭红星;陈琰;宋鸿陟;朱同林;洪标祥;;基于VRML和Java技术的虚拟校园实现方案的研究[A];2007系统仿真技术及其应用学术会议论文集[C];2007年

中国重要报纸全文数据库 前4条

1 强亚平;瑞士启动《虚拟校园计划》[N];人民日报海外版;2000年

2 甘肃广播电视大学研究员、副校长 卫孺勤;建设开放大学虚拟校园文化的思考[N];甘肃日报;2011年

3 特约记者 祝钊;“二次生命”虚拟校园新主张[N];电脑报;2004年

4 记者 陈宗立邋通讯员 朱富林;甘肃电大“数字图书”调动师生读书兴趣[N];光明日报;2007年

中国硕士学位论文全文数据库 前10条

1 雷静;三维虚拟校园中的角色动画研究与应用[D];电子科技大学;2014年

2 周运姐;基于VRML中职学校虚拟校园系统的设计与实现[D];电子科技大学;2014年

3 陈怡;平潭职业中专学校虚拟校园漫游系统的设计与实现[D];电子科技大学;2014年

4 赵志江;基于X3D的百色学院校园漫游系统设计与实现[D];电子科技大学;2015年

5 刘冰;基于3ds Max和Virtools的虚拟校园漫游系统的设计与实现[D];电子科技大学;2015年

6 李吉锋;基于3DS MAX及UNITY 3D的虚拟校园系统的设计与实现[D];华侨大学;2016年

7 胡佳锋;新媒体Web技术的研究与实现[D];中国地质大学(北京);2016年

8 花蕾;具有较高真实感的网上虚拟校园构建技术研究[D];西安理工大学;2010年

9 谢厚亮;虚拟校园系统的设计与实现[D];电子科技大学;2010年

10 籍成章;潍坊科技学院虚拟校园的设计与实现[D];中国海洋大学;2010年

，

本文编号：840016