一種基于混合模式的新聞瀏覽器設(shè)計(jì)

陸非 王子也

摘 要 在全球信息化的趨勢(shì)下，人們不再滿足于傳統(tǒng)信息服務(wù)，新聞瀏覽器成為Internet新聞信息傳播的重要媒介之一，信息管理的及時(shí)性、高效性得到了極大提升。筆者通過(guò)調(diào)研，設(shè)計(jì)了一款引入混合模式的新聞瀏覽器，本文針對(duì)新聞瀏覽器系統(tǒng)分析、新聞瀏覽器功能設(shè)計(jì)、新聞瀏覽器實(shí)現(xiàn)這三個(gè)方面內(nèi)容進(jìn)行深入闡述，說(shuō)明該新聞瀏覽器的可行性和現(xiàn)實(shí)意義，以期為廣大用戶提供更便捷、更具實(shí)效性的新聞瀏覽功能。

關(guān)鍵詞 混合模式 新聞瀏覽器 功能設(shè)計(jì)

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A DOI：10.16400/j.cnki.kjdkx.2018.08.030

Abstract Under the trend of global informatization， people are no longer satisfied with traditional information services. Then news browser has become one of the important media of Internet news and information， and the timeliness and efficiency of information management have been greatly improved. Through the investigation and research， the writer designed a news browser which introduces a mixed mode. The author of paper elaborates further， focusing on news browser system analysis， news browser function design， news browser implementation these three aspects. The author illustrates the feasibility and practical significance of the news browser， in order to provide more convenient and more efficient browsing capabilities for the general user news.

Keywords mixed mode news browser function design

1 新聞瀏覽器系統(tǒng)分析

1.1 需求分析

新聞瀏覽器由新聞審核發(fā)布系統(tǒng)和移動(dòng)APP端產(chǎn)品兩部分組成，前者是進(jìn)行內(nèi)容管理和執(zhí)行新聞發(fā)布的管理系統(tǒng)，執(zhí)行新聞發(fā)布功能的是基于B/S模式應(yīng)用框架的系統(tǒng)，能夠?qū)W(wǎng)絡(luò)上雜亂無(wú)章的信息依據(jù)算法，重新組合，分門別類、有序的展示給用戶。用戶可以通過(guò)手機(jī)APP或者WEB瀏覽器瀏覽相關(guān)新聞信息。

新聞瀏覽器是Internet新聞信息傳播的重要媒介之一，主要擁有內(nèi)容整理和新聞發(fā)布的功能；此外，它能夠與用戶進(jìn)行適時(shí)交互，改變了傳統(tǒng)新聞媒介無(wú)法實(shí)現(xiàn)與用戶進(jìn)行深入交互的缺陷。當(dāng)下在全球信息化的趨勢(shì)下，人們不再滿足于傳統(tǒng)信息服務(wù)，期望信息量大，內(nèi)容豐富、更新速度快、無(wú)時(shí)空限制等，而這些恰好是網(wǎng)絡(luò)信息所具有的特點(diǎn)。手機(jī)新聞信息閱讀，普通民眾大多關(guān)注身邊的新聞和瑣事，關(guān)注面并不寬泛。研發(fā)設(shè)計(jì)新聞瀏覽器系統(tǒng)，能夠幫助他們迅速了解和關(guān)注當(dāng)?shù)氐男侣労兔裆?，豐富普通老百姓閱讀新聞的渠道。

1.2 可行性分析

1.2.1 技術(shù)可行性

（1）軟件可行性。新聞瀏覽器系統(tǒng)的設(shè)計(jì)離不開(kāi)大量的新聞數(shù)據(jù)源，對(duì)于信息數(shù)據(jù)的收集可以通過(guò)相應(yīng)的抓取策略和網(wǎng)頁(yè)分析算法，編寫網(wǎng)絡(luò)爬蟲(chóng)腳本程序來(lái)實(shí)現(xiàn)。客戶端新聞信息內(nèi)容的展示則可以在可視化模塊中動(dòng)態(tài)展示出來(lái)。

