專刊內文

當前位置:首頁>專刊分享>內文

瀏覽次數 : 1358



iCoder看板管理

 訊光科技/張育誠

前言

資訊系統中最常被企業員工普遍接觸的就是EIP系統。使用者從企業入口登入後的首頁,通常就會是公司的即時公告或個人待辦事項,以及各單位常用功能看板或捷徑。

針對這個需求,去年訊光在EEPRWD模組中,已經開發了一組瀑布流元件。現在iCoder中也擁有了同樣功能的看板管理,而且無須專業的開發人員,只要透過簡單的屬性設定即可快速完成看板顯示的功能,大幅降低的開發的門檻與提供更親和首頁介面。

 

應用實作

以雲用戶身分登入iCoder後,可以在工具看板管理中,進行設計。

 

一開始這裡先選擇啟用看板功能,會讓登入的首頁載入待會新增的看板內容

 

一、頁面

1. 點選新增。

2. 在類型的選項中,選擇頁面,可將iCoder所開發的任何表單或報表頁面設定成看板內容。

 

3. 輸入看板的標題後,點選屬性,挑選iCoder所設計的網頁。

 

4. 預設高度為300px,也可自行修改。並下拉設定背景色

5. 設定標題左方的圖示

6. 存檔後即完成看板設定。

預設的看板權限為每個人都看的到,可以自行修改開放的群組或用戶。

7. 按下iCoder主選單的"執行"即可看到看板的結果,使用者可直接在看板上快速瀏覽操作網頁內容,也可以用右上角的功能鈕打開該網頁。

 

二、外部網址

在看板中也可以放置非EEP網頁的外部網站連結內容。

1. 點選新增看板,類型選擇外部網址

2. 在屬性的地方直接貼上外部網站的URL

3. 存檔後,執行畫面如下。

 

三、表格

如果資料是來自資料庫的資料表(Table)時,可以使用表格來快速呈現資料,無須另外開發網頁。

1. 點選新增看板,類型選擇表格

2. 點選屬性打開表格的設定畫面。

3. 點選資料表名稱,從資料庫挑選Table

4. 點選欄位明細,挑選要呈現的欄位(可複選)

5. 下方的資料條件,點選 + 號,可設定要過濾的Where條件。

不同條件可用AndOr 挑選欄位

運算符號(大於等於、等於、小於等於、包含、不等於、%開頭)

內容值可設定固定值或系統變數。

6. 點選資料條件的向右箭頭執行,可以看到目前篩選的資料結果預覽。

7. 存檔後執行結果如下。

 

四、流程看板

iCoder的主頁面中,原本就有一個工作流程個人事項清單,但也可以把這個個人事項的流程清單加入看板功能中。

1. 點選新增看板,類型選擇待辦/經辦/通知皆可,視需求而定。

2. 存檔後執行結果如下,依次為待辦/經辦/通知等三種看板內容。

 

五、統計圖

如果有需要用到圖表呈現時,也不用自行開發網頁。

1. 點選新增看板,類型選擇統計圖。

 

2. 點選屬性,可打開統計圖的設定畫面。

3. 圖表類型有:線形圖/柱狀圖/圓餅圖

4. 選擇資料表名稱來源、X軸欄位(項目)Y軸欄位(統計值)Y軸也可複選欄位。

5. 存檔後,執行畫面如下。

 

六、行事曆

可以使用行事曆看板,呈現企業的人員行事曆或會議室Booking情況。

需事先準備好資料表,至少包含欄位有(編號、開始日期時間、結束日期時間、標題、內容等)

1. 點選新增看板,類型選擇行事曆。

2. 點選屬性,打開行事曆設定畫面。選擇事先建立好的行事曆資料表名稱、標題、內容、開始日期、結束日期欄位;下面也可以設定資料的篩選條件。

3. 存檔後,執行畫面如下。

 

七、幻燈片

可以在看板管理的地方增加幻燈片(圖片輪播)的功能。

1. 點選新增看板,類型選擇幻燈片。

2. 點選屬性,打開幻燈片設定畫面,選擇資料表名稱、輪播圖片欄位與呈現文字欄位。

 

3. 存檔後,執行結果如下圖。(會隨著時間自動播放圖片)