侯敏+韓駿+劉菁+張加莎

摘要：隨著信息社會的不斷發(fā)展，中小學(xué)教學(xué)越來越重視對信息技術(shù)的教育。各種計算機(jī)競賽也隨之而來，“世紀(jì)杯”計算機(jī)競賽就是其中一個。從以往的實踐中我們發(fā)現(xiàn)，當(dāng)前“世紀(jì)杯”競賽僅為考生提供包含考試系統(tǒng)的光盤，而且不能脫離光盤環(huán)境獨立使用，這就為競賽App的開發(fā)創(chuàng)造了極大的需求。本文基于原型設(shè)計軟件Axure，設(shè)計出了競賽App的軟件原型，以期為軟件開發(fā)者提供一定的思路和借鑒。

關(guān)鍵詞：“世紀(jì)杯”競賽；Axure；原型設(shè)計

中圖分類號：G652 文獻(xiàn)標(biāo)識碼：B 論文編號：1674-2117（2017）07-0072-04

● Axure RP7.0介紹

Axure RP是一個專業(yè)的快速原型設(shè)計工具，讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計功能和界面的用戶能夠快速創(chuàng)建應(yīng)用軟件、Web網(wǎng)站以及移動App的線框圖、流程圖、原型和規(guī)格說明文檔。[1]

產(chǎn)品原型是整個產(chǎn)品在面市前的一個框架設(shè)計，在設(shè)計公司了解了客戶的需求之后，在投入研發(fā)之前需要先把產(chǎn)品的效果圖、功能框架、交互設(shè)計等做出來。Axure作為一種原型設(shè)計工具，具有技術(shù)要求低、擁有良好的文字編輯和繪圖功能、可以實現(xiàn)交互和動畫設(shè)計功能、有一定的系統(tǒng)性和擴(kuò)展性的特點[2]，得到了廣泛使用。

● 需求分析

通過對歷年比賽相關(guān)內(nèi)容的上網(wǎng)檢索及實踐調(diào)查，筆者發(fā)現(xiàn)報名參加競賽的學(xué)生在準(zhǔn)備的過程中，從指定地點購買的競賽練習(xí)光盤，只能在光盤環(huán)境下使用，不能脫離光盤單獨使用，而且練習(xí)內(nèi)容單一，評價方法不完整，再加上家長對學(xué)生與計算機(jī)接觸時間的限制，對學(xué)生備賽造成了極大的不便，而“世紀(jì)杯”計算機(jī)競賽手機(jī)App的設(shè)計與開發(fā)，則可以很好地解決這個問題。

將“世紀(jì)杯”計算機(jī)競賽設(shè)計成一款手機(jī)應(yīng)用，具有這些優(yōu)勢：①易于在學(xué)生群體中普及。②方便學(xué)生實現(xiàn)碎片化學(xué)習(xí)，能更加有效地利用時間。③可以有效降低成本。④互動性強(qiáng)，具有更加豐富多彩的表現(xiàn)形式，能增強(qiáng)用戶的沉浸感。

● 功能框架

本著精簡輕便的原則，以競賽考試的三大內(nèi)容為出發(fā)點，結(jié)合中小學(xué)生的心理特點，“世紀(jì)杯”計算機(jī)競賽手機(jī)App設(shè)計有如下十項功能。

1.計算機(jī)基礎(chǔ)知識題庫

計算機(jī)基礎(chǔ)知識以及PPT操作的基本知識是競賽的主要知識，兩者加起來占到考試總分?jǐn)?shù)的80%左右。題庫包含兩個大的部分：一是按照知識內(nèi)容進(jìn)行分類，然后每個分類中有相關(guān)知識，可以方便學(xué)生學(xué)習(xí)。二是練習(xí)題，分為選擇題和操作題兩部分。選擇題主要考查對計算機(jī)基礎(chǔ)知識（包括信息和信息技術(shù)、計算機(jī)發(fā)展的歷史、操作系統(tǒng)、數(shù)據(jù)庫、計算機(jī)軟硬件、信息安全、計算機(jī)網(wǎng)絡(luò)、圖像處理、聲音處理、多媒體技術(shù)應(yīng)用、程序設(shè)計、算法初步、人工智能、動畫基礎(chǔ)等）的掌握。操作題主要包括PowerPoint、Excel、Word、Photoshop等一些簡單的中小學(xué)生需要掌握的基本辦公軟件和多媒體軟件操作方面的試題。針對每道題目，會有詳細(xì)的解析以及答案，其中操作題的答案以圖文搭配解釋為主，力求做到簡單易懂、條理清晰。在練習(xí)的過程中，用戶可以將自己認(rèn)為易錯的、有難度的、有價值的題目收藏，統(tǒng)一放在錯題本中。

