前言：尋找寫(xiě)作靈感？中文期刊網(wǎng)用心挑選的地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息設(shè)計(jì)，希望能為您的閱讀和創(chuàng)作帶來(lái)靈感，歡迎大家閱讀并分享。

摘要：

地理是一門以實(shí)驗(yàn)為基礎(chǔ)的科學(xué)，地理實(shí)驗(yàn)教學(xué)在地理教學(xué)和科研中占有非常重要的位置，而實(shí)驗(yàn)室也在其中發(fā)揮了很大的作用。但是，由于實(shí)驗(yàn)室信息量大、變化快、交流多，所以，有必要構(gòu)筑合理的實(shí)驗(yàn)室網(wǎng)絡(luò)信息平臺(tái)，發(fā)揮網(wǎng)絡(luò)信息交流的優(yōu)勢(shì)，提高實(shí)驗(yàn)室的管理效率，促進(jìn)實(shí)驗(yàn)室的開(kāi)放發(fā)展。簡(jiǎn)要介紹了地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)的建立方法和設(shè)計(jì)過(guò)程，詳細(xì)闡述了整個(gè)網(wǎng)站的設(shè)計(jì)理念和思路，將MySQL作為數(shù)據(jù)庫(kù)平臺(tái)，結(jié)合JavaScript/51dituAPI技術(shù)實(shí)現(xiàn)對(duì)地理實(shí)驗(yàn)教學(xué)中心各類信息的瀏覽、查詢，教學(xué)資料的下載，教學(xué)視頻的觀看和電子地圖功能模塊的建設(shè)。另外，還將DreamweaverMX2004作為開(kāi)發(fā)環(huán)境設(shè)計(jì)網(wǎng)頁(yè)布局，實(shí)現(xiàn)相應(yīng)的界面功能，并在MyEclipse開(kāi)發(fā)環(huán)境中最終完成對(duì)地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)的開(kāi)發(fā)。

關(guān)鍵詞：

地理實(shí)驗(yàn)教學(xué)；網(wǎng)絡(luò)信息平臺(tái)；51dituAPI；JavaScript

21世紀(jì)，人們面臨著資源、環(huán)境等各方面帶來(lái)的壓力，而地理科學(xué)在科學(xué)研究和人才培養(yǎng)中發(fā)揮了非常重要的作用。在教學(xué)過(guò)程中，地理實(shí)驗(yàn)教學(xué)是對(duì)課堂所學(xué)知識(shí)最直觀的感知，是自然規(guī)律最直接的表現(xiàn)；在科學(xué)研究、科學(xué)探索中，它也是理論驗(yàn)證和基本數(shù)據(jù)的源頭。通常情況下，實(shí)驗(yàn)室作為學(xué)校的基礎(chǔ)配置，在學(xué)校固定資產(chǎn)中所占比例比較大。科研對(duì)提高學(xué)校在國(guó)內(nèi)外的知名度，提高其學(xué)術(shù)水平有非常重要的作用，而國(guó)家、地方的重點(diǎn)科研項(xiàng)目更離不開(kāi)實(shí)驗(yàn)的檢驗(yàn)、驗(yàn)證——相關(guān)工作人員要從實(shí)驗(yàn)中獲得相應(yīng)的數(shù)據(jù)。隨著市場(chǎng)經(jīng)濟(jì)的發(fā)展，實(shí)驗(yàn)室已經(jīng)成為了學(xué)校為社會(huì)服務(wù)的窗口之一。在學(xué)校，教師的科研與教學(xué)是同等重要的，只有經(jīng)常進(jìn)行科學(xué)研究的教師才能站在學(xué)科最前沿探索新知，更新自己的知識(shí)體系，提出新的想法，提高學(xué)術(shù)水平，進(jìn)而在教學(xué)過(guò)程中激發(fā)學(xué)生的學(xué)習(xí)興趣。科技的競(jìng)爭(zhēng)實(shí)際上是教育的競(jìng)爭(zhēng)、人才的競(jìng)爭(zhēng)。為了培育出一大批面向世界、面向未來(lái)的新世紀(jì)人才，高等院校必須在科研上下功夫，提高實(shí)驗(yàn)教學(xué)的地位。因?yàn)閮H依靠課堂教學(xué)，是不能培養(yǎng)出開(kāi)拓型的高素質(zhì)人才的。實(shí)驗(yàn)室既要承擔(dān)科研任務(wù)，又要擔(dān)負(fù)實(shí)驗(yàn)教學(xué)和實(shí)踐任務(wù)。因此，本文提出了基于JavaScript的地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)的設(shè)計(jì)。基于JavaScript/51dituAPI技術(shù)，將DreamweaverMX2004作為頁(yè)面設(shè)計(jì)的開(kāi)發(fā)環(huán)境，將MySQL作為數(shù)據(jù)庫(kù)平臺(tái)，在MyEclipse開(kāi)發(fā)環(huán)境中設(shè)計(jì)、開(kāi)發(fā)出頁(yè)面美觀、運(yùn)行速度快、操作簡(jiǎn)單、內(nèi)容詳細(xì)的地理實(shí)驗(yàn)室網(wǎng)絡(luò)信息平臺(tái)。該設(shè)計(jì)的最終目標(biāo)是利用計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)構(gòu)建一整套網(wǎng)絡(luò)信息平臺(tái)，以便延長(zhǎng)地理實(shí)驗(yàn)教學(xué)的時(shí)間、拓展實(shí)驗(yàn)空間，為地理實(shí)驗(yàn)教學(xué)體系的改革開(kāi)辟新路徑。

