本文關(guān)鍵詞：新媒體Web技術(shù)的研究與實現(xiàn)

  更多相關(guān)文章： 新媒體 響應(yīng)式Web設(shè)計 虛擬校園 OpenLayers

【摘要】：在移動互聯(lián)時代,學(xué)校舊版主頁在新媒體設(shè)備上顯示效果較差,舊版虛擬校園不支持移動新媒體設(shè)備瀏覽器,本科招生網(wǎng)也不適應(yīng)移動設(shè)備,并且存在眾多的安全隱患等問題。本篇論文是中國地質(zhì)大學(xué)(北京)信息化項目的一部分。學(xué)校主頁、本科招生網(wǎng)、虛擬校園等重要網(wǎng)站,都需要適應(yīng)移動互聯(lián)時代新媒體發(fā)展的需要。學(xué)校新版主頁采用響應(yīng)式Web設(shè)計思想,配合HTML5和CSS3新技術(shù)。響應(yīng)式Web設(shè)計是對現(xiàn)有Web技術(shù)的組合和提升,解決任意上網(wǎng)設(shè)備對網(wǎng)頁內(nèi)容進(jìn)行完美布局的顯示機(jī)制。響應(yīng)式Web設(shè)計的常用技術(shù)有媒體查詢、流式布局、彈性圖片等,其常用框架有Bootstrap、GroundworkCSS 2等。新版本科招生網(wǎng)站采用Struts 2+Spring框架開發(fā),搭配Oracle數(shù)據(jù)庫,部署在Linux服務(wù)器環(huán)境下,提高了網(wǎng)站的穩(wěn)定性和安全性。新版本科招生網(wǎng)也采用了響應(yīng)式Web設(shè)計,可以自適應(yīng)任意終端設(shè)備。具有復(fù)雜人機(jī)交互界面的虛擬校園,傳統(tǒng)的Adobe Flash對移動設(shè)備兼容性較差。在對虛擬校園的改造中,使用了兼容性更好的OpenLayers開源地圖引擎與TitleCache瓦片緩存器。利用開源的JavaScript類庫開發(fā)Web GIS客戶端,有效的改善了客戶端瀏覽器加載地圖的響應(yīng)速度。論文完成了學(xué)校主頁、本科招生網(wǎng)、虛擬校園等網(wǎng)站的響應(yīng)式Web設(shè)計與開發(fā)。同一網(wǎng)頁能夠自適應(yīng)PC電腦、平板電腦、手機(jī)等新媒體設(shè)備,實現(xiàn)了一致性訪問。研究表明,響應(yīng)式Web設(shè)計可以很好的實現(xiàn)自適應(yīng)眾多媒體設(shè)備的網(wǎng)頁設(shè)計需求,HTML+CSS+JavaScript有機(jī)結(jié)合的前端開發(fā)方式具有良好的兼容性和發(fā)展前景,可以開發(fā)出更生動、更具人機(jī)交互性的網(wǎng)站,并且可以與微信平臺、移動APP的開發(fā)相結(jié)合,助力新媒體進(jìn)一步發(fā)展。
【關(guān)鍵詞】：新媒體 響應(yīng)式Web設(shè)計 虛擬校園 OpenLayers
【學(xué)位授予單位】：中國地質(zhì)大學(xué)(北京)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2016
【分類號】：TP393.092
【目錄】：

