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