栗少萍

山東科技職業(yè)學(xué)院，山東濰坊261053

NET平臺耦合Silverlight的圖像系統(tǒng)開發(fā)

栗少萍

山東科技職業(yè)學(xué)院，山東濰坊261053

針對HTML開發(fā)的圖像瀏覽系統(tǒng)界面單調(diào)、數(shù)據(jù)傳輸緩慢等不足，運(yùn)用最新的Silverlight技術(shù)開發(fā)出全新的圖像瀏覽系統(tǒng)。在NET平臺下設(shè)計了由測量模塊、局部放大模塊、色彩調(diào)整模塊等組成的圖像瀏覽系統(tǒng)。通過與基于HTML5的圖像瀏覽效果比較，基于Silverlight的圖像瀏覽系統(tǒng)更具有良好的用戶體驗(yàn)。實(shí)驗(yàn)結(jié)果表明：基于Silverlight的本系統(tǒng)應(yīng)用在圖像瀏覽上具有更好的效果，在工程上應(yīng)用是可行的。

Silverlight；圖像瀏覽；用戶體驗(yàn)；HTML5

在很多實(shí)際應(yīng)用領(lǐng)域，運(yùn)用高清晰度圖像瀏覽技術(shù)從圖像中提取信息，具有巨大的意義。因此，圖像瀏覽技術(shù)一直是國內(nèi)外圖像處理領(lǐng)域研究的熱點(diǎn)［1，2］。

目前很多領(lǐng)域的圖像處理系統(tǒng)中使用的圖像數(shù)據(jù)量極大，這類系統(tǒng)會產(chǎn)生較大的消耗，對硬件配置有較高的要求，使用成本比較高，從而限制了圖像的使用范圍，不能充分發(fā)揮其價值［3，4］。開發(fā)出看圖方便、快速并保證圖像的高清晰度的軟件是發(fā)展趨勢。

本文提出一種基于Silverlight的圖像瀏覽系統(tǒng)的設(shè)計方法。給出圖像瀏覽系統(tǒng)結(jié)構(gòu)和實(shí)現(xiàn)方法，在.NET平臺下設(shè)計了由圖像測量、圖像局部放大、圖像色彩調(diào)節(jié)組成的基于Silverlight的圖像瀏覽系統(tǒng)。

1 開發(fā)技術(shù)

RIA是一種具有高度互動性和豐富用戶與體驗(yàn)的WEB應(yīng)用程序，它的出現(xiàn)實(shí)現(xiàn)了客戶端和服務(wù)器端之間數(shù)據(jù)處理的平衡。在更新數(shù)據(jù)時，RIA技術(shù)將客戶端界面劃分為若干個獨(dú)立的模塊，待更新數(shù)據(jù)的模塊與服務(wù)器間進(jìn)行異步交互，并不需要刷新整個界面。同時，RIA技術(shù)還具有客戶端緩存數(shù)據(jù)這一大優(yōu)勢，從而可以實(shí)現(xiàn)一個數(shù)據(jù)往返于服務(wù)器的次數(shù)更少、比基于HTML的響應(yīng)速度更快的用戶界面［5，6］。

Silverlight是一種跨瀏覽器、跨客戶平臺的技術(shù)，是微軟公司發(fā)展RIA應(yīng)用程序策略的主要開發(fā)平臺。它提供了一個能夠開發(fā)出具有專業(yè)圖形、音頻和視頻的RIA應(yīng)用程序的強(qiáng)大平臺，增強(qiáng)了用戶體驗(yàn)。同時，還提供了強(qiáng)大的工具和豐富的組件來提高程序開發(fā)的效率。目前Silverlight是HTML5的主要竟?fàn)帉κ郑?，8］。

HTML5作為取代HTML4.01和XHTML1.0的新HTML標(biāo)準(zhǔn)版本，不僅在原有基礎(chǔ)上強(qiáng)化了Web網(wǎng)頁的表現(xiàn)性能，還追加了本地數(shù)據(jù)庫等RIA應(yīng)用的功能，無需安裝任何插件即可運(yùn)行RIA應(yīng)用程序。但與Flex和Silverlight相比，HTML5仍處在發(fā)展階段，在兼容性、安全性、以及開發(fā)效率等方面還存在許多不足［9，10］。

