王宏健　陳濤　王琳琳（、哈爾濱工程大學(xué)，黑龍江哈爾濱5000　、內(nèi)蒙古工業(yè)大學(xué)，內(nèi)蒙古呼和浩特00050）

?

《智能計(jì)算理論與方法》網(wǎng)絡(luò)化教學(xué)初探*

王宏健1陳濤1王琳琳2
（1、哈爾濱工程大學(xué)，黑龍江哈爾濱1500012、內(nèi)蒙古工業(yè)大學(xué)，內(nèi)蒙古呼和浩特010050）

摘要：隨著計(jì)算機(jī)信息網(wǎng)絡(luò)技術(shù)及互聯(lián)網(wǎng)的不斷進(jìn)步，基于網(wǎng)絡(luò)的學(xué)科教學(xué)已經(jīng)進(jìn)入了課堂。文章基于“智能計(jì)算理論與方法”這門課程的內(nèi)容及特點(diǎn)，闡述了該課程教學(xué)網(wǎng)站的建設(shè)方案，并在Dreamweaver CS6軟件平臺(tái)上開發(fā)了這個(gè)網(wǎng)站。經(jīng)多年教學(xué)驗(yàn)證，該網(wǎng)站能為學(xué)生提供充足的自學(xué)空間和參考資料，學(xué)習(xí)效率和效果得到顯著提升。

關(guān)鍵詞：智能計(jì)算；網(wǎng)絡(luò)化教學(xué)；Dreamweaver CS6；交互式教學(xué)

Abstract:With the development of computer information network technology and the Internet，the subject teaching based on network has already entered the classroom.Based on the content and features of the course of" Intelligent Computing Theory and Method"，this paper expounds the construction scheme of the course teaching website，and develops this website on the CS6 Dreamweaver software platform.After many years of teaching，the website can provide sufficient self-study space and reference materials for students，whosel earning efficiency and effectiveness have been significantly improved.

Keywords:intelligent computing；network teaching；Dreamweaver CS6；interactive teaching

一、概述

計(jì)算機(jī)信息網(wǎng)絡(luò)技術(shù)的不斷成熟和進(jìn)步，促進(jìn)了基于網(wǎng)絡(luò)技術(shù)的遠(yuǎn)程教育的發(fā)展。同時(shí)，現(xiàn)代網(wǎng)絡(luò)通信技術(shù)與多媒體技術(shù)的結(jié)合，并應(yīng)用于教育系統(tǒng)，使得許多學(xué)科教學(xué)網(wǎng)站應(yīng)運(yùn)而生。由于采用與傳統(tǒng)教育方式不同的交互式和自主式學(xué)習(xí)方式，加強(qiáng)了教師與學(xué)生、學(xué)生與學(xué)生之間的信息交流，克服了傳統(tǒng)教學(xué)方式中知識(shí)單向傳遞無法及時(shí)交流反饋的缺點(diǎn)［1］。“智能計(jì)算理論與方法”是一門應(yīng)用性極強(qiáng)的學(xué)科，基于其理論開發(fā)出的產(chǎn)品已廣泛用于系統(tǒng)控制、人工智能、模式識(shí)別、生產(chǎn)調(diào)度等各個(gè)領(lǐng)域，它是推進(jìn)軍事行業(yè)以及民用行業(yè)朝著自動(dòng)化、智能化方向發(fā)展的靈魂。目前，大量的研究人員正專注于這門學(xué)科的理論研究和應(yīng)用研究，最前沿的技術(shù)不斷被更新，而這些最新的信息往往是初學(xué)該學(xué)科的學(xué)生難以捕捉到的。文章設(shè)計(jì)的教學(xué)網(wǎng)站，除了兼具傳統(tǒng)教學(xué)網(wǎng)站涉及的模塊之外，特別設(shè)計(jì)了資料下載模塊，教師可以從更專業(yè)的角度將最典型的、最前沿的資料分類整理，并及時(shí)上傳到網(wǎng)站上供學(xué)生預(yù)覽下載，使學(xué)生更容易把握學(xué)習(xí)方向、了解最前沿的技術(shù)，這也是本網(wǎng)站最大的特色。

二、教學(xué)網(wǎng)站建設(shè)的方案設(shè)計(jì)

本教學(xué)網(wǎng)站的風(fēng)格設(shè)定為簡潔清新的風(fēng)格，主要分為四個(gè)模塊，即主頁和“課程內(nèi)容”、“章節(jié)PPT”，“資料下載”三個(gè)導(dǎo)及航鏈接頁。

