《工業(yè)可視化》課件 任務(wù)4.2 設(shè)計(jì)市場營銷數(shù)據(jù)頁面 -任務(wù)實(shí)施

項(xiàng)目四：設(shè)備營銷租賃的可視化設(shè)計(jì)任務(wù)4.2設(shè)計(jì)市場營銷數(shù)據(jù)頁面>>※任務(wù)實(shí)施《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程目錄1.任務(wù)分析2.導(dǎo)入項(xiàng)目3.設(shè)計(jì)客戶分類數(shù)據(jù)4.設(shè)計(jì)銷售統(tǒng)計(jì)數(shù)據(jù)5.設(shè)計(jì)簽單完成率6.設(shè)計(jì)產(chǎn)品對比分析7.設(shè)計(jì)月度銷售冠軍8.預(yù)覽驗(yàn)證頁面效果1.任務(wù)分析（1）

任務(wù)分析本任務(wù)的主要目的設(shè)計(jì)顯示營銷業(yè)務(wù)分析大屏的主要數(shù)據(jù)，供企業(yè)管理者進(jìn)行查看，包括客戶分類數(shù)據(jù)、銷售額在各區(qū)域和不同月份的統(tǒng)計(jì)數(shù)據(jù)、年度和月度簽單完成率等，分析結(jié)果如表所示：展示模塊具體內(nèi)容使用組件數(shù)據(jù)源客戶分類客戶分類統(tǒng)計(jì)數(shù)據(jù)餅圖組件MYSQL數(shù)據(jù)庫-客戶分類數(shù)量統(tǒng)計(jì)客戶分類銷售額貢獻(xiàn)餅圖組件MYSQL數(shù)據(jù)庫-客戶分類銷售額貢獻(xiàn)銷售額統(tǒng)計(jì)銷售數(shù)據(jù)統(tǒng)計(jì)柱狀圖組件MYSQL數(shù)據(jù)庫-區(qū)域銷售數(shù)據(jù)統(tǒng)計(jì)日歷篩選器MYSQL數(shù)據(jù)庫-區(qū)域銷售數(shù)據(jù)統(tǒng)計(jì)簽單完成率年度簽單完成率環(huán)形進(jìn)度條MYSQL數(shù)據(jù)庫-年度簽單完成率月度簽單完成率折線圖組件MYSQL數(shù)據(jù)庫-月度簽單完成率日歷篩選器MYSQL數(shù)據(jù)庫-月度簽單完成率、年度簽單完成率產(chǎn)品對比產(chǎn)品對比分析雷達(dá)圖組件MYSQL數(shù)據(jù)庫-產(chǎn)品對比分析銷售明星月度銷售冠軍卡片組件MYSQL數(shù)據(jù)庫-銷售明星統(tǒng)計(jì)任務(wù)分析2.導(dǎo)入項(xiàng)目（1）

任務(wù)分析（1）登錄云視界，在云視界首頁，單擊“創(chuàng)建項(xiàng)目”，在彈出來的對話框中，通過導(dǎo)入項(xiàng)目ID的方法創(chuàng)建項(xiàng)目。創(chuàng)建項(xiàng)目2.導(dǎo)入項(xiàng)目（1）

任務(wù)分析（2）導(dǎo)入后，進(jìn)入編輯界面，如圖所示。創(chuàng)建項(xiàng)目3.設(shè)計(jì)客戶分類數(shù)據(jù)企業(yè)銷售部對客戶進(jìn)行分類，可以實(shí)現(xiàn)企業(yè)內(nèi)部對于客戶的統(tǒng)一有效識別，也常常用于指導(dǎo)企業(yè)客戶管理的戰(zhàn)略性資源配置與戰(zhàn)術(shù)性服務(wù)營銷對策應(yīng)用，支撐企業(yè)以客戶為中心的個性化服務(wù)與專業(yè)化營銷。對自己擁有的客戶進(jìn)行有效的差異分析，并根據(jù)這種差異來區(qū)分不同價值的客戶，更合理地進(jìn)行配置，實(shí)現(xiàn)客戶資源價值和企業(yè)投入回報的同步最大化。本模塊就是設(shè)計(jì)展示客戶分類的數(shù)據(jù)。（1）添加餅圖組件。在基礎(chǔ)組件-圖表中將餅圖拖拽至客戶分類區(qū)域內(nèi)上方，屬性可自定義。（1）