（2）硬件可行性。新聞瀏覽器系統(tǒng)需要處理相當(dāng)巨大的數(shù)據(jù)，這對(duì)服務(wù)器端的數(shù)據(jù)庫(kù)的存儲(chǔ)能力和承載能力有較高的要求。目前大多服務(wù)器對(duì)于新聞信息分析系統(tǒng)是綽綽有余的。而在客戶端，用戶只需要通過(guò)瀏覽器就可以訪問(wèn)系統(tǒng)并使用其它的一些功能，目前普通家庭電腦的配置都能適用。對(duì)于移動(dòng)端用戶我們也開(kāi)發(fā)了軟件，下載安裝軟件后，即可通過(guò)數(shù)據(jù)流量訪問(wèn)數(shù)據(jù)庫(kù)，獲取相應(yīng)信息。

1.2.2 操作可行性

本瀏覽器結(jié)構(gòu)和框架設(shè)計(jì)，使用的是用于設(shè)計(jì)用戶界面的免費(fèi)開(kāi)源框架，功能豐富強(qiáng)大，用戶操作界面美觀簡(jiǎn)潔，提供的表格框架作為程序，可以實(shí)現(xiàn)多種交互功能。針對(duì)用戶實(shí)際需求，前端頁(yè)面具有非常好的用戶體驗(yàn)。在系統(tǒng)上開(kāi)發(fā)的移動(dòng)端產(chǎn)品，操作簡(jiǎn)便同時(shí)容易維護(hù)和更新。

1.2.3 經(jīng)濟(jì)可行性

通過(guò)不斷地調(diào)試完善，目前該新聞瀏覽器能夠針對(duì)用戶的需求，為不同的部門和人員提供服務(wù)。例如：為公共安全部門、廣電部門、教育部門和其他政府機(jī)關(guān)提供社會(huì)輿情收集服務(wù)；為各個(gè)企業(yè)、公司提供市場(chǎng)調(diào)研、股市調(diào)控信息、國(guó)家政策變動(dòng)、招投標(biāo)監(jiān)測(cè)等服務(wù)；除此之外還能為其他金融機(jī)構(gòu)、上市公司等提供口碑管理服務(wù)。當(dāng)然也可以為一般百姓提供快速準(zhǔn)確的新聞信息服務(wù)。由此可見(jiàn)，新聞瀏覽器也是眾多IT企業(yè)商業(yè)競(jìng)爭(zhēng)的基礎(chǔ)，具有可觀的經(jīng)濟(jì)可行性。

2 新聞瀏覽器功能設(shè)計(jì)

2.1 新聞瀏覽器流程

新聞瀏覽器的流程包括：（1）新聞采集中心的人員在各新聞發(fā)生現(xiàn)場(chǎng)得到最新的新聞信息，以最快速度、最準(zhǔn)的發(fā)送到網(wǎng)站中心。（2）網(wǎng)站工作人員接收新聞后，根據(jù)新聞?lì)愋汀⒂绊懗潭鹊日硇侣?，然后如?shí)準(zhǔn)確的將整理好的新聞錄入系統(tǒng)提供的界面并提交保存。必要時(shí)對(duì)新聞進(jìn)行修改或刪除，處理完畢后再進(jìn)行保存。（3）后臺(tái)數(shù)據(jù)庫(kù)管理人員將傳送來(lái)的新聞保存到數(shù)據(jù)庫(kù)，維護(hù)數(shù)據(jù)庫(kù)。如果出現(xiàn)故障，則需及時(shí)通知維護(hù)部門。（4）如果出現(xiàn)故障，維護(hù)部門進(jìn)行故障分析并及時(shí)解決問(wèn)題，待恢復(fù)正常后填寫維護(hù)記錄單。

2.2 WEB版瀏覽器功能

（1）新聞采集功能。新聞采集人員將得到的最新消息進(jìn)行篩選，將新聞進(jìn)行初步分類、編序。采集人員將初步整理好的新聞信息按照要求送交給網(wǎng)站管理人員。

（2）處理新聞功能。經(jīng)過(guò)初步整理過(guò)的有效新聞，網(wǎng)站管理人員需要進(jìn)一步進(jìn)行分類，按要求及時(shí)將新聞發(fā)布。新聞管理員可以對(duì)發(fā)布的新聞進(jìn)行操作，而管理員則可通過(guò)密碼登錄進(jìn)入后臺(tái)管理中心，對(duì)新聞進(jìn)行修改、刪除等操作，而且可對(duì)用戶的非法及不文明評(píng)論進(jìn)行刪除，并將所有數(shù)據(jù)進(jìn)行保存。

