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

甘露 梁祥波

摘要：21世紀(jì)是信息化時(shí)代，計(jì)算機(jī)網(wǎng)絡(luò)已經(jīng)得到廣泛應(yīng)用，并且得到了教育界的青睞?；诖?，文章從多媒體網(wǎng)絡(luò)教學(xué)用戶界面設(shè)計(jì)概念、原則、目標(biāo)以及流程等幾個(gè)方面進(jìn)行了介紹。

關(guān)鍵詞：多媒體；網(wǎng)絡(luò)教學(xué)；用戶界面

中圖分類號(hào)：TP391 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：2095-2163（2016）02-

User interface design based on multimedia network teaching software

GAN Lu1， LIANG Xiangbo2

（1 School of mathematics and computer science， Xinyang Vocational and Technical College，Xinyang Henan 464000， China；2Xinyang Vocational and Technical College，Xinyang Henan 464000， China ）

Abstract：The twenty-first Century is the era of information. The computer network has been widely used， and has gotten the favor of the education sector. Under this background， the paper discusses some aspects such as design concept、principles、goals and the implementation process of user interface design based on multimedia network teaching software.

Keywords： Multimedia； network Teaching； user interface

0 引言

21世紀(jì)進(jìn)入了信息化創(chuàng)新時(shí)代，軟件產(chǎn)業(yè)因其所具備的基礎(chǔ)性和戰(zhàn)略性，已然成為助推時(shí)代及社會(huì)快速迅猛發(fā)展的支柱產(chǎn)業(yè)和核心產(chǎn)業(yè)。軟件產(chǎn)業(yè)的一大特色就是，這個(gè)產(chǎn)業(yè)滲透波及了當(dāng)今社會(huì)的各個(gè)行業(yè)和領(lǐng)域，并在其中發(fā)揮著不可替代的積極智能動(dòng)力作用，有利于產(chǎn)業(yè)升級(jí)和結(jié)構(gòu)優(yōu)化。追本溯源來(lái)講，1949年軟件業(yè)正式出現(xiàn)在人們的視野中，發(fā)展迄今，已經(jīng)演變升級(jí)至第5代。時(shí)下，隨著互聯(lián)網(wǎng)的不斷拓展蔓延，軟件業(yè)和通信業(yè)、及電子消費(fèi)等正日漸緊密地實(shí)現(xiàn)了一體與聯(lián)合。更有甚者，人們的日常生活和學(xué)習(xí)也與軟件的進(jìn)步和發(fā)展變得息息相關(guān)。當(dāng)前，軟件在教學(xué)中也得到了廣泛應(yīng)用，并且進(jìn)一步地成為教學(xué)活動(dòng)必不可少的可靠“幫手”。因此，針對(duì)多媒體網(wǎng)絡(luò)教學(xué)軟件展開(kāi)研究分析則已具備了十分重要的現(xiàn)實(shí)意義。

1 用戶界面設(shè)計(jì)概念

所謂用戶界面是指介于用戶和計(jì)算機(jī)軟件代碼之間的一種交互性交流。在實(shí)際工作中，設(shè)計(jì)師往往將多種元素組合起來(lái)對(duì)用戶界面進(jìn)行設(shè)計(jì)，其實(shí)施目的重點(diǎn)在于幫助用戶更加方便地操作和運(yùn)用計(jì)算機(jī)。

如果軟件操作不便，或者是在操作過(guò)程中總是出現(xiàn)這樣或那樣的問(wèn)題，就會(huì)使用戶目標(biāo)難于達(dá)成，甚至造成一定危害。即使這個(gè)軟件能力再?gòu)?qiáng)，功能再多，也不會(huì)得到用戶的認(rèn)可。原因其實(shí)非常簡(jiǎn)單，因?yàn)橛脩趔w驗(yàn)較差，用戶的支持接受度較低。由此，即可看出，界面設(shè)計(jì)在軟件開(kāi)發(fā)中尤為重要，必須要做到邏輯與使用上的科學(xué)、流暢及合理。

