思維導(dǎo)圖在“Web應(yīng)用開(kāi)發(fā)”課程教學(xué)中的應(yīng)用

周巧婷　殷桂香

摘要：“Web應(yīng)用開(kāi)發(fā)”是一門(mén)實(shí)踐性、綜合性很強(qiáng)的課程。高職學(xué)生在綜合運(yùn)用所學(xué)知識(shí)和技術(shù)進(jìn)行Web項(xiàng)目開(kāi)發(fā)時(shí)，通常會(huì)存在較大困難。本文將思維導(dǎo)圖引入教學(xué)，激發(fā)學(xué)生學(xué)習(xí)動(dòng)機(jī)，幫助學(xué)生建構(gòu)知識(shí)框架，提升學(xué)生思維能力，培養(yǎng)他們的創(chuàng)新思維，有效提高了教學(xué)效率。

關(guān)鍵詞：思維導(dǎo)圖；Web應(yīng)用開(kāi)發(fā)；教學(xué)

中圖分類(lèi)號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 論文編號(hào)：1674-2117（2017）05-0092-04

引言

“Web應(yīng)用開(kāi)發(fā)”是高職軟件技術(shù)專(zhuān)業(yè)的一門(mén)專(zhuān)業(yè)必修課程。該課程不僅需要學(xué)生掌握PHP語(yǔ)言的基本語(yǔ)法和主要核心技術(shù)，還要求學(xué)生要綜合應(yīng)用數(shù)據(jù)庫(kù)技術(shù)、網(wǎng)頁(yè)設(shè)計(jì)、JavaScript等知識(shí)進(jìn)行Web應(yīng)用開(kāi)發(fā)，是一門(mén)從理論層次到應(yīng)用層次提升的綜合應(yīng)用課程，同時(shí)也是一門(mén)職業(yè)崗位能力要求直接對(duì)接的課程。

該課程涉及的知識(shí)面廣，各知識(shí)點(diǎn)之間聯(lián)系不緊密，層次不強(qiáng)，也不夠系統(tǒng)連貫，且Web開(kāi)發(fā)技術(shù)更新快，與實(shí)際應(yīng)用結(jié)合緊密，這導(dǎo)致學(xué)生在學(xué)習(xí)過(guò)程中困難重重，特別是在完成一個(gè)實(shí)際應(yīng)用開(kāi)發(fā)項(xiàng)目時(shí)，學(xué)生很難應(yīng)用已經(jīng)學(xué)過(guò)的知識(shí)技能來(lái)解決工程中的實(shí)際問(wèn)題，在實(shí)際的教學(xué)中教學(xué)效果不理想。如何讓學(xué)生快速掌握各個(gè)知識(shí)點(diǎn)并能融會(huì)貫通地應(yīng)用到實(shí)際項(xiàng)目中呢？為了解決這個(gè)問(wèn)題，筆者嘗試在教學(xué)中引入思維導(dǎo)圖，并取得了良好的效果。

思維導(dǎo)圖用于教學(xué)的理論依據(jù)

1.思維導(dǎo)圖概述

思維導(dǎo)圖是把各級(jí)主題的關(guān)系用相互隸屬與相關(guān)的層級(jí)圖表現(xiàn)出來(lái)，把各知識(shí)點(diǎn)用顏色線(xiàn)條建立起記憶鏈接，利用不同顏色的線(xiàn)條、線(xiàn)條的粗細(xì)以及關(guān)系連線(xiàn)來(lái)呈現(xiàn)大腦的一種思維的過(guò)程。[1]思維導(dǎo)圖運(yùn)用圖文并重的技巧，把形象思維和邏輯思維結(jié)合起來(lái)，充分運(yùn)用左右腦的機(jī)能，協(xié)助人在科學(xué)、藝術(shù)、邏輯與想象之間平衡發(fā)展。思維導(dǎo)圖吸收了腦科學(xué)、心理學(xué)、教育學(xué)、信息技術(shù)等各學(xué)科領(lǐng)域的新成果。思維導(dǎo)圖在國(guó)外許多國(guó)家如英國(guó)、美國(guó)、澳大利亞、新加坡等已被作為教育改革策略之一，在提高教學(xué)效率方面成效非常顯著。[2]

2.腦科學(xué)