• 摘要5-6
• Abstract6-10
• 第1章 緒論10-17
• 1.1 研究背景10-12
• 1.1.1 總體網(wǎng)民規(guī)模10-11
• 1.1.2 互聯(lián)網(wǎng)接入環(huán)境11-12
• 1.2 研究內(nèi)容與意義12-13
• 1.3 研究現(xiàn)狀13-16
• 1.4 本文組織結(jié)構(gòu)16-17
• 第2章 開發(fā)技術(shù)綜述17-32
• 2.1 響應(yīng)式Web設(shè)計17-23
• 2.1.1 實現(xiàn)原理17-21
• 2.1.2 常用框架21-23
• 2.2 本科招生網(wǎng)開發(fā)技術(shù)23-26
• 2.2.1 Struts 223
• 2.2.2 Spring23-24
• 2.2.3 Hibernate24
• 2.2.4 Oracle數(shù)據(jù)庫24
• 2.2.5 負(fù)載均衡24-25
• 2.2.6 JSON與XMLHttpRequest25-26
• 2.3 虛擬校園常用技術(shù)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 學(xué)校主頁32
• 3.2 本科招生網(wǎng)32-33
• 3.3 虛擬校園33-36
• 第4章 實現(xiàn)與成果展示36-79
• 4.1 響應(yīng)式Web設(shè)計的實現(xiàn)36-54
• 4.1.1 媒體查詢的創(chuàng)建36-41
• 4.1.2 移動設(shè)備視口的調(diào)整41-43
• 4.1.3 媒體查詢分組的制定43-46
• 4.1.4 百分比布局的應(yīng)用46-47
• 4.1.5 自定義字體的使用47-49
• 4.1.6 內(nèi)聯(lián)樣式的處理49-52
• 4.1.7 成果展示52-54
• 4.2 本科招生網(wǎng)的設(shè)計與實現(xiàn)54-61
• 4.2.1 功能實現(xiàn)54-55
• 4.2.2 類圖設(shè)計55-57
• 4.2.3 數(shù)據(jù)庫設(shè)計57-61
• 4.2.4 成果展示61
• 4.3 虛擬校園的實現(xiàn)61-79
• 4.3.1 OpenLayers的配置62-63
• 4.3.2 TitleCache的配置63-64
• 4.3.3 圖層與工具條的添加64-66
• 4.3.4 與學(xué)校主頁框架的集成66-72
• 4.3.5 百度全景地圖的引入72-76
• 4.3.6 成果展示76-79
• 第5章 總結(jié)79-81
• 5.1 主要工作79
• 5.2 創(chuàng)新點79-80
• 5.3 工作展望80-81
• 致謝81-82
• 參考文獻(xiàn)82-85
• 個人簡歷85

【相似文獻(xiàn)】

中國期刊全文數(shù)據(jù)庫 前10條

1 趙澤宇,王利明,張計龍,張成洪,宓奰;復(fù)旦大學(xué)虛擬校園平臺設(shè)計與實現(xiàn)[J];教育信息化;2003年12期

2 劉慶偉;衛(wèi)莉莉;;大范圍復(fù)雜場景的虛擬校園建設(shè)方法[J];洛陽工業(yè)高等專科學(xué)校學(xué)報;2006年02期

3 李一鳴;賀歡;韓磊;楊潔;韓博;;西安交通大學(xué)虛擬校園的設(shè)計與實現(xiàn)[J];實驗技術(shù)與管理;2011年05期

4 張咸蔚;;虛擬校園建設(shè)的關(guān)鍵技術(shù)及應(yīng)用分析[J];計算機(jī)光盤軟件與應(yīng)用;2012年06期

5 韓慶年;;國外高校3D虛擬校園設(shè)計與應(yīng)用述評[J];中國教育信息化;2012年09期

6 劉曉通;張更路;張勝發(fā);;深化虛擬校園用戶體驗的研究[J];電腦知識與技術(shù);2012年25期

7 張更路;袁洪銳;張勝發(fā);;基于地圖技術(shù)的虛擬校園技術(shù)分析[J];教育教學(xué)論壇;2013年14期

8 師書恩;;遠(yuǎn)距離教育和虛擬校園[J];中國電化教育;1997年08期

9 楊斌;;基于非特定區(qū)域?qū)は虻奶摂M校園解決方案[J];中國科教創(chuàng)新導(dǎo)刊;2007年13期

10 ;意大利研發(fā)出“移動虛擬校園”技術(shù)[J];中國教育網(wǎng)絡(luò);2010年04期

中國重要會議論文全文數(shù)據(jù)庫 前8條

1 曹菡;惠曉鐘;;遠(yuǎn)程教育虛擬校園的建立和實現(xiàn)研究[A];中國地理信息系統(tǒng)協(xié)會第八屆年會論文集[C];2004年

