吳國華

摘要：JavaScript語言編程是職業(yè)院?！毒W(wǎng)頁編程》課程中的基礎(chǔ)組成部分，教學中開發(fā)項目的選擇對于枯燥的語言編程學習起到舉足輕重的作用。該文基于高德地圖JavaScriptAPI程序為開發(fā)環(huán)境，以開發(fā)公交查詢系統(tǒng)項目為案例，使學生有效地掌握JavaScript語言編程，激發(fā)學生自主學習的興趣，培養(yǎng)學生軟件項目開發(fā)的能力。

關(guān)鍵詞：高德地圖；公交查詢系統(tǒng)；JavaScript；課程教學

職業(yè)院校的教育注重學生的參與性與實踐性，“項目引領(lǐng)，案例驅(qū)動”的教學方法被廣泛應(yīng)用于各個專業(yè)的教學之中，如何選擇學生感興趣而又具有開發(fā)價值的項目成為教師教學的重點和難點，也是課程教學中的一個關(guān)鍵所在。

在計算機網(wǎng)絡(luò)專業(yè)開設(shè)的《網(wǎng)頁編程》課程中，JavaScript語言編程是課程的基礎(chǔ)部分，是學生進行Web應(yīng)用程序開發(fā)的必要知識和技術(shù)支持。然而，對于一年級的學生來說，進行抽象的語言學習是十分困難的，要讓枯燥的語言變得生動，要讓無趣的代碼實現(xiàn)價值就要找到學生的興趣所在，投其所好地選擇教學案例，讓學生從被動學習轉(zhuǎn)為主動參與。在本課程的教學中，筆者選擇了學生感興趣的高德地圖作為開發(fā)環(huán)境，基于高德地圖豐富的JavaScript API開發(fā)代碼設(shè)計與開發(fā)公交查詢系統(tǒng)項目，項目完成后能實現(xiàn)城市切換、公交路線查詢和換乘方案查詢的一系列功能，讓學生體現(xiàn)到程序語言的真正作用和價值。

1項目開發(fā)環(huán)境與開發(fā)步驟設(shè)計

1.1項目開發(fā)環(huán)境

高德地圖是由高德軟件有限公司開發(fā)的一款集數(shù)字地圖內(nèi)容、導航和位置服務(wù)解決方案于一體的綜合地圖平臺，是國內(nèi)三大常用地圖之一。對于職校的學生，高德地圖認知度很高，而且使用率很廣，深得學生喜愛。但是，作為地圖開發(fā)者的身份，對于學生是神秘而又有趣的，能充分激發(fā)學生的自主學習興趣，有利于項目在教學中的應(yīng)用。

基于高德地圖開發(fā)公交查詢系統(tǒng)項目主要應(yīng)用了高德地圖開放平臺提供的JavaScript API程序，結(jié)合JavaScfipt語言的基礎(chǔ)語法和各種對象的調(diào)用方式，利用Dreamweaver或sumlime Text等軟件來開發(fā)Web應(yīng)用程序。

API是各種網(wǎng)絡(luò)地圖廠家提供的地圖嵌入到網(wǎng)頁的應(yīng)用程序接口，高德地圖針對網(wǎng)頁的API主要由JavaScript語言編寫，提供給開發(fā)者網(wǎng)站或移動端中構(gòu)建功能豐富、交互性強的地圖應(yīng)用程序，例如地點搜索、路線規(guī)劃、定位等功能，對于學生的學習有很大的幫助。

1.2項目開發(fā)步驟設(shè)計

結(jié)合項目涉及知識點和學生的認知能力，筆者把項目分解成三個步驟進行開發(fā)，見圖1項目開發(fā)步驟設(shè)計圖。首先是地圖功能開發(fā)部分，從注冊高德地圖成為開發(fā)者到在自己的網(wǎng)頁中調(diào)用地圖，實現(xiàn)地圖初始化，讓學生感受到JavaScript語言的作用和價值；第二步，公交查詢功能的開發(fā)是本項目的重點和難點，要求學生掌握JavaScript語言的調(diào)用和查詢功能，體會程序的實際應(yīng)用；第三步，對項目進行調(diào)試與開發(fā)，要求學生把網(wǎng)頁安裝到服務(wù)器中進行調(diào)試，并進行分組互相測試，編寫測評報告，對項目提出用戶體驗和修改建議。

本項目的步驟設(shè)計遵循由淺至深，層層遞進，逐步完善的效果進行，讓學生先得到程序的實惠和樂趣，再通過自行開發(fā)體現(xiàn)編程的價值，從被動學習到主動學習。在開發(fā)過程中，通過分組探討，分組協(xié)作，分組測評的方式，讓同學們從開發(fā)者的角度協(xié)同工作，又可以從用戶的角度評價項目，實現(xiàn)相互學習，共同進步。

根據(jù)用戶輸入的乘車起點和目的站，在進行查詢操作時會調(diào)用高德地圖API中的getElementsByName函數(shù)，通過地圖自身的算法篩選出距離最短，換乘最少，時間最短的乘車方案。

在網(wǎng)頁中添加兩個文本輸入框用用于輸人起點和終點，添加一個按鈕用于顯示換乘信息。當點擊按鈕時獲取輸入的信息并顯示換乘信息，代碼見表3。

3結(jié)束語

JavaScript語言編程的開發(fā)是職業(yè)院?！毒W(wǎng)頁編程》課程中的重要組成部分，基于高德地圖開發(fā)公交查詢系統(tǒng)項目循序漸進，有趣而又實用，能有效地激發(fā)學生自主學習的興趣，項目在實際應(yīng)用中體現(xiàn)的價值能讓學生立起強大的信心和學習動力。項目完成后，學生能奠定網(wǎng)絡(luò)編程語言的基礎(chǔ)，逐步實現(xiàn)根據(jù)實際需要自主設(shè)計與開發(fā)項目，把知識技能轉(zhuǎn)化成生產(chǎn)力，有利于今后向更深層次的知識學習，并開發(fā)出自主創(chuàng)新的項目。

公交查詢系統(tǒng)項目除了結(jié)合JavaScript語言進行編程以外，還可以加入HTML5、CSS、C#等編程語言進行項目模塊開發(fā)，既豐富教學內(nèi)容，又提高教學效率。如何做到一個項目串聯(lián)各種編程語言的學習將是下一步需要重點研究和解決的問題。