【正文】 模塊，而上層模塊依賴中層模塊 。 （ 2） jQueryui 是 jQuery 的一個針對圖形界面的擴(kuò)展， 在 本課題軟件中實現(xiàn)了底層對話框 支持、整體 程序 界面 美化 、 對話框皮膚支持 。 主模塊 看似簡單，其實任務(wù)最重要，首先要保證程序的 正確 載入，其次在程序 載入后又能 按照 預(yù)先設(shè)定的功能運(yùn)行其他模塊，需要具有 一定 的兼容性和容錯性。 24 下 層模塊 中還包括程序底層支持模塊，是本軟件底層 的 一些實現(xiàn)，例如語音播放 功能（ Voice） ，多線程功能 （ Work），對話框 功能（ Message） ，套接字功能 （ Socket）和一些其他模塊都要用到的支持模塊，例如 Base64 的 編碼解碼 等 。 下面 分別 進(jìn)行說明。 課 題軟件 結(jié)構(gòu) 主模塊J qu e r y模塊J qu e r y ui模塊H e a d . js模塊生詞本模塊單詞書模塊單詞復(fù)習(xí)模塊單詞初級模塊記憶中模塊選項設(shè)置模塊游戲管理模塊程序底層支持模塊 圖 模塊 依賴 關(guān)系 圖 本 課題軟件的模塊劃分主要分為 下層模塊 ，中層模塊和上層模塊三個部分 。 本 課題軟件雖然是一個 B/S 結(jié)構(gòu)軟件，但是并不同于傳統(tǒng)意義上的 B/S，可以說是富客戶端的 B/S 結(jié)構(gòu)軟件?；蛘?是 能 編譯 運(yùn)行 的任何 其他 平臺?？蛻舳?請求 的備份和 恢復(fù) 功能都是 使用 Websocket 功能進(jìn)行加密傳輸?shù)?。?dāng) 用戶 登錄時就判斷用戶 信息 并返回用戶是否登錄成功 的提示 。 （ 4） 記錄 游戲的得分， 提醒 用戶獲得的得分并可以記錄。 （ 5） 能讓 用戶將將本地的 存檔 信息 恢復(fù) 到程序中。選項 設(shè)置與 存檔讀檔功能的主要功能需求有： （ 1） 顯示能 調(diào)節(jié)的各種軟件 設(shè)置 信息， 給予 每個信息 以 一定提示，幫助用戶選擇。 （ 5） 如果 生詞本中的單詞較多， 用戶 可以按頁瀏覽 所有生詞本 中的單詞。 （ 2） 當(dāng) 找到單詞信息后，用戶可以選擇 將當(dāng)前 單詞添加到 生詞本 中，這樣在下一次 初記 時，就會優(yōu)先記憶生詞本中的單詞。 生詞 本 功能 生詞本 功能 ， 是單詞記憶軟件的重要功能，主要的 目的 是為了 讓 用戶能手動錄入一些 希望 馬上記憶的 單詞 。 （ 2） 能 選擇某個單詞書為當(dāng)前單詞書，也就是說單詞的初記會從此單詞中 獲取 單詞。 （ 4） 在 復(fù)習(xí)結(jié)束時，能按照 Ebbinghus 記憶曲線自動計算下一次復(fù)習(xí)時間 。單詞 復(fù)習(xí) 功能 的 主要需求有 ： （ 1） 能 判斷出當(dāng)前 數(shù)據(jù)庫 中 哪些 單詞需要復(fù)習(xí)，哪些單詞 現(xiàn)在 還不需要復(fù)習(xí)。 （ 4） 如果用戶 對 初記 效果不滿意，可以選擇重新初記， 或者 停止初記。 （ 5） 因為 本 課題 軟件是 單詞記憶軟件 ，故在主界面上模仿 其他一些 單詞記憶軟件 或者單詞網(wǎng)站 ，顯示一些 關(guān)于 記憶的小信息 、 小竅門 ， 或者 成語 、例句來 提高 用戶對單詞 記憶 的興趣， 擴(kuò)展 用戶的 語言知識 。 主 程序 主程序 是軟件初始化 后 的第一個主要功能模塊， 對 其設(shè)計的 主要 需求 包括 ： （ 1） 顯示 載入窗口， 用來 提醒用戶 何時 完成 了 程序的初始化 。 19 第三章 軟件需求分析 本章 介紹本課題軟件的 軟件 需求分析，為 軟件 的實現(xiàn)做好基礎(chǔ)準(zhǔn)備。 本章小結(jié) 第二章 主要介紹了本課題軟件在實現(xiàn)時所用到的各種技術(shù) 簡介 、 它們 與 本課題的聯(lián)系 。 眾所周知 JavaScript 語言是一種事件驅(qū)動語言，這也正是上文所述的 實現(xiàn)的基本技術(shù) 基礎(chǔ)。 MVP 設(shè)計模式的優(yōu)點 （ 1） 模型與視圖完全分離， 可以修改視圖而不影響模型 （ 2） 可以 更高效地使用模型，因為所有的交互都發(fā)生在業(yè)務(wù)邏輯層 （ 3） 可以將一個業(yè)務(wù)邏輯層用于多個視圖，而不需要改變業(yè)務(wù)邏輯層的邏輯，因為視18 圖的變化總是比模型的變化頻繁。 首先的每個操作都表現(xiàn)在視圖層的，如點擊按鈕，或者輸入信息。 在 MVP 模式下， JavaScript 對應(yīng)三個層首先要用三個對象（ Object）分別表示。在 MVP設(shè)計模式中，應(yīng)用程序的邏輯主要在業(yè)務(wù)邏輯層實現(xiàn) （如 圖 所示 ） 。 MVP 的視圖層主要工作是視 圖層面的數(shù)據(jù)采集和處理，對用戶的請求進(jìn)行響應(yīng)，然后將響應(yīng)信息傳遞給業(yè)務(wù)邏輯層進(jìn)行處理。 引言 MVP（ ModelViewPresenter）即把一個應(yīng)用的輸入、處理、輸出流程按照 Model、 View、Presenter 的方法進(jìn)行分離，這樣就 分成了三個層：模型層，視圖層，業(yè)務(wù)邏輯層（提供者層）。而 LocalStorage要存儲數(shù)據(jù)最好的方法就是使用 NoSQL 風(fēng)格的 JSON 數(shù)據(jù)庫 。 （ 2） 本程序 的主要數(shù)據(jù)庫內(nèi)容 并非 是安全保密的用戶 私人 文件，而更多是單詞信息和單詞 記憶 信息這種 對 安全性和數(shù)據(jù)完整性要求不高的數(shù)據(jù)。 （ 4） NoSql的項目大多數(shù)是開源的，缺乏供應(yīng)商的正式支持， 一般從 社區(qū)尋求支持。因為 NoSql 的松散組織特點，更利于分布式應(yīng)用。 NoSQL的 特點 （ 1） 可以處理超大量的數(shù)據(jù)。 （ 3） 因 為 的可擴(kuò)展性強(qiáng)大，也賦予了本軟件足夠的擴(kuò)展能力以適應(yīng)以后業(yè)務(wù)的發(fā)展。 Mozilla 基金會、 Google 和我國的網(wǎng)易公司，也都分別開發(fā)過基于 為后臺服務(wù)器的多人在線角色扮演游戲引擎。正因為 選擇 JavaScript 作為語言，所以前端工程師也可以15 很方便的融入到后端開發(fā)，更利于前端后端開發(fā)的協(xié)調(diào)。 的特點 （ 1） 性能強(qiáng)大。 雖然 由 HTML5 開發(fā) 出來的程序是在線程序，但是 可以極易的擴(kuò)展為本地應(yīng)用程序： 例如 使用 免費開源 的 GTK、 QT 的 Webkit 引擎 就 可以直接 變?yōu)榭梢?跨 Windows、 Mac、 Linux 的 傳統(tǒng)桌面程序 ； 還 例如 使用 Adobe 公司的 PhoneGap 的引擎就 可以直接 變?yōu)?跨 Android、 IOS、 Windows Phone 系統(tǒng) 的手機(jī)原生應(yī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)識 。 （ 7） 套接字支持（ Websockets）。 HTML 的后臺語言，也就是 JavaScript 語言是一種單線程、事件驅(qū)動語言。此功能可以提供原生的視頻、音頻播放能力，不需要再依賴 Flash 或者 ActiveX 控件。 （ 3） 繪圖畫布（ Canvas）。此功能的核心，是將Web 程序所需要的一切文件，包括 html 文件、 JavaScript 語言文件、 CSS 樣式、圖片等緩存在瀏覽器本地，需要使用時無需聯(lián)網(wǎng)也可以使用。 HTML5 總體來說是一些以 HTML5 的 Web 規(guī)范為基礎(chǔ)的新技術(shù)的統(tǒng)稱，一般宏觀來看包括 HTML5 技術(shù)， CSS3 技術(shù)， Websocket 技術(shù)等。 13 第二章 課題軟件 使用技術(shù) 簡介 本 章介紹本課題軟件使用的各種 使用技術(shù) ， 與 使用這些技術(shù) 的 原因 和特點 。 （ 4） 在 第五章，對課題軟件所使用的 數(shù)據(jù)庫 做了 分析 和設(shè)計。 文章 的組織結(jié)構(gòu) 在 前面的緒論中，本文對單詞記憶軟件的 現(xiàn)狀及其 發(fā)展 、 本軟件 實現(xiàn)所在 的基本技術(shù)和社會背景 、 以及本軟件對比同類軟件的各種優(yōu)勢 做 了介紹 。 12 本 課題軟件，也是首次將 比較 復(fù)雜的 傳統(tǒng) 桌面應(yīng)用程序以 HTML5 為 基礎(chǔ)，以 MVP 為構(gòu)架，以 NoSQL 為數(shù)據(jù)庫結(jié)合的一次嘗試 。 （ 4） 基于 新型 NoSQL 數(shù)據(jù)庫 模式 。 （ 3） 基于 新的 CSS 3 的 圖形表現(xiàn) 形式。傳統(tǒng) 的 Web應(yīng)用 所使用 的無非是基于 AJAX 的， HTTP 協(xié)議的信息傳輸，但是此種信息傳輸 模式 在大量數(shù)據(jù)傳輸和長連接上要消耗大量的網(wǎng)絡(luò)帶寬 和 延遲 。 這樣 做 極大的 節(jié)省 了網(wǎng)絡(luò)帶寬，提高了 應(yīng)用 性能和用戶體驗。而 基于 HTML5 的 Web 技術(shù)可以 在任何支持瀏覽器的平臺上運(yùn)行，包括而不局限于 桌面平臺 、手機(jī)平臺、平板電腦平臺、 可 穿戴式計算機(jī)平臺 、 物聯(lián)網(wǎng)平臺 等等 ，做到真正的隨時隨地記憶單詞 。而 本 課題軟件又擁有傳統(tǒng)本地式桌面應(yīng)用所不具備的跨平臺、 即時 連線 、無需 安裝直接使用 等特點 。 因此 ，本課題軟件在技術(shù)上 達(dá)到 創(chuàng)新， 適應(yīng) 這些新技術(shù)和社會的發(fā)展， 對比 以前的同類軟件 的創(chuàng)新點 主要體現(xiàn)在： （ 1） 基于 HTML5 技術(shù) 構(gòu)建， 擁有 傳統(tǒng) Web 網(wǎng)站式應(yīng)用無法比擬的優(yōu)勢 。 對比同類軟件， 在技術(shù)上的 特 點 本 課題 軟件 之所以在技術(shù)上創(chuàng)新，是因為 新 技術(shù)的發(fā)展，導(dǎo)致了現(xiàn)代人面對的平臺不同，面對的設(shè)備不同，面對的情況也不多 。G 語言 皆同理，中文也是如此，往往我們記憶 中文 也是 記住 其音和意義，而不是單純的記住字形，例如 ―旮旯 ‖和 ―鬼魅魍魎 ‖這樣 的字，我們可能并不會寫，但是 會說 會聽， 導(dǎo)致 看到時也能想起 來 意思。 Ebbinghaus 記憶 曲線的主要 時間單位是 “ 天 ” ，而現(xiàn)在 主流 研究的 看法 是， 人 的記憶力在一天的時間段內(nèi) 也是 不同的，故本課題軟件特別在 Ebbinghaus 記憶曲線 的時間內(nèi)，將單詞 記憶點四舍五入 的 提早 或延遲到一天的記憶 點 高峰 ，以此 盡最大努力提高 單詞記憶效率 [2]。 在單詞記憶方法上的 特 點 本 課題軟件 在 單詞記憶方法上對比其他單詞記憶軟件的 主要 特點 有： （ 1） 在 綜合了之前單詞記憶軟件的記憶方法的基礎(chǔ)之上， 特別 的增加了 顏色 記憶法 和延遲記憶法， 記憶有效率再次提高。視頻 主要 講解單詞的組成 、 發(fā)音 、例句、 詞根詞綴 、 聯(lián)想圖片等，可以說是 前面 幾種輔助方式的一種綜合。眾所周知 我們 的大腦 就是以 聯(lián)想方式存儲信息的，故此種方法也能很大的程度上提高 用戶 的詞匯 記憶 水平。 一些 單詞 記憶軟件也同時使用了這些記憶方法來輔助記憶，在 顯示 單詞其他信息的同時，也顯示詞根詞綴的信息，輔助單詞的記憶， 使單詞 的記憶 達(dá)到 更好的效果。 （ 2） 例句 。 從 單一記憶形式發(fā)展到 多維輔助 記憶形式 早期單詞 記憶軟件的發(fā)展是以 單純的 文字表現(xiàn)為主，主要以單詞的 詞性 、詞義、音標(biāo)為主 來 進(jìn)行記憶，而 現(xiàn)在 的單詞記憶軟件越發(fā)復(fù)雜與龐大，發(fā)展為以本地詞庫 為主 ，以在線 信息 為輔的多方面 輔助 記憶形式 。 （ 5） 實時 的 更新性 。 （ 3） 跨 地域性 。 這 正是 因為 Web 應(yīng)用 有著本地 應(yīng)用 無法比擬的 優(yōu)點 ，主要的優(yōu)點歸納如下： （ 1） Web 應(yīng)用有跨平臺性 。 從傳統(tǒng) 本地應(yīng)用程序到在線式應(yīng)用的發(fā)展 傳統(tǒng) 的本地應(yīng)用程序 ， 尤其是桌面應(yīng)用程序，一直是程序開發(fā)的主流 。 （ 3） 可擴(kuò)展性 大，合成語音更換方便， 朗讀 句子和冷僻的單詞也不在話下。 在 現(xiàn)階段 ， 基于 新技術(shù)的 合成語音的主要優(yōu)點有： （ 1） 發(fā)音 接近自然語音。 若 為了 規(guī)避 版權(quán)問題而 錄音 ， 投資太大 。 （ 2） 由軟件直接控制，不經(jīng)過系統(tǒng)，可以規(guī)避系統(tǒng) 合成語音 可能產(chǎn)生的各種問題。這就給 軟件使用合成語音 造成了困難。 早期的合成語音 有 其 鮮明 的 特點 ，其主要缺點有 ： （ 1） 語音質(zhì)量差。 （ 5） 此類網(wǎng)站雖然部分擁有鍵盤快捷鍵功能，但是受限于老舊的 Web 技術(shù)，此類功能會受到諸多限制且不流暢。 此類單詞 記憶軟件的主要缺點 ： （ 1） 此類網(wǎng)站多使用較老的網(wǎng)頁技術(shù)，并未使用最新的網(wǎng)頁技術(shù)，在響應(yīng)速度，讀取速度和發(fā)音速度上不能滿足現(xiàn)在用戶的需要。 在線式單詞 記憶軟件 對比 在 這一小節(jié)，我們首先看表 中 對本類軟件的對比測試，然后分析它們當(dāng)前的優(yōu)缺點。 （ 3） 而且平臺單一 ， 即便有部分軟件有手機(jī)或者其他平臺版本，也無法做到 在 不同平臺上的詞庫 、 功能和背誦進(jìn)度 一致性 ，阻礙了用戶在多終端的情況下 記憶 單詞 。 （ 2） 此類軟件因為是本地程序，大部分使用 C/C++與本地庫編寫，速度流暢。 現(xiàn)有的單詞 記憶 軟件 的 缺陷 在單詞記憶方法 上 ，有方法陳舊 、 效率不高 等 問題 ； 在技術(shù)上有 平臺 兼容性差 、 上手 困難 、 無法跨平臺， 數(shù)據(jù) 不能隨網(wǎng)絡(luò)移動 等等 缺陷。 雖然市場上 已經(jīng)出現(xiàn)了 部分基于 Web 技術(shù)的單詞 記憶 軟件，但是他們所使用的技術(shù)依然 受傳統(tǒng) Web 技術(shù) 能力 的 制約 ，不僅無法達(dá)到傳統(tǒng)桌面 開發(fā) 技術(shù)軟件的能力，甚至 無法 發(fā)揮 Web 本身 的 技術(shù) 優(yōu)勢 ，同時 在單詞記憶方法上的優(yōu)勢也不 明顯 。