top of page

工作詳述

一、流程配置

%E6%B5%81%E7%A8%8B%E9%85%8D%E7%BD%AE_edi

K2 Flow

Spec是User跟SA經過討論後而建立的系統需求文件,我們在做系統設計時,會依照spec內的需求逐項完成。在拿到spec後的第一步驟通常是畫「流程圖」,我們是使用K2這個系統來設計在簽核過程中需要用到的流程關卡,與流程的走向。

二、網頁設計

HTML

在設計完流程之後,我們會根據spec內的需求來設計網頁的畫面,因為這一張spec是HR部門的需求,所以有些表單的內容會限制只有讓HR人員才能看的到。
在這個階段我們使用的程式語言是HTML與JavaScript的語法,且前端頁面的欄位會透過與後端資料庫連接,在欄位帶入資料值不同時,而進行同步更新,顯示於UI。    
在UI的顯示上面,也會做一些基本的簡單卡控,例如:某些必填欄位,使用者未填,將不能送單成功…等等。

三、程式撰寫

程式撰寫.png

C#、Java Script

除了使用HTML與JavaScript語法撰寫申請單介面之外,我們還會使用Visual Studio與C#語法,將成功送單的申請單資料儲存到資料庫中,或是撰寫簽核流程的各種判斷條件…等等。

四、建立資料庫

SQL語法

我們會根據不同的系統在資料庫中建立不同的資料表,用來儲存每一個系統的申請資料。

五、Query頁面

透過這個查詢畫面,我們會把資料庫中已建立的表單資料顯示在網頁中的Table,讓使用者可以依照輸入關鍵字或日期方便做查詢。

​六、Report頁面

除了可以在網頁上看到資料庫中的表單資料外,也可以透過Report頁面來下載表單資料。可以藉由設定一些條件來選擇要匯出哪幾筆資料,也可以選擇要匯出CSV檔或Excel檔案。
bottom of page