2.視頻教程

根據(jù)信息技術(shù)的特點，一些軟件操作題，如PPT的操作等，用文字、圖片的形式表達(dá)并不是非常清晰。所以，筆者建議可以將操作題的正確步驟錄制成微視頻供用戶學(xué)習(xí)。視頻教程中還可包含一些名師講堂、MOOC、系統(tǒng)知識講解等資源，這會為學(xué)生的深度學(xué)習(xí)提供豐富的資源。

3.知識百科

科技發(fā)展日新月異，關(guān)注最新資訊，不僅可以擴(kuò)展學(xué)生學(xué)習(xí)的知識面，讓其掌握最新的知識，而且可以提高學(xué)生對信息技術(shù)、計算機(jī)知識的學(xué)習(xí)興趣，使學(xué)習(xí)變得更加豐富有趣。

4.模擬測驗

這是設(shè)計的一項重要功能，用戶不僅可以學(xué)習(xí)與考試相關(guān)的各種知識，還可以在海量題庫中進(jìn)行練習(xí)。App根據(jù)歷年的競賽試題結(jié)構(gòu)，隨機(jī)生成多份測試試卷，限制考試時間，提供真實的考試環(huán)境，讓用戶可以隨時進(jìn)行自我測驗，并可根據(jù)學(xué)生的填寫內(nèi)容，及時給出測試結(jié)果，對錯誤試題進(jìn)行講解和分析，并給出進(jìn)一步的學(xué)習(xí)建議。同時，錯誤的題目會自動添加在錯題本中。

其中，對于操作題的測試，前幾屆的競賽側(cè)重于與PPT相關(guān)操作的考查，所以在手機(jī)App中會嵌入PPT插件，使用戶在測驗時可以直接在手機(jī)上使用此類插件進(jìn)行操作，完成相關(guān)題目。

5.錯題重做

根據(jù)對上述功能的分析，我們發(fā)現(xiàn)，有兩部分試題進(jìn)入了錯題本中：一部分是我們在題庫中收藏到的難題、易錯題和有價值的題目，另一部分是在模擬測驗中系統(tǒng)自動添加的錯題。這些題目會分類保存，并且可以根據(jù)用戶的需要隨時進(jìn)行錯題重做以及移出錯題本的操作。

6.打字練習(xí)

在考試說明中，我們明確看到最后一個題目是打字速度測試。這也是App中需要設(shè)計的一項功能。由于電腦鍵盤和手機(jī)輸入法的不同，我們打字的習(xí)慣也不同。而中小學(xué)生在進(jìn)行打字速度測試時，一方面是對鍵盤上字及字母位置的熟悉，一方面是對漢語拼音的熟悉，而這些都需要我們在平時加強(qiáng)鍛煉。App的設(shè)計致力于開發(fā)出適合手機(jī)屏幕的電腦鍵盤高仿真的輸入界面，在手機(jī)上創(chuàng)建電腦打字的場景，以增強(qiáng)用戶的打字體驗。

7.小游戲

為了吸引學(xué)生的學(xué)習(xí)興趣，使學(xué)生能夠做到在玩中學(xué)，響應(yīng)中小學(xué)游戲化學(xué)習(xí)的號召，筆者精心設(shè)計了與競賽有關(guān)的幾款小游戲并嵌入App中，使學(xué)生能夠根據(jù)自己的需要邊玩邊學(xué)。筆者初步設(shè)計出以下兩類小游戲：①知識過關(guān)類。將題庫中的題目以關(guān)卡的形式給出，結(jié)合生生PK、師生PK、排行榜、華麗界面、故事性主題線等多種形式，增強(qiáng)游戲的趣味性。可以參考一站到底手機(jī)App。②打字類小游戲。參考金山打字中的小游戲，將字母、單詞、漢字、詞語、句子等的拼寫融入到小游戲中，使學(xué)生能在玩游戲的過程中提高打字速度。

8.個性化設(shè)置

用戶可以在設(shè)置中對字體、界面、主題等進(jìn)行個性化設(shè)置。