2 李一鳴;賀歡;韓磊;楊潔;韓博;;西安交通大學(xué)虛擬校園的設(shè)計與實現(xiàn)[A];中國高等教育學(xué)會教育信息化分會第十次學(xué)術(shù)年會論文集[C];2010年

3 曾彤;;虛擬校園三維建模與仿真的設(shè)計開發(fā)[A];2007系統(tǒng)仿真技術(shù)及其應(yīng)用學(xué)術(shù)會議論文集[C];2007年

4 吳勁松;談笑;吳一多;;信息化虛擬校園系統(tǒng)管理構(gòu)建與創(chuàng)新[A];中國創(chuàng)意設(shè)計年鑒論文集2013[C];2014年

5 謝建華;馬劍;張建茂;;虛擬校園漫游設(shè)計與實現(xiàn)[A];'2008系統(tǒng)仿真技術(shù)及其應(yīng)用學(xué)術(shù)會議論文集[C];2008年

6 劉柱;劉瑾;;虛擬校園的設(shè)計和實現(xiàn)[A];中國高等教育學(xué)會教育信息化分會第十二次學(xué)術(shù)年會論文集[C];2014年

7 趙曉林;張愛武;孟健;;基于GeoVRML的虛擬校園景觀構(gòu)建與網(wǎng)絡(luò)發(fā)布[A];中國系統(tǒng)仿真學(xué)會第五次全國會員代表大會暨2006年全國學(xué)術(shù)年會論文集[C];2006年

8 彭紅星;陳琰;宋鴻陟;朱同林;洪標(biāo)祥;;基于VRML和Java技術(shù)的虛擬校園實現(xiàn)方案的研究[A];2007系統(tǒng)仿真技術(shù)及其應(yīng)用學(xué)術(shù)會議論文集[C];2007年

中國重要報紙全文數(shù)據(jù)庫 前4條

1 強(qiáng)亞平;瑞士啟動《虛擬校園計劃》[N];人民日報海外版;2000年

2 甘肅廣播電視大學(xué)研究員、副校長 衛(wèi)孺勤;建設(shè)開放大學(xué)虛擬校園文化的思考[N];甘肅日報;2011年

3 特約記者 祝釗;“二次生命”虛擬校園新主張[N];電腦報;2004年

4 記者 陳宗立邋通訊員 朱富林;甘肅電大“數(shù)字圖書”調(diào)動師生讀書興趣[N];光明日報;2007年

中國碩士學(xué)位論文全文數(shù)據(jù)庫 前10條

1 雷靜;三維虛擬校園中的角色動畫研究與應(yīng)用[D];電子科技大學(xué);2014年

2 周運姐;基于VRML中職學(xué)校虛擬校園系統(tǒng)的設(shè)計與實現(xiàn)[D];電子科技大學(xué);2014年

3 陳怡;平潭職業(yè)中專學(xué)校虛擬校園漫游系統(tǒng)的設(shè)計與實現(xiàn)[D];電子科技大學(xué);2014年

4 趙志江;基于X3D的百色學(xué)院校園漫游系統(tǒng)設(shè)計與實現(xiàn)[D];電子科技大學(xué);2015年

5 劉冰;基于3ds Max和Virtools的虛擬校園漫游系統(tǒng)的設(shè)計與實現(xiàn)[D];電子科技大學(xué);2015年

6 李吉鋒;基于3DS MAX及UNITY 3D的虛擬校園系統(tǒng)的設(shè)計與實現(xiàn)[D];華僑大學(xué);2016年

7 胡佳鋒;新媒體Web技術(shù)的研究與實現(xiàn)[D];中國地質(zhì)大學(xué)(北京);2016年

8 花蕾;具有較高真實感的網(wǎng)上虛擬校園構(gòu)建技術(shù)研究[D];西安理工大學(xué);2010年

9 謝厚亮;虛擬校園系統(tǒng)的設(shè)計與實現(xiàn)[D];電子科技大學(xué);2010年

10 籍成章;濰坊科技學(xué)院虛擬校園的設(shè)計與實現(xiàn)[D];中國海洋大學(xué);2010年

，

本文編號：840016