基于新型界面的思政多媒體教學(xué)軟件的設(shè)計(jì)研究

李強(qiáng)，呂瀟

（1.陜西鐵路工程職業(yè)技術(shù)學(xué)院 人事處，陜西 渭南 714000；2.陜西鐵路工程職業(yè)技術(shù)學(xué)院 網(wǎng)絡(luò)中心，陜西 渭南 714000）

基于新型界面的思政多媒體教學(xué)軟件的設(shè)計(jì)研究

李強(qiáng)1，呂瀟2

（1.陜西鐵路工程職業(yè)技術(shù)學(xué)院 人事處，陜西 渭南 714000；2.陜西鐵路工程職業(yè)技術(shù)學(xué)院 網(wǎng)絡(luò)中心，陜西 渭南 714000）

隨著思政教學(xué)越來越受到人們的重視，其也成為了教學(xué)課程中的一個(gè)主力軍，傳統(tǒng)的思政教學(xué)采取的是書本教學(xué)的控制教學(xué)模式，這種教學(xué)模式只是簡單地信息和知識(shí)灌輸，學(xué)生在學(xué)習(xí)過程中通常會(huì)產(chǎn)生厭倦感，學(xué)習(xí)的效果不佳。為了提升教學(xué)質(zhì)量以及學(xué)生的興趣，多媒體教學(xué)受到廣泛關(guān)注，該模式不僅生動(dòng)形象的傳遞了所需學(xué)習(xí)的知識(shí)，還可做到學(xué)習(xí)者與學(xué)習(xí)內(nèi)容本身的互動(dòng)，大幅提高了學(xué)習(xí)效率。文中基于新型界面的思政多媒體教學(xué)軟件的設(shè)計(jì)研究，在總結(jié)了常規(guī)多媒體教學(xué)軟件的基礎(chǔ)上，提升并優(yōu)化了軟件的界面，凸顯了人機(jī)交互這一優(yōu)勢，達(dá)到了設(shè)計(jì)要求。

多媒體；網(wǎng)絡(luò)教學(xué)；教學(xué)軟件；用戶界面設(shè)計(jì)

隨著多媒體技術(shù)和網(wǎng)絡(luò)通信技術(shù)的迅猛發(fā)展，多媒體教學(xué)己成為不可替代的教學(xué)手段。傳統(tǒng)課堂中教師和書本的教學(xué)模式已逐漸淡出了教學(xué)舞臺(tái)，采取多媒體的授課方式已受到廣泛認(rèn)同。但多媒體教學(xué)中也同樣存在諸多問題，首先要根據(jù)教學(xué)內(nèi)容的不同設(shè)計(jì)出與之對應(yīng)的教學(xué)軟件，根據(jù)所需課程的特點(diǎn)，調(diào)整軟件的功能，已達(dá)到最佳的教學(xué)效果。其次是大多數(shù)多媒體軟件缺少人機(jī)交互功能，僅是簡單地播放動(dòng)畫和語音，這種方式只是對傳統(tǒng)教育模式進(jìn)行了一個(gè)簡單的提升，并未突出多媒體教學(xué)的優(yōu)勢，學(xué)生的學(xué)習(xí)質(zhì)量也大打折扣。對于思政教學(xué)而言，無需復(fù)雜的公式和原理介紹，也不需要復(fù)雜的實(shí)驗(yàn)作為實(shí)踐，只是簡單地文字交流以及理解，所以一個(gè)優(yōu)秀的使用界面以及授課方式就顯得尤為重要。傳統(tǒng)思政學(xué)習(xí)依靠的是教師在黑板上枯燥的講解，過度依賴于課本，再加上諸多圖表，數(shù)據(jù)等直觀概念難以講清，大幅降低了學(xué)習(xí)效率和學(xué)生的積極性。采用新型界面的思政教學(xué)軟件，可提供更多生動(dòng)的輔助信息，例如動(dòng)畫和視頻，相比較數(shù)據(jù)分析圖而言，多媒體素材能在閱讀理解方面為學(xué)生提供更多的幫助。用多媒體軟件的教學(xué)方式替代傳統(tǒng)的教學(xué)模式，可讓學(xué)生從認(rèn)識(shí)力和感知力中解放出來，對于學(xué)習(xí)能力與理解能力較差的學(xué)生，生動(dòng)形象的表達(dá)會(huì)對其產(chǎn)生較好地效果，促進(jìn)理解與吸收，還能改進(jìn)增強(qiáng)思考問題和解決問題的能力。所以，本文基于新型界面的思政多媒體教學(xué)軟件的設(shè)計(jì)研究，在最大程度上創(chuàng)新了用戶在使用界面上的設(shè)計(jì)，增加了人機(jī)交互功能，為多媒體教學(xué)的方式和方法做出了創(chuàng)新性的設(shè)計(jì)與研究[1]。

1 用戶界面的設(shè)計(jì)原則

思政多媒體教學(xué)軟件設(shè)計(jì)的重點(diǎn)其中就是用戶界面的設(shè)計(jì)，因?qū)W習(xí)者是通過軟件的操作和使用界面進(jìn)行學(xué)習(xí)的。一個(gè)好的界面可使用戶簡便的操作計(jì)算機(jī)進(jìn)行學(xué)習(xí)。另外，一個(gè)優(yōu)秀的界面設(shè)計(jì)還能讓使用者在使用過程中產(chǎn)生愉悅感和輕松感，增加了學(xué)習(xí)效率。而本文，基于思政教學(xué)軟件用戶界面的設(shè)計(jì)原則分為三大部分[2]。1）是要確定好該軟件的使用人群，因使用人群的不同，所設(shè)計(jì)的界面功能也不盡相同，所以要對使用人群進(jìn)行分析了解其使用目的以及其使用背景。2）是要利用好運(yùn)用界面設(shè)計(jì)指導(dǎo)這一常規(guī)的設(shè)計(jì)原則，該原則主要就是注重設(shè)計(jì)人員在設(shè)計(jì)時(shí)的一致性，所謂一致性就是界面外形與功能的一致性，不同功能的元素在排列上需保持一定的距離。設(shè)計(jì)指導(dǎo)還有一個(gè)主要原則就是增加軟件界面的靈活性，比如用戶可根據(jù)自身需要，在指定位置上自行進(jìn)行某一功能的快捷鍵設(shè)置，還可為使用者提供多種不同的聯(lián)系和學(xué)習(xí)方式。3）是要將用戶的體驗(yàn)放在第一位，再本軟件中即需將用戶使用后的學(xué)習(xí)成果放至第一位，一個(gè)完善的軟件應(yīng)在用戶的角度上去分析需求，力求用戶的滿意，否則設(shè)計(jì)出的產(chǎn)品將不會(huì)有使用價(jià)值，亦無法滿足用戶需求，從而最終會(huì)導(dǎo)致使用者放棄該軟件[3]。

2 用戶界面設(shè)計(jì)流程

用戶界面設(shè)計(jì)的流程是在4種不同的框架上進(jìn)行設(shè)計(jì)的，分別為用戶分析、任務(wù)分析、環(huán)境分析及模型構(gòu)建。如圖1所示。根據(jù)流程圖可發(fā)現(xiàn)，用戶界面的設(shè)計(jì)其實(shí)與軟解開發(fā)的設(shè)計(jì)流程類似，因界面設(shè)計(jì)也需要根據(jù)使用者習(xí)慣，需求以及對界面的適應(yīng)程度來進(jìn)行，隨著科技的發(fā)展，需求也再不斷增加，這就對設(shè)計(jì)時(shí)的新穎性和科學(xué)性提出了更高的要求。界面設(shè)計(jì)時(shí)應(yīng)包含系統(tǒng)反應(yīng)時(shí)間、便于用戶的幫助、錯(cuò)誤信息的管理以及需求標(biāo)注等信息。在設(shè)計(jì)時(shí)不能將上述條件混合處理，應(yīng)將每部分根據(jù)需求與可行性進(jìn)行分步處理。一個(gè)優(yōu)秀的用戶使用界面應(yīng)使用戶可體驗(yàn)到高效的學(xué)習(xí)效率，便捷的操作過程以及舒適的界面。在此，交互界面的設(shè)計(jì)是重點(diǎn)，其要達(dá)到的目的是易學(xué)性和易用性。設(shè)計(jì)師通常需要添入諸多元素到這一界面中，所以其需要細(xì)心挑選必要的元素，確保界面的清晰，然后利用組群，顏色和對比來告知用戶某些元素是相互關(guān)聯(lián)的。最終就是與軟件設(shè)計(jì)時(shí)的流程相同，要對設(shè)計(jì)出的界面進(jìn)行測試，根據(jù)不同使用者的需求以及可能出現(xiàn)的情況進(jìn)行實(shí)際操作，在測試使用過程中對于發(fā)現(xiàn)的問題以及不足進(jìn)行針對性的調(diào)整與修改，在對細(xì)節(jié)的處理上也應(yīng)做到一致。比如按鈕的大小問題，有些使用者會(huì)由于選項(xiàng)上的按鈕過小，導(dǎo)致錯(cuò)按，影響到用戶體驗(yàn)，這就需要在測試過程中加以更改和完善。此外，設(shè)計(jì)時(shí)還應(yīng)將清晰性，順序和比例作為一個(gè)整體進(jìn)行組合設(shè)計(jì)，設(shè)計(jì)出一個(gè)平衡的使用界面，因一個(gè)不穩(wěn)定的界面會(huì)直接影響到使用者的體驗(yàn)，造成不可挽回的結(jié)果[4]。

圖1 用戶界面設(shè)計(jì)的流程圖

3 軟件結(jié)構(gòu)設(shè)計(jì)

文中開發(fā)的基于新型界面的思政多媒體教學(xué)軟件，以多媒體教學(xué)軟件為基礎(chǔ)，注重的是軟件自身新穎的操作界面以及出色的人機(jī)交互功能。教學(xué)軟件主要在結(jié)構(gòu)設(shè)計(jì)上可分為顯示模塊、操作模塊、數(shù)據(jù)處理模塊以及事件觸發(fā)模塊。軟件功能結(jié)構(gòu)關(guān)系如圖2所示。顯示模塊的作用是將軟件的輸出結(jié)果呈現(xiàn)出來，可通過鍵盤和鼠標(biāo)在界面上的選擇，控制信息的輸出。操作模塊實(shí)際上就是使用者通過菜單或界面上的按鈕對軟件進(jìn)行學(xué)習(xí)和操作的過程。數(shù)據(jù)處理模塊是根據(jù)所學(xué)內(nèi)容的不同，事先輸入或設(shè)計(jì)好所需的數(shù)據(jù)，在使用時(shí)通過界面的簡單操作，對處理模塊發(fā)出調(diào)用申請，所需的信息就會(huì)快速的出現(xiàn)在顯示器上[5]。而觸發(fā)模塊就相當(dāng)于使用者與軟件的中介平臺(tái)，使用者發(fā)出的所有使用指令均通過觸發(fā)模塊的觸發(fā)，傳遞到數(shù)據(jù)庫中，再通過數(shù)據(jù)庫將所需的信息直接反饋到使用界面上，這些數(shù)據(jù)不僅包含文字類數(shù)據(jù)，且圖片或動(dòng)畫等也在其中。在本軟件中使用的腳本語言為VSL，其是一個(gè)強(qiáng)大的腳本語言，通過語言自身嚴(yán)密的邏輯性，對腳本的流程圖可進(jìn)行自動(dòng)的補(bǔ)足。

