Moodle 客製表單 and AJAX 連動
最近一個Moodle客製案,客戶要一個多功能的表單,而且資料來自它們內部系統(OracleDB),從 Oracle SQL產生單位/人員的對應關係,帶出人員證號資訊及計算人時績效...等功能。
設計理念
設計理念
我們的整合想從 Moodle 編修課程設定,加上課程介紹的資訊,內容除原來 course/edit.php 內有的資訊外,再加上:學習時數、作者(主講人)、下架日期...等。
e.g. 客戶大致想法是想要如下方的課程介紹資訊 :
Microsoft Excel實務應用/證照認證
資料處理&分類
資料匯入
函數公式撰寫
資料分析:成績排序,銷售統計,營運管理數據
圖表設計&美化
主辦老師 : 劉榮*
學習時數 : 4小時
作者(主講人) : Name of Speaker
下架日期 : 2017/10/14
課程資訊 : 計算人時績效, 計算滿意度績效...
設計成果
設計成果
從編修課程設定表單增加一顆按鈕,按下後帶出子視窗;子視窗內有AJAX連動功能,能幫助使用者快速找到他要的講者證號及姓名。
實際畫面如下所示:
如上圖,從"人員查詢" 點開一個小視窗;小視窗內帶出多功能的查詢元件。可以用關鍵字、單位連動下拉選單,帶出可挑選人員,再回到原來的表單。
可以後端大量資料庫中,透過分類、過濾,快速找到部內的特定人員。
好用的AJAX視窗,不只是美觀方便而已,一來輔助表單輸入,也確保資料的正確性。