9.學(xué)習(xí)統(tǒng)計分析

該軟件還可以為用戶的學(xué)習(xí)提供簡易的學(xué)習(xí)狀況分析，包括制訂學(xué)習(xí)計劃，給出學(xué)習(xí)計劃的完成度，標(biāo)注已經(jīng)學(xué)習(xí)的章節(jié)及已經(jīng)學(xué)習(xí)的內(nèi)容占全部章節(jié)的比例、易錯點、學(xué)習(xí)速度等。

10.注冊登錄

必須要說明的是，注冊登錄并不是必須的，用戶在不登錄的情況下也可以瀏覽所有數(shù)據(jù)。但如果用戶想要保存自己的學(xué)習(xí)數(shù)據(jù)以及學(xué)習(xí)資源，方便數(shù)據(jù)遷移，就需要注冊賬號。

對以上十項功能進(jìn)行總結(jié)和分類，可將其分為三大板塊，分別是“認(rèn)真學(xué)”“我自己”“玩中學(xué)”，可進(jìn)一步得出我們的功能框架。

第一板塊是認(rèn)真學(xué)。這一部分需要學(xué)生擺正學(xué)習(xí)態(tài)度，認(rèn)真學(xué)習(xí)。這一板塊的內(nèi)容包括計算機(jī)基礎(chǔ)知識題庫、視頻教程、模擬測驗、打字練習(xí)四個部分，其中計算機(jī)基礎(chǔ)知識題庫、視頻教程、模擬測驗都是按照內(nèi)容分類的，分成幾個學(xué)習(xí)單元（包括信息和信息技術(shù)、計算機(jī)發(fā)展的歷史、操作系統(tǒng)、數(shù)據(jù)庫、計算機(jī)軟硬件、信息安全、計算機(jī)網(wǎng)絡(luò)、圖像處理、聲音處理、多媒體技術(shù)應(yīng)用、程序設(shè)計、算法初步、人工智能、動畫基礎(chǔ)等）。

第二板塊是我自己?！拔易约骸笔菍€人中心的一個概括，個人中心是一個全面的信息中心，在這里能夠看到與個人相關(guān)的總體計劃、學(xué)習(xí)動態(tài)，方便對學(xué)習(xí)情況的全面掌握。個人中心也是一個回顧和總結(jié)的資源基地，這里記錄了自使用系統(tǒng)起所有與個人相關(guān)的學(xué)習(xí)歷史，為個人的學(xué)習(xí)總結(jié)提供了比較全面的數(shù)據(jù)。個人中心同時也是系統(tǒng)個性化的設(shè)置入口，支持設(shè)置與個人相關(guān)的個性化配置，幫助用戶更好地定制一個符合自己使用習(xí)慣的系統(tǒng)環(huán)境。個人中心也包括了我的錯題，可以對自己的錯題進(jìn)行整理、修改、重做等。這個板塊還包括注冊登錄功能。

第三板塊是玩中學(xué)。著名的學(xué)習(xí)類軟件設(shè)計師Prensky在2001 年就提倡將電子游戲應(yīng)用于教學(xué)，并認(rèn)為這種教學(xué)方式將更容易被學(xué)生，尤其是數(shù)字原住民所接受。[3]本板塊的設(shè)計旨在充分發(fā)揮教育游戲?qū)χ行W(xué)生的吸引力，增強(qiáng)用戶的沉浸感，其內(nèi)容包括知識百科、小游戲。在知識百科的設(shè)計中，需要強(qiáng)調(diào)知識的實時性、趣味性、實用性以及對中小學(xué)生的適用性。在游戲設(shè)計的過程中，要注意強(qiáng)調(diào)游戲設(shè)計并非基于游戲的技術(shù)或其他相關(guān)實踐，強(qiáng)調(diào)游戲的教育特征而不是單純的娛樂。

● 基于Axure的“世紀(jì)杯”競賽App原型設(shè)計

在對“世紀(jì)杯”競賽App的功能進(jìn)行分析的基礎(chǔ)上，為了使用戶及產(chǎn)品開發(fā)者、生產(chǎn)者更好地了解該App的整體框架以及基本交互，筆者使用Axure制作出了“世紀(jì)杯”競賽的App原型圖，以便讀者更好地了解。

1.首頁