美國(guó)加州理工學(xué)院教授羅杰·斯佩里（Roger Sperry）通過(guò)割裂腦實(shí)驗(yàn)，證實(shí)了大腦不對(duì)稱(chēng)性的“左右腦分工理論”。左腦是理性腦，具有邏輯思維能力；右腦是感性腦，具有形象思維能力。思維導(dǎo)圖能讓思維過(guò)程外顯，以圖形的形式表現(xiàn)出來(lái)，展示思維過(guò)程的全局，是一個(gè)發(fā)散性的、非線(xiàn)性的思維過(guò)程，較好地訓(xùn)練了人的右腦，使左腦右腦協(xié)同工作，是“左腦+右腦”的“全腦”思維模式，有利于激發(fā)大腦的潛能，并使大腦平衡協(xié)調(diào)發(fā)展。無(wú)論是在效率、效果還是效益上，思維導(dǎo)圖都比傳統(tǒng)學(xué)習(xí)方法更有效。[3]

3.認(rèn)知圖式理論

“認(rèn)知圖式理論”是指人在認(rèn)知過(guò)程中，圖式是一個(gè)特別重要的概念，是學(xué)習(xí)者認(rèn)知結(jié)構(gòu)的表現(xiàn)形式，圖式是認(rèn)知的基本前提，而圖式的改變是認(rèn)知的本質(zhì)。基于思維導(dǎo)圖的特點(diǎn)，可以將其作為圖示的一種呈現(xiàn)方式。學(xué)習(xí)者在利用思維導(dǎo)圖進(jìn)行學(xué)習(xí)知識(shí)的過(guò)程中，潛移默化地綜合運(yùn)用左右半腦的功能，將所學(xué)知識(shí)加以梳理、溝通，并以形象化的方式有效組織起來(lái)，使知識(shí)點(diǎn)之間發(fā)生鏈接，揭示了知識(shí)點(diǎn)之間的聯(lián)系，形成知識(shí)的網(wǎng)絡(luò)系統(tǒng)，這樣形成的認(rèn)知圖式便于理解、記憶，從而促進(jìn)長(zhǎng)期記憶的形成。在教學(xué)中應(yīng)用思維導(dǎo)圖，能夠促使知識(shí)圖示的改變，促進(jìn)學(xué)習(xí)者知識(shí)的建構(gòu)。

4.建構(gòu)主義學(xué)習(xí)理論

建構(gòu)主義學(xué)習(xí)理論的核心是，以學(xué)生為中心，強(qiáng)調(diào)學(xué)習(xí)的主動(dòng)性、社會(huì)性和情境性。思維導(dǎo)圖的自身結(jié)構(gòu)特點(diǎn)有助于學(xué)生對(duì)知識(shí)進(jìn)行選擇和建構(gòu)，便于記錄建構(gòu)的過(guò)程和建構(gòu)的結(jié)果，有利于激發(fā)學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)動(dòng)機(jī)，創(chuàng)建交流協(xié)作的學(xué)習(xí)環(huán)境，使學(xué)習(xí)有效進(jìn)行。[4]思維導(dǎo)圖在教學(xué)中的應(yīng)用正體現(xiàn)了建構(gòu)主義的理論觀點(diǎn)。

思維導(dǎo)圖在“Web應(yīng)用開(kāi)發(fā)”課程教學(xué)中的應(yīng)用

1.思維導(dǎo)圖在課程教學(xué)設(shè)計(jì)中的應(yīng)用

教學(xué)設(shè)計(jì)是教師依據(jù)課程標(biāo)準(zhǔn)的要求和學(xué)生的學(xué)情，對(duì)一門(mén)課程教學(xué)進(jìn)行的頂層設(shè)計(jì)。它體現(xiàn)了設(shè)計(jì)者的教學(xué)理念、設(shè)計(jì)思路、目標(biāo)以及實(shí)現(xiàn)路徑，具有很強(qiáng)的全局性。教學(xué)設(shè)計(jì)通常包括教學(xué)目標(biāo)、教學(xué)內(nèi)容、教學(xué)方法、教學(xué)資源、考核評(píng)價(jià)、教學(xué)進(jìn)度等方面。

