【正文】 將 整個(gè) 程序分為三部分主要的目的是保證程序擁有良好的結(jié)構(gòu)，代碼 也 擁有良好的可讀性，更好的實(shí)現(xiàn)程序設(shè)計(jì) 。當(dāng) 客戶端 登錄之后，可以 響應(yīng) 客戶端的登錄請(qǐng)求 ， 進(jìn)行在線 備份 或者將備份的信息返回 客戶端 。 這樣 可以 方式用戶的背誦信息丟失或者當(dāng) 用戶 想遷移備份信息到其他終端。 可以 用多種方式從本地導(dǎo)入單詞書，可以 用 選擇框進(jìn)行選擇，也可以將單詞書拖拽到本程 序中，而導(dǎo)入時(shí)要 提醒用戶導(dǎo)入了多少個(gè)單詞，有哪些單詞因?yàn)?在 本程序中沒(méi)有單詞 信息而 無(wú)法導(dǎo)入，因?yàn)楸境绦蛞呀?jīng)自帶了 5 萬(wàn) 個(gè)單詞 和 詞組的信息 ， 已經(jīng)足夠任何目的的單詞記憶要求，所以沒(méi)有單詞信息的幾率是極小的 。 （ 4） 主界面 在顯示后， 應(yīng) 有一個(gè)針對(duì) 本 程序功能的介紹性 動(dòng)畫 ，對(duì)文字進(jìn)行滾動(dòng)以介紹本程序的特點(diǎn)和 最 簡(jiǎn)單 的 使用方式。 MVP 也正是 從 傳統(tǒng)的三層結(jié)構(gòu)，發(fā)展到 MVC 結(jié)構(gòu)， 再 從 MVC 結(jié)構(gòu)中發(fā)展進(jìn)步而來(lái)的。 業(yè)務(wù)邏輯層（ Presenter）是介于視圖層和模型層之間的一個(gè)層，用來(lái)接收來(lái)自視圖層的用17 戶請(qǐng)求，或者是將模型層的結(jié)果發(fā)送給視圖層來(lái)顯示，充當(dāng)它們兩者之間的一個(gè)橋梁。 故 選擇 NoSQL 作為主要數(shù)據(jù)庫(kù)技術(shù)可以 更 方便 的 配合 JavaScript 的 技術(shù) 特點(diǎn)。故本課題軟件使用了 作為服務(wù)器模塊，以配合本軟件所需要的在線功能。 本 課題軟件 作為 HTML5 開(kāi)發(fā) 軟件，甚至可以很方便的轉(zhuǎn)變 為其他 類型程序 ， 具有極大的靈活性 。Audio）。 （ 7） 本文在最后 簡(jiǎn)短 地總結(jié)了畢設(shè)期間所做的工作， 總結(jié) 了本軟件的局限性， 并對(duì)后續(xù)任務(wù)做了初步設(shè)想與規(guī)劃。 而 CSS 不僅僅 是 Web 發(fā)展的方向，也是傳統(tǒng)桌面應(yīng)用發(fā)展的 方向 ， 例如主要 的開(kāi)源 綜合庫(kù) 的 GTK 和 QT 都已經(jīng)支持了 CSS 樣式來(lái)開(kāi)發(fā)桌面應(yīng)用， 目的 是為了更好的跨平臺(tái)通用性。傳統(tǒng) 的 桌面應(yīng)用 無(wú)法跨平臺(tái)，即使使用 例如 GTK、 QT 這樣的跨平臺(tái)庫(kù)，也無(wú)法 在手機(jī) 、平板電腦平臺(tái)上使用。巴特和 H而 即使 現(xiàn)在，視頻記憶軟件也都是以在線視頻為主 ， 而且并不是每個(gè)單詞都有視頻。無(wú)論是 在線社區(qū) 、 論壇還是 微博， Web 應(yīng)用都可以與其簡(jiǎn)單的聯(lián)系起來(lái)，而 傳統(tǒng) 桌面 應(yīng)用要做到這一點(diǎn)，可能就需要 額外的 瀏覽器 支持 ， 或者再 綁定 另外開(kāi)發(fā)的 網(wǎng)絡(luò) 客戶端模塊，無(wú)形中增加了軟件的體積和可維護(hù)性。真人語(yǔ)音庫(kù)可能有 復(fù)雜 的不同版權(quán) 的 問(wèn)題，而合成語(yǔ)音庫(kù)一般 版權(quán) 簡(jiǎn)單。 真人 語(yǔ)音因?yàn)槠渥匀坏挠H和力， 在 一段時(shí)期內(nèi)也受到 各種 單詞軟件的廣泛選擇， 其 主要的優(yōu)點(diǎn)有： 8 （ 1） 發(fā)音自然，利于英語(yǔ)的學(xué)習(xí)。 （ 3） 數(shù)據(jù) 在線保存，具有跨 部分 終端的能力。 另外 單詞 軟件 的 商機(jī) 也 吸引 了金山、新東方、 、 網(wǎng)易有道 等傳統(tǒng)英語(yǔ) 教育 企業(yè) 和互聯(lián)網(wǎng)企業(yè) 。 雖然市場(chǎng)上 已經(jīng)出現(xiàn)了 部分基于 Web 技術(shù)的單詞 記憶 軟件，但是他們所使用的技術(shù)依然 受傳統(tǒng) Web 技術(shù) 能力 的 制約 ，不僅無(wú)法達(dá)到傳統(tǒng)桌面 開(kāi)發(fā) 技術(shù)軟件的能力，甚至 無(wú)法 發(fā)揮 Web 本身 的 技術(shù) 優(yōu)勢(shì) ，同時(shí) 在單詞記憶方法上的優(yōu)勢(shì)也不 明顯 。 在線式單詞 記憶軟件 對(duì)比 在 這一小節(jié)，我們首先看表 中 對(duì)本類軟件的對(duì)比測(cè)試，然后分析它們當(dāng)前的優(yōu)缺點(diǎn)。這就給 軟件使用合成語(yǔ)音 造成了困難。 （ 3） 可擴(kuò)展性 大，合成語(yǔ)音更換方便， 朗讀 句子和冷僻的單詞也不在話下。 （ 5） 實(shí)時(shí) 的 更新性 。眾所周知 我們 的大腦 就是以 聯(lián)想方式存儲(chǔ)信息的，故此種方法也能很大的程度上提高 用戶 的詞匯 記憶 水平。 語(yǔ)言 皆同理，中文也是如此，往往我們記憶 中文 也是 記住 其音和意義，而不是單純的記住字形，例如 ―旮旯 ‖和 ―鬼魅魍魎 ‖這樣 的字，我們可能并不會(huì)寫，但是 會(huì)說(shuō) 會(huì)聽(tīng)， 導(dǎo)致 看到時(shí)也能想起 來(lái) 意思。而 本 課題軟件又擁有傳統(tǒng)本地式桌面應(yīng)用所不具備的跨平臺(tái)、 即時(shí) 連線 、無(wú)需 安裝直接使用 等特點(diǎn) 。 （ 3） 基于 新的 CSS 3 的 圖形表現(xiàn) 形式。 （ 4） 在 第五章，對(duì)課題軟件所使用的 數(shù)據(jù)庫(kù) 做了 分析 和設(shè)計(jì)。 （ 3） 繪圖畫布（ Canvas）。 在 企業(yè)環(huán)境下， HTML5 已經(jīng) 有了一定程度 的 發(fā)展， 例如 Gmail 的離線應(yīng)用 、 WebOS 和Firefox OS 的 HTML5 式 網(wǎng)絡(luò)編程 、 Facebook 的 HTML5 客戶端， 都已經(jīng)對(duì) HTML5 開(kāi)發(fā) 應(yīng)用做了 嘗試， Web 應(yīng)用 在很多 方面逐漸取代 傳統(tǒng)應(yīng)用 是主流 軟件開(kāi)發(fā)領(lǐng)域 的 一個(gè) 共同 認(rèn)識(shí) 。 Mozilla 基金會(huì)、 Google 和我國(guó)的網(wǎng)易公司，也都分別開(kāi)發(fā)過(guò)基于 為后臺(tái)服務(wù)器的多人在線角色扮演游戲引擎。 （ 4） NoSql的項(xiàng)目大多數(shù)是開(kāi)源的，缺乏供應(yīng)商的正式支持， 一般從 社區(qū)尋求支持。 MVP 的視圖層主要工作是視 圖層面的數(shù)據(jù)采集和處理，對(duì)用戶的請(qǐng)求進(jìn)行響應(yīng)，然后將響應(yīng)信息傳遞給業(yè)務(wù)邏輯層進(jìn)行處理。 MVP 設(shè)計(jì)模式的優(yōu)點(diǎn) （ 1） 模型與視圖完全分離， 可以修改視圖而不影響模型 （ 2） 可以 更高效地使用模型，因?yàn)樗械慕换ザ及l(fā)生在業(yè)務(wù)邏輯層 （ 3） 可以將一個(gè)業(yè)務(wù)邏輯層用于多個(gè)視圖，而不需要改變業(yè)務(wù)邏輯層的邏輯，因?yàn)橐?8 圖的變化總是比模型的變化頻繁。 主 程序 主程序 是軟件初始化 后 的第一個(gè)主要功能模塊， 對(duì) 其設(shè)計(jì)的 主要 需求 包括 ： （ 1） 顯示 載入窗口， 用來(lái) 提醒用戶 何時(shí) 完成 了 程序的初始化 。 （ 4） 在 復(fù)習(xí)結(jié)束時(shí)，能按照 Ebbinghus 記憶曲線自動(dòng)計(jì)算下一次復(fù)習(xí)時(shí)間 。 （ 5） 如果 生詞本中的單詞較多， 用戶 可以按頁(yè)瀏覽 所有生詞本 中的單詞。當(dāng) 用戶 登錄時(shí)就判斷用戶 信息 并返回用戶是否登錄成功 的提示 。 課 題軟件 結(jié)構(gòu) 主模塊J qu e r y模塊J qu e r y ui模塊H e a d . js模塊生詞本模塊單詞書模塊單詞復(fù)習(xí)模塊單詞初級(jí)模塊記憶中模塊選項(xiàng)設(shè)置模塊游戲管理模塊程序底層支持模塊 圖 模塊 依賴 關(guān)系 圖 本 課題軟件的模塊劃分主要分為 下層模塊 ，中層模塊和上層模塊三個(gè)部分 。 （ 2） jQueryui 是 jQuery 的一個(gè)針對(duì)圖形界面的擴(kuò)展， 在 本課題軟件中實(shí)現(xiàn)了底層對(duì)話框 支持、整體 程序 界面 美化 、 對(duì)話框皮膚支持 。 平臺(tái) 需求 對(duì) 于 客戶端的平臺(tái)需求 本 課題軟件因?yàn)槭褂昧?Web 技術(shù)，所以對(duì)客戶端 的 操作系統(tǒng)平臺(tái)并沒(méi)有要求，無(wú)論是Windows、 Mac、 Linux，還是 移動(dòng)平臺(tái) Android、 IOS，亦或者是其他平臺(tái)，只要能運(yùn)行 支持HTML5 的 瀏覽器，都能運(yùn)行本程序。 （ 3） 能讓 用戶進(jìn)行手動(dòng)的在線存檔 和 讀檔功能。 （ 4） 可以重置當(dāng)前 單詞書中 ―已 記憶 ‖的 單詞數(shù)量， 讓 用戶能重新記憶某個(gè)單詞書。 （ 2） 能 顯示要學(xué)習(xí)的單詞信息，包括單詞 的 詞義、音標(biāo)、例句、聯(lián)想圖片等信息，將單詞的部分 主要 信息顯示為紅色，提高記憶率。 MVP 設(shè)計(jì)模式 在實(shí)現(xiàn)上是比較難以掌握的， 即便 經(jīng)驗(yàn)豐富的軟件工程師也很難做到針對(duì)MVP 設(shè)計(jì)模式 的完美分層和調(diào)用， 作者自知 自己的經(jīng)驗(yàn)與設(shè)計(jì)水平可能并沒(méi)達(dá)到 MVP 設(shè)計(jì)模式所要求的地步 ， 只是盡量實(shí)現(xiàn)了 MVP 設(shè)計(jì)模式 。主要的 信號(hào) 傳遞 由 作者 編寫的 Event 類實(shí)現(xiàn)的。 （ 3） 本 程序 的 主要存儲(chǔ)需求是客戶端的，而主流瀏覽器 中 有部分并未 皆 實(shí)現(xiàn) WebSQL技術(shù) 和 IndexDB 技術(shù)。隨著互聯(lián)網(wǎng) 概念的興起，傳統(tǒng)的關(guān)系型數(shù)據(jù)庫(kù)在應(yīng)對(duì)新型網(wǎng)站或網(wǎng)站應(yīng)用，尤其是超大規(guī)模和高并發(fā)類網(wǎng)站應(yīng)用時(shí)，已經(jīng)顯得力不從心。 技 術(shù) 簡(jiǎn)介 引 言 并不是一個(gè) JavaScript 應(yīng)用，而是一個(gè) JavaScript 運(yùn)行平臺(tái)，是使用 JavaScript 作為語(yǔ)言的服務(wù)器平臺(tái)。此功能讓瀏覽器提供本地的表單判斷功能，例如時(shí)間日期的選擇， Email地址的驗(yàn)證，簡(jiǎn)化編程代碼。新標(biāo)準(zhǔn)將包括更強(qiáng)大的編程接口。 本應(yīng)用 對(duì)比同類軟件的 Web 網(wǎng)站 型 應(yīng)用 具有 更友好的數(shù)據(jù)庫(kù)界面，更快速的數(shù)據(jù)庫(kù)查詢能 力 ，更好的擴(kuò)展性和通用性 。傳統(tǒng) Web 網(wǎng)站式應(yīng)用每次 打開(kāi) 網(wǎng)站，甚至每次刷新頁(yè)面都需要重新載入 信息 ， 而 本課題軟件基于 HTML5 技術(shù) ，可以離線緩存，即便 關(guān)閉瀏覽器 、 重新啟動(dòng)電腦， 或者瀏覽器刷新 也無(wú)需 重新載入數(shù)據(jù)庫(kù) 。 單詞和單詞信息 是 逐漸顯示，而不是一次性顯示 。 本 課題軟件 的 特點(diǎn) 在以前 的單詞記憶軟件中， 在 學(xué)習(xí)方法上 有記憶 方法老 、 學(xué)習(xí)方式單一 、 發(fā)音不 標(biāo)準(zhǔn) 不統(tǒng)一 等缺點(diǎn) ； 在 技術(shù)上也有 程序 運(yùn)行緩慢 、 兼容性不足 、 不能滿足當(dāng)前多平臺(tái) 環(huán)境下 的跨平10 臺(tái) 需求 等缺點(diǎn)。 在早期因?yàn)槌杀?，合成語(yǔ)音 等問(wèn)題 ，部分軟件甚至不支持 單詞 語(yǔ)音 。 而廠商 也紛紛針對(duì)網(wǎng)站發(fā)布 各種 相關(guān) 在線應(yīng)用， 從 谷歌 的云計(jì)算 GAE，到國(guó)內(nèi)的百度框計(jì)算 和 新浪云計(jì)算， 標(biāo)識(shí)著 越來(lái)越多的廠商正向互聯(lián)網(wǎng)發(fā)展 。 （ 2） 潛在 的版權(quán)問(wèn)題。（ ajax 技術(shù)即 ―Asynchronous JavaScript and XML‖技術(shù)，是使用異步雙向傳輸能力，使得網(wǎng)頁(yè)可 以在不跳轉(zhuǎn)的前提下，平滑 下載 與上傳數(shù)據(jù)） （ 3） 此類網(wǎng)站使用的單詞記憶方式往往因老舊的 Web 技術(shù)所限，并不能發(fā)揮真正力量，使得單詞背誦效率下降。 桌面單詞記憶軟件 的對(duì)比 在 這一小 節(jié)，我們首先先 看 表 的 對(duì)比測(cè)試， 分析此類軟件 當(dāng)前 的優(yōu)缺點(diǎn)。 關(guān)鍵詞 ： 單詞記憶 軟件 ， HTML5， ， NoSQL 3 目 錄 目 錄 .................................................................................................................................... 3 第一章 緒論 ....................................................................................................................... 5 單詞記憶軟件的現(xiàn)狀與發(fā)展趨勢(shì) .............................................................................5 單詞記憶軟件的發(fā)展趨勢(shì) .........................................................................................7 本課題軟件的特點(diǎn) .....................................................................................................9 文章的組織結(jié)構(gòu) .......................................................................................................12 第二章 課題軟件使用技術(shù)簡(jiǎn)介 ..................................................................................... 13 HTML5 技術(shù)簡(jiǎn)介 ........................................................................................................13 技 術(shù)簡(jiǎn)介 ....................................................................................................14 NoSQL 技術(shù)簡(jiǎn)介 ........................................................................................................15 MVP 設(shè)計(jì)模式簡(jiǎn)介 ....................................................................................................16 本章小結(jié) ...................................................................................................................18 第三章 軟件需求分析 ...................