任務(wù)分析設(shè)置數(shù)據(jù)源（2）設(shè)置餅圖數(shù)據(jù)源。選中餅圖的情況下，切換至數(shù)據(jù)源設(shè)置，數(shù)據(jù)源選擇“客戶分類數(shù)量統(tǒng)計(jì)”，度量選擇“A類客戶”“B類客戶”“C類客戶”。3.設(shè)計(jì)客戶分類數(shù)據(jù)（3）使用文本組件顯示“客戶分類數(shù)量統(tǒng)計(jì)”的內(nèi)容。設(shè)置文本3.設(shè)計(jì)客戶分類數(shù)據(jù)（3）按照前3個步驟，完成“客戶分類銷售額貢獻(xiàn)”的餅圖設(shè)計(jì)。設(shè)置其他餅圖3.設(shè)計(jì)客戶分類數(shù)據(jù)（1）添加柱狀圖組件。在基礎(chǔ)組件-圖表中拖拽柱狀圖至銷售額統(tǒng)計(jì)的合適位置，屬性可自定義。添加柱狀圖4.設(shè)計(jì)銷售統(tǒng)計(jì)數(shù)據(jù)（2）配置數(shù)據(jù)源。切換到數(shù)據(jù)源欄，數(shù)據(jù)源選擇“區(qū)域銷售數(shù)據(jù)統(tǒng)計(jì)”，維度選擇“日期”并設(shè)置其時間格式為“年月”，度量選擇“銷量”。配置數(shù)據(jù)源4.設(shè)計(jì)銷售統(tǒng)計(jì)數(shù)據(jù)（3）添加多選框篩選器。在基礎(chǔ)組件-網(wǎng)頁中將篩選器下的“單/多選框”篩選器拖拽到容器合適位置，將顯示方式設(shè)置為多選，將篩選器名稱中的標(biāo)題修改為“請選擇查詢的區(qū)域數(shù)據(jù)”，其它屬性可自定義。添加篩選器4.設(shè)計(jì)銷售統(tǒng)計(jì)數(shù)據(jù)（4）設(shè)置篩選值。在選中單/多選框篩選器的情況下，①切換到數(shù)據(jù)源配置欄，②數(shù)據(jù)源選擇“銷售數(shù)據(jù)統(tǒng)計(jì)”，③顯示內(nèi)容選擇“區(qū)域”，④傳參選擇“區(qū)域”，⑤單擊待選值中的“+添加”，在彈窗中選擇“全選”，⑥單擊“確定”按鈕。設(shè)置篩選值4.設(shè)計(jì)銷售統(tǒng)計(jì)數(shù)據(jù)（5）設(shè)置單/多選框的篩選數(shù)據(jù)源。設(shè)置數(shù)據(jù)源4.設(shè)計(jì)銷售統(tǒng)計(jì)數(shù)據(jù)（6）添加日歷篩選器。拖拽日歷篩選器到銷售額統(tǒng)計(jì)區(qū)域內(nèi)，設(shè)置其屬性的顯示格式為“2022年”（如果以年為篩選區(qū)間，會自動顯示當(dāng)年的年份），標(biāo)題名為“請選擇查詢年份”，字號改為16，其他屬性參數(shù)可無需修改，也可以根據(jù)審美偏好修改。添加日歷篩選器4.設(shè)計(jì)銷售統(tǒng)計(jì)數(shù)據(jù)（7）設(shè)置日歷篩選器數(shù)據(jù)源如圖所示，最后保存并刷新。設(shè)置數(shù)據(jù)源4.設(shè)計(jì)銷售統(tǒng)計(jì)數(shù)據(jù)（1）在控件組件區(qū)中，把環(huán)形進(jìn)度條組件拖拽到簽單完成率區(qū)域內(nèi)，并自定義設(shè)置其屬性，也可以按照下圖所示進(jìn)行設(shè)置。添加環(huán)形進(jìn)度條5.設(shè)計(jì)簽單完成率（2）設(shè)置環(huán)形進(jìn)度條的數(shù)據(jù)源。如圖所示，數(shù)據(jù)源選擇“年度簽單完成率”，度量選擇“簽單完成率”。設(shè)置數(shù)據(jù)源5.設(shè)計(jì)簽單完成率（2）在圖表區(qū)中將折線圖拖拽至簽單完成率區(qū)域中，圖表選項(xiàng)可參照圖所示進(jìn)行設(shè)置，自定義其他屬性。設(shè)置屬性5.設(shè)計(jì)簽單完成率（3）設(shè)置折線圖數(shù)據(jù)源。選中折線圖的狀態(tài)下，切換到數(shù)據(jù)源配置欄，數(shù)據(jù)源選擇“月度簽單完成率”，維度選擇“日期”，度量選擇“簽單完成率”。設(shè)置屬性5.設(shè)計(jì)簽單完成率（4）添加日歷篩選器。參考銷售額統(tǒng)計(jì)區(qū)域的日歷篩選器的操作方式，也可以通過復(fù)制粘貼的方式，為簽單完成率區(qū)域設(shè)置日歷篩選器，數(shù)據(jù)源配置如圖所示，完成后保存刷新。添加日歷篩選器5.設(shè)計(jì)簽單完成率6.設(shè)計(jì)產(chǎn)品對比分析本區(qū)域設(shè)置不同產(chǎn)品在五個銷售數(shù)據(jù)的維度對比，從而判斷產(chǎn)品的投放市場后的反饋，協(xié)助管理者對于確定主推產(chǎn)品、改進(jìn)產(chǎn)品、產(chǎn)品銷售策略做決策。添加雷達(dá)圖組件（1）添加雷達(dá)圖組件。從圖表組件中將雷達(dá)圖拖拽至產(chǎn)品對比區(qū)域的合適位置，可自定義屬性設(shè)置。（2）設(shè)置雷達(dá)圖數(shù)據(jù)源。切換到數(shù)據(jù)源配置欄，①數(shù)據(jù)源選擇“產(chǎn)品對比分析”，②將維度的分組功能開啟，③維度選擇“維度”，④度量依次選擇“A產(chǎn)品”“B產(chǎn)品”“C產(chǎn)品”，在每個度量后單擊設(shè)置圖標(biāo)將匯總方式改為“求平均值”。設(shè)置數(shù)據(jù)源6.設(shè)計(jì)產(chǎn)品對比分析（1）添加卡片組件。網(wǎng)頁組件區(qū)域中將卡片組件拖拽至銷售明星區(qū)域中，在屬性配置欄中，設(shè)置卡片的基礎(chǔ)設(shè)置為2行2列共四個小卡片，數(shù)值的標(biāo)題字體選擇30號，其它設(shè)置可自定義。添加卡片組件7.設(shè)計(jì)月度銷售冠軍（2）設(shè)置卡片組件數(shù)據(jù)源。切換到數(shù)據(jù)源配置欄，數(shù)據(jù)源選擇“銷售明星統(tǒng)計(jì)”，選擇字段依次選擇“銷售員”“銷售總額”“所屬銷售部”。設(shè)置數(shù)據(jù)源7.設(shè)計(jì)月度銷售冠軍（3）①在數(shù)據(jù)源配置欄中單擊“數(shù)據(jù)源過濾”右邊的“+”圖標(biāo)，在彈出的設(shè)置過濾彈窗中，創(chuàng)建過濾名稱為“銷售冠軍”，條件為：本月名次等于1，最后保存過濾條件。設(shè)置數(shù)據(jù)源7.設(shè)計(jì)月度銷售冠軍（4）設(shè)置日歷篩選器。參考銷售額統(tǒng)計(jì)區(qū)域的日歷篩選器的操作方式，也可以通過復(fù)制粘貼的方式，為銷售明星區(qū)域設(shè)置日歷篩選器，其顯示格式和數(shù)據(jù)源配置分別如圖所示，完成后保存刷新。設(shè)置日歷篩選器7.設(shè)計(jì)月度銷售冠軍保存頁面后，單擊預(yù)覽標(biāo)簽，以全屏預(yù)覽的方式查看頁面效果