跳轉到

開始建立表單與欄位編排

一、定義表單類別

  1. BPM管理員 可依據組織的業務需求來定義出 表單類別 ,表單的類別是在製作表單之前所需要訂定的,這有助於確定表單整體的架構。
  2. 新增類別時,除了可以為該類別來命名之外,還可以 指定表單設計者
  3. 表單設計者 將可以設定此類別下所有的表單,包含表單欄位編排、簽核流程設計、並且可發佈表單或者將不需要使用表單停用或刪除。

💡路徑:管理者首頁>工作流程>表單維護

Image bpm-category1

二、新增表單

  1. BPM管理員 完成以上所說明的類別設定後, 表單設計者 即可進到該表單來進行新增表單。
  2. [新增表單]時,除了可以為該表單來命名之外,還可以為表單設定 編碼規則 ,當申請者申請該張表單後會依照此編碼規則來產生表單編號。(請參考字軌維護設定)

  3. 當您已事先將表單設計完成,想要建立一張同樣的表單時,可以選擇 匯入表單 來快速完成設定。

💡路徑:管理者首頁>工作流程>表單維護

Image bpm-category2

三、表單欄位編排

表單設計者 可以依據表單所需要的欄位型態來進行編排,需考慮欄位之間的邏輯順序和組織方式以確保使用者能夠方便的填寫,並且提高使用者的填寫效率和準確性,使表單更易於理解和使用。以下提供幾項在欄位編排時可考量的情境:

  1. 根據欄位的類型和內容,將相似的欄位組合在一起,形成邏輯上的區塊。
    例如,將個人資訊(姓名、地址、電話號碼等)放在一個區塊,將支付資訊(信用卡號碼、有效期限、安全碼等)放在另一個區塊,這樣可以使填寫過程更有邏輯性和組織性。

  2. 考慮欄位之間的流程和相互依賴性,根據填寫的邏輯順序,將欄位進行適當的排序,讓使用者能夠自然地按照一個順序填寫表單。
    例如,在訂購商品的表單中,將選擇商品放在前面,然後是選擇數量和運送地址,最後是支付方式,這樣可以更符合使用者的思維流程。

  3. 要確保表單的布局和設計清晰簡潔,避免過多的欄位和不必要的資訊,以免讓使用者感到混亂或不知所措。提供必要的指示或說明,讓使用者明確知道每個欄位的用途和填寫要求。

Image bpm-field7

欄位編排介面

欄位設定與權限

依照各個欄位特性在[設定]的頁籤中有屬於該欄位需要維護的項目,並且可以決定 申請者 的填寫與觀看權限。然而在[權限]的頁籤中,可以決定 每一站簽核者 的填寫與觀看權限,若想要指定某一站簽核者的權限則可以到 流程設計 中來進一步設定。

Image bpm-field8

四、欄位使用說明

系統提供了18種常用的基本欄位、3種組織類型欄位,以及1種整合其他模組類型欄位 表單設計者 可以根據實際使用情境選擇適合的欄位類型,以下為常見的應用情境:

欄位計算

可以在表單中 設定公式 來進行數值的運算。
例如:在訂單中,可以使用欄位計算來自動計算總金額。無論產品數量和單價如何變動,總金額都會自動更新。

Image bpm-field1

明細欄位

明細欄位可以將多種欄位類型組合在一起,例如文字欄位、下拉選單、日期、數值欄位等,使用者可以在明細欄位中填寫多筆資料。
例如:在福利金申請單中,您可以使用明細欄位來填寫多筆申請項目,方便使用者在同一張表單中即可完成申請。

Image bpm-field3

表單設計者可視需求把多種欄位設定在明細欄位中

Image bpm-field2

使用者可填寫多筆項目

關聯表單

關聯表單可以讓填寫者從曾經 申請簽核被知會 的表單中選擇其他表單與目前的表單進行關聯,並且可以觀看該張表單的內容以便作為證明或參考。
例如:在支出證明單中,可以選到我曾經有申請過的表單來作為證明。

Image bpm-field4

表單設計者可決定使用者能選到的表單與狀態

Image bpm-field5

使用者即可選擇相關證明的表單

文件檢視器