1系統(tǒng)開(kāi)發(fā)技術(shù)

1.1JavaScript概述

隨著計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)的發(fā)展，人們對(duì)網(wǎng)頁(yè)的要求已經(jīng)不再停留在網(wǎng)頁(yè)的靜態(tài)顯示上，因此，網(wǎng)頁(yè)的動(dòng)態(tài)設(shè)計(jì)則成為了一種必然的發(fā)展趨勢(shì)。要想實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)顯示，僅利用HTML是不能完成的，JavaScript腳本語(yǔ)言的使用為實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)提供了一種新方法。JavaScript是由Netscap（e網(wǎng)景）研發(fā)出來(lái)的一種在Netscape瀏覽器上執(zhí)行的程序語(yǔ)言。最初研發(fā)該程序的目的是要減輕網(wǎng)絡(luò)主機(jī)數(shù)據(jù)處理的負(fù)荷，完成在網(wǎng)頁(yè)上顯示時(shí)間、動(dòng)態(tài)廣告、處理表單傳送數(shù)據(jù)等工作。但是，隨著其功能的日漸增多，不少網(wǎng)頁(yè)編制人員開(kāi)始利用它設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)。

1.251dituAPI概述

利用51dituAPI提供的接口，比如地圖接口、導(dǎo)航接口和查詢接口等，可以訪問(wèn)在線數(shù)據(jù)庫(kù)，實(shí)現(xiàn)基本地圖應(yīng)有的功能、搜索和導(dǎo)航等功能。51dituAPI一共有26個(gè)類，即1個(gè)基礎(chǔ)地圖、8個(gè)可定制控件類、5個(gè)標(biāo)注類、5個(gè)其他類、1個(gè)與標(biāo)注接口有關(guān)的類、3個(gè)與搜索接口有關(guān)的類和3個(gè)與導(dǎo)航接口有關(guān)的類。

1.2.1地圖接口

地圖接口一共包括19個(gè)類，它可以為用戶提供全國(guó)范圍內(nèi)漫游的地圖。利用地圖接口可以瀏覽地圖，完成放大、縮小、平移、測(cè)距、測(cè)面和打印等工作。

1.2.2查詢接口

查詢接口包括3個(gè)類，利用該接口可以輕松地實(shí)現(xiàn)本地搜索功能。而調(diào)用查詢接口可以進(jìn)一步擴(kuò)展地圖接口，開(kāi)發(fā)出更多的應(yīng)用服務(wù)。

2地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)的設(shè)計(jì)

2.1總體設(shè)計(jì)

2.1.1信息平臺(tái)概況

