【正文】 對設(shè)計出來的用戶體驗(yàn)界面進(jìn)行舒適友好美工； （ 3） 能夠提供各種熱點(diǎn)分類的新聞數(shù)據(jù)信息的模塊的設(shè)計； （ 4） 確定好良好的網(wǎng)絡(luò)通訊方式； （ 5） 確定好應(yīng)用系統(tǒng)的傳輸數(shù)據(jù)時所 要用到的數(shù)據(jù)封裝格式以及數(shù)據(jù)優(yōu)化。 2. 系統(tǒng)性能方面要求： （ 1） 良好的頁面設(shè)計； （ 2） 良好的用戶體驗(yàn)； （ 3） 系統(tǒng)安全、可靠； 系統(tǒng)功能分析圖 下圖是列出應(yīng)用系統(tǒng)功能模塊如圖 21 所示： 新聞閱讀應(yīng)用系統(tǒng)新聞后臺的服務(wù)新聞服務(wù)交互服務(wù)新聞閱讀客戶端熱點(diǎn)新聞財經(jīng)新聞娛樂新聞體育新聞用戶交互 ... 圖 21 系統(tǒng)功能分析圖 系統(tǒng)模塊組成 系統(tǒng)功能模塊 本應(yīng)用系統(tǒng)主要是有兩大功能模塊組成： 1）后臺服務(wù)端提供相對應(yīng)的數(shù)據(jù)服務(wù)功能模塊； 2）移動設(shè)備客戶端用調(diào)用后臺的服務(wù)提供 新聞等信息以及用戶的交互功能模塊。 功能模塊的實(shí)現(xiàn) 新聞閱讀應(yīng)用系統(tǒng)功能模塊的實(shí)現(xiàn)： 1)后臺 Server 端提供服務(wù)的功能模塊主要是用 MYSQL 數(shù)據(jù)庫服務(wù)器來作為數(shù)據(jù)源，定義實(shí)現(xiàn)一些 HTTP 請求等相關(guān)的服務(wù)來為移動客戶端來調(diào)用，其中的數(shù)據(jù)是通過封裝成 JSON 的數(shù)據(jù)格式來進(jìn)行傳輸； 2） 移動端提供的新聞閱讀信息以及用戶交互的模塊主要是通過調(diào)用后臺的服務(wù)來得到需要的相關(guān)的信息，并把傳過來封裝成 JSON 的數(shù)據(jù)進(jìn)行解析出來，進(jìn)行一系列的處理后展示到界面上，至于用戶交互通過前段把需要的信息封裝成 JSON 傳送服務(wù)器端進(jìn)過調(diào)用服務(wù)存儲到數(shù)據(jù)庫當(dāng)中，并返回一些回調(diào)的信息。 3 總體設(shè)計 系統(tǒng)結(jié)構(gòu)圖 新聞閱讀應(yīng)用系統(tǒng)結(jié)構(gòu)圖如圖 31 所示： 新聞閱讀應(yīng)用系統(tǒng)新聞閱讀應(yīng)用系統(tǒng)后臺移動客戶端應(yīng)用熱點(diǎn)新聞財經(jīng)新聞體育新聞娛樂新聞其他新聞用戶交互 圖 31 應(yīng)用系統(tǒng)結(jié)構(gòu)圖 總體功能設(shè)計 系統(tǒng)設(shè)計目標(biāo) 系統(tǒng)總的設(shè)計是為了達(dá)到以下目標(biāo)： * 實(shí)現(xiàn)服務(wù)端能提供新聞數(shù)據(jù)信息的服務(wù)功能的目的； * 實(shí)現(xiàn)把從服務(wù)器端提供的數(shù)據(jù)分類友好的展現(xiàn)出來，并且提供交互的空間平臺，從而達(dá)到所需要的基本需求； * 保證客 戶端與服務(wù)器端之間通信相對穩(wěn)定； * 確保各個模塊之間關(guān)聯(lián)合理性； * 確保應(yīng)用系統(tǒng)具有合理的框架。 總體設(shè)計 通過后臺服務(wù)端 Server 提供相關(guān)新聞數(shù)據(jù)信息服務(wù)，移動客戶端通過請求服務(wù)而獲取所要得到新聞數(shù)據(jù)信息，確定服務(wù)端與移動客戶端以網(wǎng)絡(luò)通信方式、封裝好兩端通訊的網(wǎng)絡(luò)請求數(shù)據(jù)、網(wǎng)絡(luò)發(fā)送數(shù)據(jù)的網(wǎng)絡(luò)數(shù)據(jù)處理模塊以及把數(shù)據(jù)封裝成 JSON 的格式去進(jìn)行兩處數(shù)據(jù)的相互傳輸，前端獲取得到的數(shù)據(jù)后，通過把數(shù)據(jù)經(jīng)過一系列的解析、轉(zhuǎn)換傳送加載到界面給予友好的展示給用戶，應(yīng)用系統(tǒng)設(shè)計的簡略流程圖如圖 32 所示： 新聞平臺互聯(lián)網(wǎng)新聞設(shè)置加載互聯(lián)網(wǎng)數(shù)據(jù)展示互聯(lián)網(wǎng)新聞本地新聞加載本地數(shù)據(jù)展示新聞列表展示新聞內(nèi)容 圖 32 應(yīng)用系統(tǒng)簡略流程圖 設(shè)計數(shù)據(jù)源到自定義頁面組件上展示總體設(shè)計框架，把服務(wù)器端傳送過來數(shù)據(jù)經(jīng)過處理、轉(zhuǎn)化成需要的一定數(shù)據(jù)類型后，根據(jù)頁面的特點(diǎn)定義與之相匹配的適配器來加載到相對應(yīng)的控件上，此過程大概如圖 33 所示。 適配器 Adapter 數(shù)據(jù)源 Data source 動態(tài)數(shù)組 ArrayList 列表控件 ListView 圖 33 應(yīng)用系統(tǒng)數(shù)據(jù)處理一覽圖 數(shù)據(jù)庫設(shè)計 系統(tǒng)數(shù)據(jù)分析 通過對新聞客 戶端應(yīng)用系統(tǒng)需求、總體架構(gòu)方面的分析，可以得出該應(yīng)用系統(tǒng)中要涉及到一下三個類實(shí)體：整條新聞信息實(shí)體、新聞分類、用戶交互信息實(shí)體。這些實(shí)體關(guān)系到許多的新聞數(shù)據(jù)實(shí)體子項(xiàng)，如標(biāo)題、摘要、內(nèi)容、編號、發(fā)布時間、發(fā)布方式以及分類名稱、編號、評論時間、記錄評論的內(nèi)容等相關(guān)的數(shù)據(jù)實(shí)體子項(xiàng)。 系統(tǒng) E－ R 圖 本系統(tǒng)一共設(shè)計規(guī)劃出新聞欄目分類實(shí)體、新聞詳細(xì)信息實(shí)體、新聞評論實(shí)體等實(shí)體。新聞的類別給以新聞欄目分類表來存放。 其中新聞詳細(xì)信息實(shí)體的 ER 圖如圖 34 所示： 新聞詳細(xì)信息編號時間標(biāo)題出處圖片有效分類內(nèi)容摘 要 圖 34 新聞詳細(xì)信息實(shí)體 ER 圖 新聞欄目分類實(shí)體的 ER 圖如圖 35 所示： 新聞欄目分類信息編號有效名稱序列號 圖 35 新聞欄目分類實(shí)體 ER 圖 新聞評論實(shí)體的 ER 圖如圖 36 所示： 新聞評論信息評論編號內(nèi)容出處時間支持?jǐn)?shù)反對數(shù)新聞編號有效 圖 36 新聞評論實(shí)體 ER 圖 通過對系統(tǒng)實(shí)體數(shù)據(jù)關(guān)系的分析，可以畫出如下 ER 圖如圖 37 所示 : 新聞信息新聞分類新聞評論 1n1mmn 圖 37 系統(tǒng)實(shí)體數(shù)據(jù)關(guān)系 ER 圖 數(shù)據(jù)流圖 以下為應(yīng)用系統(tǒng)的總體數(shù)據(jù)流圖如圖 38 所示： 新聞閱讀應(yīng)用系統(tǒng)后臺服 務(wù)器 Android 移動設(shè)備客戶端新聞評論信息新聞信息信息新聞?wù)畔⒘斜頍狳c(diǎn)新聞財經(jīng)新聞娛樂新聞體育新聞其他新聞查看評論發(fā)表評論圖 38 系統(tǒng)總體數(shù)據(jù)流圖 數(shù)據(jù)字典 新聞欄目分類表 描述：新聞欄目分類表記錄新聞的種類，包括兩個基本項(xiàng)： Column Id、 Column Name、 Column Sequence、 Column Valid 等，如表 31。 表 31 新聞欄目分類表 新聞信息表 描述：對新聞基本信息的詳細(xì)記錄，新聞的基本信息包括 : New ID、 Column ID、 New Title、 New Body、 New Digest、 New Source、 New Image、 New Time 和 New Valid 幾個項(xiàng)，如表 32。 表 32 新聞信息表 新聞評論表 描述：是存儲評論相關(guān)信息，包括 : Column Id、 New Id、 Discuss Time、 Discuss Content、 Discuss Region、 Discuss Supportcount、 Discuss Opposecount、 Discuss Valid 等幾項(xiàng)，如表 33。 表 33 新聞評論表 4 設(shè)計思想與實(shí)現(xiàn) 數(shù)據(jù)庫操作類的構(gòu)建 首先定義一個數(shù)據(jù)庫 DataControl 操作類，并為該類添加操作數(shù)據(jù)庫的方法，例如構(gòu)造方法 DataControl()、查詢方法 executeQuery、更新方法 executeUpdate 等方法。 public class DataControl { private DataControl() { propertyResourceBundle = new PropertyResourceBundle( .getResourceAsStream())。 = getString(databaseHostIP)。 // 讀取主機(jī)名 = getString(databaseName)。 // 讀取用戶名 = getString(databaseProt)。 // 讀取端口 = getString(User)。 // 讀取用戶 = getString(Password)。 // 讀取密碼 mysqlJdbcDrive = 。 // 驅(qū)動 datebaseConnect = jdbc: + databaseHostIP + : + databaseProt + / + databaseName。 // 連接串 } .. .. .. public ResultSet executeQuery(String sql, Object[] param) { ResultSet rs = null。 (sql, param)。 rs = ()。 //查詢 return rs。 } public Boolean executeUpdate(String sql, Object[] param) { boolean result = false。 (sql, param)。 ()。 //更新 result = true。 //設(shè)置標(biāo)志 return result。 } } 新聞欄目展示概要列表模塊 對基于 Android 新聞閱讀應(yīng)用系統(tǒng)而言，新聞的欄目分類對于使用者來說尤其重要，由于使用者會按照自身喜好來選擇自己需要瀏覽的欄目新聞。通過該模塊使從使用者角度來說會是更加的合理的設(shè)計。新聞欄目展示分類模塊界面如 圖 41 所示： 圖 41 新聞欄目展示概要列表模塊界面圖 新聞欄目展示分類模塊交互上，頁面發(fā)送請求到后臺服 務(wù)器，后臺服務(wù)器返回一串 Json 數(shù)據(jù)格式的新聞信息到移動客戶端，通過解析數(shù)據(jù)等一系列的操作后展示到頁面上的過程。 該模塊為本基于 Android 新聞閱讀應(yīng)用系統(tǒng)最主要主程序，其中運(yùn)用到 Android 最常用的控件 ListView 用來加載新聞條目信息，至于新聞移動客戶端網(wǎng)絡(luò)請求的封裝至為關(guān)鍵，關(guān)系到整個應(yīng)用通用性，核心代碼如下： 參數(shù)有：基本 BaseUrl 和 Param 組成。 (params, connTime)。//設(shè)置連接超時等待 時間 (params, socketTime)。 // 創(chuàng)建 DefaultHttpClient DefaultHttpClient defaultHttpClient = new DefaultHttpClient(params)。 // 建立請求 HttpGet Get = new HttpGet(url)。 // 請求返回標(biāo)志 status = ().getStatusCode()。 HttpResponse Response = (Get)。 // 請求返回結(jié)果 response = (())。 新聞欄目分類、刷新加載列表模塊 對于手機(jī)應(yīng)用系統(tǒng)來說處理手機(jī)那窄小的有限空間來說的充分利用是很關(guān)鍵，新聞新聞頁面上左側(cè)菜單欄的收縮滑動菜單頁面很好的解決這方面的劣勢，能夠充分的利用上手機(jī)屏幕上固有的小空間。數(shù)據(jù)有更新對數(shù)據(jù)重新請求重 新的對相應(yīng)的數(shù)據(jù)填充控件列表給予重新的載入刷新，如下圖右側(cè)的控件很好的實(shí)現(xiàn)該功能以及有很好的頁面效果、友好的用戶操作體驗(yàn)，該模塊的頁面效果如圖 42 所示： 圖 42 新聞欄目分類、刷新列表模塊界面圖 （ 1）新聞欄目菜單收縮滑動展示分類界面的設(shè)計使用了自定義的控件和 Android 基本的控件去實(shí)現(xiàn)。其中頁面上左側(cè)菜單欄效果實(shí)現(xiàn)的主要代碼如下： public void Menu_In(int animFromX, int animToX, int margX){ move = new TranslateAnimation(animFromX, animToX, 0, 0)。 (1000)。 (true)。 (new AnimationListener() { public void onAnimationEnd(Animation mAnimation) { //定位菜單左端 (fMargX, 0, 0, 0)。 (params)。} public void onAnimationRepeat(Animation mAnimation) { } public void onAnimationStart(Animation mAnimation) { } })。 //滑動菜單彈出或收起來 (move)。 } //確保恒定寬度的內(nèi)容在菜單滑動 ().getDefaultDisplay() .getWidth()。 = (().width)。 //滑動開始時內(nèi)容出于屏幕位置 (params)。 新聞欄目左側(cè)菜單滑動式讓右側(cè)顯示視圖以動畫效果進(jìn)行滑動，確保恒定寬度的內(nèi)容在菜單滑動，通過單位定位的左側(cè)邊緣來觸發(fā)滑動菜單彈出來或者收起來。 （ 2）新聞數(shù)據(jù)更新后進(jìn)行對頁面上數(shù)據(jù)列表的數(shù)據(jù)刷新的實(shí)現(xiàn)主要通過監(jiān)聽刷新動作開始后。新建一個 AsyncTask 異步請求數(shù)據(jù)任務(wù)的去向 服務(wù)器端發(fā)送數(shù)據(jù)請求。然后去觸發(fā) ListView 中的 notifyDataSetChanged 方法去把更新的數(shù)據(jù)加載到該控件上面。數(shù)據(jù)當(dāng)控件進(jìn)行下拉后實(shí)現(xiàn)數(shù)據(jù)的重新加載與更新同時體現(xiàn)出友好 UI 用戶體驗(yàn)。其中圖上的刷新控件是參考 Johan 寫的 [8]。 下拉動作實(shí)現(xiàn)效果的主要的代碼如下： (new LinearInterpolator())。 mFlipAnimation = new RotateAnimation(180, 0, , , , )。 (250)。 (((historicalY mLastMotionY) mRefreshViewHeight) / )。 ( (), (), ())。 新聞詳細(xì)內(nèi)容加載展示模塊 每當(dāng)用戶點(diǎn)擊選中一則新聞后頁面會跳轉(zhuǎn)到加載該則新聞的詳細(xì)的內(nèi)容的頁面上，新聞詳細(xì)內(nèi)容加載展示模塊界面如圖 43: 圖 43 新聞詳細(xì)內(nèi)容加載展示界面圖 新聞詳細(xì)內(nèi)容的加載展示模塊：主要是上一個新聞列表頁面上點(diǎn)擊某一條新聞后加載查詢這條新聞的更多詳細(xì)信息，通過列表上點(diǎn)擊的新聞所得到的信息去通過后臺服務(wù)去查找相對應(yīng)的新聞詳細(xì)信息，當(dāng)中數(shù)據(jù)通過封裝成 Json 的格式后進(jìn)行傳輸實(shí)現(xiàn)數(shù)據(jù)的傳送。該模塊的主要設(shè)計是界面友好展示和解釋后臺返回回來數(shù)據(jù)，主要的解析過程是將返回數(shù)據(jù)轉(zhuǎn)換成 JsonObject 對象，通過分析所要數(shù)據(jù)用對應(yīng)的 Key 值來得到 JsonArray 數(shù)據(jù)，通過循環(huán)來得到相對應(yīng)數(shù)據(jù)，數(shù)據(jù)封裝成 Json 格式因?yàn)槠渚哂辛己玫目勺x可以減少復(fù)雜性以及容易進(jìn)行數(shù)據(jù)封裝，雖然擴(kuò)展性上沒有 XML 好，但是傳輸效率上相對于 XML 等格式有一定優(yōu)勢，而且現(xiàn)在已經(jīng)有很多解析和封裝 Json 的成熟框架，例如： GSON、 FastJSON之類的框架。 新聞