文件檢視器欄位可用於當單據需要提供額外的資訊或作為參考文件時,使用者可以上傳與表單內容相關的檔案,上傳後系統會自動轉換成PDF檔,方便使用者可以直接在單據中檢視檔案內容,並且可透過 顯示浮水印允許下載檔案 進一步管控資料的安全性。
例如:合同、報價單、技術規格等,供其他使用者在查看表單時參考。

提醒

若使用者端在文件畫面出現空白畫面,或部分內容漏字,表示文件內容不是使用的字體系統的預設字型(Google跟Adobe免費字型-思源黑體),因此無法正常顯示;請系統管理員依據下方<如何擴充系統字型檔>說明,放入文件內容的字型即可,僅支援ttf檔案類型,且字型資料夾中不允許放fon、ttc檔案類型。(注意:請取得合法版權的字型)

如何擴充系統字型檔

請連線至安裝時設定的儲存服務,且將字型檔存放到指定的<儲存路徑>後,請將server重啟即可完成。
<儲存路徑>/system/Fonts
SMB: //smb.example.com/uofx-storage/system/Fonts
NFS: /nfs-share/uofx-storage/system/Fonts

Image bpm-field6

公告發佈

公告發佈欄位可用於當公告內容需經表單流程所有主管審核同意時使用。使用者在填寫時,需選擇 有權限 發佈公告的類別,並搭配[自行編排內容]或[上傳編排好的文件]製作公告內容。
例如:在表單中設計{公告發佈}欄位,並在{結案後流程}搭配條件站點,設定[同意]結案時接一個{公告發佈}站點,系統就會在同意結案後,將{公告發佈}欄位內容新增至「公告管理」模組中待上架時間進行發佈。

Image bpm-field9

點點簽

點點簽欄位可用於當文件需要人員線上親自簽署且具有法律效益時使用,以下為點點簽服務的欄位操作說明:

  1. 表單設計者可以透過對應欄位代號的方式,方便使用者在填寫欄位值時,即可將表單欄位值顯示於點點簽簽署文件。
  2. 當表單發布後,表單使用者可以透過申請表單的方式,在表單填入 簽署人電子郵件,並設定[簽署規則]與[簽署期限]送出表單申請。
  3. 簽署人將會收到電子郵件,可以再從連結進入點點簽系統進行線上簽署作業。
  4. 經完成簽署後,點點簽系統會將已簽署的文件回傳至表單中,使用者則可以查閱與下載取得具有法律效益的簽署文件。

提醒

  1. 您必須要先前往 路徑:管理者首頁>系統管理>功能管理 完成綁定【表單文件數位簽署】(詳細說明請參考點點簽服務/二、如何啟用點點簽服務)
  2. 在完成綁定【表單文件數位簽署】後,您在設計表單欄位時,才可以看到「點點簽欄位」。
  3. 你在使用「點點簽欄位」之前,需先確認點點簽系統已有建立要與UOF X進行線上簽署的 文件範本 資料。

Image bpm-field10

點點簽系統需先建立好 文件範本 ,才能至表單設計設定點點簽欄位

【情境範例】我想要在 UOF X 進行[聘僱契約] 審核,並透過 [點點簽]系統簽署,並取得簽屬文件

  1. 我在[點點簽系統]製作簽署範本時:
    • 編輯Word檔範本時,將 UOF X 表單欄位{甲方/乙方}的「欄位代號」,使用指定格式 {{欄位代號}} 填入範本字句中
    • 將此Word檔存成PDF檔後,上傳至[點點簽]變成範本 - 「聘僱契約範本」
  2. 我在[UOFX系統]設計表單欄位時:
    • 設定點點簽欄位時,將[點點簽範本]選擇「聘僱契約範本」
    • 設定可填寫甲方/乙方的欄位(限定:單行文字或多行文字),且甲方/乙方的欄位代號必須跟上述「聘僱契約範本」的{{欄位代號}}一致

Image bpm-field10

五、其他

如何擴充系統字型檔

請連線至站台Server,且將字型檔存放到指定的<儲存路徑> <儲存路徑>/system/Fonts SMB: //smb.example.com/uofx-storage/system/Fonts NFS: /nfs-share/uofx-storage/system/Fonts