国产午夜无码视频免费网站,中文慕无码久久av

搜索

APP

起點(diǎn)課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個(gè)人IP打造特權(quán)

30+門專項(xiàng)技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

項(xiàng)目組件化設(shè)計(jì)，究竟是畫蛇添足還是畫龍點(diǎn)睛？

袁林

2018-10-14

1 評論 8069 瀏覽 31 收藏

11 分鐘

在之前的文章里，我介紹了任務(wù)相關(guān)功能的設(shè)計(jì)思路。無論是Worktile6.0，還是Teambition，Trello，基本上都是由任務(wù)組成了項(xiàng)目。然而，Worktile7.0引入了【組件】這個(gè)概念，作為任務(wù)的承載方式，二者共同組成的項(xiàng)目。我們這樣設(shè)計(jì)的初衷，是為了增加展示的多樣性，同時(shí)增加項(xiàng)目功能的可拓展性。究竟如何實(shí)現(xiàn)，讓我?guī)私庖幌拢?/p>

項(xiàng)目組件與任務(wù)的關(guān)系

組件決定了任務(wù)的展示形式、展示維度。組件之下，還有【視圖】——通過視圖，進(jìn)一步對組件中的任務(wù)進(jìn)行篩選和區(qū)分。

（圖1：項(xiàng)目／組件／視圖三者的關(guān)系）

以敏捷開發(fā)項(xiàng)目為例，所包含的組件有：

需求：項(xiàng)目需求池，該項(xiàng)目的需求任務(wù)都匯總在這里。
任務(wù)：根據(jù)需求，衍生出的研發(fā)任務(wù)匯總在這里。
缺陷：該項(xiàng)目的缺陷任務(wù)匯總在這里。
迭代：管理該項(xiàng)目內(nèi)的每次迭代。
報(bào)表：對項(xiàng)目內(nèi)數(shù)據(jù)進(jìn)行統(tǒng)計(jì)分析展示。

同時(shí)，在需求組件下面，我們可以通過【視圖】對需求進(jìn)行篩選——【進(jìn)行中的需求】、【我負(fù)責(zé)的需求】等。

其關(guān)系如圖所示：

（圖2：通過【視圖】可以對需求進(jìn)行篩選）

產(chǎn)品實(shí)現(xiàn)如圖所示：

（圖3：敏捷開發(fā)項(xiàng)目組件圖）

八種類型的組件

在Worktile7.0中，我們提供了八種組件，其中報(bào)表組件肩負(fù)著統(tǒng)計(jì)分析的功能，后續(xù)我們會單獨(dú)介紹。下面，就來一起看看其他幾種組件。

1. 看板/列表/表格組件

看板，是最基礎(chǔ)也是常用的任務(wù)展示方式，Worktile的老用戶都不會陌生。通過看板的形式，對任務(wù)進(jìn)行展示。但是與過去的看板所不同的，在Worktile7.0中引入了【視圖】的概念，即通過設(shè)置不同的視圖，對任務(wù)進(jìn)行篩選。

（圖4：【看板組件】產(chǎn)品界面）

在過去，同一個(gè)看板的list是固定的，這也就限制了我們對任務(wù)的篩選。通過視圖功能，我們可以按人員分組、按屬性分組、按狀態(tài)分組……極大的增加了查看／篩選任務(wù)的便捷性。

Worktile 7.0通過【視圖設(shè)計(jì)器】進(jìn)行視圖的設(shè)置，設(shè)置流程包括三步：

A 選擇分組方式——按照怎樣的維度來進(jìn)行分組，設(shè)置list；
B 選擇排序方式——一個(gè)分組內(nèi)的任務(wù)，以何種形式進(jìn)行排序；
C 設(shè)置查詢條件——在前兩步的基礎(chǔ)上，如果需要進(jìn)行查詢，可以在這里進(jìn)行設(shè)置。

（圖5：視圖設(shè)計(jì)器的產(chǎn)品界面）

除此之外，移動(dòng)端辦公越來越普及，在手機(jī)端查看工作變得越來越頻繁。但是，手機(jī)端的交互和PC端的交互天生不同，本著之前提到的【個(gè)性化】的設(shè)計(jì)思路，我們把【想要看到什么】的選擇權(quán)交給用戶。用戶可以通過【配置中心】針對性地修改看板組件在PC端和移動(dòng)端展示任務(wù)的方式。

（圖6：配置中心可以修改展示任務(wù)的方式）

【列表】和【表格】與看板的設(shè)置和功能類似，只是任務(wù)的展現(xiàn)形式和交互略有不同，在此就不展開介紹了。

2. 時(shí)間組件

甘特圖通過條狀圖來顯示項(xiàng)目，進(jìn)度，和其他時(shí)間相關(guān)的系統(tǒng)進(jìn)展的內(nèi)在關(guān)系隨著時(shí)間進(jìn)展的情況，是項(xiàng)目管理過程中了解項(xiàng)目進(jìn)度的重要方式。Worktile7.0提供【時(shí)間】組件來查看項(xiàng)目的甘特圖。