教師可以借助思維導(dǎo)圖這一思維可視化工具來(lái)建立宏觀的課程教學(xué)全景圖。教學(xué)設(shè)計(jì)圍繞思維導(dǎo)圖的制作展開(kāi)，教師利用思維導(dǎo)圖進(jìn)行發(fā)散思維和聯(lián)想，把離散的目標(biāo)、知識(shí)、要點(diǎn)、方法、手段等列在一張圖上，利用分支將同一維度的內(nèi)容建立條理清晰的層次關(guān)系，在不同維度的點(diǎn)之間通過(guò)連接線(xiàn)建立聯(lián)系，從而構(gòu)成一張立體的、全方位的教學(xué)設(shè)計(jì)全景圖。

思維導(dǎo)圖的發(fā)散性、全局性、關(guān)鍵詞、圖文并茂、圖形分支等特點(diǎn)能讓教師在進(jìn)行教學(xué)設(shè)計(jì)時(shí)更好地把握全局，把握各模塊之間的內(nèi)在聯(lián)系，反思各個(gè)環(huán)節(jié)設(shè)置的合理性，促進(jìn)教師的發(fā)散思維與創(chuàng)新，提高教學(xué)設(shè)計(jì)的質(zhì)量。

圖1是筆者運(yùn)用思維導(dǎo)圖工具軟件對(duì)“Web應(yīng)用開(kāi)發(fā)”課程進(jìn)行的教學(xué)設(shè)計(jì)。筆者根據(jù)高職學(xué)生的特點(diǎn)以及學(xué)生的認(rèn)知規(guī)律，基于建構(gòu)主義學(xué)習(xí)理論設(shè)計(jì)選取課程的教學(xué)內(nèi)容，將教學(xué)內(nèi)容分成三個(gè)模塊：第一個(gè)模塊是基礎(chǔ)模塊，主要包含PHP語(yǔ)言的語(yǔ)法、相關(guān)Web編程技術(shù)以及開(kāi)發(fā)環(huán)境等，該模塊的學(xué)習(xí)主要是知識(shí)積累階段。第二個(gè)模塊是應(yīng)用模塊，主要包含網(wǎng)站中的典型應(yīng)用與功能，如登錄注冊(cè)功能、文件上傳下載功能、查詢(xún)分頁(yè)功能等，通過(guò)該模塊的學(xué)習(xí)，學(xué)生能將前一階段所學(xué)知識(shí)進(jìn)行消化吸收，轉(zhuǎn)化為單項(xiàng)技能。第三個(gè)模塊是項(xiàng)目實(shí)戰(zhàn)，學(xué)生自由組成3～4人的開(kāi)發(fā)小組，選擇一個(gè)真實(shí)的應(yīng)用進(jìn)行完整的網(wǎng)站開(kāi)發(fā)，這個(gè)模塊是學(xué)生應(yīng)用以前學(xué)過(guò)的知識(shí)和掌握的技能解決實(shí)際問(wèn)題的過(guò)程，是創(chuàng)新的過(guò)程。

2.思維導(dǎo)圖在教學(xué)過(guò)程中的應(yīng)用教學(xué)設(shè)計(jì)

（1）思維導(dǎo)圖在基礎(chǔ)模塊教學(xué)中的應(yīng)用

基礎(chǔ)模塊教學(xué)過(guò)程是學(xué)習(xí)者碎片化知識(shí)積累的過(guò)程。在基礎(chǔ)模塊教學(xué)階段，筆者利用思維導(dǎo)圖來(lái)組織建構(gòu)“Web應(yīng)用開(kāi)發(fā)”課程的知識(shí)結(jié)構(gòu)。上課時(shí)，筆者將事先提煉好的本次課的內(nèi)容、知識(shí)點(diǎn)等關(guān)鍵詞以思維導(dǎo)圖的形式展示給學(xué)生；然后用案例講解知識(shí)點(diǎn)以及用法；課后讓學(xué)生就本次課所學(xué)的內(nèi)容對(duì)思維導(dǎo)圖進(jìn)行細(xì)節(jié)上的擴(kuò)充或延展。例如，在圖2中，在介紹PHP基本語(yǔ)法時(shí)，筆者先給出“PHP標(biāo)記”“注釋”“包含文件”這三個(gè)關(guān)鍵詞，課后學(xué)生根據(jù)所學(xué)內(nèi)容再對(duì)三個(gè)知識(shí)點(diǎn)進(jìn)行擴(kuò)展，由粗到細(xì)，歸納梳理知識(shí)點(diǎn)。圖2中虛線(xiàn)框的部分就是學(xué)生擴(kuò)展的內(nèi)容。當(dāng)基礎(chǔ)模塊教學(xué)結(jié)束時(shí)，學(xué)生已經(jīng)在教師的引導(dǎo)下繪制完成了一張?jiān)撾A段的知識(shí)結(jié)構(gòu)圖。在教學(xué)實(shí)施過(guò)程中筆者發(fā)現(xiàn)，由于學(xué)習(xí)者是軟件技術(shù)專(zhuān)業(yè)二年級(jí)的學(xué)生，所以思維導(dǎo)圖工具軟件的使用對(duì)于學(xué)生來(lái)說(shuō)非常簡(jiǎn)單，而且由于思維導(dǎo)圖圖文并茂、顏色豐富、結(jié)構(gòu)清晰，所以它比傳統(tǒng)的線(xiàn)性記筆記的方法更能引起學(xué)生的興趣。同時(shí)，教師通過(guò)查看學(xué)生繪制的思維導(dǎo)圖可以快捷地了解學(xué)生對(duì)知識(shí)點(diǎn)的掌握情況，以及條理是否清晰、認(rèn)識(shí)是否準(zhǔn)確。