本文涉及并實(shí)現(xiàn)的圖像瀏覽系統(tǒng)中的關(guān)鍵技術(shù)：圖像測量、圖像局部放大、圖像色彩調(diào)節(jié)，都基于Silverlight實(shí)現(xiàn)。圖像瀏覽效果，實(shí)時性強(qiáng)、反應(yīng)快速、界面友好、具有很好的用戶體驗(yàn)，符合新一代富客戶端的發(fā)展要求。

系統(tǒng)總體設(shè)計與關(guān)鍵技術(shù)編碼實(shí)現(xiàn)

系統(tǒng)主要包括3個部分：圖像測量、圖像局部放大、圖像色彩調(diào)節(jié)。系統(tǒng)結(jié)構(gòu)圖如圖1所示。

圖1 系統(tǒng)結(jié)構(gòu)圖Fig.1 Structure of system

1.1 圖像測量

圖像測量包括距離測量和面積測量。距離測量為兩點(diǎn)距離，由鼠標(biāo)選定一點(diǎn)，拖動，再選定一點(diǎn)而獲得兩點(diǎn)坐標(biāo)。面積測量為鼠標(biāo)圈定區(qū)域的像素點(diǎn)，經(jīng)過換算得該區(qū)域的面積。

部分關(guān)鍵代碼：

1.2 圖像局部放大

對鼠標(biāo)停留的坐標(biāo)區(qū)域，進(jìn)行放大，即圖像局部放大。有利于瀏覽者觀察圖像的細(xì)節(jié)，類似放大鏡的功能。

部分關(guān)鍵代碼：

1.3 圖像色彩調(diào)節(jié)

調(diào)節(jié)圖像亮度、對比度、RGB三色，實(shí)時顯示調(diào)節(jié)效果。有利于瀏覽者對圖像的觀察，改善圖像瀏覽效果。

部分關(guān)鍵代碼：

2 實(shí)驗(yàn)結(jié)果與分析

硬件環(huán)境：CPU為AMD Athlou 64 X2 DualCore Processor3600+，主頻2.0 GHZ，內(nèi)存2.0 G。軟件環(huán)境：Windows7，VS2010開發(fā)平臺，Silverlight5.0?；赟ilverlight的圖像瀏覽系統(tǒng)主界面如圖2所示；基于Silverlight的圖像瀏覽系統(tǒng)測距與測面積效果圖如圖3所示；基于Silverlight的圖像瀏覽系統(tǒng)局部放大效果圖如圖4所示；基于Silverlight的圖像瀏覽系統(tǒng)色彩調(diào)節(jié)效果圖如圖5所示；基于HTML5的圖像瀏覽系統(tǒng)主界面如圖6所示。

圖2 基于Silverlight的圖像瀏覽系統(tǒng)主界面Fig.2 Interface of image browser on Silverlight

圖3 基于Silverlight的圖像瀏覽系統(tǒng)測距與測面積效果圖Fig.3Thedistanceandareadetermined withbrowseronSilverlight

圖4 基于Silverlight的圖像瀏覽系統(tǒng)局部放大效果圖Fig.4 Enlarged local part of browser on Silverlight

圖5 基于Silverlight的圖像瀏覽系統(tǒng)色彩調(diào)節(jié)效果圖Fig.5 Color adjustment for browser on Silverlight

圖6 基于HTML5的圖像瀏覽系統(tǒng)主界面Fig.6 Main interface of browser on HTML5

通過圖2和圖6的比較，相比基于HTML5的圖像瀏覽系統(tǒng)，基于Silverlight的圖像瀏覽系統(tǒng)更具有良好的用戶體驗(yàn)，具有更多的功能如測量功能、局部放大功能、色彩調(diào)節(jié)功能。如圖3所示，本系統(tǒng)的測量功能可以準(zhǔn)確測量出所選區(qū)域的面積和距離。如圖4所示，本系統(tǒng)的局部放大功能可以對鼠標(biāo)停留位置的圖像進(jìn)行局部放大。如圖5所示，本系統(tǒng)的色彩調(diào)節(jié)功能可以對圖像進(jìn)行亮度、對比度、RGB三色調(diào)節(jié)。

