天天看點

DAP大屏主題開發說明

科技飛速發展的時代,企業資訊化建設會越來越完善,越來越體系化,當今資料時代背景下更加強調、重視資料的價值,以資料說話,通過資料為企業提升管道轉化率、改善企業産品、實作精準營運,為企業打造自助模式的資料分析成果,以資料驅動決策。

在現代生活當中資料可視化變得越來越重要,已經是大資料分析解決的重要組成部分,是不可忽略的組成元素之一。之是以資料可視化大屏運用得到廣泛推廣以及備受認可,就是因為可以将原始資料流通過圖像形式直接展示友善做決策,在展示内容上更加直接。 

1整體介紹 

通過DAP大屏進行資料分析來決策,DAP支援多端的展現,可以通過手機展現,也支援大螢幕展現,通過大屏展現讓公司上司快速了解企業發展趨勢,通過大屏展現分析資料來決策公司未來發展方向,讓企業資料應用更有價值,使企業辦公更加高效。 

1.1産品方案 

首先介紹一下DAP的資料中台方案組合架構: 

DAP大屏主題開發說明

資料中台方案主要的産品組合是DAP資料分析平台通過與ESB應用內建平台結合,使用場景主要是通過配置排程任務、執行排程任務調用ESB資料同步流程,實作資料的采集、抽取、轉換、傳輸、排程等操作,基礎資料為DAP提供同源并标準的、一緻的資料保障資料分析所分析資料的準确性,然後通過Portal門戶內建平台展現給客戶。 

1.2産品說明 

資料分析平台是一款能夠高效存儲、計算、分析并處理海量資料的資料分析産品,能夠真實、準确、清晰、有效地将企事業内部及行業外部相關資料進行可視化展現,幫助企事業提升行業洞察力,加強決策力,進而提升整體競争力。 

DAP大屏主題開發說明

資料分析平台功能有: 

1.資料來源(應用系統定義、資料源頭配置、ODS資料定義)數倉模型。 

2.數倉模型(業務主題、次元配置、事實配置、模型配置、名額管理)。 

3.資料排程(規則校驗、排程資源(同步資源、加工資源)、排程任務、排程日志(同步日志、加工日志)、品質日志、通知日志)。 

4.分析模型(資料集配置、立方體配置、業務類報表、多元度分析)。 

5.展現模型(導航管理(大屏主題)、元件管理、展現主題、裝飾管理)。 

6.資料服務(接收服務、查詢服務、統計服務、名額服務、業務服務)。 

7.算法模型(算法配置、标簽管理、算法日志)。 

8.統計分析(資料地圖、品質分析、血緣分析、影響分析)。 

9.系統管理(組織管理、角色管理、人員管理、功能管理、編碼類型、編碼管理、系統日志)。 

1.3功能說明 

DAP展現數倉資料形式有看闆、資料服務、大屏,其中大屏是展現資料價值的重要方式,能夠将各種豐富資料資訊可視化,展示内容更為詳細并且展示效果更生動,友善企業參考。 

本次通過預置銷售、項目、人事相關的不同主題展現大屏,擴充對應的主題界面(地圖主題、視訊主題、立體主題)。

DAP大屏主題開發說明

2地圖主題 

地圖主題是中間有一個地圖元件,本次預置主要展現銷售範圍,其他的元件展現公司1年的銷售相關情況。下面介紹地圖主題如何擴充、如何布局和最終展現效果。 

2.1主題說明 

首先在主題管理裡預置地圖主題: 

DAP大屏主題開發說明

主題詳情頁面: 

1.添加地圖主題名稱。 

2.主題類别選擇嵌入主題。 

3.路徑: 

screens/map/BoardPreset.jsp(DapSever中主題路徑)。 

DAP大屏主題開發說明

2.2主題調整 

主題調整是在如下目錄下的頁面進行修改: 

screens/map/BoardPreset.jsp 

DAP大屏主題開發說明

首先設定背景顔色:背景顔色設定不平鋪、顔色為深藍色。 

DAP大屏主題開發說明

設定上面title頭: 

DAP大屏主題開發說明

引用背景圖檔: 

DAP大屏主題開發說明

添加title名稱: 

DAP大屏主題開發說明

CSS樣式調整: 

DAP大屏主題開發說明

裝飾調整,添加裝飾背景圖檔并調整CSS屬性: 

DAP大屏主題開發說明
DAP大屏主題開發說明

2.3主題展現 

導航中配置銷售情況大屏選擇地圖主題: 

DAP大屏主題開發說明

地圖主題導航布局如下: 

DAP大屏主題開發說明

選擇對應元件:比如地圖元件。 