用戶打開App，播放完簡單的過渡動畫后，首先看到的是軟件的首頁（如圖1）。根據(jù)筆者給出的軟件功能框架圖，首頁中包含三個導(dǎo)航板塊，分別是“認(rèn)真學(xué)”“我自己”“玩中學(xué)”。除此之外，首頁中還包含最新的與信息技術(shù)相關(guān)的資訊，可吸引用戶的注意。

2.認(rèn)真學(xué)

在首頁的導(dǎo)航欄中點擊“認(rèn)真學(xué)”菜單，進(jìn)入認(rèn)真學(xué)頁面（如圖2）?！罢J(rèn)真學(xué)”中包含四個部分，將鼠標(biāo)移動到其中任何一個選項，如選擇“知識題庫”，會出現(xiàn)如圖3所示的列表框，選擇具體內(nèi)容，或者直接用右上角的搜索按鈕搜索自己想找的知識點即可。

點擊具體內(nèi)容后，四個選項會向左邊縮小成側(cè)邊欄，隱藏起來，整個界面中會顯示所選擇的內(nèi)容。例如，選擇“信息和信息技術(shù)”選項，會出現(xiàn)如圖4所示的頁面，其中包括“知識學(xué)習(xí)”和“題目練習(xí)”兩部分，“知識學(xué)習(xí)”中直接把知識點羅列出來，方便用戶自學(xué)，“題目練習(xí)”中是練習(xí)題，多以選擇填空的形式出現(xiàn)。點擊左側(cè)的側(cè)邊欄會回到“認(rèn)真學(xué)”的主頁。

3.我自己

點擊導(dǎo)航欄中的“我自己”之后，會出現(xiàn)如上頁圖5所示的界面，“我自己”包含有五部分內(nèi)容。其中，在“個性化”中可以設(shè)置自己喜歡的主題、背景、字體等；“我的錯題”中包含我收藏的錯題以及在練習(xí)過程中的錯題，“我的錯題”可以繼續(xù)練習(xí)也可以從收藏夾中移除；“我的下載”中是我下載的一些資源；“學(xué)習(xí)統(tǒng)計”是對學(xué)過知識的一個統(tǒng)計，包括學(xué)習(xí)了哪幾章節(jié)、占總章節(jié)的比例、正確率、易錯點等；“注冊登錄”中，用戶可以根據(jù)需要登錄和注冊。另外，我們可以看到，在適應(yīng)用戶年齡和心理情感的基礎(chǔ)上，主題背景有所改變。

4.玩中學(xué)

在導(dǎo)航中點擊“玩中學(xué)”，出現(xiàn)如上頁圖6所示的界面，包括計算機(jī)資訊、知識競賽以及各種類型的打字游戲。

● 用戶使用手機(jī)App操作流程圖

用戶登錄手機(jī)App之后，首先進(jìn)入軟件首頁，通過三個導(dǎo)航欄選擇進(jìn)入三個不同的板塊，在三個不同的板塊中可以根據(jù)需要選擇不同的功能。通過返回功能可以重新進(jìn)入主菜單。另外，任何一項功能都可以直接退出應(yīng)用程序。用戶操作手機(jī)App的流程圖如圖7所示。

● 總結(jié)

本文在分析“世紀(jì)杯”計算機(jī)競賽App產(chǎn)生需求的基礎(chǔ)上，首先列出App將會實現(xiàn)的十項功能，并將其歸結(jié)為三大模塊，總結(jié)出最終的功能框架。接著利用Axure軟件，就“認(rèn)真學(xué)”“我自己”“玩中學(xué)”三個模塊進(jìn)行原型設(shè)計。在設(shè)計過程中，在方便用戶學(xué)習(xí)相關(guān)知識、方便進(jìn)行實踐練習(xí)的基礎(chǔ)上，更加強(qiáng)調(diào)軟件的趣味性、游戲化以及畫面的整體布局，并且加入了學(xué)習(xí)統(tǒng)計的功能，方便用戶隨時掌握自己的基本學(xué)習(xí)情況。在設(shè)計的過程中，充分考慮了用戶的年齡特點和心理特點，創(chuàng)造出一種輕松活潑的學(xué)習(xí)氣氛。

本文通過對“世紀(jì)杯”計算機(jī)競賽App的需求進(jìn)行分析，列出App的功能框架，進(jìn)一步設(shè)計出App的基本原型，充分利用Axure原型設(shè)計軟件的優(yōu)點，為App的進(jìn)一步設(shè)計和開發(fā)做了準(zhǔn)備。