地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)的設(shè)計(jì)目標(biāo)是利用計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)構(gòu)建一整套網(wǎng)絡(luò)信息平臺(tái)，是以數(shù)據(jù)庫(kù)為核心，以Internet為基礎(chǔ)，采用B/S結(jié)構(gòu)，將實(shí)驗(yàn)教學(xué)中心的概況、機(jī)制管理、師資隊(duì)伍、教學(xué)資源和電子地圖等信息功能分類顯示在這一平臺(tái)上。該信息平臺(tái)采用了模塊化的設(shè)計(jì)方法，使用了應(yīng)用最廣泛的網(wǎng)絡(luò)開(kāi)發(fā)語(yǔ)言JSP，同時(shí)，結(jié)合JavaScript技術(shù)很好地完成了各個(gè)功能模塊的設(shè)計(jì)和擴(kuò)展。MySQL作為數(shù)據(jù)庫(kù)服務(wù)器，在維護(hù)數(shù)據(jù)方面具有良好的操作性，而且功能全面。

2.1.2信息平臺(tái)結(jié)構(gòu)設(shè)計(jì)

地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)是B/S結(jié)構(gòu)，可將其分為4個(gè)層次分別設(shè)計(jì)，即數(shù)據(jù)庫(kù)服務(wù)器、應(yīng)用服務(wù)器、Web服務(wù)器和Web瀏覽器。數(shù)據(jù)庫(kù)服務(wù)器是整個(gè)信息平臺(tái)的存儲(chǔ)核心，是最底層的部分，它主要包括3個(gè)部分：①頁(yè)面各項(xiàng)欄目數(shù)據(jù)庫(kù)部分，它主要存儲(chǔ)欄目的級(jí)別和類別信息；②文獻(xiàn)數(shù)據(jù)庫(kù)，它用來(lái)存儲(chǔ)文字性的描述內(nèi)容；③用于存儲(chǔ)需要下載的文件和需要觀看的視頻文件的數(shù)據(jù)庫(kù)。應(yīng)用服務(wù)器主要是處理Web服務(wù)器解析回來(lái)的請(qǐng)求，從數(shù)據(jù)服務(wù)器中獲得相應(yīng)的數(shù)據(jù)信息，并將其返回到Web服務(wù)器。Web服務(wù)器主要是接收Web瀏覽器傳來(lái)的請(qǐng)求，并將其解析，然后把解析后的請(qǐng)求傳送到應(yīng)用服務(wù)器。Web瀏覽器則負(fù)責(zé)與用戶的交互，向Web服務(wù)器發(fā)送請(qǐng)求，從Web服務(wù)器處接收處理結(jié)果，然后將相關(guān)內(nèi)容用可視化的方式表示。

2.2信息平臺(tái)功能設(shè)計(jì)

該信息平臺(tái)是由用戶界面層、功能模塊層和數(shù)據(jù)訪問(wèn)層構(gòu)成。用戶界面層的功能是用戶通過(guò)訪問(wèn)該層實(shí)現(xiàn)與網(wǎng)站的交互。功能模塊層是用戶界面層與數(shù)據(jù)層連接的橋梁，通過(guò)它可以將兩者很好地聯(lián)系在一起。該模塊主要包括中心概況、機(jī)制管理、師資隊(duì)伍、教學(xué)資源、中心成果、實(shí)驗(yàn)教學(xué)、新聞中心和電子地圖模塊。數(shù)據(jù)層是整個(gè)平臺(tái)的基礎(chǔ)，地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)所有的功能都是圍繞它構(gòu)建起來(lái)的。

2.3界面設(shè)計(jì)

該信息平臺(tái)是在DreamweaverMX2004軟件環(huán)境中，運(yùn)用可視化網(wǎng)頁(yè)制作技術(shù)設(shè)計(jì)網(wǎng)頁(yè)布局，使其簡(jiǎn)潔、美觀。整個(gè)平臺(tái)的設(shè)計(jì)布局主要?jiǎng)澐譃閮刹糠郑葱畔⑵脚_(tái)首頁(yè)面和信息平臺(tái)各子頁(yè)面。該信息平臺(tái)的界面有2個(gè)特點(diǎn)：①使用模板的目的是要保證模塊風(fēng)格的一致性，避免操作人員產(chǎn)生視覺(jué)疲勞；②標(biāo)題欄分類明確，系統(tǒng)界面力求風(fēng)格樸實(shí)，簡(jiǎn)潔明了，使用戶操作起來(lái)得心應(yīng)手。

