Moodle 客製表單 and AJAX 連動

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


設計理念

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

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

Microsoft Excel實務應用/證照認證

  • 資料處理&分類

  • 資料匯入

  • 函數公式撰寫

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

  • 圖表設計&美化

主辦老師 : 劉榮*

學習時數 : 4小時

作者(主講人) : Name of Speaker

下架日期 : 2017/10/14

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

設計成果

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

實際畫面如下所示:

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

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

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