針對(duì)當(dāng)前狀況分析可知，交互設(shè)計(jì)、平面設(shè)計(jì)以及界面設(shè)計(jì)之間存在著非常嚴(yán)重的混淆混用事件，為了將這三者進(jìn)行有效區(qū)分，研究需要對(duì)交互設(shè)計(jì)和平面設(shè)計(jì)做出特別專門說(shuō)明。交互設(shè)計(jì)與界面設(shè)計(jì)相似度頗高，這也是引發(fā)一些設(shè)計(jì)師混同這兩個(gè)概念的主要原因。交互是針對(duì)軟件工作方式而言的，比如不同界面的定位，特定界面的交互指令設(shè)計(jì)等。設(shè)計(jì)師必須根據(jù)用戶需求開(kāi)展交互設(shè)計(jì)工作，但是大多數(shù)界面設(shè)計(jì)主要依據(jù)用戶需求說(shuō)明報(bào)告。多數(shù)情況下，在設(shè)計(jì)之前，用戶會(huì)將自己的某些具體要求體現(xiàn)在這一提交報(bào)告中。平面設(shè)計(jì)還有另一種說(shuō)法，叫做圖形設(shè)計(jì)。當(dāng)設(shè)計(jì)師在對(duì)軟件界面進(jìn)行設(shè)計(jì)時(shí)，通常就需要根據(jù)軟件界面風(fēng)格、用戶需求等要素對(duì)圖表、圖片等應(yīng)用類型加以挑選和制作。在界面設(shè)計(jì)中，基礎(chǔ)元素是比不可少的，這些基礎(chǔ)元素和平面設(shè)計(jì)存在著緊密的聯(lián)系，而在界面設(shè)計(jì)中，這些基礎(chǔ)元素也是組織效果的具備內(nèi)容。因此，很難對(duì)這兩者做到清晰甄別與區(qū)分[1]。

在開(kāi)展界面設(shè)計(jì)工作前，設(shè)計(jì)師必須與用戶展開(kāi)談話，了解用戶個(gè)人情況和需求，并借此尋求用戶特點(diǎn)，從而實(shí)現(xiàn)界面初步設(shè)計(jì)工作；在此基礎(chǔ)上，再與用戶進(jìn)行二次交流，將用戶不滿意的地方做出可行性關(guān)聯(lián)改進(jìn)。由此我們不難看出，一種界面設(shè)計(jì)并不是面向所有用戶，而是具有著極強(qiáng)的針對(duì)性。

2 界面設(shè)計(jì)

2.1 系統(tǒng)登錄模塊

2.1.1 登錄模塊數(shù)據(jù)庫(kù)設(shè)計(jì)

就登錄模塊來(lái)說(shuō)，多媒體網(wǎng)絡(luò)教學(xué)軟件需要涉及到數(shù)據(jù)庫(kù)中的4個(gè)表：用戶表和用戶信息表，表中包含所有用戶基本信息和資料；服務(wù)表，表中包含教學(xué)軟件所提供的全部服務(wù)以及各服務(wù)的詳細(xì)信息；定制表，主要是對(duì)用戶定制而進(jìn)行保存。

2.1.2登錄模塊流程圖設(shè)計(jì)

2.1.3登錄模塊服務(wù)器端的實(shí)現(xiàn)

本部分涉及到用戶信息數(shù)據(jù)模型和服務(wù)信息數(shù)據(jù)模型。用戶信息就是對(duì)用戶個(gè)人信息進(jìn)行定義，當(dāng)用戶注冊(cè)或者登錄系統(tǒng)時(shí)，只需要根據(jù)該模型將數(shù)據(jù)保存下來(lái)即可，從而實(shí)現(xiàn)數(shù)據(jù)交互。服務(wù)信息定義了系統(tǒng)所開(kāi)放服務(wù)及其服務(wù)屬性的存儲(chǔ)結(jié)構(gòu)。當(dāng)用戶擁有使用服務(wù)的權(quán)限或者需要定制新的服務(wù)時(shí)，只要將相應(yīng)的服務(wù)信息以服務(wù)信息數(shù)據(jù)模型的結(jié)構(gòu)形式進(jìn)行存儲(chǔ)交互即可。

當(dāng)用戶完成相關(guān)操作之后，系統(tǒng)就會(huì)將用戶信息自動(dòng)提交至控制層。控制層則對(duì)用戶提交的請(qǐng)求通過(guò)調(diào)用模型層的方法進(jìn)行處理，而后返回指定的操作結(jié)果。

2 云文件管理模塊設(shè)計(jì)

2.1云文件數(shù)據(jù)庫(kù)設(shè)計(jì)

就云文件管理模塊而言，多媒體網(wǎng)絡(luò)教學(xué)軟件需要涉及到數(shù)據(jù)庫(kù)中的4個(gè)表，分別是存儲(chǔ)表、文件夾表、文件表以及塊表。

2.2云文件流程圖設(shè)計(jì)