（3）維護(hù)新聞功能。當(dāng)網(wǎng)站或數(shù)據(jù)庫(kù)出現(xiàn)故障時(shí)，維護(hù)人員可進(jìn)行故障恢復(fù)。當(dāng)系統(tǒng)升級(jí)時(shí)，維護(hù)人員則需更新完畢后進(jìn)行保存。

（4）用戶瀏覽功能。用戶通過(guò)網(wǎng)站，可以瀏覽查看新聞。對(duì)于不同的興趣可以按類別選擇新聞，也可查看最新及熱點(diǎn)新聞。對(duì)于某些新聞也可評(píng)論留言。

（5）后臺(tái)數(shù)據(jù)管理功能。數(shù)據(jù)庫(kù)管理人員進(jìn)行數(shù)據(jù)庫(kù)維護(hù)，存儲(chǔ)各項(xiàng)所需數(shù)據(jù)。為了保證數(shù)據(jù)的完整和規(guī)范，不能隨意刪除更改信息。

2.3 APP版瀏覽器功能

（1）Android新聞客戶端界面要有不同新聞?lì)悇e的分類導(dǎo)航，每個(gè)類別必須有頭條新聞?wù)故竞鸵幌盗性敿?xì)的新聞信息列表。由于針對(duì)地區(qū)城市的新聞進(jìn)行設(shè)計(jì)和開(kāi)發(fā)，因此用戶在進(jìn)入瀏覽器首先顯示的就是當(dāng)?shù)氐男侣勑畔?，如果用戶需要了解其他地區(qū)的信息，點(diǎn)擊新聞搜索就可以從網(wǎng)絡(luò)中搜索其他相關(guān)的新聞信息。

（2）用戶可以點(diǎn)擊不同模塊進(jìn)入不同模式的新聞閱讀模塊。每個(gè)子欄目?jī)?nèi)容展示的上方將提供一個(gè)支持左右滑動(dòng)的內(nèi)容瀏覽區(qū)域，該區(qū)域?qū)⒄故緢D集新聞（包含有大量圖片資源的新聞），或者視頻等多媒體信息；在每個(gè)子欄目的下方將以列表的形式展示新聞內(nèi)容，排序要求遵循新聞的時(shí)效性。用戶可以點(diǎn)擊按鈕功能，那么就能夠進(jìn)入到新聞閱讀模塊的功能中，查看新聞的詳細(xì)信息。

（3）用戶可以在進(jìn)入新聞詳情頁(yè)后根據(jù)自己的喜好來(lái)調(diào)節(jié)新聞閱讀詳情頁(yè)的字體大小。能夠自動(dòng)對(duì)瀏覽器的界面進(jìn)行切換和處理。

（4）用戶可以在進(jìn)入新聞詳情頁(yè)面后點(diǎn)擊分享按鈕，對(duì)自己喜歡的文章進(jìn)行分享。

3 新聞瀏覽器實(shí)現(xiàn)

3.1 系統(tǒng)架構(gòu)

MVC框架中Model2體系架構(gòu)對(duì)JSP、Servlet進(jìn)行了綜合，借此生成動(dòng)態(tài)內(nèi)容服務(wù)。通過(guò)JSP建立表達(dá)層，Servlet進(jìn)行全面有效的處理。其本身極具代表性意義，對(duì)表達(dá)與內(nèi)容進(jìn)行了有效區(qū)分，不僅為角色做出解釋，而且對(duì)研發(fā)人員、網(wǎng)頁(yè)設(shè)計(jì)人員的職責(zé)進(jìn)行描述。本系統(tǒng)主要利用Model2滿足設(shè)計(jì)需求。

3.2 WEB版瀏覽器的實(shí)現(xiàn)

3.2.1 視圖層的實(shí)現(xiàn)