（2）思維導(dǎo)圖在應(yīng)用模塊教學(xué)中的應(yīng)用

應(yīng)用模塊教學(xué)過(guò)程是學(xué)習(xí)者碎片知識(shí)消化吸收、轉(zhuǎn)變?yōu)榧寄艿倪^(guò)程。在應(yīng)用模塊教學(xué)階段，筆者選取了幾個(gè)Web應(yīng)用網(wǎng)站中典型的模塊，分別是登錄注冊(cè)模塊、文件上傳下載模塊、查詢(xún)與分頁(yè)模塊，通過(guò)任務(wù)驅(qū)動(dòng)來(lái)組織教學(xué)。例如，在學(xué)習(xí)登錄模塊時(shí)，筆者引導(dǎo)學(xué)生利用思維導(dǎo)圖圍繞“登錄”這一中心主題進(jìn)行任務(wù)分析與思考，采用頭腦風(fēng)暴的方法集思廣益，獲得共識(shí)。在這個(gè)過(guò)程中，學(xué)生的積極性得到了充分的調(diào)動(dòng)。最后，師生共同構(gòu)建實(shí)現(xiàn)登錄模塊的思維導(dǎo)圖（如圖3），從前臺(tái)界面設(shè)計(jì)、后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)、模塊功能以及實(shí)現(xiàn)功能需要用到的知識(shí)和技術(shù)四個(gè)方面來(lái)思考并提出解決方案。

學(xué)生在教師的引導(dǎo)下圍繞某一任務(wù)進(jìn)行思考，在解決實(shí)際問(wèn)題時(shí)與所學(xué)知識(shí)技術(shù)建立聯(lián)系，通過(guò)思維導(dǎo)圖不僅能夠使學(xué)生更加清晰地梳理知識(shí)，還能幫助學(xué)生獲得隱性知識(shí)，有效提升了他們的思維能力和解決問(wèn)題的能力。

（3）思維導(dǎo)圖在項(xiàng)目實(shí)戰(zhàn)教學(xué)中的應(yīng)用

項(xiàng)目實(shí)戰(zhàn)教學(xué)過(guò)程是學(xué)習(xí)者從單項(xiàng)技能的運(yùn)用到綜合技能應(yīng)用的提升過(guò)程，是綜合運(yùn)用技術(shù)和技能解決問(wèn)題的過(guò)程，也是創(chuàng)新的過(guò)程。在項(xiàng)目實(shí)戰(zhàn)教學(xué)階段，筆者先提供了3～4個(gè)實(shí)際項(xiàng)目供學(xué)生選擇，并介紹了項(xiàng)目的大致情況，然后再由學(xué)生自由組建項(xiàng)目開(kāi)發(fā)小組，小組一般由3～4人組成。每個(gè)小組推選一名組長(zhǎng)，并選擇一個(gè)項(xiàng)目進(jìn)行開(kāi)發(fā)。在項(xiàng)目開(kāi)發(fā)的過(guò)程中，教師既扮演甲方用戶(hù)的角色，又扮演項(xiàng)目經(jīng)理掌控項(xiàng)目進(jìn)度。學(xué)生組成的小組既是項(xiàng)目開(kāi)發(fā)小組，又是協(xié)作學(xué)習(xí)小組。