2.3.1信息平臺(tái)首頁(yè)設(shè)計(jì)

信息平臺(tái)首頁(yè)是利用表格設(shè)計(jì)布局的，主要分為4個(gè)部分：上邊是表頭，由2張圖片組成，分別顯示實(shí)驗(yàn)中心全稱和學(xué)府背景圖；下邊是表尾，由圖片組成；左側(cè)是常用鏈接區(qū)，分為上下2個(gè)部分，上半部分鏈接實(shí)驗(yàn)中心的快訊，下半部分是友情鏈接，鏈接一些其他高校的主頁(yè)；右側(cè)是中心展示區(qū)，同樣分為上下2個(gè)部分，上半部分是主菜單區(qū)，下半部分是展示區(qū)，展示實(shí)驗(yàn)中心圖片、中心概況、中心取得的成果和中心下達(dá)的最新通知。具體界面布局如圖3所示。

2.3.2信息平臺(tái)子頁(yè)設(shè)計(jì)

該信息平臺(tái)子頁(yè)的整個(gè)界面都是利用表格設(shè)計(jì)布局的，它可分為5部分：上邊是表頭，由2張圖片組成，分別為實(shí)驗(yàn)中心全稱和背景圖；上部是主菜單區(qū)；下邊是表尾，由圖片組成；左側(cè)是子菜單區(qū)；右側(cè)是顯示區(qū)，顯示所選菜單下的對(duì)應(yīng)內(nèi)容。以電子地圖子頁(yè)為例。

2.4數(shù)據(jù)庫(kù)設(shè)計(jì)

該信息平臺(tái)的后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)主要包括實(shí)驗(yàn)中心的概況、機(jī)制的管理、師資隊(duì)伍、教學(xué)資源、中心取得的成果、實(shí)驗(yàn)教學(xué)和新聞等信息。在MySQL環(huán)境下，將數(shù)據(jù)庫(kù)命名為lnnu，依次在數(shù)據(jù)庫(kù)中建立t_class，article，info，resourcefiles和link5個(gè)表來(lái)存儲(chǔ)相關(guān)信息，以滿足用戶瀏覽網(wǎng)站的需要。t_class表主要存儲(chǔ)各項(xiàng)菜單的相關(guān)信息。在此需要說(shuō)明的是，當(dāng)classType字段值為1時(shí)，代表一級(jí)菜單，鏈接數(shù)據(jù)庫(kù)后菜單欄目顯示在頁(yè)面上方；當(dāng)classType字段值為2時(shí)，代表二級(jí)菜單，鏈接數(shù)據(jù)庫(kù)后菜單欄目顯示在頁(yè)面左側(cè)；當(dāng)modelType字段值為1時(shí)，代表菜單鏈接單頁(yè)欄目；當(dāng)modelType字段值為2時(shí)，代表鏈接文章列表欄目；當(dāng)modelType字段值為3時(shí)，代表鏈接下載列表欄目；當(dāng)modelType字段值為4時(shí)，代表鏈接視頻播放頁(yè)面；當(dāng)modelType字段值為5時(shí)，代表鏈接電子地圖欄目。article表主要存儲(chǔ)文章列表欄目下的文章信息。在此需要說(shuō)明的是，content字段是以html格式存儲(chǔ)文本文件的，所以，需要把所列的文章內(nèi)容轉(zhuǎn)化成html格式的文件存儲(chǔ)到數(shù)據(jù)庫(kù)中。info表主要存儲(chǔ)單頁(yè)欄目下的文字信息。在此需要說(shuō)明的是，content字段是以html格式存儲(chǔ)文本文件，所以，需要先把所列的文章內(nèi)容轉(zhuǎn)化成html格式存儲(chǔ)到數(shù)據(jù)庫(kù)中。resourcefiles表主要存儲(chǔ)下載列表欄目下的文件和視頻播放文件的相關(guān)信息。在此需要說(shuō)明的是，url字段存儲(chǔ)的是文件所在的相對(duì)路徑。type字段則用于判斷文件類型，當(dāng)type值為1時(shí)，表示其是需要下載的文件；當(dāng)type值為2時(shí)，表示其是需要播放的視頻文件。