VSL編輯器提供智能的語境敏感高亮（彩色）顯示，語境敏感自動(dòng)顯示焦點(diǎn)函數(shù)。VSL包括提供斷點(diǎn)的全調(diào)試模式、具有值編輯功能的變量觀察器、步進(jìn)調(diào)試（步進(jìn)步出）。用戶可在VSL圖形腳本編輯器中進(jìn)行相應(yīng)的腳本代碼編寫與運(yùn)行，編輯器提供腳本關(guān)鍵字智能顏色顯示功能、函數(shù)參數(shù)顯示功能以及完整的調(diào)試功能[6]。

圖2 軟件結(jié)構(gòu)設(shè)計(jì)

4 軟件開發(fā)過程

本教學(xué)軟件最重要的部分就是人機(jī)交換的部分，而此部分在軟件開發(fā)的過程中就是對觸發(fā)事件的開發(fā)。本軟件系統(tǒng)針對此類同種類型但不同視覺呈現(xiàn)的觸發(fā)事件，使用了Virtools中層級(jí)（level）的概念。中層級(jí)的概念可理解為一個(gè)作品中所有對象的全局容器、所有元素的根、所有元素的父類[7]。在所有不同類型的操作對象中，每一個(gè)部分只能有一個(gè)層級(jí)，該層級(jí)不只可在一個(gè)數(shù)據(jù)、圖片或視頻下組織作品的實(shí)現(xiàn)，在多個(gè)內(nèi)容需要呈現(xiàn)時(shí)，也可快速準(zhǔn)確地實(shí)現(xiàn)，單一層級(jí)的優(yōu)勢就是操作軟件更加易于管理。例如在軟件操作過程中的“圖片彈出”觸發(fā)事件恰好符合層級(jí)的定義，圖片首先存儲(chǔ)在數(shù)據(jù)庫中，在需要調(diào)用時(shí)由操作界面進(jìn)行選擇申請，通過層級(jí)撰寫腳本進(jìn)行調(diào)用，由于圖片等內(nèi)容可能較多，在選擇時(shí)只需將對應(yīng)所需的數(shù)據(jù)進(jìn)行選擇和調(diào)用即可，對于一般的需要對數(shù)據(jù)庫中所有數(shù)據(jù)進(jìn)行分類和備注在進(jìn)行選擇操作相比，該方法更為便捷。在對level撰寫腳本之前，需先將觸發(fā)事件相關(guān)圖片統(tǒng)一儲(chǔ)存在array數(shù)據(jù)裝置當(dāng)中，以便于通過行為模塊集中調(diào)用圖片，以“image”命名管理。雙擊image可對需要圖片進(jìn)行管理編輯，本系統(tǒng)中根據(jù)使用者的不同需求對觸發(fā)圖片進(jìn)行管理。為了實(shí)現(xiàn)上述功能，需要對腳本語言進(jìn)行撰寫，這也是軟件開發(fā)最底層的要求。撰寫的思路首先是使用者通過鼠標(biāo)來選擇需要觀看學(xué)習(xí)的圖片或視頻等內(nèi)容，觸發(fā)后系統(tǒng)會(huì)自行在圖片或視頻數(shù)據(jù)庫中調(diào)用相應(yīng)內(nèi)容，同時(shí)觸發(fā)背景圖層和關(guān)閉窗口按鈕彈出，使得圖片、背景圖層和關(guān)閉窗口按鈕同時(shí)呈現(xiàn)[8]。在學(xué)習(xí)結(jié)束后，只需點(diǎn)擊關(guān)閉按鈕，上述所有窗口將會(huì)同時(shí)關(guān)閉。觸發(fā)圖片的調(diào)用可通過上述層級(jí)腳本實(shí)現(xiàn)，要在顯示窗口顯示調(diào)用圖片只需對按鈕進(jìn)行控制即可。對控制按鈕添加“switch on message”行為模塊，由于之前在層級(jí)腳本中已完成了圖片調(diào)用的工作，現(xiàn)只需連接調(diào)用結(jié)果即可，觸發(fā)圖片打開控制腳本如圖3所示。

圖3 觸發(fā)事件腳本（打開圖片）

5 結(jié)束語