該階段開(kāi)始之前，學(xué)生已經(jīng)能夠熟練掌握思維導(dǎo)圖的繪制方法，并可以利用思維導(dǎo)圖構(gòu)建知識(shí)體系。因此，在該階段，學(xué)生需要借助思維導(dǎo)圖進(jìn)行合作學(xué)習(xí)與工作，采用頭腦風(fēng)暴創(chuàng)建項(xiàng)目需求思維導(dǎo)圖。各小組成員圍坐在記錄員旁邊，由記錄員操作思維導(dǎo)圖工具軟件進(jìn)行頭腦風(fēng)暴。記錄員首先記錄下組內(nèi)同學(xué)的所有想法和觀點(diǎn)；然后分類(lèi)、歸納匯總、整理，合成小組思維導(dǎo)圖，并進(jìn)行思維導(dǎo)圖的美化和內(nèi)容補(bǔ)充；最后由小組成員集體討論定稿。此時(shí)，教師作為用戶(hù)輪流深入到各組，了解學(xué)生討論的情況，就一些需求細(xì)節(jié)做一一解答，并對(duì)最終的項(xiàng)目需求做認(rèn)可。需求分析之后，小組成員還需進(jìn)行功能設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)、制訂開(kāi)發(fā)規(guī)范。這個(gè)環(huán)節(jié)的過(guò)程與需求分析環(huán)節(jié)類(lèi)似，可以形成功能設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)以及開(kāi)發(fā)規(guī)范的思維導(dǎo)圖，并將這幾部分的思維導(dǎo)圖合并到整個(gè)項(xiàng)目的思維導(dǎo)圖中。教師通過(guò)查看思維導(dǎo)圖了解各項(xiàng)目組設(shè)計(jì)內(nèi)容，對(duì)存在的問(wèn)題進(jìn)行及時(shí)修正，最后組內(nèi)分工，進(jìn)行代碼開(kāi)發(fā)。

在教學(xué)過(guò)程中筆者發(fā)現(xiàn)，項(xiàng)目開(kāi)發(fā)的前期非常適合用“頭腦風(fēng)暴法”開(kāi)展。這種方法能激發(fā)學(xué)生的發(fā)散思維能力，配合思維導(dǎo)圖可以清晰、準(zhǔn)確地表達(dá)個(gè)人觀點(diǎn)，便于他們之間的溝通與交流；同時(shí)還能將團(tuán)隊(duì)中零散、不成邏輯的思想火花匯集整理成完整的有價(jià)值的思想或解決方案。

結(jié)束語(yǔ)

思維導(dǎo)圖作為一種有效的知識(shí)管理和學(xué)習(xí)工具，引入課程教學(xué)，有利于教師的教學(xué)設(shè)計(jì)，幫助學(xué)生建立良好的認(rèn)識(shí)結(jié)構(gòu)，激發(fā)學(xué)生的學(xué)習(xí)興趣；有利于學(xué)生養(yǎng)成良好的學(xué)習(xí)習(xí)慣，有效培養(yǎng)思維能力，啟發(fā)創(chuàng)新思維。思維導(dǎo)圖帶來(lái)的是一種主動(dòng)、合作式的教學(xué)方式，充分體現(xiàn)了以生為本的教學(xué)理念。在Web應(yīng)用開(kāi)發(fā)課程教學(xué)中，思維導(dǎo)圖的應(yīng)用幫助學(xué)生把學(xué)習(xí)的重點(diǎn)從“知識(shí)的掌握”提升到了“技術(shù)的應(yīng)用”，取得了良好的教學(xué)效果。

參考文獻(xiàn)：

[1]（英）托尼·巴贊.思維導(dǎo)圖[M].北京：作家出版社，1999.

[2]任相花.思維導(dǎo)圖在計(jì)算機(jī)操作系統(tǒng)教學(xué)中的應(yīng)用[J].教書(shū)育人，2014（02）：88-89.

[3]沈建強(qiáng).思維導(dǎo)圖在教學(xué)中應(yīng)用的理論基礎(chǔ)[J].浙江教育科學(xué)，2009（06）：47-49.

[4]李冀平.思維導(dǎo)圖在職業(yè)教育教學(xué)中的應(yīng)用研究[D].石家莊：河北師范大學(xué)，2010：17-18.

作者簡(jiǎn)介：周巧婷，上海電子信息職業(yè)技術(shù)學(xué)院教師，講師，碩士研究生，主要研究方向?yàn)閃eb安全、教學(xué)管理。