【正文】 稱為客戶端。 下層模塊下層模塊有jQuery、它們的主要作用分別是：（1）jQuery模塊是一個(gè)JavaScript的基本框架，受到Google等公司的支持，是現(xiàn)在最全面、最基本的JavaScript類庫，用來支持本課題軟件的基本運(yùn)行。每個(gè)模塊相對(duì)獨(dú)立，沒有特別關(guān)系，但因?yàn)镴avaScript語言特性，這些模塊都存儲(chǔ)在一個(gè)js文件中。 wait () 等待第一個(gè)綁定了的對(duì)象的返回值，來簡介的再次傳遞返回值。 復(fù)習(xí)模塊類依賴關(guān)系圖 單詞書模塊 單詞書模塊是管理單詞書的模塊，可以在線添加單詞書，添加本地單詞書，對(duì)單詞書進(jìn)行查詢，重置，刪除等操作的地方。這樣的劃分可以簡化程序模塊，使層次更清晰，便于維護(hù)和測(cè)試。（3） 記憶中數(shù)據(jù)。 單詞書的邏輯設(shè)計(jì)表序號(hào)字段名數(shù)據(jù)類型字段大小1單詞書名稱字符串502單詞書內(nèi)的單詞JSON— ，其中單詞書名稱是單詞書的唯一標(biāo)識(shí)，而單詞書內(nèi)的單詞是又一個(gè)離散的JSON結(jié)構(gòu)保存各個(gè)單詞，大小并不固定，這是NoSQL數(shù)據(jù)庫所允許的。 下一張將介紹課題軟件的詳細(xì)設(shè)計(jì)，其中包括算法流程和實(shí)現(xiàn)。字典的初始化因?yàn)橐玫浇鈮嚎s算法，而解壓算法整體來說是比較占用CPU資源的，為了保證程序的流暢度，所以字典的初始化是采用了后臺(tái)的多線程工人技術(shù)。之所以重寫一個(gè)對(duì)話框模塊代替這兩個(gè)函數(shù)，是因?yàn)檫@兩個(gè)函數(shù)的作用雖然一樣，但是在不同瀏覽器下的表現(xiàn)不太一樣，顯示效果不一致，也沒辦法通過程序自定義皮膚，故選擇代替這兩個(gè)函數(shù)，達(dá)到更好的界面一致性。而在載入窗口時(shí)會(huì)有一個(gè)300毫秒的延遲，所以本軟件將聲音的播放一律延遲350毫秒，以兼容Chrome瀏覽器。 主模塊的主要功能是載入各種其他模塊并顯示程序主界面，主要流程解釋如下：（1） 當(dāng)程序開始運(yùn)行時(shí)，首先會(huì)載入程序主頁面。如果載入成功，就繼續(xù)初始化數(shù)據(jù)。主模塊主要的難點(diǎn)是各種模塊的載入順序與兼容性問題，例如Internet Explorer瀏覽器載入CSS樣式文件必須在HTML文件的head模塊中，否則會(huì)載入失敗，而其他例如Firefox和Chrome瀏覽器都可以在任意位置載入。同時(shí)彈出聯(lián)想圖片搜索的對(duì)話框。（4） 讀取并在屏幕上顯示要復(fù)習(xí)的單詞中的第一個(gè)。 ，流程解釋為：（1） 根據(jù)用戶操作，從主模塊打開單詞書模塊，并初始化顯示單詞書界面（2） 一方面從遠(yuǎn)程下載單詞書列表，另一方面讀取本地的單詞書（3） 計(jì)算單詞書中已經(jīng)學(xué)過的單詞（4） 顯示單詞書表格，供用戶操作 單詞書模塊運(yùn)行流程圖載入本地單詞書函數(shù)：，解釋如下：（1） 用戶通過選擇本地單詞書（或者通過本地文件管理將單詞書拖入窗口位置）（2） 通過HTML5新加入的本地文件處理函數(shù)讀取單詞書文件中的信息（3） 計(jì)算單詞書文件中的可加入單詞（4） 提示用戶是否加入（5） 如果加入成功，則刷新單詞書顯示列表 載入本地單詞書函數(shù)流程圖 生詞本模塊 生詞本模塊的主要作用是讓用戶能手動(dòng)添加、查詢、刪除單詞。詳細(xì)的流程解釋為：（1） 當(dāng)主模塊判斷有可復(fù)習(xí)的單詞，然后用戶點(diǎn)擊開始復(fù)習(xí)后，即進(jìn)入復(fù)習(xí)模塊（2） 首先判斷是否要有必要進(jìn)行復(fù)習(xí)，也就是記憶中數(shù)據(jù)庫中是否有單詞的下次時(shí)間到了（3） 讀取所有要復(fù)習(xí)的單詞到本模塊，并賦予初始分值。詳細(xì)說明如下：（1） 在主模塊可以初記的情況下，點(diǎn)擊開始初記按鈕，進(jìn)入初記流程（2） 判斷是否可以初記，即要么生詞本中有未初記的單詞，要么有當(dāng)前詞庫，且里面的單詞足夠初記。（7） 如果程序是第一次運(yùn)行，則在主界面的程序標(biāo)題處，播放一個(gè)暫短的程序使用簡介動(dòng)畫，通過滾動(dòng)不同的文字信息，來提示用戶本軟件的主要功能。（3） 在載入了第三方模塊之后，就已經(jīng)有足夠的庫文件支持來顯示對(duì)話框了，所以此時(shí)顯示“載入中”對(duì)話框，提醒用戶程序正在初始化。 多線程工人模塊的實(shí)現(xiàn)： 工人模塊的實(shí)現(xiàn)主要難點(diǎn)是同步不同線程，本軟件所使用的方法是設(shè)置一個(gè)計(jì)數(shù)變量，每個(gè)線程執(zhí)行之后則對(duì)這個(gè)計(jì)數(shù)變量進(jìn)行計(jì)算，當(dāng)計(jì)數(shù)變量的數(shù)量等同于任務(wù)總數(shù)量時(shí)，就說明所有線程執(zhí)行完成了。 聲音播放模塊的實(shí)現(xiàn)：聲音模塊實(shí)現(xiàn)主要在于協(xié)調(diào)不同瀏覽器之間的兼容性，不同瀏覽器對(duì)其的支持都不同，所以要做到在各瀏覽器上比較統(tǒng)一的表現(xiàn)比較難。 對(duì)話框模塊（MessageBox） 對(duì)話框模塊的主要目的是代替JavaScript中提供的alert和confirm函數(shù)。主要目的是消耗用戶的CPU時(shí)間來節(jié)省網(wǎng)絡(luò)流量，提高效率。 本章小結(jié) 本章介紹了課題軟件的數(shù)據(jù)庫設(shè)計(jì)。 數(shù)據(jù)庫要能在一定用戶量以下（1000）保持穩(wěn)定高效的運(yùn)行。（2） 生詞本數(shù)據(jù)。 GamePagePresenter類： showGamesButton () 顯示頁面中的游戲打開按鈕 hideGamesButton () 隱藏頁面中的游戲打開按鈕 游戲管理模塊類依賴關(guān)系圖 本章小結(jié) 本章介紹了課題軟件的總體機(jī)構(gòu)和各模塊的概要設(shè)計(jì)。StudyPagePresenter類： finish () 結(jié)束初記，寫入資料到數(shù)據(jù)庫 check () 判斷當(dāng)前輸入的單詞是否正確StudyPageModel類： getWord () 讀取一個(gè)單詞的信息 getColor () 根據(jù)當(dāng)前的單詞讀取一個(gè)應(yīng)該在文本框的顏色，用來判斷單詞長度 getState () 讀取當(dāng)前是第幾個(gè)單詞，共有多少個(gè)單詞的數(shù)據(jù)信息 playVoice () 播放當(dāng)前單詞的聲音 初級(jí)模塊類依賴關(guān)系圖 復(fù)習(xí)模塊 復(fù)習(xí)模塊的主要作用是實(shí)現(xiàn)單詞復(fù)習(xí)功能，就是對(duì)已經(jīng)學(xué)習(xí)了的單詞按照Ebbinghaus記憶曲線進(jìn)行復(fù)習(xí)，也就是用重復(fù)記憶的方法，達(dá)到單詞的記憶效果。Event類： attach () 本函數(shù)用于綁定某個(gè)事件。 上層模塊 上層模塊是最接近用戶的一些模塊，是程序?qū)崿F(xiàn)的主要部分，負(fù)責(zé)和用戶的交互，還有對(duì)軟件主要功能的具體實(shí)現(xiàn)。將整個(gè)程序分為三部分主要的目的是保證程序擁有良好的結(jié)構(gòu)，代碼也擁有良好的可讀性，更好的實(shí)現(xiàn)程序設(shè)計(jì)。 對(duì)于本軟件來說，客戶端是本軟件實(shí)現(xiàn)的一個(gè)重點(diǎn)，而不是服務(wù)器。 在線備份功能 在線備份功能是在用戶注冊(cè)并登錄之后，可以進(jìn)行的一項(xiàng)操作。單詞游戲功能的主要需求如下：（1） 管理現(xiàn)有的所有單詞游戲（2） 能讓用戶進(jìn)行某些單詞游戲，即初始化某些單詞游戲并讓用戶可以進(jìn)行游戲。存檔讀檔的功能是當(dāng)用戶不希望，或者無法進(jìn)行在線的進(jìn)度備份時(shí)，而采取的一種備用手段；即用戶可以選擇將單詞信息備份在本地，或者從本地的備份信息恢復(fù)。生詞本功能主要的功能需求有：（1） 能在用戶輸入單詞的同時(shí)顯示單詞信息，并可以對(duì)單詞進(jìn)行發(fā)音?？梢杂脩魪谋镜貙?dǎo)入單詞書，也可以在線下載本課題軟件自帶的單詞書。可以提醒用戶是否進(jìn)行立即復(fù)習(xí)。（3） 對(duì)各其他功能模塊要有按鈕或者其他方式連接，而連接處要有彈出式氣泡窗的描述性提示，輔助用戶對(duì)功能進(jìn)行選擇。具體這些技術(shù)的使用和實(shí)現(xiàn)細(xì)節(jié)等問題，將會(huì)在第六章的詳細(xì)設(shè)計(jì)中更深入的探討。 MVP設(shè)計(jì)模式與本課題的聯(lián)系 MVP設(shè)計(jì)模式是并不是單純?yōu)槟撤N語言或者某種構(gòu)架服務(wù)的，而是針對(duì)任何需要分層結(jié)構(gòu)、有顯示界面的程序設(shè)計(jì)都可以使用的。也就是語言中的所有變量、函數(shù)、或者任何類型，都是一個(gè)對(duì)象。模型層的所有的操作都在內(nèi)部完成，只需要在接口上返回處理結(jié)果即可。采用設(shè)計(jì)方法組合這些元素，得到構(gòu)成面向?qū)ο笙到y(tǒng)的部件，同時(shí)這些部件的設(shè)計(jì)方法和組成方法在不斷的完善，為了得到軟件工程中關(guān)于分工的“高內(nèi)聚”、“低耦合”的特征，最終這些設(shè)計(jì)方法逐漸演變發(fā)展，統(tǒng)稱為設(shè)計(jì)模式（Design Pattern）。JSON作為一個(gè)離散的弱類型數(shù)據(jù)結(jié)構(gòu)，或者說集合類型的對(duì)象格式，本身的結(jié)構(gòu)和NoSQL的存儲(chǔ)結(jié)構(gòu)大同小異。而對(duì)于新興的社交網(wǎng)絡(luò)，或者搜索引擎，要求的往往是數(shù)十萬次的高要求。（2） 本課題軟件是以富客戶端為特點(diǎn)、以JavaScript為主要編程語言的軟件，則更是有前臺(tái)和后臺(tái)語言相同等特點(diǎn)，方便和計(jì)劃了程序設(shè)計(jì)。（2） 編程語言是JavaScript。這里之所以說是HTML5，而不是HTML4或以前的版本，因?yàn)橹挥蠬TML5的新技術(shù)，才能達(dá)到本軟件的開發(fā)要求。Workers可以產(chǎn)生多個(gè)Worker，而每個(gè)Worker工作在不同的JavaScript程序空間內(nèi)，不同程序空間不能直接訪問，但是可以相互傳輸消息（Message）。（4） 原生的視頻和音頻支持（Videoamp。 HTML5的主要特性 （1） 離線應(yīng)用緩存（Offline Application）。（6） 在第七章，本文介紹了軟件界面的設(shè)計(jì)思路和實(shí)現(xiàn)。 小節(jié)總結(jié) 本軟件的這些特點(diǎn)，若不是和最新的Web技術(shù)結(jié)合，而使用傳統(tǒng)的軟件開發(fā)技術(shù)，是很難全部兼顧的，即便做到，成本也會(huì)很高。而CSS 3版本包含了諸多新的特定，不同于以前的Web和桌面應(yīng)用，這些新特性給予了應(yīng)用軟件更好的圖形能力，更高的編程效率和更好的用戶體驗(yàn)。配合本軟件的語音緩存能力，甚至可以做到無需聯(lián)網(wǎng)就能在任何設(shè)備上聽到單詞的聲音，體驗(yàn)本來上百M(fèi)B的語音庫。本課題軟件在HTML5技術(shù)之上，對(duì)比傳統(tǒng)應(yīng)用的主要優(yōu)勢(shì)體現(xiàn)在：a) 跨平臺(tái)性。還例如，在工作忙碌的群體中，可能在行車中的時(shí)間多過于在電腦前靜坐的時(shí)間。E（2） 在傳統(tǒng)的Ebbinghaus記憶曲線方法上（艾賓浩斯記憶曲線，由德國心理學(xué)家赫爾曼視頻記憶方法是這幾年單詞記憶軟件新出現(xiàn)的元素，因?yàn)橐曨l往往較大，即便是Flash這樣的矢量視頻，占用的空間也很大，故在以前的單詞記憶軟件中很少攜帶。但是現(xiàn)在互聯(lián)網(wǎng)的資源已經(jīng)極大的豐富了，例句資源無論從商業(yè)的，還是免費(fèi)的都有了很多選擇，故現(xiàn)在絕大部分的單詞記憶軟件都攜帶有例句顯示功能。（6） 與其他在線資源的互動(dòng)性。（2） 無需安裝，即開即用。（5） 沒有潛在的版權(quán)問題。真人語音發(fā)音固定，不能隨意連成句子，而部分冷門單詞也可能失效。即使現(xiàn)在，按照壓縮過的，一個(gè)單詞語音10KB ~ 20KB的尺寸算，假設(shè)某單詞庫攜帶5萬個(gè)單詞的語音，也需要大約700MB的空間，在當(dāng)前中國的互聯(lián)網(wǎng)網(wǎng)絡(luò)速度下，這樣的大小也太過龐大，是影響用戶體驗(yàn)的一個(gè)重要因素。改進(jìn)了執(zhí)行速度，響應(yīng)速度，提高了應(yīng)用的用戶體驗(yàn)，并且采用了多種學(xué)習(xí)方式，使Web應(yīng)用更接近桌面應(yīng)用的效果。（2） 在線網(wǎng)站擁有與在線廣告，在線社區(qū)等傳統(tǒng)在線應(yīng)用的自然結(jié)合能力。此類單詞記憶軟件的主要缺點(diǎn)：（1） 因此類軟件誕生時(shí)間很早，仍有部分軟件為了保持軟件的體積或者成本，并未選擇更現(xiàn)代的合成語音庫或者真人語音庫，而是調(diào)用操作系統(tǒng)的合成語音庫，甚至不使用語音庫。僅僅在軟件下載網(wǎng)站之一的天空軟件站中的統(tǒng)計(jì)信息來看，排在前幾名的單詞記憶軟件下載次數(shù)都達(dá)到了數(shù)十萬到數(shù)百萬級(jí)別的下載量，除此之外的成千上萬個(gè)軟件下載網(wǎng)站的數(shù)據(jù)已經(jīng)無法計(jì)算，但從這一點(diǎn)上就可以看出單詞記憶軟件擁有龐大的用戶群體。北京市高等教育自學(xué)考試畢業(yè)設(shè)計(jì)Web單詞記憶軟件的開發(fā)專 業(yè) 計(jì)算機(jī)及應(yīng)用學(xué) 生 指導(dǎo)老師 master日 期 2013年4月主考院校：北大成績：良摘要 本文首先對(duì)現(xiàn)有的單詞記憶軟件進(jìn)行了市場和技術(shù)上的分析；針對(duì)最新的Web技術(shù)現(xiàn)狀、關(guān)鍵技術(shù)以及各種配套技術(shù)做了詳細(xì)介紹；提出了基于最新Web技術(shù)構(gòu)建單詞記憶軟件的需求分析和總體設(shè)計(jì)。近十年來，因?yàn)橛?jì)算機(jī)技術(shù)的發(fā)展和中國英語學(xué)習(xí)人數(shù)的增加，再加之單詞記憶對(duì)英語學(xué)習(xí)的重要意義，使得市場上各種單詞書、單詞記憶方法和互聯(lián)網(wǎng)上的各種單詞記憶軟件有了空前的發(fā)展。（3） 部分軟件擁有音頻導(dǎo)出功能，方便錄入到手持播放器。 在線式單詞記憶軟件對(duì)比表網(wǎng)站名稱初記讀音ajax快捷鍵例句復(fù)習(xí)登陸扇貝網(wǎng)英漢選擇有有有有有需要登陸大耳朵背單詞拼寫有無有有多種方式隨機(jī)需要登陸開心詞場選擇有有　有英漢選擇需要登陸在線英語聽力室列表選擇不自動(dòng)無無無無需要登陸列表選擇拼寫聽寫不自動(dòng)有無無有需要登陸Wordmemo拼寫有有有有有需要登陸可可地盤拼寫有無有有有不需要登陸愛詞霸生詞本拼寫列表不自動(dòng)有有無有不需要登陸金太陽在線卡片式不自動(dòng)有有無多種方式隨機(jī)不需要登陸此類單詞記憶軟件的主要優(yōu)點(diǎn)：（1） 此類網(wǎng)站大多數(shù)依靠強(qiáng)大的企業(yè)實(shí)力，這些企業(yè)以前一般是制作詞典類軟件，擁有較強(qiáng)的技術(shù)實(shí)力和內(nèi)容資源。正因?yàn)檫@些缺點(diǎn)，本軟件使用量新的HTML5技術(shù)改善這些缺點(diǎn)。綜上所述，在早期的單詞記憶軟件中，合成語音的使用還是非常多的。（3） 部分單詞沒有讀音，不能朗讀句子。（4） 減小軟件體積和容量。無論是Windows、Mac、Linux這樣的傳統(tǒng)桌面系統(tǒng)，還是Android、IOS、Windows Phone這樣的移動(dòng)系統(tǒng)，乃至更小眾的系統(tǒng)，只要有網(wǎng)絡(luò)瀏覽器，就能訪問這些應(yīng)用。因?yàn)閼?yīng)用是在線的，所以無論是更新版本還是數(shù)據(jù)庫，都無需讓用戶有一般軟件的繁瑣的更新升級(jí)操作，只需要對(duì)服務(wù)器進(jìn)行更新即可。早期因?yàn)橘Y源，成本等問題，很多軟件都不支持單詞的例句顯示功能。（5） 視頻。無論是初記時(shí)還是復(fù)習(xí)時(shí)，都特別的對(duì)數(shù)種輔助記憶手段進(jìn)行延遲顯示，而不是一次性統(tǒng)一顯示，在使用錯(cuò)開時(shí)間的顯示方法時(shí)，達(dá)到最好的記憶效果。英文也是同理，美國心理學(xué)家哈羅德例如現(xiàn)代人往往看手機(jī)和平板電腦的時(shí)間多過于看電腦的時(shí)間。所以本課題軟件的技術(shù)特點(diǎn)，是在傳統(tǒng)Web網(wǎng)站式應(yīng)用和傳統(tǒng)桌面應(yīng)用之間的新型Web應(yīng)用，是應(yīng)用發(fā)展的未來。不僅如此，