DAP大屏主題開發說明

最終效果: 

DAP大屏主題開發說明

3視訊主題 

視訊主題是中間有一個視訊元件,本次預置的主要展現項目監控視訊,其他的元件展現公司1年的項目相關情況。下面介紹視訊主題如何擴充、如何布局和最終展現效果。 

3.1主題說明 

首先在主題管理裡預置視訊主題: 

DAP大屏主題開發說明

主題詳情頁面: 

4.添加視訊主題名稱。 

5.主題類别選擇嵌入主題。 

6.路徑: 

screens/video/BoardPreset.jsp(DapSever中主題路徑)。 

DAP大屏主題開發說明

3.2主題調整 

主題調整是在如下目錄下的頁面進行修改: 

screens/video/BoardPreset.jsp 

DAP大屏主題開發說明

首先設定背景圖檔:背景圖檔寬度和高度。 

DAP大屏主題開發說明

設定上面title頭: 

DAP大屏主題開發說明

(4)引用背景圖檔: 

DAP大屏主題開發說明

(5)添加title名稱: 

DAP大屏主題開發說明

(6)CSS樣式調整: 

DAP大屏主題開發說明

裝飾調整: 

(2)添加裝飾背景圖檔并調整CSS屬性: 

DAP大屏主題開發說明
DAP大屏主題開發說明

3.3主題展現 

導航中配置公司項目情況大屏選擇視訊主題: 

DAP大屏主題開發說明

地圖主題導航布局如下: 

DAP大屏主題開發說明

選擇對應元件:比如視訊元件。 

DAP大屏主題開發說明

最終效果: 

DAP大屏主題開發說明

4立體主題 

立體主題是中間有一個大樓3D元件,本次預置的主要是展現人事監控視訊,其他的元件展現公司1年的人事相關情況。下面介紹立體主題如何擴充、如何布局和最終展現效果。 

4.1主題說明 

首先在主題管理裡預置立體大屏主題: 

DAP大屏主題開發說明

主題詳情頁面: 

7.添加立體主題名稱。 

8.主題類别選擇嵌入主題。 

9.路徑: 

screens/stereogram/BoardPreset.jsp(DapSever中主題路徑)。 

DAP大屏主題開發說明

4.2主題調整 

主題調整是在如下目錄下的頁面進行修改: 

screens/stereogram/BoardPreset.jsp 

DAP大屏主題開發說明

首先設定背景圖檔: 

DAP大屏主題開發說明

設定上面title頭: 

DAP大屏主題開發說明

(1)引用背景圖檔: 

DAP大屏主題開發說明

(2)添加title名稱: 

DAP大屏主題開發說明

(3)CSS樣式調整: 

DAP大屏主題開發說明

裝飾調整: 

(1)添加裝飾背景圖檔并調整CSS屬性: 

DAP大屏主題開發說明
DAP大屏主題開發說明

4.3主題展現 

導航中配置人事情況大屏選擇立體主題: 

DAP大屏主題開發說明

立體主題導航布局如下: 

DAP大屏主題開發說明

最終效果: 

DAP大屏主題開發說明

5心得總結 

DAP資料分析平台通過數倉建設把業務系統的資料進行統一管理,通過資料服務或者資料可視化展現把這些有效的資料展現出來,幫助企業決策者了解公司動态,上述介紹的大屏開發是資料可視化展現形式之一。 

5.1産品開發 

功能開發人員考慮問題一定要全面,如果内容梳理得全面、在前期設計到位,那麼在實際工作工程中就不會出現功能遺漏,不會導緻整體功能出現斷層,同時也會減少後續維護的難度,要保證設計是可以落地的,保證各個功能的實作方式,相關方法、參數,以及對資料的操作是明确的,這樣才能保證開發工作可以合理有序地進行。 

對開發人員來說,代碼的可讀性與可維護性是一項重要的能力,特别是在開發一個複雜功能的時候,優化代碼結構、實作代碼複用是一項重要的工作,是以在開發特别是後端代碼開發時,要盡量減小代碼的體量,不要寫體量太大的方法,盡量将方法進行拆分,以實作方法的複用,降低開發工作量的同時,也能優化代碼的整體結構,提升代碼可讀性,為後續開發和維護人員降低維護的難度。 

5.2産品應用 

資料中台內建業務系統資料,一般情況展現層的資料不是本身系統的資料,不能再去業務系統抽取,那樣,抽取的性能會變差,因為業務系統資料已經到資料中台中而且是治理後标準資料,是以應從資料中台中擷取,而擷取的途徑就是DAP資料服務。 

5.3展現價值 

繼續閱讀