本文的基于Silverlight的圖像瀏覽系統(tǒng)具有更好的用戶體驗(yàn)和界面，看圖時讀取數(shù)據(jù)流暢，緩沖速度快。

3 結(jié)語

本文基于NET和Silverlight軟件平臺下，給出了一個Silverlight在圖像瀏覽系統(tǒng)中的應(yīng)用研究與實(shí)現(xiàn)過程。本文設(shè)計和實(shí)現(xiàn)的圖像瀏覽系統(tǒng)可作為一個子系統(tǒng)，嵌入到更大的圖像處理系統(tǒng)，相信能在圖像瀏覽方面得到更廣泛的應(yīng)用。本系統(tǒng)圖像瀏覽效果，實(shí)時性強(qiáng)、反應(yīng)快速、界面友好、具有很好的用戶體驗(yàn)，符合新一代富客戶端的發(fā)展要求。

［1］鄭磊琦.Silverlight在醫(yī)學(xué)網(wǎng)絡(luò)課程中的應(yīng)用［J］.中國科技信息，2012，39（1）：125-128

［2］Xie Zhengxiang，Wang Zhifang，Li Xiafu.Adaptively opti-mal compensation for vision contrast resolution and machine vision.Proceedings of the 3rdInternationalCongress on Image and Signal Processing（CISP 2010）2010，3（2）：213-216

［3］施佺.基于Silverli的海洋環(huán)境監(jiān)測信息平臺設(shè)計與實(shí)現(xiàn)［J］.計算機(jī)應(yīng)用與軟件，2011，25（3）：59-63

［4］蔣友好.RIA技術(shù)在醫(yī)療設(shè)備報修系統(tǒng)中的應(yīng)用［J］.中國醫(yī)療器械雜志，2013，32（7）：1875-1878

［5］XuXY，XuSZ，JinLH，etal.CharacteristicAnalysisofOtsuThresholdandItsApplications［J］.PatternRecognition，2011，2（1）：124-128

［6］王劍斐.Silverlight技術(shù)的圖文工作管理系統(tǒng)的實(shí)現(xiàn)［J］.軟件導(dǎo)刊，2011，31（3）：711-714

［7］吳鑫森.基于Silverlight和WCF的設(shè)備管理系統(tǒng)的設(shè)計與開發(fā)［J］.組合機(jī)床與自動化加工技術(shù)，2013，5（4）：24-26

［8］PlissitiM E，NidouC，CharchantiA.Watershed-basedsegmentationofcellnucleiboundariesonPapsmearimages.201010 thIEEEInternationalConferenceonInformationTechnologyandApplicationsinBiomedicine，2011，2（4）：145-149

［9］梁濤.基于Silverlight的柔性生產(chǎn)報表系統(tǒng)的設(shè)計［J］.計算機(jī)工程與設(shè)計，2013，34（7）：2578-2579

［10］付麗連.基于Silverlight的可變工序生產(chǎn)成本管理系統(tǒng)的研究與開發(fā)［J］.組合機(jī)床與自動化加工技術(shù)，2013，5（5）：134-139

Development of Image System Based on Silverlight and NET

LI Shao-ping
Shandong Vocational College of Science&Technology，Weifang 261053，China

The system developed by HTML has a lot of inadequacies such as monotonous inter-face，slow data transfer.To solve this problem，a new image browsing system was designed and which utilized new Silverlight.The image browsing system is designed based on NET platform，including measurement module，partial enlargement module，color adjustment module.The image browsing based on Silverlight have better user experience by comparison with the image browsing based on HTML5.Experimental results show that the system based on Silverlight achieve better effect in image browsing，and it is feasible in engineering.

Silverlight；image browsing；user experience；HTML5

TP391

A

1000-2324（2015）01-0106-04

2013-05-20

2013-05-28

栗少萍（1970-），女，山東濰坊人，漢族，碩士，副教授.研究方向：控制理論與控制工程.E-mail：lsp29@163.com