（1）前臺(tái)功能。本著直觀友好的原則，第一，前臺(tái)頁(yè)面的頂部位置，設(shè)計(jì)登錄口；第二，登錄口的下方提供了新聞欄目，對(duì)數(shù)據(jù)庫(kù)內(nèi)包含的所有欄目進(jìn)行了呈現(xiàn)，用戶能夠根據(jù)個(gè)人興趣愛(ài)好選擇相應(yīng)的欄目；第三，欄目下方提供了具體的條目?jī)?nèi)容，主要采用表格方法對(duì)新聞條目進(jìn)行呈現(xiàn)，根據(jù)時(shí)間先后順序完成列表，將最新的動(dòng)態(tài)安排在靠前的位置，這樣才能保證各項(xiàng)內(nèi)容的“時(shí)效性”；第四，用戶按照個(gè)人愛(ài)好與興趣，完成新聞內(nèi)容的篩選與過(guò)濾，選擇具體的欄目并確認(rèn)后，列表內(nèi)將提供與之相關(guān)的條目。方便用戶準(zhǔn)確了解需要的信息。

（2）后臺(tái)界面。只有系統(tǒng)管理員才允許訪問(wèn)后臺(tái)，可以對(duì)新聞與欄目進(jìn)行新增、更改等操作權(quán)限。

（3）添加新聞。系統(tǒng)管理員能夠基于后臺(tái)界面提供的“新增”選項(xiàng)，完成更多新聞的添加，確認(rèn)這一選項(xiàng)后，直接彈出相應(yīng)頁(yè)面供系統(tǒng)管理員操作，管理員需要輸入新聞的標(biāo)題與正文信息，同時(shí)應(yīng)當(dāng)確定這條新聞對(duì)應(yīng)的欄目。待所有內(nèi)容檢查無(wú)誤后，選擇“發(fā)表”按鍵并確認(rèn)，這一新聞便成功在前臺(tái)進(jìn)行了現(xiàn)實(shí)，若選擇“清除”鍵并確認(rèn)，那么此前填寫的全部?jī)?nèi)容會(huì)自動(dòng)消失，管理員必須再次重復(fù)上述流程。

（4）欄目管理。管理員可以通過(guò)后臺(tái)確定“欄目管理”，管理員能夠根據(jù)需要完成各欄目的管理。

3.2.2 模型層的實(shí)現(xiàn)

模型層利用JavaBean來(lái)實(shí)現(xiàn)，設(shè)計(jì)過(guò)程中需要對(duì)功能模塊的模型層創(chuàng)建出JavaBean類。模型層中包含新聞與欄目?jī)煞N管理類。（1）前臺(tái)顯示與登錄。對(duì)于這兩種模塊而言，基礎(chǔ)模型層分別為News與Newcla；（2）新聞管理。基于后臺(tái)中提供的操作界面，系統(tǒng)管理員能夠完成對(duì)當(dāng)前新聞內(nèi)容的各項(xiàng)操作，其基礎(chǔ)模型層同樣為News與Newcla；（3）欄目管理。系統(tǒng)管理員能夠根據(jù)實(shí)際情況，完成對(duì)當(dāng)前欄目的各項(xiàng)操作。

3.2.3 控制層的實(shí)現(xiàn)

（1）用戶登錄操作?；谇芭_(tái)建立的登錄口，注冊(cè)用戶能夠直接完成登錄，而系統(tǒng)管理員則能夠借此訪問(wèn)后臺(tái)界面，用戶完成相關(guān)資料的填寫后，由相應(yīng)的控制層進(jìn)行判斷。因此控制器需要具體用戶身份的辨別功能，確定其有無(wú)訪問(wèn)后臺(tái)的權(quán)限。控制器主要利用LoginServlet來(lái)實(shí)現(xiàn)。

（2）新聞管理。可以根據(jù)需要完成新聞內(nèi)容的各項(xiàng)操作，需要利用NewsServlet來(lái)實(shí)現(xiàn)相應(yīng)的控制層。

（3）欄目管理。其核心作用是完成欄目相關(guān)的各項(xiàng)操作，主要利用NewclaServlet來(lái)實(shí)現(xiàn)相應(yīng)的控制層。

3.3 APP版瀏覽器的實(shí)現(xiàn)

3.3.1 用戶界面的實(shí)現(xiàn)

APP版瀏覽器主要包括三個(gè)基本的操作界面：“新聞概況”、“詳細(xì)新聞”、“評(píng)論”。

