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

邵陽(yáng)

摘 要：地理是一門以實(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)室的開放發(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/51ditu API技術(shù)實(shí)現(xiàn)對(duì)地理實(shí)驗(yàn)教學(xué)中心各類信息的瀏覽、查詢，教學(xué)資料的下載，教學(xué)視頻的觀看和電子地圖功能模塊的建設(shè)。另外，還將Dreamweaver MX 2004作為開發(fā)環(huán)境設(shè)計(jì)網(wǎng)頁(yè)布局，實(shí)現(xiàn)相應(yīng)的界面功能，并在MyEclipse開發(fā)環(huán)境中最終完成對(duì)地理實(shí)驗(yàn)教學(xué)網(wǎng)絡(luò)信息平臺(tái)的開發(fā)。

關(guān)鍵詞：地理實(shí)驗(yàn)教學(xué)；網(wǎng)絡(luò)信息平臺(tái)；51ditu API；JavaScript

中圖分類號(hào)：TP311.52 文獻(xiàn)標(biāo)識(shí)碼：A DOI：10.15913/j.cnki.kjycx.2016.03.016

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)目更離不開實(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)出開拓型的高素質(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ì)?；贘avaScript/51ditu API技術(shù)，將Dreamweaver MX 2004作為頁(yè)面設(shè)計(jì)的開發(fā)環(huán)境，將MySQL作為數(shù)據(jù)庫(kù)平臺(tái)，在MyEclipse開發(fā)環(huán)境中設(shè)計(jì)、開發(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é)體系的改革開辟新路徑。

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

1.1 JavaScript概述

隨著計(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是由Netscape（網(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è)編制人員開始利用它設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)。

1.2 51ditu API概述

利用51ditu API提供的接口，比如地圖接口、導(dǎo)航接口和查詢接口等，可以訪問(wèn)在線數(shù)據(jù)庫(kù)，實(shí)現(xiàn)基本地圖應(yīng)有的功能、搜索和導(dǎo)航等功能。51ditu API一共有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ò)展地圖接口，開發(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ò)開發(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瀏覽器。信息平臺(tái)的開發(fā)結(jié)構(gòu)如圖1所示。

數(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ù)器。