原創(chuàng)|其它|編輯:龔雪|2014-06-05 15:24:14.000|閱讀 1851 次
概述:
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
使用控件
在這次的項(xiàng)目中主要用到的是DevExpress旗下的DXv2 Silverlight控件庫(kù)。它都能為您提供創(chuàng)新的,華麗的控件。這些控件設(shè)計(jì)用來(lái)幫助使我們的應(yīng)用軟件更加突出界面控件套包來(lái)實(shí)現(xiàn)本次的界面功能展示效果,其中包括GridControl,ChartControl,TreeListControl,BarManager,NavBarControl ,CircularGaugeControl,DockLayoutManager等控件。
企業(yè)介紹
北京易艾斯德科技有限公司(ESDTEK)成立于2000年,致力于為用戶(hù)提供能耗管理、安全運(yùn)營(yíng)、專(zhuān)家服務(wù)等整體解決方案。ESDTEK作為國(guó)內(nèi)先行者,將驕人業(yè)績(jī)作為進(jìn)取未來(lái)的基石。公司廣泛服務(wù)于公共事業(yè)、智能建筑、軌道交通、航空航天、石油石化、電力企業(yè)、印鈔造幣、信息產(chǎn)業(yè)、工業(yè)制造等諸多行業(yè)用戶(hù)。ESDTEK始終以先進(jìn)的管理理念為支撐,不斷深入品質(zhì)管理和服務(wù)理念,并將“品質(zhì)·服務(wù)”這一企業(yè)核心價(jià)值融入經(jīng)營(yíng)發(fā)展的每個(gè)方面。暢想綠色電力的未來(lái),ESDTEK正為其高效、用心地工作和創(chuàng)造。
項(xiàng)目背景
目前,我國(guó)現(xiàn)有房屋建筑面積已達(dá)450億平方米,在建筑的建造和使用中,能源消耗高、利用效率低的問(wèn)題十分突出。據(jù)統(tǒng)計(jì),建筑耗能約占全社會(huì)耗能總量的30%左右,其中國(guó)家機(jī)關(guān)辦公建筑和大型公共建筑年耗電量約占全國(guó)城鎮(zhèn)總耗電量的22%,每平方米年耗電量是普通居民住宅的10~20倍,是歐洲、日本等發(fā)達(dá)國(guó)家同類(lèi)建筑的1.5~2倍。北京的大型公共建筑每平方米年耗電量在50~300度之間,這個(gè)數(shù)字較普通建筑要高出3到5倍。資料顯示,未來(lái)幾年內(nèi),我國(guó)的寫(xiě)字樓、公寓、飯店、會(huì)展中心等大型公共建筑還將會(huì)會(huì)大幅度增加,在2020年前我國(guó)將新增約10億m2大型公共建筑。而我國(guó)約90%以上的大型公共建筑是典型的耗能大戶(hù)。
項(xiàng)目面臨問(wèn)題
項(xiàng)目方案
選擇Dev Silverlight控件的原因
項(xiàng)目初期公司制定了項(xiàng)目前端要求目標(biāo)
產(chǎn)品定位 | |
|
|
前端要求 | |
設(shè)計(jì)目的 |
|
設(shè)計(jì)主題 |
|
色彩 |
依照設(shè)計(jì)內(nèi)容 無(wú)要求; |
控件 |
詳見(jiàn) 界面; |
pannel布局 |
布局結(jié)構(gòu):不拘泥于現(xiàn)有布局結(jié)構(gòu); 布局內(nèi)容如下:
|
最終目的 | |
界面美觀(guān) 簡(jiǎn)約,以數(shù)據(jù)內(nèi)容為主題 |
結(jié)合整理出來(lái)的界面功能和業(yè)務(wù)需求,前端工程師和美工的覺(jué)得DevExpress旗下的DXperience Silverlight非常適合這個(gè)項(xiàng)目。
控件應(yīng)用情況
上圖中是能耗管理系統(tǒng)EasyEEM系統(tǒng)(以下簡(jiǎn)稱(chēng)EasyEEM)的一個(gè)登錄界面布局例圖,由于B/S的系統(tǒng)模式需要實(shí)現(xiàn)自適應(yīng)瀏覽器窗口,所以我們采用了DXperience Silevrlight中的DocklayoutPanel控件來(lái)實(shí)現(xiàn)界面的這個(gè)需求.
在EasyEEM中多處采用了DevChart控件實(shí)現(xiàn)的曲線(xiàn),柱狀圖和餅狀圖,這個(gè)樣子用戶(hù)可以非常直觀(guān)的進(jìn)行能耗預(yù)測(cè)和分析,更加直觀(guān)地展現(xiàn)業(yè)務(wù)內(nèi)容。
通過(guò)對(duì)EasyEEM中設(shè)備能耗的數(shù)據(jù)分析,采用了Gauges Controls---DigitalGaugeControl來(lái)展示實(shí)時(shí)儀表數(shù)據(jù);用Dev ChartControl--AreaSeries2D類(lèi)區(qū)域曲線(xiàn)顯示儀表用電情況;用DataEditors--TextEdit控件實(shí)現(xiàn)數(shù)據(jù)顯示和內(nèi)容提示;使用Dev-GridControlView控件實(shí)現(xiàn)對(duì)列表數(shù)據(jù)的顯示;
同時(shí),我們還根據(jù)Dev Silverlight控件的不同屬性和業(yè)務(wù)要求作出不同風(fēng)格界面,
圖為登錄金喜正規(guī)買(mǎi)球,展示某一建筑能耗分類(lèi)分項(xiàng)和能耗對(duì)比圖等信息;
圖為展示建筑能耗總覽信息,突出展示能耗曲線(xiàn)和能耗報(bào)警數(shù)據(jù);
圖為能耗管理界面,包括能耗分布 能耗對(duì)比,能耗曲線(xiàn)等相關(guān)信息;
圖為能耗數(shù)據(jù)展示界面,提供能耗數(shù)據(jù)管理人員能耗數(shù)據(jù)趨勢(shì),能耗對(duì)比,能耗排名等信息;
最后,為適應(yīng)最新界面風(fēng)格,也開(kāi)發(fā)了Window8風(fēng)格界面,如下:
此版本暫處于開(kāi)發(fā)階段不內(nèi)容功能不逐一闡述。
我還想說(shuō)...
這個(gè)EasyEEM能耗管理系統(tǒng)在推出之后,業(yè)務(wù)上很好的完成了領(lǐng)導(dǎo)對(duì)能效管理的宿求,我們覺(jué)得這個(gè)項(xiàng)目在當(dāng)時(shí)選擇了Dev Silverlight來(lái)實(shí)現(xiàn)它的界面功能是非常正確的決定,我們?cè)陂_(kāi)發(fā)上既保證了時(shí)間也保證了效果,這個(gè)就是一個(gè)不錯(cuò)的例子,有興趣的可以去試用一下。
聲明
本人提交此案例參加慧都第一屆案例大賽,并同意本案例內(nèi)容用于慧都科技和該控件廠(chǎng)商的市場(chǎng)宣傳。
案例提交人信息
姓名:呂宏祥
職位:項(xiàng)目經(jīng)理
所在企業(yè):北京易艾斯德科技有限公司
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn