WebApp閱讀器

劉傳其++李蘊(yùn)++丁師芬

摘要：隨著現(xiàn)代科技的不斷進(jìn)步，網(wǎng)絡(luò)交互速度也在不斷加快，因此大量的應(yīng)用也可以在web端開發(fā)實現(xiàn)。因此對web端App的開發(fā)也成為了今后的發(fā)展趨勢。尤其是現(xiàn)代社會對于信息的大量需求，使web端App的需求急劇增多。因此，我們開發(fā)出一款簡便的閱讀器，來實現(xiàn)更理想的讀入速度及閱讀體。

關(guān)鍵詞：WebApp；閱讀器一、系統(tǒng)分析

WebApp閱讀器是一款兼容各種平臺的閱讀器，并且能夠自適應(yīng)各種大小不一的屏幕，其功能主要有返回書架、查看目錄、切換字體大小、切換背景顏色、切換章節(jié)、白天/黑夜模式切換。

二、開發(fā)環(huán)境及工具

第一，CentOS。CentOS（Community Enterprise Operating System，中文意思是：社區(qū)企業(yè)操作系統(tǒng)）是Linux發(fā)行版之一，它是來自于Red Hat Enterprise Linux依照開放源代碼規(guī)定釋出的源代碼所編譯而成。由于出自同樣的源代碼，因此有些要求高度穩(wěn)定性的服務(wù)器以CentOS替代商業(yè)版的Red Hat Enterprise Linux使用。兩者的不同，在于CentOS并不包含封閉源代碼軟件。

第二，Apache。Apache HTTP Server（簡稱Apache）是Apache軟件基金會的一個開放源碼的網(wǎng)頁服務(wù)器，可以在大多數(shù)計算機(jī)操作系統(tǒng)中運行，由于其多平臺和安全性被廣泛使用，是最流行的Web服務(wù)器端軟件之一。它快速、可靠并且可通過簡單的API擴(kuò)展，將Perl/Python等解釋器編譯到服務(wù)器中

第三，Notepadd++。Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器（軟件版權(quán)許可證： GPL），有完整的中文化接口及支持多國語言編寫的功能（UTF8技術(shù)）。

Notepad++功能比 Windows 中的 Notepad（記事本）強(qiáng)大，除了可以用來制作一般的純文字說明文件，也十分適合編寫計算機(jī)程序代碼。Notepad++ 不僅有語法高亮度顯示，也有語法折疊功能，并且支持宏以及擴(kuò)充基本功能的外掛模組。

三、功能實現(xiàn)

第一，返回書架功能。根據(jù)用戶習(xí)慣返回書架一般在屏幕的左上角，所以首先使用DIV在頁面頂部固定一個區(qū)域，然后添加Base64的返回圖片和返回書架字符，最后給這DIV添加一個超鏈接，返回到書架所在的頁面。由于安裝時路徑的不一所以我們首先要定義一個變量來保存書架的路徑，這樣當(dāng)安裝路徑發(fā)生變化時書架的路徑也會隨之改變，保證了書架路徑的正確。

第二，獲取JSON文件內(nèi)容。在頁面底部添加一個DIV，主要實現(xiàn)查看目錄、切換字體、切換模式功能，當(dāng)然他們都采用和返回書架同樣的布局。由于JSON格式的文件不能直接以字符格式顯示，所以我們首先要對文件夾中的JSON文件進(jìn)行解密，將其轉(zhuǎn)化成我們能夠直接閱讀的字符格式。然后在JS中自定義一個函數(shù)來獲取JSON文件中的數(shù)據(jù)，將標(biāo)題和內(nèi)容分別保存到兩個變量中。

第三，查看目錄。在頁面左側(cè)設(shè)置一個DIV名為list，然后輸出保存的JSON標(biāo)題變量，通過CSS的hidden、show屬性和Click（）事件，實現(xiàn)單擊查看目錄按鈕時調(diào)用list的show（）方法 ，再次單擊或者點擊屏幕其他頁面調(diào)用List的hidden（）方法。

第四，切換字體大小。首先定義一個JS函數(shù)FONT（），定義一個變量來保存應(yīng)用的初始字體大小。通過CSS來檢測切換字體大小是否變化，來改變整個HTML頁面的字體大小。

