Moodle 客製表單 and AJAX 連動

最近一個Moodle客製案，客戶要一個多功能的表單，而且資料來自它們內部系統(OracleDB)，從 Oracle SQL產生單位/人員的對應關係，帶出人員證號資訊及計算人時績效...等功能。

設計理念

我們的整合想從 Moodle 編修課程設定，加上課程介紹的資訊，內容除原來 course/edit.php 內有的資訊外，再加上：學習時數、作者(主講人)、下架日期...等。

e.g. 客戶大致想法是想要如下方的課程介紹資訊 :

Microsoft Excel實務應用/證照認證

• 資料處理&分類

• 資料匯入

• 函數公式撰寫

• 資料分析：成績排序,銷售統計,營運管理數據

• 圖表設計&美化

主辦老師 : 劉榮*

學習時數 : 4小時

作者(主講人) : Name of Speaker

下架日期 : 2017/10/14

課程資訊 : 計算人時績效, 計算滿意度績效...

設計成果

從編修課程設定表單增加一顆按鈕，按下後帶出子視窗；子視窗內有AJAX連動功能，能幫助使用者快速找到他要的講者證號及姓名。

實際畫面如下所示：

如上圖，從"人員查詢" 點開一個小視窗；小視窗內帶出多功能的查詢元件。可以用關鍵字、單位連動下拉選單，帶出可挑選人員，再回到原來的表單。

可以後端大量資料庫中，透過分類、過濾，快速找到部內的特定人員。

好用的AJAX視窗，不只是美觀方便而已，一來輔助表單輸入，也確保資料的正確性。