3總結(jié)與展望

隨著市場(chǎng)經(jīng)濟(jì)的發(fā)展，網(wǎng)絡(luò)化實(shí)驗(yàn)教學(xué)平臺(tái)已經(jīng)成為了高校為社會(huì)服務(wù)的窗口。為了培養(yǎng)大批面向世界、面向未來(lái)的新世紀(jì)人才，高等院校必須在科研方面下功夫，提高實(shí)驗(yàn)教學(xué)的地位。如果僅依靠課堂教學(xué)，是不能培育出開(kāi)拓型、高素質(zhì)人才的。網(wǎng)絡(luò)信息時(shí)代的到來(lái)為我們提供了多樣化的現(xiàn)代教育手段，因此，可以利用計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)構(gòu)建一整套網(wǎng)絡(luò)信息平臺(tái)，為實(shí)驗(yàn)教學(xué)體系改革開(kāi)辟新路徑。

作者：邵陽(yáng) 單位：太原理工大學(xué) 山西天然氣有限公司

參考文獻(xiàn)

［1］陳意軍，郭兆南，廖毅.網(wǎng)絡(luò)化實(shí)驗(yàn)教學(xué)平臺(tái)的設(shè)計(jì)與開(kāi)發(fā)［J］.電氣電子教學(xué)學(xué)報(bào)，2009，31（1）.

［2］孫涌泉，廉佐政，孫偉.實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)的規(guī)劃與管理［J］.克山師專學(xué)報(bào)，2008，6（2）.

［3］趙建明.論網(wǎng)絡(luò)化實(shí)驗(yàn)教學(xué)平臺(tái)的構(gòu)建模式［J］.河北建筑科技學(xué)院學(xué)報(bào)（社科版），2005（3）.

［4］丁鵬飛.高校科研管理網(wǎng)絡(luò)信息平臺(tái)設(shè)計(jì)與應(yīng)用［J］.科協(xié)論壇（下），2008（5）.

［5］吳小博.基于Web服務(wù)的校園網(wǎng)絡(luò)信息平臺(tái)探討［J］.湛江師范學(xué)院學(xué)報(bào)，2006，27（6）.

［6］段學(xué)宏，和亞舟.網(wǎng)絡(luò)信息平臺(tái)的綜合應(yīng)用及開(kāi)發(fā)［J］.新疆石油科技，2009，4（19）.

［7］張超.網(wǎng)絡(luò)信息平臺(tái)在電子技術(shù)實(shí)驗(yàn)教學(xué)改革中的應(yīng)用［J］.中國(guó)現(xiàn)在教育裝備，2008，3（6）.

［8］姜楠.DreamweaverMX2004完美網(wǎng)頁(yè)設(shè)計(jì)與制作［M］.北京：中國(guó)青年出版社，2004.

［9］TomNegrinoDoriSmith.JavaScript基礎(chǔ)教程［M］.第6版.陳劍甌，譯.北京：人民郵電出版社，2007.

［10］陳剛.Eclipse從入門到精通［M］.第2版珍藏版.北京：清華大學(xué)，2007.

［11］周利榮.基于JavaScript的動(dòng)態(tài)網(wǎng)頁(yè)制作［J］.電腦學(xué)習(xí)，2005（3）.

［12］王征.JavaScript網(wǎng)頁(yè)特效實(shí)例大全［M］.北京：清華大學(xué)出版社，2006.

［13］鄭麗娜，邱儒瓊.基于JavaScript的WebGIS地圖原理與應(yīng)用［J］.測(cè)繪科學(xué)，2008，33（增刊）.

［14］API.51DITU.COM開(kāi)發(fā)者文檔［EB/OL］.［2008-04-02］.

［15］雷虹.基于JavaScript和Java語(yǔ)言的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)方法［J］.網(wǎng)絡(luò)技術(shù)，2001（4）.