天天看點

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.系統管理(組織管理、角色管理、人員管理、功能管理、編碼類型、編碼管理、系統日志)。 

1.3功能說明 

基于新版DAP平台進行展現主題擴充,以支援更多的展現效果,提高DAP産品在資料分析方面的成熟度,DAP移動化主要分為幾次調整,從使用Bootstrap到使用YDUI擴充更新,後續還會基于MAP移動應用平台動态擴充主題,這樣更加靈活、友善。 

DAP移動化功能說明

2主題介紹 

以下是分為Bootstrap為架構擴充的基礎主題和APP主題,使用YDUI擴充更新新版主題介紹。 

2.1基礎主題 

基礎主題是首先是首頁,首頁右上角是2個點選圖示:一個點選後右側彈出是菜單選項;一個點選下拉出現個性資訊相關操作(個人資訊、個性配置、修改密碼和登出)。 

DAP移動化功能說明

2.2APP主題 

基礎主題首先是首頁,首頁右上角是1個點選圖示,一個點選下拉出現個性資訊相關操作(個人資訊、個性配置、修改密碼和登出);菜單資訊在下面分成3個标簽頁面(首頁、分析、看闆),分析是展現企業報表資訊,支援查詢,看闆企業展現企業的分析圖表。 

DAP移動化功能說明

2.3新版主題 

新版主題主要是修改架構,使用YDUI擴充更新APP主題,下面也是通過YDUI分成3個标簽頁面(首頁、分析、看闆),首頁也是個性資訊标簽。 

DAP移動化功能說明

3基礎主題 

基礎主題基于Bootstrap為架構擴充的基礎主題,上述所說主題是通過首頁展開菜單進行調整。 

3.1實作思路 

1.基于PC端主題的展現形式進行處理。 

2.移動端主題隻做單列元件展現。 

3.為了提升展現效果,隐藏導航菜單,通過手動喚醒的方式進行菜單操作。 

4.支援個性化配置,可以修改主題皮膚。 

3.2主題擴充 

通過擴充下面的代碼: 

1.在themes/mobiles/下擴充檔案夾:basics; 

2.在adaption主題下首頁面BoardPreset.jsp,并根據需要建立css、fonts、js、images等檔案夾; 

3.在basics檔案夾中擴充個人中心頁面BoardConfig.jsp。 

3.3功能展現 

1.展示頁面: 

DAP移動化功能說明

1)和Web端類似,左側為樹形菜單,右側顯示元件。 

2)考慮移動端的顯示效果,預設左側菜單隐藏,右側每行一個元件(可以通過配置實作)。 

3)header單行,頁面頂端左側為展開/合并按鈕,點選展開樹形菜單。 

4)菜單彈出按鈕和導航路徑在同一行顯示,顯示目前頁面的菜單路徑,并且支援點選進行頁面切換。 

5)移動端的元件穿透通過頁面切換實作(需要改造元件穿透的JS實作代碼)。 

6)頂部右側顯示目前登入使用者以及配置按鈕,點選顯示清單:個人資訊、個性設定、密碼修改,點選後顯示不同的頁面。 

7)個人資訊:修改登入使用者編碼、名稱;個性設定:設定主題皮膚(但不能切換導航,導航切換背景配置)。 

8)支援滑動顯示導航菜單,通過向右側滑動進行顯示。 

2.導航菜單: 

DAP移動化功能說明

3.個人資訊: 

DAP移動化功能說明

 4.個性設定:   

DAP移動化功能說明

5.密碼修改: 

DAP移動化功能說明

4APP主題 

APP主題也是Bootstrap為架構擴充的基礎主題,支援标簽菜單(首頁、分析、看闆),每個頁面顯示不同的元件資訊。 

4.1實作思路 

1.導航首頁: 

(1)根據原型圖進行頁面,前端使用bootstrap實作,采用自适應方式。 

(2)頁面元件的顯示複用現有PC端主題的實作方式。 

(3)在BoardPreset.jsp引入對應的資源檔案,并根據原型繪制頁面展現效果。 

2.個人中心: 

(1)根據原型圖定義BoardConfig.jsp頁面代碼。 

(2)皮膚:設定目前主題的皮膚,儲存後變更背景色等但頁面不重新整理。 

4.2主題擴充 

通過擴充下面的代碼: 

1.在themes/mobiles/app下擴充檔案夾:basics; 

2.在adaption主題下首頁面/app/BoardPreset.jsp,并根據需要建立css、fonts、js、images等檔案夾; 

3.在basics檔案夾中擴充個人中心頁面/appBoardConfig.jsp。 

4.3功能擴充 

首頁顯示常用名額圖表、通知提醒: 

DAP移動化功能說明

1.上面是看闆九宮格清單。 

2.下面是常用看闆首頁常用的元件。 

3.點選看闆九宮格清單看闆,進入對應首頁的分析元件。 

DAP移動化功能說明
DAP移動化功能說明

1.分析首頁上面也是分析九宮格清單。 

2.下面是分析常用的元件。 

3.點選分析九宮格清單内容,進行入各個的分析頁面。 

DAP移動化功能說明

1.分析頁面上面是各個分析的分析清單。 

2.點選分析清單進入不同的分析主題中。 

DAP移動化功能說明

5新版主題 

新版主題是根據YDUI擴充更新APP主題,通過YDUI會幫助DAP樣式更加美觀,下面是對新版主題的實作思路、主題擴充以及最後的展現樣式。 

5.1實作思路 

1.重新引用一下相關YDUI的包。 

2.首頁下面也分為3個标簽功能 :首頁、分析、看闆。 

3.首頁顯示企業整體趨勢發展分析圖示。 

4.分析展現企業報表資訊。 

5.2主題擴充 

1.重新引用一下相關YDUI的包: 

DAP移動化功能說明

2.實作<section class="g-flexview">架構代碼建構表頭和下面标簽。 

3.表頭修改代碼如下: 

DAP移動化功能說明

4.下面标簽修改代碼如下: 

DAP移動化功能說明

5.3功能展現 

首頁展現如下: 

DAP移動化功能說明

分析頁面展現如下:   

DAP移動化功能說明

看闆頁面展現如下:    

DAP移動化功能說明

6心得總結 

通過上述相信大家已經基本了解了DAP移動化,通過移動化幫助企業實作移動辦公,加快企業工作效率。通上述幾個版本了解到,DAP一直在發展,正如開頭所說DAP後續會通過MAP産品配置生成對應主題移動化,讓DAP移動根據靈活美觀。 

6.1移動優先 

随着人們越來越離不開手機,手機辦公已經變成常态,上司通過手機了解公司情況、從業人員通過手機簽到、辦公、發通告等,這些都離不開手機。因為移動應用可以提升工作流,即日常工作的過程和程式,讓員工随時随地、快速便捷地完成工作程式,而不必局限在辦公桌前,是以産品需要考慮移動化。 

6.2資料分析 

資料分析共有三大作用: 

1.現狀分析:通過分析企業的整體營運情況,明确公司的現狀。而現狀,則可以通過基礎的周報或月報來分析。 

2.原因分析:如果通過第一點,了解了企業存在某種隐患,則需要去分析該隐患。 

6.3産品開發