iCoder看板管理

 訊光科技/張育誠

前言

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

針對這個需求，去年訊光在EEP的RWD模組中，已經開發了一組瀑布流元件。現在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條件。

不同條件可用And或Or 挑選欄位

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

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

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

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

四、流程看板

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

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

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

五、統計圖

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

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

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

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

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

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

六、行事曆

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

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

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

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

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

七、幻燈片

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

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

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

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

看板的操作

看板可以在不同尺寸的裝置上顯示，並呈現不同的效果，如手機上就會以直排的方式往下呈現，電腦螢幕就會以橫向多個的方式往右往下呈現等，除此之外，也可以做個人化的設定(以用戶為主)，如下的操作。

1. 看板排序可以用滑鼠拖曳看板標題交換擺放的順序。或是使用右上方按鈕的 "移到頂部" 或 "移到底部" 的快速功能。

2. 使用者有個人化的看板顯示設定，如不想顯示時，可以點選隱藏。

3. 需要的看板可再次從右上方的資料夾按鈕點選回復。

4. 有些看板會連結其他網頁，右上角會有一個"打開"的功能，可以用來打開該網頁。

結語

透過iCoder的看板功能，可以快速的在登入首頁中增加常用的功能與重要資訊的快捷呈現。全程設計的方法只需要在iCoder網站上簡單設定屬性即可完成。看板管理除了提供多樣化的看板類型外，也提供了等同功能表的權限管理機制，讓你可以自由設定使用者的權限。並在顯示看板時，也可支援個人化功能，根據每個人的需求來顯示或隱藏所需的看板內容，對於一般使用者來說帶來極大的便利。