【正文】 務(wù)， 如同其他例如 Apache， Nginx， Ligd 這樣軟件提供的服務(wù)，可以讓用戶來 訪問 服務(wù)器。 平臺 需求 對 于 客戶端的平臺需求 本 課題軟件因為使用了 Web 技術(shù)，所以對客戶端 的 操作系統(tǒng)平臺并沒有要求，無論是Windows、 Mac、 Linux，還是 移動平臺 Android、 IOS，亦或者是其他平臺，只要能運(yùn)行 支持HTML5 的 瀏覽器，都能運(yùn)行本程序。 在下 一章 ，將介紹本課題 軟件 的 概要 設(shè)計。 （ 2） jQueryui 是 jQuery 的一個針對圖形界面的擴(kuò)展， 在 本課題軟件中實現(xiàn)了底層對話框 支持、整體 程序 界面 美化 、 對話框皮膚支持 。 24 下 層模塊 中還包括程序底層支持模塊，是本軟件底層 的 一些實現(xiàn)，例如語音播放 功能（ Voice） ，多線程功能 （ Work），對話框 功能（ Message） ，套接字功能 （ Socket）和一些其他模塊都要用到的支持模塊，例如 Base64 的 編碼解碼 等 。 課 題軟件 結(jié)構(gòu) 主模塊J qu e r y模塊J qu e r y ui模塊H e a d . js模塊生詞本模塊單詞書模塊單詞復(fù)習(xí)模塊單詞初級模塊記憶中模塊選項設(shè)置模塊游戲管理模塊程序底層支持模塊 圖 模塊 依賴 關(guān)系 圖 本 課題軟件的模塊劃分主要分為 下層模塊 ，中層模塊和上層模塊三個部分 ?；蛘?是 能 編譯 運(yùn)行 的任何 其他 平臺。當(dāng) 用戶 登錄時就判斷用戶 信息 并返回用戶是否登錄成功 的提示 。 （ 5） 能讓 用戶將將本地的 存檔 信息 恢復(fù) 到程序中。 （ 5） 如果 生詞本中的單詞較多， 用戶 可以按頁瀏覽 所有生詞本 中的單詞。 生詞 本 功能 生詞本 功能 ， 是單詞記憶軟件的重要功能，主要的 目的 是為了 讓 用戶能手動錄入一些 希望 馬上記憶的 單詞 。 （ 4） 在 復(fù)習(xí)結(jié)束時，能按照 Ebbinghus 記憶曲線自動計算下一次復(fù)習(xí)時間 。 （ 4） 如果用戶 對 初記 效果不滿意，可以選擇重新初記， 或者 停止初記。 主 程序 主程序 是軟件初始化 后 的第一個主要功能模塊， 對 其設(shè)計的 主要 需求 包括 ： （ 1） 顯示 載入窗口， 用來 提醒用戶 何時 完成 了 程序的初始化 。 本章小結(jié) 第二章 主要介紹了本課題軟件在實現(xiàn)時所用到的各種技術(shù) 簡介 、 它們 與 本課題的聯(lián)系 。 MVP 設(shè)計模式的優(yōu)點(diǎn) （ 1） 模型與視圖完全分離， 可以修改視圖而不影響模型 （ 2） 可以 更高效地使用模型，因為所有的交互都發(fā)生在業(yè)務(wù)邏輯層 （ 3） 可以將一個業(yè)務(wù)邏輯層用于多個視圖，而不需要改變業(yè)務(wù)邏輯層的邏輯，因為視18 圖的變化總是比模型的變化頻繁。 在 MVP 模式下， JavaScript 對應(yīng)三個層首先要用三個對象（ Object）分別表示。 MVP 的視圖層主要工作是視 圖層面的數(shù)據(jù)采集和處理，對用戶的請求進(jìn)行響應(yīng)，然后將響應(yīng)信息傳遞給業(yè)務(wù)邏輯層進(jìn)行處理。而 LocalStorage要存儲數(shù)據(jù)最好的方法就是使用 NoSQL 風(fēng)格的 JSON 數(shù)據(jù)庫 。 （ 4） NoSql的項目大多數(shù)是開源的，缺乏供應(yīng)商的正式支持， 一般從 社區(qū)尋求支持。 NoSQL的 特點(diǎn) （ 1） 可以處理超大量的數(shù)據(jù)。 Mozilla 基金會、 Google 和我國的網(wǎng)易公司，也都分別開發(fā)過基于 為后臺服務(wù)器的多人在線角色扮演游戲引擎。 的特點(diǎn) （ 1） 性能強(qiáng)大。 在 企業(yè)環(huán)境下， HTML5 已經(jīng) 有了一定程度 的 發(fā)展， 例如 Gmail 的離線應(yīng)用 、 WebOS 和Firefox OS 的 HTML5 式 網(wǎng)絡(luò)編程 、 Facebook 的 HTML5 客戶端， 都已經(jīng)對 HTML5 開發(fā) 應(yīng)用做了 嘗試， Web 應(yīng)用 在很多 方面逐漸取代 傳統(tǒng)應(yīng)用 是主流 軟件開發(fā)領(lǐng)域 的 一個 共同 認(rèn)識 。 HTML 的后臺語言，也就是 JavaScript 語言是一種單線程、事件驅(qū)動語言。 （ 3） 繪圖畫布（ Canvas）。 HTML5 總體來說是一些以 HTML5 的 Web 規(guī)范為基礎(chǔ)的新技術(shù)的統(tǒng)稱，一般宏觀來看包括 HTML5 技術(shù)， CSS3 技術(shù)， Websocket 技術(shù)等。 （ 4） 在 第五章，對課題軟件所使用的 數(shù)據(jù)庫 做了 分析 和設(shè)計。 12 本 課題軟件，也是首次將 比較 復(fù)雜的 傳統(tǒng) 桌面應(yīng)用程序以 HTML5 為 基礎(chǔ)，以 MVP 為構(gòu)架，以 NoSQL 為數(shù)據(jù)庫結(jié)合的一次嘗試 。 （ 3） 基于 新的 CSS 3 的 圖形表現(xiàn) 形式。 這樣 做 極大的 節(jié)省 了網(wǎng)絡(luò)帶寬，提高了 應(yīng)用 性能和用戶體驗。而 本 課題軟件又擁有傳統(tǒng)本地式桌面應(yīng)用所不具備的跨平臺、 即時 連線 、無需 安裝直接使用 等特點(diǎn) 。 對比同類軟件， 在技術(shù)上的 特 點(diǎn) 本 課題 軟件 之所以在技術(shù)上創(chuàng)新，是因為 新 技術(shù)的發(fā)展，導(dǎo)致了現(xiàn)代人面對的平臺不同，面對的設(shè)備不同，面對的情況也不多 。 語言 皆同理，中文也是如此，往往我們記憶 中文 也是 記住 其音和意義，而不是單純的記住字形，例如 ―旮旯 ‖和 ―鬼魅魍魎 ‖這樣 的字，我們可能并不會寫，但是 會說 會聽， 導(dǎo)致 看到時也能想起 來 意思。 在單詞記憶方法上的 特 點(diǎn) 本 課題軟件 在 單詞記憶方法上對比其他單詞記憶軟件的 主要 特點(diǎn) 有： （ 1） 在 綜合了之前單詞記憶軟件的記憶方法的基礎(chǔ)之上， 特別 的增加了 顏色 記憶法 和延遲記憶法， 記憶有效率再次提高。眾所周知 我們 的大腦 就是以 聯(lián)想方式存儲信息的，故此種方法也能很大的程度上提高 用戶 的詞匯 記憶 水平。 （ 2） 例句 。 （ 5） 實時 的 更新性 。 這 正是 因為 Web 應(yīng)用 有著本地 應(yīng)用 無法比擬的 優(yōu)點(diǎn) ，主要的優(yōu)點(diǎn)歸納如下： （ 1） Web 應(yīng)用有跨平臺性 。 （ 3） 可擴(kuò)展性 大，合成語音更換方便， 朗讀 句子和冷僻的單詞也不在話下。 若 為了 規(guī)避 版權(quán)問題而 錄音 ， 投資太大 。這就給 軟件使用合成語音 造成了困難。 （ 5） 此類網(wǎng)站雖然部分擁有鍵盤快捷鍵功能，但是受限于老舊的 Web 技術(shù)，此類功能會受到諸多限制且不流暢。 在線式單詞 記憶軟件 對比 在 這一小節(jié)，我們首先看表 中 對本類軟件的對比測試，然后分析它們當(dāng)前的優(yōu)缺點(diǎn)。 （ 2） 此類軟件因為是本地程序，大部分使用 C/C++與本地庫編寫，速度流暢。 雖然市場上 已經(jīng)出現(xiàn)了 部分基于 Web 技術(shù)的單詞 記憶 軟件，但是他們所使用的技術(shù)依然 受傳統(tǒng) Web 技術(shù) 能力 的 制約 ，不僅無法達(dá)到傳統(tǒng)桌面 開發(fā) 技術(shù)軟件的能力，甚至 無法 發(fā)揮 Web 本身 的 技術(shù) 優(yōu)勢 ，同時 在單詞記憶方法上的優(yōu)勢也不 明顯 。 軟件總體 實現(xiàn)是 圍繞著屬于 Web 技術(shù)的 HTML5 技術(shù) ， 適應(yīng)未來軟件 開發(fā)技術(shù)的方向； 數(shù)據(jù)庫的設(shè)計 來源于 NoSQL 技術(shù) ， 可以 實現(xiàn)更高的性能和開發(fā)效率；服務(wù)器端采用 構(gòu)架，使得單詞記憶 軟件的客戶端和服務(wù)器端保持了語言的一致性，提高了軟件的代碼復(fù)用 能力 。 另外 單詞 軟件 的 商機(jī) 也 吸引 了金山、新東方、 、 網(wǎng)易有道 等傳統(tǒng)英語 教育 企業(yè) 和互聯(lián)網(wǎng)企業(yè) 。 （ 2） 此類軟件大部分比較傳統(tǒng)，無法使用在線備份功能 ， 甚至不能導(dǎo)出備份 。 （ 3） 數(shù)據(jù) 在線保存，具有跨 部分 終端的能力。 單詞記憶軟件 的發(fā)展趨勢 “ 早期 合成語音 真人語音 新技術(shù) 合成語音 ” 的發(fā)展過程 合成 語音最早因為 操作 系統(tǒng) 綁定 而發(fā)展， 各種軟件 可以 直接 調(diào)用 操作 系統(tǒng)的合成語音庫 ，編程 簡單 。 真人 語音因為其自然的親和力， 在 一段時期內(nèi)也受到 各種 單詞軟件的廣泛選擇， 其 主要的優(yōu)點(diǎn)有： 8 （ 1） 發(fā)音自然，利于英語的學(xué)習(xí)。 正是因為 真人語音庫的這些問題， 所以在 電腦技術(shù) 極大 發(fā)展的現(xiàn)在，更多的軟件，尤其是大公司， 反而 選擇了 新 技術(shù)的 合成語音 ，而不是真人語音去解決問題 ， 例如中國的金山 詞霸 等軟件 。真人語音庫可能有 復(fù)雜 的不同版權(quán) 的 問題，而合成語音庫一般 版權(quán) 簡單。傳統(tǒng)軟件需要有軟件下載、軟件安裝、軟件升級等步驟，這些步驟也是降低用戶體驗，阻礙用戶使用的一個問題，而 本 課題軟件使用了 Web技術(shù)就做到了 隨時 打開 、 隨時學(xué)習(xí) 、隨時 體驗 ， 最大化的方便了用戶。無論是 在線社區(qū) 、 論壇還是 微博， Web 應(yīng)用都可以與其簡單的聯(lián)系起來，而 傳統(tǒng) 桌面 應(yīng)用要做到這一點(diǎn)，可能就需要 額外的 瀏覽器 支持 ， 或者再 綁定 另外開發(fā)的 網(wǎng)絡(luò) 客戶端模塊，無形中增加了軟件的體積和可維護(hù)性。 （ 3） 詞根詞綴 。而 即使 現(xiàn)在，視頻記憶軟件也都是以在線視頻為主 ， 而且并不是每個單詞都有視頻。艾賓浩斯 的實驗 所 證明 的，人 會隨著時間推移 而遺忘） ， 對比 其他單詞記憶軟件 獨(dú)特增加了記憶時間方法。巴特和 H所以 在 老的同類軟件中，往往只 針對 一個平臺，就算是部分軟件針對多個平臺也無法 顧及到多個平臺 的 數(shù)據(jù)共享 ， 這些開發(fā)方式和針對的用戶方式已經(jīng)無法適應(yīng)當(dāng)前 新技術(shù) 發(fā)展和社會發(fā)展的水平 。傳統(tǒng) 的 桌面應(yīng)用 無法跨平臺，即使使用 例如 GTK、 QT 這樣的跨平臺庫，也無法 在手機(jī) 、平板電腦平臺上使用。 （ 2） 基于 Websocket， 減少 傳統(tǒng) Web 應(yīng)用所需要的網(wǎng)絡(luò)流量，強(qiáng)化性能。 而 CSS 不僅僅 是 Web 發(fā)展的方向，也是傳統(tǒng)桌面應(yīng)用發(fā)展的 方向 ， 例如主要 的開源 綜合庫 的 GTK 和 QT 都已經(jīng)支持了 CSS 樣式來開發(fā)桌面應(yīng)用， 目的 是為了更好的跨平臺通用性。 而 本 課題軟件在較低的成本下做到了跨平臺和各種 創(chuàng)新 特 點(diǎn) ，這本身就是 一種 全新的嘗試 。 （ 7） 本文在最后 簡短 地總結(jié)了畢設(shè)期間所做的工作， 總結(jié) 了本軟件的局限性， 并對后續(xù)任務(wù)做了初步設(shè)想與規(guī)劃。此功能不同于以往瀏覽器的緩存功能，此功能提供給了開發(fā)者真正將 Web 應(yīng)用存儲于本地的方式，使得 Web 應(yīng)用能超脫于傳統(tǒng) Web 網(wǎng)站應(yīng)用的范疇，更貼近傳統(tǒng)本地應(yīng)用程序的功能。Audio）。這項功能在需要運(yùn)行復(fù)雜算法時可以充分運(yùn)用現(xiàn)代的多核心處理器14 能力，而沖出了 JavaScript 的單線程限制。 本 課題軟件 作為 HTML5 開發(fā) 軟件，甚至可以很方便的轉(zhuǎn)變 為其他 類型程序 ， 具有極大的靈活性 。 JavaScript 作為傳統(tǒng)的前端工程師的主力語言，在社區(qū)中有相當(dāng)?shù)挠绊懥?。故本課題軟件使用了 作為服務(wù)器模塊，以配合本軟件所需要的在線功能。 （ 2） NoSQL 可以很方便的運(yùn)行在廉價 PC 集群或者云服務(wù)器上。 故 選擇 NoSQL 作為主要數(shù)據(jù)庫技術(shù)可以 更 方便 的 配合 JavaScript 的 技術(shù) 特點(diǎn)。 本 節(jié)介紹 本 課題軟件所使用的 MVP 設(shè)計模式 。 業(yè)務(wù)邏輯層（ Presenter）是介于視圖層和模型層之間的一個層，用來接收來自視圖層的用17 戶請求，或者是將模型層的結(jié)果發(fā)送給視圖層來顯示，充當(dāng)它們兩者之間的一個橋梁。當(dāng)然JavaScript 是可以使用面向?qū)ο蠓椒ㄟM(jìn)行編程。 MVP 也正是 從 傳統(tǒng)的三層結(jié)構(gòu)，發(fā)展到 MVC 結(jié)構(gòu)， 再 從 MVC 結(jié)構(gòu)中發(fā)展進(jìn)步而來的。 在這之前 ，本文 首先 在第三章介紹本課題軟件 作為 一個單詞記憶軟件的 總體 軟件需求分析。 （ 4） 主界面 在顯示后， 應(yīng) 有一個針對 本 程序功能的介紹性 動畫 ，對文字進(jìn)行滾動以介紹本程序的特點(diǎn)和 最 簡單 的 使用方式。 20 復(fù) 習(xí) 功能 復(fù)習(xí) 功能，是 單詞 記憶軟件最主要的功能之一，其設(shè)計的主要目的是幫助用戶對 單詞 進(jìn)行 回憶 ，記憶 某樣 東西的唯一方法就是不斷的重復(fù)記憶，這樣才能保證記憶 存儲 到大腦的 遠(yuǎn)期 記憶區(qū)域并不容易忘記。 可以 用多種方式從本地導(dǎo)入單詞書，可以 用 選擇框進(jìn)行選擇，也可以將單詞書拖拽到本程 序中，而導(dǎo)入時要 提醒用戶導(dǎo)入了多少個單詞，有哪些單詞因為 在 本程序中沒有單詞 信息而 無法導(dǎo)入，因為本程序已經(jīng)自帶了 5 萬 個單詞 和 詞組的信息 ， 已經(jīng)足夠任何目的的單詞記憶要求，所以沒有單詞信息的幾率是極小的 。而在本程序的詞庫中沒有信息的單詞就無法 添加 到生詞本。 這樣 可以 方式用戶的背誦信息丟失或者當(dāng) 用戶 想遷移備份信息到其他終端。 （ 3） 當(dāng) 用戶 退出 單詞游戲時， 優(yōu)先 退出到單詞游戲功能頁面中，使用戶可以選擇其他游戲。當(dāng) 客戶端 登錄之后，可以 響應(yīng) 客戶端的登錄請求 ， 進(jìn)行在線 備份 或者將備份的信息返回 客戶端 。 對于 本軟件來說，客 戶端是本軟件實現(xiàn)的一個重點(diǎn) ， 而不是服務(wù)器。 將 整個 程序分為三部分主要的目的是保證程序擁有良好的結(jié)構(gòu)，代碼 也 擁有良好的可讀性，更好的實現(xiàn)程序設(shè)計 。 上層模塊 上層 模塊是最接近用戶的 一些 模塊， 是 程序?qū)崿F(xiàn)的 主要 部分，負(fù)責(zé)和用戶的交互，還有對軟件 主