主頁上主要包括哈爾濱工程大學(xué)?；铡㈩}目、“智能計(jì)算理論與方法”這門課程的簡介何其應(yīng)用領(lǐng)域介紹、三個(gè)導(dǎo)航頁的超鏈接以及頁腳的教師聯(lián)系方式和直通學(xué)校圖書館、CNKI等相關(guān)網(wǎng)站的超鏈接。

“課程內(nèi)容”頁面主要用于按教學(xué)順序列出每次上課的課程安排，方便學(xué)生隨時(shí)了解課程進(jìn)度、預(yù)習(xí)、查找相關(guān)資料等等。此外，這里還可以發(fā)布一些教學(xué)要求，作業(yè)練習(xí)等。

“章節(jié)PPT”頁面主要用于展示上課時(shí)使用的電子課件，教師可一次性上傳所有課件，也可按教學(xué)進(jìn)度依次上傳?？紤]到保護(hù)教師知識(shí)原創(chuàng)性權(quán)益，在這個(gè)頁面上的PPT只能在線閱覽，不可下載復(fù)制。

在“資料下載”頁面中，按教學(xué)內(nèi)容分類整理了各類文獻(xiàn)資料，教師也可定期將一些前沿信息、典型文章分類上傳到這里。除了可以下載文獻(xiàn)資料外，這里還能下載圖片、視頻、源代碼等資料，為學(xué)生自主完成作業(yè)提供參考。

三、教學(xué)網(wǎng)站的開發(fā)與實(shí)現(xiàn)

本教學(xué)網(wǎng)站基于Adobe Dreamweaver CS6軟件平臺(tái)開發(fā)。Adobe Dreamweaver簡稱“DW”，中文名稱“夢(mèng)想編織者”是美國Macromedia公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DW是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。2005年，Macromedia被Adobe公司收購。CS6是目前的最新版本，它提供了強(qiáng)大的可視化布局工具、應(yīng)用開發(fā)功能和代碼編輯支持，使設(shè)計(jì)和開發(fā)人員能夠有效創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用［2］。

本網(wǎng)站的主頁使用表格布局技術(shù)分割出LOGO、標(biāo)題、項(xiàng)目、頁腳等板塊的具體放置位置，然后分別插入對(duì)應(yīng)的背景圖片和文本，形成了如圖1所示的主頁。主頁中主要采用了藍(lán)、綠色調(diào)，藍(lán)色用于渲染標(biāo)題欄，與我校的海洋主題以及?；盏念伾嗪魬?yīng)，標(biāo)題欄中還插入了不斷循環(huán)播放的激光波flash動(dòng)畫，使整個(gè)頁面更顯靈動(dòng)。綠色用于渲染導(dǎo)航鏈接和頁腳，展現(xiàn)著本課程充滿生機(jī)的應(yīng)用前景，同時(shí)也給人一種輕松愉悅的視覺感受。主頁的主體部分用文字簡單介紹了“智能計(jì)算理論與方法”這門學(xué)科及其應(yīng)用領(lǐng)域。

圖1　主頁　

主頁左側(cè)分有“課程內(nèi)容”、“章節(jié)PPT”和“資料下載”三個(gè)導(dǎo)航，每次點(diǎn)擊將新生成一個(gè)頁面顯示對(duì)應(yīng)內(nèi)容，因此這三個(gè)導(dǎo)航的頁面是分別設(shè)計(jì)的?！罢n程內(nèi)容”頁面使用純文本設(shè)計(jì)，用于簡介本課程包含的主要內(nèi)容和上課安排，如圖2所示?！罢鹿?jié)PPT”頁面用于在線預(yù)覽每一章教學(xué)使用的PPT，每組PPT都已轉(zhuǎn)換成了.swf文件，只可在線瀏覽不可下載或復(fù)制，點(diǎn)擊PPT右下角的三角符號(hào)就可實(shí)現(xiàn)PPT的頁面切換?！百Y料下載”頁面中，相關(guān)文本已鏈接到站內(nèi)相關(guān)文件，只要點(diǎn)擊文件名稱，網(wǎng)頁中就會(huì)彈出另存為或保存對(duì)話框，如圖3所示，對(duì)于.pdf文件，如電腦中安裝有Adobe Reader軟件，還可實(shí)現(xiàn)在線預(yù)覽。

圖2　課程內(nèi)容頁面

圖3　資料下載頁面

四、授課效果與作用