在此，給出了云文件流程圖的完整呈現(xiàn)，即如圖2所示。從用戶角度來(lái)說(shuō)，首先需要對(duì)云文件服務(wù)進(jìn)行定制，成功定制后，就可在自己空間新建文件夾；服務(wù)器獲得新建文件夾請(qǐng)求，文件夾中的信息隨即將會(huì)存儲(chǔ)在數(shù)據(jù)庫(kù)中。需要注意的是，用戶可以對(duì)新建文件夾進(jìn)行修改，比如重命名等，服務(wù)器則會(huì)實(shí)時(shí)接收用戶請(qǐng)求，對(duì)相應(yīng)文件夾信息完成指定操作。當(dāng)用戶刪除該文件時(shí)，數(shù)據(jù)庫(kù)也將與其同步刪除該文件信息。

2.3云文件服務(wù)器端的實(shí)現(xiàn)

本部分涉及到用戶存儲(chǔ)信息數(shù)據(jù)模型、文件夾信息數(shù)據(jù)模型和文件信息數(shù)據(jù)3個(gè)模型。模型中主要用到的方法類包括DBConnect類和DiskDao類。DBConnect類是數(shù)據(jù)庫(kù)連接的方法，將該類作為基類，而由DiskDao類來(lái)提供繼承。

當(dāng)用戶執(zhí)行相關(guān)動(dòng)作，并已實(shí)現(xiàn)了服務(wù)功能定制后，才可以進(jìn)入云文件界面選擇操作，包括新建文件（夾）、修改文件（夾）、刪除文件（夾）。

3 云存儲(chǔ)管理模塊設(shè)計(jì)

多媒體網(wǎng)絡(luò)教學(xué)軟件云存儲(chǔ)管理模塊包含兩個(gè)部分，分別是：上傳和下載。由于本文是從用戶角度出發(fā)，因此，只對(duì)下載工作流程給出如下表述：

（1）發(fā)送下載請(qǐng)求。用戶選擇要下載的文件，向服務(wù)器端發(fā)送文件下載的請(qǐng)求。

（2）查找文件塊信息。服務(wù)器端接收到客戶端發(fā)送的下載請(qǐng)求后，從數(shù)據(jù)庫(kù)中查找該文件的存儲(chǔ)信息。

（3）響應(yīng)下載請(qǐng)求。服務(wù)器將文件的存儲(chǔ)信息以 XML 格式發(fā)回至客戶端。

（4）并行下載文件塊?？蛻舳烁鶕?jù)接收到服務(wù)器返回的文件存儲(chǔ)信息后，為每個(gè)存儲(chǔ)節(jié)點(diǎn)創(chuàng)建一個(gè)線程，再將文件塊并行下載到本地計(jì)算機(jī)作為臨時(shí)文件來(lái)設(shè)定保存。

（5）文件整合?？蛻舳讼螺d完畢所有的文件塊，將其整合為一個(gè)完整的文件，并刪除無(wú)用文件塊。

4 多媒體網(wǎng)絡(luò)教學(xué)用戶界面展示

本文以多媒體講座為用戶界面的實(shí)例，對(duì)其進(jìn)行深度豐富解析。圖3即以圖像生動(dòng)展示了多媒體網(wǎng)絡(luò)教學(xué)用戶界面設(shè)計(jì)中的典型案例。

5 結(jié)束語(yǔ)

從當(dāng)前我國(guó)教育發(fā)展情況來(lái)看，無(wú)論是小學(xué)還是大學(xué)，教學(xué)軟件已經(jīng)成功應(yīng)用到各門學(xué)科的輔助研究中，大大提高了教學(xué)效率和教學(xué)水平。基于多媒體網(wǎng)絡(luò)教學(xué)軟件的界面設(shè)計(jì)是一項(xiàng)非常高端的工作，需要設(shè)計(jì)師不斷積累設(shè)計(jì)經(jīng)驗(yàn)，同時(shí)兼具廣博精深的美學(xué)知識(shí)。在設(shè)計(jì)過(guò)程中，即需首要站在用戶角度思考問(wèn)題，如此才能設(shè)計(jì)出符合用戶需求、并且贏得更高用戶滿意度的教學(xué)軟件。

參考文獻(xiàn)：

[1]俞伊娜.基于多媒體網(wǎng)絡(luò)教學(xué)軟件的用戶界面設(shè)計(jì)[D]. 上海：華東理工大學(xué)，2015.

[2]王悅.基于P2P技術(shù)的多媒體網(wǎng)絡(luò)教學(xué)系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)[J].通訊世界， 2015（4）：213-214.

[3]徐倩.多媒體教學(xué)軟件界面設(shè)計(jì)的原則探究[J].才智，2014（13）：182.