“世紀杯”計算機競賽的App原型設計

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

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

關鍵詞：“世紀杯”競賽；Axure；原型設計

中圖分類號：G652 文獻標識碼：B 論文編號：1674-2117（2017）07-0072-04

● Axure RP7.0介紹

Axure RP是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的用戶能夠快速創建應用軟件、Web網站以及移動App的線框圖、流程圖、原型和規格說明文檔。[1]

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

● 需求分析

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

將“世紀杯”計算機競賽設計成一款手機應用，具有這些優勢：①易于在學生群體中普及。②方便學生實現碎片化學習，能更加有效地利用時間。③可以有效降低成本。④互動性強，具有更加豐富多彩的表現形式，能增強用戶的沉浸感。

● 功能框架

本著精簡輕便的原則，以競賽考試的三大內容為出發點，結合中小學生的心理特點，“世紀杯”計算機競賽手機App設計有如下十項功能。

1.計算機基礎知識題庫

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

2.視頻教程

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

3.知識百科

科技發展日新月異，關注最新資訊，不僅可以擴展學生學習的知識面，讓其掌握最新的知識，而且可以提高學生對信息技術、計算機知識的學習興趣，使學習變得更加豐富有趣。

4.模擬測驗

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

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

5.錯題重做

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

6.打字練習

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

7.小游戲

為了吸引學生的學習興趣，使學生能夠做到在玩中學，響應中小學游戲化學習的號召，筆者精心設計了與競賽有關的幾款小游戲并嵌入App中，使學生能夠根據自己的需要邊玩邊學。筆者初步設計出以下兩類小游戲：①知識過關類。將題庫中的題目以關卡的形式給出，結合生生PK、師生PK、排行榜、華麗界面、故事性主題線等多種形式，增強游戲的趣味性?？梢詤⒖家徽镜降资謾CApp。②打字類小游戲。參考金山打字中的小游戲，將字母、單詞、漢字、詞語、句子等的拼寫融入到小游戲中，使學生能在玩游戲的過程中提高打字速度。

8.個性化設置

用戶可以在設置中對字體、界面、主題等進行個性化設置。

9.學習統計分析

該軟件還可以為用戶的學習提供簡易的學習狀況分析，包括制訂學習計劃，給出學習計劃的完成度，標注已經學習的章節及已經學習的內容占全部章節的比例、易錯點、學習速度等。

10.注冊登錄

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

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

第一板塊是認真學。這一部分需要學生擺正學習態度，認真學習。這一板塊的內容包括計算機基礎知識題庫、視頻教程、模擬測驗、打字練習四個部分，其中計算機基礎知識題庫、視頻教程、模擬測驗都是按照內容分類的，分成幾個學習單元（包括信息和信息技術、計算機發展的歷史、操作系統、數據庫、計算機軟硬件、信息安全、計算機網絡、圖像處理、聲音處理、多媒體技術應用、程序設計、算法初步、人工智能、動畫基礎等）。

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

第三板塊是玩中學。著名的學習類軟件設計師Prensky在2001 年就提倡將電子游戲應用于教學，并認為這種教學方式將更容易被學生，尤其是數字原住民所接受。[3]本板塊的設計旨在充分發揮教育游戲對中小學生的吸引力，增強用戶的沉浸感，其內容包括知識百科、小游戲。在知識百科的設計中，需要強調知識的實時性、趣味性、實用性以及對中小學生的適用性。在游戲設計的過程中，要注意強調游戲設計并非基于游戲的技術或其他相關實踐，強調游戲的教育特征而不是單純的娛樂。

● 基于Axure的“世紀杯”競賽App原型設計

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

1.首頁

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

2.認真學

在首頁的導航欄中點擊“認真學”菜單，進入認真學頁面（如圖2）。“認真學”中包含四個部分，將鼠標移動到其中任何一個選項，如選擇“知識題庫”，會出現如圖3所示的列表框，選擇具體內容，或者直接用右上角的搜索按鈕搜索自己想找的知識點即可。

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

3.我自己

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

4.玩中學

在導航中點擊“玩中學”，出現如上頁圖6所示的界面，包括計算機資訊、知識競賽以及各種類型的打字游戲。

● 用戶使用手機App操作流程圖

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

● 總結

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

本文通過對“世紀杯”計算機競賽App的需求進行分析，列出App的功能框架，進一步設計出App的基本原型，充分利用Axure原型設計軟件的優點，為App的進一步設計和開發做了準備。