【正文】 在 完成了軟件的 各項(xiàng) 設(shè)計(jì)后，最終 實(shí)現(xiàn) 了 Web 技術(shù)單詞記憶軟件 ， 并對(duì) 單詞記憶 軟件 與 Web 技術(shù)的 未來 進(jìn)行了展望。 軟件總體 實(shí)現(xiàn)是 圍繞著屬于 Web 技術(shù)的 HTML5 技術(shù) ， 適應(yīng)未來軟件 開發(fā)技術(shù)的方向； 數(shù)據(jù)庫(kù)的設(shè)計(jì) 來源于 NoSQL 技術(shù) ， 可以 實(shí)現(xiàn)更高的性能和開發(fā)效率；服務(wù)器端采用 構(gòu)架，使得單詞記憶 軟件的客戶端和服務(wù)器端保持了語言的一致性，提高了軟件的代碼復(fù)用 能力 。 新 的單詞記憶方法和新的 Web 技術(shù)代替現(xiàn)有的 傳統(tǒng) 方法 和技術(shù) ， 是 適應(yīng) 社會(huì)發(fā)展的必然趨勢(shì)。 另外 單詞 軟件 的 商機(jī) 也 吸引 了金山、新東方、 、 網(wǎng)易有道 等傳統(tǒng)英語 教育 企業(yè) 和互聯(lián)網(wǎng)企業(yè) 。 表 桌面 單詞記憶軟件對(duì)比表 軟件名稱 版本 圖片聯(lián)想 界面定制 發(fā)音 特點(diǎn) 設(shè)置 備份 詞匯之沙 有 無 有 不區(qū)分初記和復(fù)習(xí) 設(shè)置較少 在線備份 為愛背單詞 有 有皮膚 有 設(shè)置較少 本地備份 瘋狂單詞 無 無 有 無憂模式，自動(dòng)判 斷用戶詞匯量 設(shè)置較少 本地備份 明朗單詞通 無 無 無 無 本地備份 不得不背單詞 無 無 無 彈出窗口，強(qiáng)制背 誦 無 本地備份 金山迷你背單詞 20xx 無 無 有 滾動(dòng)記憶 無 本地備份 不知不覺背單詞 無 自定義背景 有 滾動(dòng)記憶 無 本地備份 單詞風(fēng)暴 有 自定義背景 有 有詳細(xì)的統(tǒng)計(jì)功能 選項(xiàng)豐富 本地備份 可導(dǎo)出 6 此類單詞 記憶軟件的主要 優(yōu)點(diǎn) ： （ 1） 此類軟件 出現(xiàn) 較早，整體 功能 和穩(wěn)定性 比較成熟 、 完善。 （ 2） 此類軟件大部分比較傳統(tǒng)，無法使用在線備份功能 ， 甚至不能導(dǎo)出備份 。 本軟件 可以 在 任 意平臺(tái)， 任意 瀏覽器 上 使用 ， 使其 支持最多的平臺(tái)，方便用戶在任何設(shè)備上記憶單詞。 （ 3） 數(shù)據(jù) 在線保存，具有跨 部分 終端的能力。 （ 4） 此類網(wǎng)站大部分不能集成單詞游戲功能，在單詞游戲中用戶往往能 通過輕松的方式，鞏固學(xué)習(xí)的單詞。 單詞記憶軟件 的發(fā)展趨勢(shì) “ 早期 合成語音 真人語音 新技術(shù) 合成語音 ” 的發(fā)展過程 合成 語音最早因?yàn)?操作 系統(tǒng) 綁定 而發(fā)展， 各種軟件 可以 直接 調(diào)用 操作 系統(tǒng)的合成語音庫(kù) ，編程 簡(jiǎn)單 。操作系統(tǒng)中 ，只有 Windows 和 Mac 系統(tǒng)攜帶合成語音， 而且 在部分特殊的，精簡(jiǎn)的系統(tǒng)中可能并沒有語音。 真人 語音因?yàn)槠渥匀坏挠H和力， 在 一段時(shí)期內(nèi)也受到 各種 單詞軟件的廣泛選擇， 其 主要的優(yōu)點(diǎn)有： 8 （ 1） 發(fā)音自然，利于英語的學(xué)習(xí)。 真人語音 雖然 在 互聯(lián)網(wǎng)上也能 找到 一些， 不過 一般都具有 潛在的版權(quán)問題 ， 這是一些大公司不能容忍的。 正是因?yàn)?真人語音庫(kù)的這些問題， 所以在 電腦技術(shù) 極大 發(fā)展的現(xiàn)在，更多的軟件，尤其是大公司， 反而 選擇了 新 技術(shù)的 合成語音 ，而不是真人語音去解決問題 ， 例如中國(guó)的金山 詞霸 等軟件 。 相對(duì)比 投資 而錄制真人語音，合成語音 的 總體費(fèi)用更低廉 。真人語音庫(kù)可能有 復(fù)雜 的不同版權(quán) 的 問題，而合成語音庫(kù)一般 版權(quán) 簡(jiǎn)單。 而 我們 從表 也 可以 看出，即使是 或者 是金山 這樣 的 公司，都在涉足于 Web 網(wǎng)絡(luò) 應(yīng)用，開發(fā)在線單詞記憶軟件 。傳統(tǒng)軟件需要有軟件下載、軟件安裝、軟件升級(jí)等步驟，這些步驟也是降低用戶體驗(yàn)，阻礙用戶使用的一個(gè)問題，而 本 課題軟件使用了 Web技術(shù)就做到了 隨時(shí) 打開 、 隨時(shí)學(xué)習(xí) 、隨時(shí) 體驗(yàn) ， 最大化的方便了用戶。因?yàn)?Web 應(yīng)用天然的跨平臺(tái)能力，所以只要開發(fā)一次，不用修改，或者只需要進(jìn)行極少量的修改，就能在其他平臺(tái) 上 使用， 在 方便開發(fā)的同時(shí)，也降低了生產(chǎn)成本 。無論是 在線社區(qū) 、 論壇還是 微博， Web 應(yīng)用都可以與其簡(jiǎn)單的聯(lián)系起來，而 傳統(tǒng) 桌面 應(yīng)用要做到這一點(diǎn)，可能就需要 額外的 瀏覽器 支持 ， 或者再 綁定 另外開發(fā)的 網(wǎng)絡(luò) 客戶端模塊，無形中增加了軟件的體積和可維護(hù)性。 現(xiàn)在大部分 單詞記憶軟件已經(jīng)支持 了 。 （ 3） 詞根詞綴 。 聯(lián)想圖片 可以是例圖 ， 也可以 是 漫畫等詼諧圖片，無論何種圖片，目的都是為了用戶能 將 圖片和單詞聯(lián)想起來。而 即使 現(xiàn)在，視頻記憶軟件也都是以在線視頻為主 ， 而且并不是每個(gè)單詞都有視頻。 針對(duì)這些 缺點(diǎn) ， 本 節(jié)主要 介紹 本軟件針對(duì)當(dāng)前市場(chǎng)上其他單詞記憶軟件所具備的優(yōu)點(diǎn)。艾賓浩斯 的實(shí)驗(yàn) 所 證明 的，人 會(huì)隨著時(shí)間推移 而遺忘） ， 對(duì)比 其他單詞記憶軟件 獨(dú)特增加了記憶時(shí)間方法。 （ 4） 以 發(fā)音為主， 詞義次之 ，單詞為最次 之 的單詞記憶方法。巴特和 H 以此 ， 最大限度的調(diào)動(dòng)用戶對(duì)聲音的印象 ， 而不是 單純 的視覺印象， 最終 提高單詞記憶的質(zhì) 量。所以 在 老的同類軟件中，往往只 針對(duì) 一個(gè)平臺(tái)，就算是部分軟件針對(duì)多個(gè)平臺(tái)也無法 顧及到多個(gè)平臺(tái) 的 數(shù)據(jù)共享 ， 這些開發(fā)方式和針對(duì)的用戶方式已經(jīng)無法適應(yīng)當(dāng)前 新技術(shù) 發(fā)展和社會(huì)發(fā)展的水平 。 所以本 課題軟件不同于傳統(tǒng) Web 網(wǎng)站式 應(yīng)用， 從 這方面來講更接近于 傳統(tǒng)本地式 桌面應(yīng)用。傳統(tǒng) 的 桌面應(yīng)用 無法跨平臺(tái)，即使使用 例如 GTK、 QT 這樣的跨平臺(tái)庫(kù)，也無法 在手機(jī) 、平板電腦平臺(tái)上使用。HTML5 的 離線緩存技術(shù)不同于一些瀏覽器的 離線瀏覽 技術(shù)， 而是 真正把網(wǎng)絡(luò)應(yīng)用做到本地的技術(shù)。 （ 2） 基于 Websocket， 減少 傳統(tǒng) Web 應(yīng)用所需要的網(wǎng)絡(luò)流量，強(qiáng)化性能。 雖然 HTTPS 也能實(shí)現(xiàn)數(shù)據(jù)加密傳送 ， 但是對(duì)服務(wù)器 和 服務(wù)器證書往往要求較高。 而 CSS 不僅僅 是 Web 發(fā)展的方向，也是傳統(tǒng)桌面應(yīng)用發(fā)展的 方向 ， 例如主要 的開源 綜合庫(kù) 的 GTK 和 QT 都已經(jīng)支持了 CSS 樣式來開發(fā)桌面應(yīng)用， 目的 是為了更好的跨平臺(tái)通用性。 達(dá)到 不 限制 數(shù)據(jù)庫(kù) ，不限制平臺(tái)的等等優(yōu)勢(shì)。 而 本 課題軟件在較低的成本下做到了跨平臺(tái)和各種 創(chuàng)新 特 點(diǎn) ，這本身就是 一種 全新的嘗試 。 （ 3） 在 第 四 章 ， 本文 介紹了課題軟件的 總體 結(jié)構(gòu)劃分和 各 模塊的概要設(shè)計(jì) ， 以及 課題軟件 為什么 如此劃分模塊 。 （ 7） 本文在最后 簡(jiǎn)短 地總結(jié)了畢設(shè)期間所做的工作， 總結(jié) 了本軟件的局限性， 并對(duì)后續(xù)任務(wù)做了初步設(shè)想與規(guī)劃。這種更新將會(huì)解放瀏覽器，讓瀏覽器更少的依賴 Flash 等第三方插件 [3]。此功能不同于以往瀏覽器的緩存功能，此功能提供給了開發(fā)者真正將 Web 應(yīng)用存儲(chǔ)于本地的方式，使得 Web 應(yīng)用能超脫于傳統(tǒng) Web 網(wǎng)站應(yīng)用的范疇，更貼近傳統(tǒng)本地應(yīng)用程序的功能。此功能不同于以前的 Cookies 功能 ，更像是一個(gè)本地 JavaScript 語言可以使用的超級(jí)“ Cookies”，此功能允許應(yīng)用程序在本地存儲(chǔ)大量數(shù)據(jù)，而無需聯(lián)網(wǎng)或者是數(shù)據(jù)庫(kù)。Audio）。 （ 6） 后臺(tái)運(yùn)行支持（ Web Workers）。這項(xiàng)功能在需要運(yùn)行復(fù)雜算法時(shí)可以充分運(yùn)用現(xiàn)代的多核心處理器14 能力，而沖出了 JavaScript 的單線程限制。 HTML5與 本課題軟件的聯(lián)系 本課題軟件 之所以使用 HTML5 技術(shù) 開發(fā)，是 因?yàn)?傳統(tǒng)的 開發(fā) 方式已經(jīng)不能滿足當(dāng)前 軟件對(duì)于 跨平臺(tái) 、成本、通用性的要求，而傳統(tǒng)的 Web 網(wǎng)站式應(yīng)用也不能滿足 當(dāng)前 用戶 渴望 桌面式 應(yīng)用體驗(yàn)的要求 [4]。 本 課題軟件 作為 HTML5 開發(fā) 軟件，甚至可以很方便的轉(zhuǎn)變 為其他 類型程序 ， 具有極大的靈活性 。 是使用 C++編寫的，基于 Google 的 V8 引擎制作的，采用事件驅(qū)動(dòng)、異步編程、為網(wǎng)絡(luò)服務(wù)而設(shè)計(jì) [5]。 JavaScript 作為傳統(tǒng)的前端工程師的主力語言，在社區(qū)中有相當(dāng)?shù)挠绊懥Α? 而著名社交網(wǎng)站 LinkedIn 在移動(dòng)應(yīng)用中也全部使用了 作為服務(wù)器。故本課題軟件使用了 作為服務(wù)器模塊，以配合本軟件所需要的在線功能。暴露出了很多難以克服的問題，非關(guān)系型數(shù)據(jù)庫(kù)則因?yàn)槠浔旧?的特點(diǎn)，得到了迅速的發(fā)展。 （ 2） NoSQL 可以很方便的運(yùn)行在廉價(jià) PC 集群或者云服務(wù)器上。 NoSql支持者也承認(rèn)關(guān)系數(shù)據(jù)庫(kù)提供了無可比擬的功能集合，而且在數(shù)據(jù)完整性上 也發(fā)揮了穩(wěn)定，但是很多情況下企業(yè)對(duì)于這些的要求可能沒那16 么多。 故 選擇 NoSQL 作為主要數(shù)據(jù)庫(kù)技術(shù)可以 更 方便 的 配合 JavaScript 的 技術(shù) 特點(diǎn)。 但因主流桌面 瀏覽器和手機(jī) 瀏覽器 中 已經(jīng)都實(shí)現(xiàn)對(duì)LocalStorage 技術(shù)的 支持，故只能選擇 其作為 數(shù)據(jù)存儲(chǔ)的主要手段 。 本 節(jié)介紹 本 課題軟件所使用的 MVP 設(shè)計(jì)模式 。隨著應(yīng)用的規(guī)模不斷壯大，界面處理的難度也加大了。 業(yè)務(wù)邏輯層（ Presenter）是介于視圖層和模型層之間的一個(gè)層，用來接收來自視圖層的用17 戶請(qǐng)求，或者是將模型層的結(jié)果發(fā)送給視圖層來顯示，充當(dāng)它們兩者之間的一個(gè)橋梁。 Event 類 的主要實(shí)現(xiàn)目的是為了讓一個(gè)類中實(shí)現(xiàn) 一個(gè)或 多個(gè)可以綁定的接口，而其他類可以注冊(cè)這些接口 ，當(dāng)事件 產(chǎn)生時(shí)，就 通知 這些接口，簡(jiǎn)介通知對(duì)這些接口進(jìn)行注冊(cè)的類。當(dāng)然JavaScript 是可以使用面向?qū)ο蠓椒ㄟM(jìn)行編程。在業(yè)務(wù)邏輯層初始化時(shí)，對(duì)視圖層的這個(gè)事件進(jìn)行一次或多次注冊(cè)，也就是說，注冊(cè)之后，當(dāng)視圖類產(chǎn)生這個(gè)按鈕單擊事件之后，會(huì)通過事件類 Event 傳遞到業(yè)務(wù)邏輯層之中，業(yè)務(wù)邏輯層再根據(jù)這個(gè)事件類型進(jìn)行數(shù)據(jù)處理或者調(diào)用 Model的數(shù)據(jù)接口然后將返回的數(shù)據(jù)更新到視圖層。 MVP 也正是 從 傳統(tǒng)的三層結(jié)構(gòu)，發(fā)展到 MVC 結(jié)構(gòu)， 再 從 MVC 結(jié)構(gòu)中發(fā)展進(jìn)步而來的。 但是從代碼和測(cè)試 的 成果來看，已經(jīng)凸顯 了 MVP 設(shè)計(jì)模式 的 優(yōu)勢(shì)， 極大的 降低 了程序模塊間的耦合性，已經(jīng)基本完成了設(shè)計(jì)目的。 在這之前 ，本文 首先 在第三章介紹本課題軟件 作為 一個(gè)單詞記憶軟件的 總體 軟件需求分析。下面 分別 對(duì)于程序的這些部分進(jìn)行需求上的 詳細(xì)說明 。 （ 4） 主界面 在顯示后， 應(yīng) 有一個(gè)針對(duì) 本 程序功能的介紹性 動(dòng)畫 ，對(duì)文字進(jìn)行滾動(dòng)以介紹本程序的特點(diǎn)和 最 簡(jiǎn)單 的 使用方式。 （ 3） 能 按照用戶 要求 跳過某個(gè)單詞的學(xué)習(xí) 。 20 復(fù) 習(xí) 功能 復(fù)習(xí) 功能，是 單詞 記憶軟件最主要的功能之一，其設(shè)計(jì)的主要目的是幫助用戶對(duì) 單詞 進(jìn)行 回憶 ，記憶 某樣 東西的唯一方法就是不斷的重復(fù)記憶，這樣才能保證記憶 存儲(chǔ) 到大腦的 遠(yuǎn)期 記憶區(qū)域并不容易忘記。每個(gè) 單詞 初始 按照 單詞以前的 錯(cuò)誤 次數(shù)不同分別計(jì)為 0~10 分， 而一次 拼寫 正確 ， 就對(duì) 當(dāng)前 單詞增加 相應(yīng) 的分?jǐn)?shù) ； 如果錯(cuò)誤， 就顯示出正確單詞 ， 但是此次 正確 后并不計(jì)分。 可以 用多種方式從本地導(dǎo)入單詞書，可以 用 選擇框進(jìn)行選擇，也可以將單詞書拖拽到本程 序中，而導(dǎo)入時(shí)要 提醒用戶導(dǎo)入了多少個(gè)單詞，有哪些單詞因?yàn)?在 本程序中沒有單詞 信息而 無法導(dǎo)入，因?yàn)楸境绦蛞呀?jīng)自帶了 5 萬 個(gè)單詞 和 詞組的信息 ， 已經(jīng)足夠任何目的的單詞記憶要求，所以沒有單詞信息的幾率是極小的 。 （ 5） 能 對(duì) 某個(gè) 單詞書進(jìn)行刪除操作 ， 讓用戶去掉已經(jīng)不用的單詞書。而在本程序的詞庫(kù)中沒有信息的單詞就無法 添加 到生詞本。 （ 4） 用戶 可以選擇批量 選擇 并刪除生詞本中的單詞 。 這樣 可以 方式用戶的背誦信息丟失或者當(dāng) 用戶 想遷移備份信息到其他終端。 （ 4） 能 讓用戶 將 當(dāng)前的背誦信息保存在本地， 提醒 用戶將這些信息復(fù)制并存儲(chǔ)在其他地方。 （ 3） 當(dāng) 用戶 退出 單詞游戲時(shí)， 優(yōu)先 退出到單詞游戲功能頁(yè)面中，使用戶可以選擇其他游戲。 用 戶 注冊(cè)登錄服務(wù) 用戶 注冊(cè)登錄服務(wù)是服務(wù)端要 響應(yīng) 客戶端 傳送過來 的 注冊(cè) 和登錄請(qǐng)求，完成注冊(cè)并將用戶數(shù)據(jù)保存在 服務(wù)器 。當(dāng) 客戶端 登錄之后，可以 響應(yīng) 客戶端的登錄請(qǐng)求 ， 進(jìn)行在線 備份 或者將備份的信息返回 客戶端 。 本程序 在以下平臺(tái)下通過測(cè)試： （ 1） Firefox 10 或以上 版本 （ 2） Inter Explorer 或 以上版本 （ 3） Chrome 16 或 以上版本 （ 4） Opera 11 或 以上版本 （ 5） Safari 6 或 以上版本 （ 6） IOS 6 或 以上版本 對(duì) 于 服務(wù)器的平臺(tái)需求 本 課題軟件使用 的 主要服務(wù)器技術(shù) 技術(shù)是跨平臺(tái)技術(shù) ， 服務(wù)器平臺(tái)可以是Windows， Mac 或 Linux。 對(duì)于 本軟件來說，客 戶端是本軟件實(shí)現(xiàn)的一個(gè)重點(diǎn) ， 而不是服務(wù)器。 23 第四章 軟件概要 設(shè)計(jì) 本章 介紹課題軟件的基本結(jié)構(gòu)和 各 模塊的概要設(shè)計(jì)。 將 整個(gè) 程序分為三部分主要的目的是保證程序擁有良好的結(jié)構(gòu)，代碼 也 擁有良好的可讀性，更好的實(shí)現(xiàn)程序設(shè)計(jì) 。 （ 3） 是一個(gè) 簡(jiǎn)單易用 而又小型 化 的 JavaScript 文件載入工具，用來并行、動(dòng)態(tài)的載入其他 JavaScript 文件并執(zhí)行。 上層模塊 上層 模塊是最接近用戶的 一些 模塊， 是 程序?qū)崿F(xiàn)的 主要 部分，負(fù)責(zé)和用戶的交互，還有對(duì)軟件 主