【正文】 化按鈕的氣泡提示窗 28 getView () 從業(yè)務(wù)邏輯層獲取 View 層的實(shí)例 setModel () 設(shè)置一個(gè)模型層實(shí)例 resetView () 刷新視圖 getLoginState () 獲取當(dāng)前的網(wǎng)絡(luò)登陸狀態(tài) MainPageView 類： init () 初始化 View 類 show () 顯示界面 setModel () 設(shè)置一個(gè)模型層 attach () 綁定一個(gè)視圖層的事件 hide () 隱藏界面 destroy () 銷毀 View 類 MainPageModel 類： getState () 獲取模型層讀取數(shù)據(jù)供 View 層顯示或 Presenter 層處理 。 27 Voice 類： type () 此函數(shù)用來(lái)獲取瀏 覽器所支持的音頻文件類型 reduce () 此函數(shù)用來(lái)保持音頻數(shù)據(jù)不至于過(guò)大 test () 此函數(shù)測(cè)試音頻數(shù)據(jù)庫(kù)中是否有某些單詞 get () 從網(wǎng)絡(luò)上獲取某些本地沒(méi)有的單詞 play () 從本地音頻數(shù)據(jù)庫(kù)中播放一個(gè)單詞 （ 4） 事件模塊（ Event） 在之前的章節(jié)說(shuō)了， Event 類主要的目的是為了實(shí)現(xiàn) MVP 設(shè)計(jì)模式。 主模塊看似簡(jiǎn)單，其實(shí)任務(wù)最重要，首先要保證程序的正確載入，其次在程序載入后又能按照預(yù)先設(shè)定的功能運(yùn)行其他模塊，需要具有一定的兼容性和容錯(cuò)性。在圖 中中層模塊依賴下層模塊，而上層模塊依賴中層模塊。 本 章小結(jié) 本章介紹了本課題軟件的客戶端，服務(wù)器部分的需求分析，分析了作為一個(gè)單詞記憶軟件所需要的功能，和實(shí)現(xiàn) Web 單詞記憶軟件所需要的功能和平臺(tái)。 在線備份功能 在線備份功能是在用戶注冊(cè)并登錄之后，可以進(jìn)行的一項(xiàng)操作。單詞游戲功能的主要需求如下： （ 1） 管理現(xiàn)有的所有單詞游戲 （ 2） 能讓用戶進(jìn)行某些單詞游戲，即初始化某些單詞游戲并讓用戶可以進(jìn)行游戲。存檔讀檔的功能是當(dāng)用戶不希望，或者無(wú)法進(jìn)行在線的進(jìn)度備份時(shí)，而采取的一種備用手段；即用戶可以選擇將單詞信息備份在本地，或者從本地的備份信息恢復(fù)。生詞本功能主要的功能需求有： （ 1） 能在用戶輸入單詞的同 時(shí)顯示單詞信息，并可以對(duì)單詞進(jìn)行發(fā)音?？梢杂脩魪谋镜貙?dǎo)入單詞書(shū)，也可以在線下載本課題軟件自帶的單詞書(shū)?？梢蕴嵝延脩羰欠襁M(jìn)行立即復(fù)習(xí)。 （ 3） 對(duì)各其他功能模塊要有按鈕或者其他方式連接，而連接處要有彈出式氣泡窗的描述性提示，輔助用戶對(duì)功能進(jìn)行選擇。 具體這些技術(shù)的使用和實(shí)現(xiàn)細(xì)節(jié)等問(wèn)題，將會(huì)在第六章的詳 細(xì)設(shè)計(jì)中更深入的探討。 MVP 設(shè)計(jì)模式與本課題的聯(lián)系 MVP 設(shè)計(jì)模式是并不是單純?yōu)槟撤N語(yǔ)言或者某種構(gòu)架服務(wù)的，而是針對(duì)任何需要分層結(jié)構(gòu)、有顯示界面的程序設(shè)計(jì)都可以使用的。也就是語(yǔ)言中的所有變量、函數(shù)、或者任何類型，都是一個(gè)對(duì)象。模型層的所有的操作都在內(nèi)部完成，只需要在接口上返回處理結(jié) 17 果即可。采用設(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)，或者說(shuō)集合類型的對(duì)象格式，本身的結(jié)構(gòu)和 NoSQL 的存儲(chǔ)結(jié)構(gòu)大同小異。而對(duì)于新興的社交網(wǎng)絡(luò)，或者搜索引擎，要求的往往是數(shù)十萬(wàn)次的高要求 。 （ 2） 本課題軟件是以富客戶端為特點(diǎn)、以 JavaScript 為主要編程語(yǔ)言的軟件，如果使用，則更是有前臺(tái)和后臺(tái)語(yǔ)言相同等特點(diǎn)，方便和計(jì)劃了程序設(shè)計(jì)。 15 （ 2） 編程語(yǔ)言是 JavaScript。 這里之所以說(shuō)是 HTML5，而不是 HTML4 或以前的版本，因?yàn)橹挥?HTML5 的新技術(shù)，才能達(dá)到本軟件的開(kāi)發(fā)要求。 Workers 可以產(chǎn)生多個(gè) Worker，而每個(gè) Worker 工作在不同 14 的 JavaScript 程序空間內(nèi)，不同程序空間不能直接訪問(wèn)，但是可以相互傳輸消息（ Message）。 （ 4） 原生的視頻和音頻支持（ Videoamp。 HTML5 的主要特性 （ 1） 離線應(yīng)用緩存（ Offline Application）。 （ 6） 在第七章，本文介紹了軟件界面的設(shè)計(jì)思路和實(shí)現(xiàn)。 小節(jié)總結(jié) 本軟件的這些特點(diǎn)，若不是和最新的 Web 技術(shù)結(jié)合，而使用傳統(tǒng)的軟件開(kāi)發(fā)技術(shù)，是很難全部兼顧的，即便做到，成本也會(huì)很高。而 CSS 3 版本包含了諸多新的特定，不同于以前的 Web 和桌面應(yīng)用，這些新特性給予了應(yīng)用軟件更好的圖形能力，更高的編程效率和更好的用戶體驗(yàn)。配合本軟件的語(yǔ)音緩 存能力，甚至可以做到無(wú)需聯(lián)網(wǎng)就能在任何設(shè)備上聽(tīng)到單詞的聲音，體驗(yàn)本來(lái)上百 MB 的語(yǔ)音庫(kù)。本課題軟件在 HTML5 技術(shù)之上，對(duì)比傳統(tǒng)應(yīng)用的主要優(yōu)勢(shì)體現(xiàn)在： a) 跨平臺(tái)性。還例如，在工作忙碌的群體中，可能在行車(chē)中的時(shí)間多過(guò)于在電腦前靜坐的時(shí)間。E （ 2） 在傳統(tǒng)的 Ebbinghaus 記憶曲線方法上（艾賓浩斯記憶曲線，由德國(guó)心理學(xué)家 赫爾曼視頻記憶方法是這幾年單詞記憶軟件新出現(xiàn)的元素，因?yàn)橐曨l往往較大，即便是 Flash 這樣的矢量視頻，占用的空間也很大，故在以前的單 詞記憶軟件中很少攜帶。但是現(xiàn)在互聯(lián)網(wǎng)的資源已經(jīng)極大的豐富了，例句資源無(wú)論從商業(yè)的，還是免費(fèi)的都有了很多選擇，故現(xiàn)在絕大部分的單詞記憶軟件都攜帶有例句顯示功能。 （ 6） 與其他在線資源的互動(dòng)性。 （ 2） 無(wú)需安裝，即開(kāi)即用。 （ 5） 沒(méi)有潛在的版權(quán)問(wèn)題。真人語(yǔ)音發(fā)音固定，不能隨意連成句子，而部分冷門(mén)單詞也可能失效。即使現(xiàn)在，按照壓縮過(guò)的，一個(gè)單詞語(yǔ)音 10KB ~ 20KB 的尺寸算，假設(shè)某單詞庫(kù)攜帶 5 萬(wàn)個(gè)單詞的語(yǔ)音，也需要大約 700MB 的空間，在當(dāng)前中國(guó)的互聯(lián)網(wǎng)網(wǎng)絡(luò)速度下，這樣的大小也太過(guò)龐大，是影響 8 用戶體驗(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)代的合成語(yǔ)音庫(kù)或者真人語(yǔ)音庫(kù)，而是調(diào)用操作系統(tǒng)的合成語(yǔ)音庫(kù)，甚至不使用語(yǔ)音庫(kù)。僅僅在軟件下載網(wǎng)站之一的天空軟件站中的統(tǒng)計(jì)信息來(lái)看，排在前幾名的單詞記憶軟件下載次數(shù)都達(dá)到了數(shù)十萬(wàn)到數(shù)百萬(wàn)級(jí)別的下載量，除此之外的成千上萬(wàn)個(gè)軟件下載網(wǎng)站的數(shù)據(jù)已經(jīng)無(wú)法計(jì)算，但從這一點(diǎn)上就可以看出單詞記憶軟件擁有龐大的用戶群 體。 1 北京市高等教育自學(xué)考試畢業(yè)設(shè)計(jì) Web 單詞記憶軟件的開(kāi)發(fā) 2 摘要 本文首先對(duì)現(xiàn)有的單詞記憶軟件進(jìn)行了市場(chǎng)和技術(shù)上的分析；針對(duì)最新的Web 技術(shù)現(xiàn)狀、關(guān)鍵技術(shù)以及各種配套技術(shù)做了詳細(xì)介紹；提出了基于最新 Web技術(shù)構(gòu)建單詞記憶軟件的需求分析和總體設(shè)計(jì)。近十年來(lái)，因?yàn)橛?jì)算機(jī)技術(shù)的發(fā)展和中國(guó)英語(yǔ)學(xué)習(xí)人數(shù)的增加，再加之單詞記憶對(duì)英語(yǔ)學(xué)習(xí)的重要意義，使得市場(chǎng)上各種單詞書(shū)、單詞記憶方法和互聯(lián)網(wǎng)上的各種單詞記憶軟件有了空前的發(fā)展。 （ 3） 部分軟件擁有音頻導(dǎo)出功能，方便錄入到手持播放器。 表 在線式單詞記憶軟件對(duì)比表 網(wǎng)站名稱 初記 讀音 ajax 快捷鍵 例句 復(fù)習(xí) 登陸 扇貝網(wǎng) 英漢選擇 有 有 有 有 有 需要登陸 大耳朵背單詞 拼寫(xiě) 有 無(wú) 有 有 多種方式隨機(jī) 需要登陸 開(kāi)心詞場(chǎng) 選擇 有 有 有 英漢選擇 需要登陸 在線英語(yǔ)聽(tīng)力室 列表選擇 不自動(dòng) 無(wú) 無(wú) 無(wú) 無(wú) 需要登陸 海詞 列表選擇 拼寫(xiě) 聽(tīng)寫(xiě) 不自動(dòng) 有 無(wú) 無(wú) 有 需要登陸 Wordmemo 拼寫(xiě) 有 有 有 有 有 需要登陸 可可地盤(pán) 拼寫(xiě) 有 無(wú) 有 有 有 不需要登陸 愛(ài)詞霸生詞本 拼寫(xiě) 列表 不自動(dòng) 有 有 無(wú) 有 不需要登陸 金太陽(yáng)在線 卡片式 不自動(dòng) 有 有 無(wú) 多種方式隨機(jī) 不需要登陸 7 此類單詞記憶軟件的主要優(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)。 綜上所述，在早期的單詞記憶軟件中，合成語(yǔ)音的使用還是非常多的。 （ 3） 部分單詞沒(méi)有讀 音，不能朗讀句子。 （ 4） 減小軟件體積和容量。無(wú)論是 Windows、 Mac、 Linux 這樣的傳統(tǒng)桌面系統(tǒng)，還是Android、 IOS、 Windows Phone 這樣的移動(dòng)系統(tǒng)，乃至更小眾的系統(tǒng)，只要有網(wǎng)絡(luò)瀏覽器，就能訪問(wèn)這些應(yīng)用。因?yàn)閼?yīng)用是在線的，所以無(wú)論是更新版本還是數(shù)據(jù)庫(kù)，都無(wú)需讓用戶有一般軟件的繁瑣的更新升級(jí)操作，只需要對(duì)服務(wù)器進(jìn)行更新即可。早期因?yàn)橘Y源，成本等問(wèn)題，很多軟件都不支持單詞的例句顯示功能。 （ 5） 視頻。無(wú)論是初記時(shí)還是復(fù)習(xí)時(shí)，都特別的對(duì)數(shù)種輔助記憶手段進(jìn)行延遲顯示，而不是一次性統(tǒng)一顯示，在使用錯(cuò)開(kāi)時(shí)間的顯示方法時(shí)，達(dá)到最好的記憶效果。英文也是同理，美國(guó)心理學(xué)家哈羅德 例如現(xiàn)代人往往看手機(jī)和平板電腦的時(shí)間多過(guò)于看電腦的時(shí)間。所以本課題軟件的技術(shù)特點(diǎn)，是在傳統(tǒng) Web 網(wǎng)站式應(yīng)用和傳統(tǒng)桌面應(yīng)用之間的新型 Web 應(yīng)用，是應(yīng)用發(fā)展的未來(lái)。不僅如此，因?yàn)橛须x線緩存技術(shù)，應(yīng)用可以做到不聯(lián)網(wǎng)也能在瀏覽器中運(yùn)行，不丟失任何數(shù)據(jù)。 CSS，即級(jí)聯(lián)樣式表技術(shù)（ Cascading Style Sheet），主要目的是用來(lái)設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面風(fēng)格的。這三者的結(jié)合無(wú)論是在單詞記憶軟件中，還是在其他應(yīng)用 軟件領(lǐng)域，都是一次全新的嘗試。 （ 5） 在第六章，本文詳細(xì)介紹了軟件的詳細(xì)設(shè)計(jì)，及各個(gè)模塊的算法流程和實(shí)現(xiàn)，同時(shí)也說(shuō)明了軟件在實(shí)現(xiàn)過(guò)程中所遇到 的困難和問(wèn)題。這些技術(shù)改變了互聯(lián)網(wǎng)應(yīng)用的開(kāi)發(fā)方式和使用方式，可以給開(kāi)發(fā)人員以更方便的開(kāi)發(fā)工具，給予用于以更好的用戶體驗(yàn)。此功能類似包括 2D和 3D 部分，提供各種基本的畫(huà)圖函數(shù)，可以給予 HTML5 以畫(huà)圖能力，是制作游戲、部分動(dòng)畫(huà)的基礎(chǔ)。而 Worker 這項(xiàng)新能力可以說(shuō)給予了 JavaScript 一種全新的多線程能力（雖然標(biāo)準(zhǔn)并未規(guī)定必須多線程實(shí)現(xiàn)此功能，不過(guò)所有桌面瀏覽器都采用了多線程方法）。故本課題軟件使用 HTML5 開(kāi)發(fā)，在擁有 Web 網(wǎng)站式應(yīng)用優(yōu)點(diǎn)的同時(shí)，使之盡量接近傳統(tǒng)桌面應(yīng)用的用戶體驗(yàn)，這是其他傳統(tǒng)開(kāi)發(fā)平臺(tái)所不能達(dá)到的。雖然 是使用 JavaScript 語(yǔ)言作為服務(wù)器且是單進(jìn)程、單線程模式運(yùn)行，但是憑借高效率的循環(huán)隊(duì)列來(lái)維護(hù)事件列表，沒(méi)有多線程的資源占用和不同進(jìn)程或縣城的 上下文切換，這意味著在面對(duì)大量 HTTP 請(qǐng)求時(shí)， 憑借事件驅(qū)動(dòng)就足以搞定一切。 和 本課題的聯(lián)系 本課題軟件使用了 作為服務(wù)器的主要理由是： （ 1） 具有安裝配置方便、模塊豐富、編程敏捷、性能強(qiáng)大的特點(diǎn)。傳統(tǒng) SQL 數(shù)據(jù)庫(kù)在針對(duì)每秒上萬(wàn)次的查詢操作時(shí)，還勉強(qiáng)可以應(yīng)付，但是對(duì)于每秒上萬(wàn)次的寫(xiě)入操作所要求的磁盤(pán) IO 性能來(lái)說(shuō)，就力不從心了。 . NoSQL 和本課題的聯(lián)系 （ 1） 因?yàn)楸菊n題軟件采用 JavaScript 實(shí)現(xiàn)，而 JavaScript 的內(nèi)部存儲(chǔ)的最好方法就是使用 JSON 對(duì)象。 MVP 設(shè)計(jì)模式簡(jiǎn)介 在面向?qū)ο筌浖脑O(shè)計(jì)里，對(duì)象，或者說(shuō)類是軟件組成最基本的部分。 模型（ Model）的作用是保存軟件所需要的數(shù)據(jù)模型，對(duì)于業(yè)務(wù)處理層指提供一些接口，而對(duì)視圖層來(lái)說(shuō)是透明的。在 JavaScript中，沒(méi)有 C++/Java 等語(yǔ)言中常見(jiàn)的類（ Class）的定義，一種普遍看法是， JavaScript 并不是一個(gè)傳統(tǒng)的 ―面向?qū)ο?‖語(yǔ)言，而是一個(gè) ―基于對(duì)象 ‖的語(yǔ)言，總體更類似 Lambda 算子延伸之后的函數(shù)式編程語(yǔ)言。 （ 4） 如果把邏輯放到業(yè)務(wù)邏輯層中，就可以脫離用戶接口來(lái)測(cè)試這些邏輯。本課題軟件之所以使用這些技術(shù)正是因?yàn)檫@些技術(shù)的統(tǒng)一性，也就是說(shuō)這些技術(shù)實(shí)際上每個(gè)之間都是有所聯(lián)系的，共同組成了一個(gè)完整的技術(shù)鏈，為本課題軟件服務(wù)。 （ 2） 顯示主界面，要求各種功能簡(jiǎn)單明了，一目了然，方便用戶進(jìn)行功能上的選擇。 （ 5） 在用戶初記完成之后，可以把已經(jīng)初記的單詞寫(xiě)入數(shù)據(jù)庫(kù)，提醒用戶復(fù)習(xí)，為了 20 符合 Ebbinghaus 記憶曲線，初記后的單詞應(yīng)該立即復(fù)習(xí)。 單 詞書(shū)管理功能 單詞書(shū)管理功能，是單詞記憶軟件最主要的功能之一，其設(shè)計(jì)的主要目的 是整理用戶需要記憶的單詞書(shū)，其主要的功能需求有： （ 1） 能添加單詞書(shū)。同時(shí)在本軟件中，生詞本也是一個(gè)迷你的簡(jiǎn)明詞典，可以在這里查看單詞的音標(biāo)、詞義和讀音。 選項(xiàng)設(shè)置與存檔讀檔功能 選項(xiàng)設(shè)置功能的存在是為了用戶能控制本軟件的各種參數(shù)，針對(duì)不同的用戶進(jìn)行不 同的優(yōu)化，而更好的幫助其記憶單詞。