（圖7：【時(shí)間組件】產(chǎn)品界面）

【定義起始／截止時(shí)間屬性】：一個(gè)任務(wù)類型中，可能存在多個(gè)與“時(shí)間”相關(guān)的屬性；而甘特圖只能展示一種維度上的起始和截止時(shí)間。例如：一個(gè)測試用例任務(wù)可能包括任務(wù)的開始／截止時(shí)間、測試日期，這樣就有了3個(gè)時(shí)間屬性。然而甘特圖只能展示一組時(shí)間維度，究竟是選擇“任務(wù)的開始／截止時(shí)間”還是“測試日期”呢？我們就可以通過【定義起始／截止時(shí)間屬性】來實(shí)現(xiàn)。

在Worktile7.0中，默認(rèn)起始／截止時(shí)間屬性為“任務(wù)的開始／截止時(shí)間”屬性，我們也可以將其設(shè)置成其他的。如圖8所示，測試用例在甘特圖中的起始時(shí)間為“測試日期”屬性。

（圖8：測試用例在甘特圖中的起始時(shí)間為“測試日期”屬性）

3. 日歷組件

通過日歷的形式展示項(xiàng)目內(nèi)任務(wù)的進(jìn)展情況。

（圖9：【日歷組件】產(chǎn)品界面）

與甘特圖中的【定義起始／截止時(shí)間屬性】類似，日歷組件也只能以一組起始／截止時(shí)間為展示維度。這就需要在組件設(shè)置中定義任務(wù)類型的起始／截止時(shí)間屬性

4. 工時(shí)組件

工時(shí)組件可以對項(xiàng)目內(nèi)任務(wù)工時(shí)情況進(jìn)行匯總、展示和篩選。同時(shí)，工時(shí)組件提供了多種視圖和篩選維度。

注意：

A 若需要統(tǒng)計(jì)工時(shí)，本項(xiàng)目內(nèi)的任務(wù)類型必須包含【工時(shí)】屬性。
B 任務(wù)填寫工時(shí)信息之后，才能在工時(shí)組件內(nèi)展示。

（圖10：【工時(shí)組件】產(chǎn)品界面）

5. 迭代組件

迭代組件是專為敏捷開發(fā)設(shè)計(jì)的組件。在敏捷開發(fā)的過程中，規(guī)劃和實(shí)施迭代（sprint）是非常重要的一步。我們從需求池（product backlog）中選取一定規(guī)模的用戶故事／需求／缺陷，規(guī)劃成一次迭代并執(zhí)行。而在迭代的執(zhí)行過程中，敏捷團(tuán)隊(duì)需要掌握所有任務(wù)的信息、了解用戶故事之間的關(guān)系并對迭代的進(jìn)度進(jìn)行統(tǒng)計(jì)及分析。

（圖11：敏捷開發(fā)流程圖）

為了滿足敏捷開發(fā)的需求，Worktile對迭代組件進(jìn)行了特異化的設(shè)計(jì)，設(shè)置了如下視圖以滿足迭代需求：

概覽：對迭代信息／時(shí)間／進(jìn)度／燃盡圖等迭代進(jìn)度信息進(jìn)行展示。
任務(wù)：本次迭代內(nèi)所有任務(wù)信息的匯總展示。
故事板：通過看板視圖展示本次迭代中任務(wù)／缺陷／需求之間的關(guān)系。
規(guī)劃：通過簡單的拖拽動(dòng)作規(guī)劃迭代。

在項(xiàng)目模板中添加迭代組件，即可實(shí)現(xiàn)對迭代的規(guī)劃、跟進(jìn)和管理。

注意：

A 敏捷開發(fā)中的任務(wù)類型要有【所屬迭代】的屬性。
B 在敏捷開發(fā)的過程中，我們有時(shí)會定義多種任務(wù)類型作為敏捷開發(fā)的需求。這就要求我們必須把自定義的任務(wù)類型“映射”為需求／任務(wù)／缺陷中的一種（如圖12所示），才能夠被迭代組件作為需求／任務(wù)／缺陷中的某一種來處理。
C 一個(gè)任務(wù)類型只能被映射為需求／任務(wù)／缺陷中的一種，而一個(gè)迭代中的需求／任務(wù)／缺陷都可以對應(yīng)多種任務(wù)類型。

（圖12：迭代組件的映射設(shè)置）

總結(jié)

任務(wù)類型和組件，組成了一個(gè)項(xiàng)目模板的基本結(jié)構(gòu)。任務(wù)類型的自定義和項(xiàng)目組件的自主選擇和配置，是Worktile7.0模塊化設(shè)計(jì)的體現(xiàn)。結(jié)合安全模式的設(shè)置，就可以組合出無數(shù)種可能，滿足針對不同工作場景的個(gè)性化匹配。