第五，切換背景顏色。首先在頁面底部建立一個DIV面板，當(dāng)點擊字體按鈕時調(diào)出切換背景顏色面板，在上面有幾種背景顏色選項。當(dāng)點擊其中任意一種時就會將這個顏色的值通過CSS傳輸?shù)絁S的函數(shù)中，然后通過函數(shù)調(diào)用CSS類來設(shè)置頁面的背景顏色。

第六，章節(jié)切換

在JS函數(shù)中定義一個變量來保存當(dāng)前的章節(jié)ID當(dāng)點擊下一章時，JS會對ID進(jìn)行一個自加減運算達(dá)到來改變章節(jié)ID，通過JS會再次讀取改變后的章節(jié)內(nèi)容來達(dá)到切換章節(jié)的功能。

四、系統(tǒng)測試

系統(tǒng)測試（System Test，ST）是將經(jīng)過測試的子系統(tǒng)裝配成一個完整系統(tǒng)來測試。它是檢驗系統(tǒng)是否確實能提供系統(tǒng)？方案說明書中指定功能的有效方法。在任何軟件系統(tǒng)的開發(fā)過程中，尤其是在進(jìn)行大型軟件系統(tǒng)的開發(fā)中，任何一個編程人員都不可避免地會產(chǎn)生錯誤。為了盡可能地發(fā)現(xiàn)并改正系統(tǒng)設(shè)計中的錯誤，減少錯誤造成的損失，保證系統(tǒng)開發(fā)的質(zhì)量，需要進(jìn)行系統(tǒng)的測試。

對程序的測試常采用以下兩種方法：

一是黑盒法，將程序看成不透明的，不考慮其內(nèi)部的結(jié)構(gòu)和路徑，只管程序的整體功能，即輸入與輸出數(shù)據(jù)轉(zhuǎn)換是否按規(guī)范要求進(jìn)行。黑盒法發(fā)現(xiàn)程序中的錯誤，必須使用所有可能輸入的數(shù)據(jù)來檢查程序是否都能產(chǎn)生正確的輸出。為此，黑盒法經(jīng)常采用以下幾個方法：等價劃分法，邊值劃分法，因果圖法以及錯誤推測法等。較為完成的測試是把這幾種方法都結(jié)合起來使用。

二是白盒法，白盒法與黑盒法正好相反，把程序視為一個透明的盒子，需要了解程序的內(nèi)部構(gòu)造，要對程序內(nèi)部的所有邏輯路徑進(jìn)行測試，故白盒法又稱為邏輯覆蓋。如果想用白盒法發(fā)現(xiàn)程序中所有的錯誤，則至少必須使程序中每種可能的路徑都實際執(zhí)行一次。事實上是不可能的。而且即便試完了所有路徑，仍不能保證程序符合要求。因為程序中有些錯誤是同數(shù)據(jù)有關(guān)的，測試只能證明錯誤存在，不能證明錯誤不存在。目前常用的覆蓋標(biāo)準(zhǔn)是：語句覆蓋、條件覆蓋、判定/條件覆蓋，以及條件組合覆蓋等。

白盒法和黑盒法各有特點，每種方法都可以提供一組有用的例子，然后沒有一種方法可以提供一組完整的例子。因此。在處理實際問題時，最好時使用各種方法，以便對程序進(jìn)行比較嚴(yán)格周密的測試。

測試的過程：先對逐個模塊測試，一般采用先用白盒法分析模塊內(nèi)部邏輯，再用黑盒法補(bǔ)充一些例子，在軟件裝配的同時進(jìn)行測試，以便及時發(fā)現(xiàn)與接口相聯(lián)系的問題。之后進(jìn)行有效性測試，檢查程序功能與用戶要求的功能是否一致，最后把軟件和其它系統(tǒng)元素結(jié)合在一起，進(jìn)行系統(tǒng)整理。

五、系統(tǒng)優(yōu)缺點

本應(yīng)用采用了HTML5技術(shù)，所以它支持當(dāng)下幾乎所有的主流操作系統(tǒng)。并且由于是采用的自適應(yīng)布局，所以它也能夠支持各種終端包括PC、平板、手機(jī)并且體積非常的小巧 ，安裝使用方便。并且采用的是JSON格式進(jìn)行網(wǎng)絡(luò)傳輸，所以安全方面有了極大的保障。當(dāng)然由于目前技術(shù)的不完善在有些方面可能做的不是很好，比如界面交互上對用戶不是很友善，我們會繼續(xù)努力使其更加優(yōu)秀。