（1）“新聞概況”界面。有所有新聞對(duì)應(yīng)的欄目頭，以此為前提，確定具體的新聞內(nèi)容，界面中所有的內(nèi)容需要采用ListView方法進(jìn)行有效呈現(xiàn)，用戶能夠直接拖拽瀏覽信息，同時(shí)需要提供相應(yīng)的加載選項(xiàng)，當(dāng)信息量過(guò)大時(shí)，界面上不會(huì)呈現(xiàn)出全部的內(nèi)容，選擇這一選項(xiàng)后，用戶能夠?qū)θ啃畔⑦M(jìn)行了解。

（2）“詳細(xì)新聞”界面。用戶選中具體的新聞內(nèi)容時(shí)，該界面主要提供了有關(guān)這條新聞的所有信息，包括標(biāo)題、編者、評(píng)論留言等，而信息顯示范圍中，我們可以通過(guò)兩邊拖拽的方法得到前、后兩條新聞，過(guò)程十分簡(jiǎn)單，無(wú)須重現(xiàn)打開(kāi)操作界面便可以直接瀏覽其它內(nèi)容。

（3）“評(píng)論”界面。其中呈現(xiàn)的內(nèi)容并不復(fù)雜，按照時(shí)間先后次序呈現(xiàn)出某條新聞相關(guān)的評(píng)論留言，根據(jù)留言我們能夠確定用戶留言的時(shí)間與信息，而留言對(duì)話框中進(jìn)行了相應(yīng)的設(shè)置，比如“文明留言”等，借此對(duì)評(píng)論進(jìn)行有效管理，避免給其他用戶帶來(lái)不適感。

3.3.2 新聞獲取的實(shí)現(xiàn)

本次新聞信息的獲取，采用的是網(wǎng)絡(luò)爬蟲(chóng)來(lái)實(shí)現(xiàn)的。利用網(wǎng)絡(luò)爬蟲(chóng)可以收集網(wǎng)頁(yè)上需要的信息，同時(shí)利用數(shù)據(jù)庫(kù)實(shí)現(xiàn)有效存儲(chǔ)。這一應(yīng)用包含了鏈接過(guò)濾、頁(yè)面解析、爬行控制、數(shù)據(jù)存儲(chǔ)四種子模塊。

3.3.3 數(shù)據(jù)庫(kù)的實(shí)現(xiàn)

系統(tǒng)是否穩(wěn)定，與數(shù)據(jù)庫(kù)架構(gòu)是否合理有著直接關(guān)系。大量重復(fù)信息會(huì)讓系統(tǒng)的運(yùn)行性能下降。本系統(tǒng)選擇SQL Server 2012作為數(shù)據(jù)庫(kù)管理系統(tǒng)，其完善的Web支持，可以擴(kuò)展數(shù)據(jù)庫(kù)編程操作。對(duì)于訪問(wèn)層而言，可以通過(guò)JDBC進(jìn)入數(shù)據(jù)庫(kù)，借用SQL語(yǔ)句完成具體的控制，過(guò)程比較簡(jiǎn)單。移動(dòng)客戶端可以通過(guò)MySQL數(shù)據(jù)庫(kù)構(gòu)造出我們需要的數(shù)據(jù)庫(kù)。

參考文獻(xiàn)

[1] 郭蕊.基于B/S結(jié)構(gòu)的新聞發(fā)布系統(tǒng)[D].長(zhǎng)春：吉林大學(xué)，2014.

[2] 秦瑾若.基于MVC模式的新聞發(fā)布與管理系統(tǒng)設(shè)計(jì)與分析[J].廣西民族大學(xué)學(xué)報(bào)（自然科學(xué)版），2014（1）：110-115.

[3] 戴一平. MVC設(shè)計(jì)模式在PHP開(kāi)發(fā)中的應(yīng)用[J].計(jì)算機(jī)與現(xiàn)代化，2011（3）：89-92.

[4] 吳艷.基于MVC模式B/S體系結(jié)構(gòu)的課程管理系統(tǒng)的設(shè)計(jì)[J].浙江工業(yè)大學(xué)學(xué)報(bào)，2008（1）：456-460.

[5] 張一可.基于IVVR平臺(tái)的互動(dòng)新聞系統(tǒng)研究與設(shè)計(jì)[D].廣州：華南理工大學(xué)，2015.

[6] 張奇?zhèn)?基于HTML5的移動(dòng)應(yīng)用的研究與開(kāi)發(fā)[D].北京：北京郵電大學(xué)，2013.