隨著多媒體技術(shù)和網(wǎng)絡(luò)通信技術(shù)的發(fā)展，多媒體教學(xué)己成為不可替代的教學(xué)手段。尤其是在思政教學(xué)這種看似單一，理論化的教學(xué)過程中，運(yùn)用多媒體技術(shù)，可大幅度提高使用者的學(xué)習(xí)興趣及學(xué)習(xí)效率。故文中在總結(jié)之前一些多媒體軟件在界面和人機(jī)交互等方面不足的基礎(chǔ)上，設(shè)計(jì)開發(fā)了一個(gè)基于新型界面的思政多媒體教學(xué)軟件，以VSL為腳本語言，在新型界面的基礎(chǔ)上做了獨(dú)立的開發(fā)。從后期實(shí)際使用的效果來看，該軟件不僅在技術(shù)層面以及圖形界面上均得到了使用者的肯定，尤其是人機(jī)交互模塊填補(bǔ)了之前同類軟件的不足，達(dá)到了設(shè)計(jì)要求。

[1]Haido Samaras，張麗，盛群力.多媒體學(xué)習(xí)研究的演進(jìn)[J].遠(yuǎn)程教育雜志，2006（6）:22-29.

[2]宋建勇，陳定方.行為建模在基于粒子的物理仿真中的應(yīng)用[J].計(jì)算機(jī)輔助設(shè)計(jì)與圖形學(xué)學(xué)報(bào)，2006，18（1）:150-155.

[3]康與云.基于VRML的網(wǎng)絡(luò)虛擬現(xiàn)實(shí)技術(shù)在虛擬機(jī)構(gòu)運(yùn)動(dòng)中的應(yīng)用研究[D].青島:青島農(nóng)業(yè)大學(xué)，2005.

[4]王汝傳，張登銀，辛晨昀.虛擬現(xiàn)實(shí)中3D圖形建模方法的研究[J].計(jì)算機(jī)輔助工程，2000（4）:25-29.

[5]苗衛(wèi)平，牛海云.利用PowerPoint軟件制作多媒體教學(xué)課件[J].電子科技，2004（1）:58-60.

[6]石少靜.利用多媒體系統(tǒng)改善公共課教學(xué)環(huán)境[J].電子科技，2011，24（10）:138-139.

[7]彭泉，崔德光，李曉強(qiáng).基于人類認(rèn)知規(guī)律的應(yīng)用系統(tǒng)人機(jī)界面設(shè)計(jì)[J].計(jì)算機(jī)工程與應(yīng)用，2001（19）:148-150.

[8]李明，宣善立，冷金麟.斯金納教學(xué)理論在程序設(shè)計(jì)課程中的應(yīng)用[J].計(jì)算機(jī)教育，2008（14）:75-76.

The design and research of multimedia teaching software based on the new interface

LI Qiang1，LV Xiao2
（1.Shaanxi Railway Engineering Vocational College Personnel，Weinan 714000，China；2.Shaanxi Railway Engineering Vocational College Network Center，Weinan 714000，China）

With political education teaching thought highly of by people more and more，the education teaching has become a main force in the course of teaching，the traditional education teaching is the book of control mode，the teaching mode are simply information and knowledge，students tend to produce boredom in the learning process，learning the effect not beautiful.In order to improve the teaching quality and students'interests，multimedia teaching has become more and more get the attention of the people，the pattern is not only vivid image passed the study of knowledge，and can achieve the interaction between learners and learning content itself，greatly improve the learning efficiency.Based on the new interface of education multimedia teaching software design research，on the basis of summed up the conventional multimedia teaching software，improve and optimize the interface of software and highlights the human-computer interaction that advantage，has reached the design requirements.

multimedia；network teaching；teaching software；user interface design

TN99

A

1674－6236（2016）18-0132-03

2015-10-15 稿件編號(hào)：201510097

李 強(qiáng)（1983—），男，河南溫縣人，碩士，講師。研究方向：大學(xué)生思想政治教育。