接著我們使用Web的介面來執行流程的結果，如下的操作步驟。

 

Step1＞在Workflow的系統中，我們另外設計了一個Workflow專用的主頁面「Logon.aspx」，我們可以在WebSite中，如目錄為「C:\Program Files\Infolight\EEP2015\EEPWebClient」之下，找到一個「Logon.aspx」，按下右鍵，執行「在瀏覽器中檢視」，即可打開流程的主畫面，如圖：

 

Step2＞以User 003登入，進入workflow的主畫面後，請點選 「客戶申請」，打開此客戶申請的流程，在Web可以打開Xoml檔案是因為當初在FLDesigner.exe中對此Xoml檔案存檔的同時，系統會自動將此Xoml存成相對的JPG檔案，並自動存放在「JQWebClient\Image」目錄之下□，好讓Web可以打開流程檔案。如圖，我們在「客戶申請」這個Activity活動上，按一下左鍵，即可打開此客戶申請的Web表單。

 

 

Step3＞打開客戶申請單後，因為NavigatorMode為「Insert」，所以畫面直接進入「新增」狀態來輸入客戶資料，如圖輸入一個C009的客戶，為了減化流程，我們將「信用額度」輸入為80000元，最後按下「提交」。

 

 

Step4＞這個客戶資料雖已經存到資料表中了，但其FlowFalg的內容為空白，代表尚未經過審核的程序，因此我們必須再按下「上呈」的按鈕，將此客戶以流程來申請。如圖，透過此確認的視窗，來選擇是否為「重要單據」與「緊急單據」(緊急單據的時效與一般的單據不一樣)。接著選擇「發送者角色」，因為此User可能有多個角色，就必須選擇一個角色來呈送，最後按下「確認」後，系統將告知送往哪一個角色哪一個使用者。

Step5＞我們再度以User 005來登入「Logon.aspx」，在主畫面中，可以在「待辦事項」中找到「C009」這個客戶，可以透過下圖中的三個圖示來操作這張申請單，最左邊的圖示代表「打開」，可以打開該單據並進行流程的操作，中間則為「審核」，可以直接審核該單據，最右邊的為「退回」，用來將單據退回，如圖，我們將該單據「審核」。

 

 

審核後，將會出現另一個確認事項的視窗，主管輸入意見後，按下「確認」後，系統將會告知送往R05客服經理，使用者為007。

 

Step6＞以User 007登入「Logon.aspx」，在主畫面中，在「待辦事項」中找到「C009」這個客戶按下「打開」的圖示，此時將出現如下的頁面，按下「修改」的按鈕後，將「服務窗口」設定為R04，按下「存檔」後，同樣將其「審核」往下呈送，如圖：

 

往下呈送後，將會出現確認事項的視窗，可以輸入審核的意見，系統將告知送往R04工程師，並讓004或011使用者來確認。

Step7＞最後，如以User 004登入，即可得到一筆「C009」客戶申請的待辦事項，並讓其來做確認的動作，當此工程師打開此單據，按下「往下呈送」並確認後，該流程將會自動結束，系統會在此流程結束時，自動將該資料的FlowFlag設定為「Z」，代表該資料已通過審核。