本網(wǎng)站可以給學(xué)生提供最大限度的自主學(xué)習(xí)空間。網(wǎng)站中囊括了豐富多彩的教學(xué)資源，在教學(xué)內(nèi)容和教學(xué)方法設(shè)計(jì)上，盡量滿足學(xué)生自主學(xué)習(xí)的需求，有能力的學(xué)生可提前學(xué)習(xí)，上課沒充分理解的學(xué)生可在線復(fù)習(xí)。采用超媒體技術(shù)，將相關(guān)內(nèi)容鏈接起來，并輔以站內(nèi)、站外搜索功能。此外，教師也可及時(shí)發(fā)布課程調(diào)整通知、學(xué)習(xí)任務(wù)和相關(guān)練習(xí)，鼓勵(lì)學(xué)生通過思考、查找資料，自主解決問題。如圖4為學(xué)生根據(jù)熟悉的編程語言、開發(fā)平臺(tái)完成的部分作業(yè)，此過程充分鍛煉了學(xué)生的邏輯思維能力、編程能力以及自主研發(fā)能力，為將來參與實(shí)際的科研項(xiàng)目打下了堅(jiān)實(shí)的基礎(chǔ)。

圖4　禁忌搜索算法求解30城市tsp問題

本網(wǎng)站除了能為學(xué)生提供學(xué)習(xí)的便捷，還能為相關(guān)領(lǐng)域的教師提供具有示范和輻射作用的本課程優(yōu)質(zhì)教學(xué)資源，包括多媒體課件、課程教學(xué)大綱、典型參考文獻(xiàn)、程序源碼等，在課程內(nèi)容設(shè)計(jì)上滿足“教學(xué)內(nèi)容符合學(xué)科要求，知識(shí)結(jié)構(gòu)合理，注意學(xué)科交叉；及時(shí)把學(xué)科最新發(fā)展成果和教改教研成果引入教學(xué)”的要求。在教學(xué)內(nèi)容安排上，“理論聯(lián)系實(shí)際，著重知識(shí)傳授、能力培養(yǎng)、素質(zhì)教育于一體”。本精品課程網(wǎng)站中的文本、圖片、動(dòng)畫、音頻、視頻等教學(xué)媒體，按一定的教學(xué)設(shè)計(jì)進(jìn)行分類、組織，以網(wǎng)頁形式制作，形成具有較強(qiáng)交互性的網(wǎng)絡(luò)教學(xué)資源，并提供良好的資源預(yù)覽、下載、檢索等應(yīng)用功能，實(shí)現(xiàn)了遠(yuǎn)程教學(xué)資源共享。

五、結(jié)束語

本網(wǎng)站的設(shè)計(jì)風(fēng)格清新簡單，使讀者能以輕松的心情開始學(xué)習(xí)旅程?！罢n程內(nèi)容”、“章節(jié)PPT”、“資料下載”三個(gè)模塊，充分滿足了學(xué)生的自學(xué)需求，也為相關(guān)領(lǐng)域教師之間的交流提供了方便。本網(wǎng)站最大的特點(diǎn)在于能為學(xué)生提供最具針對(duì)性的參考文獻(xiàn)、最前沿的發(fā)展信息、豐富的參考源代碼。從歷年來學(xué)生獨(dú)立完成作業(yè)的情況來看，此課程的授課效果非常顯著，極大地調(diào)動(dòng)了學(xué)生的自學(xué)愿望，鍛煉了學(xué)生的邏輯思維能力、編程能力以及自主研發(fā)能力，能為將來參與真正的科研項(xiàng)目打下堅(jiān)實(shí)的理論基礎(chǔ)和實(shí)踐基礎(chǔ)。

參考文獻(xiàn)

［1］林海.學(xué)科教學(xué)網(wǎng)站建設(shè)與研究［J］.科教視野，2007.

［2］楊仁毅.中文版Dreamweaver CS6完全自學(xué)教程［M］.人民郵電出版社，2014.

中圖分類號(hào)：G642

文獻(xiàn)標(biāo)志碼：A

文章編號(hào)：2096-000X（2016）12-0075-02

*基金項(xiàng)目：黑龍江省高等教育教學(xué)改革項(xiàng)目（JGXM_HLJ_2014038）；哈爾濱工程大學(xué)研究生精品課程建設(shè)（043838）；內(nèi)蒙古自治區(qū)高等學(xué)校教學(xué)改革科學(xué)研究項(xiàng)目

作者簡介：王宏?。?971，5-），女，民族：漢，籍貫：黑龍江，學(xué)歷：研究生，學(xué)位：博士，職稱：教授、博導(dǎo)，研究方向：無人水下航行器自主控制技術(shù)。