Moodle 客製表單 and AJAX 連動

張貼者:2018年12月25日 下午11:13Jack Liou   [ 已更新 2018年12月25日 下午11:14 ]
最近一個Moodle客製案,客戶要一個多功能的表單,可以用單位/人員的對應關係,帶出人員證號及計算人時績效...等資訊。

設計理念

我們想從編修課程設定,加上課程介紹資訊內容除原來 course/edit.php 內有的資訊外,再加上:學習時數、作者(主講人)、下架日期...等
e.g. 客戶大致想法想要如下方的課程介紹資訊 :

摘要

Microsoft Excel實務應用/證照認證

  • 資料處理&分類
  • 資料匯入
  • 函數公式撰寫
  • 資料分析:成績排序,銷售統計,營運管理數據
  • 圖表設計&美化

主辦老師 : 劉榮*

學習時數 : 4小時

作者(主講人) : Name of Speaker

下架日期 : 2017/10/14

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


設計成果

從編修課程設定表單增加一顆按鈕,按下後帶出子視窗;子視窗內有AJAX連動功能,能幫助使用者快速找到他要的講者證號及姓名
實際畫面如下所示:
Course edit 課程資訊 and AJAX 連動
如上圖,從"人員查詢" 點開一個小視窗
;小視窗內帶出多功能的查詢元件。可以用關鍵字、單位連動下拉選單,帶出可挑選人員再回到原來的表單
可以後端大量資料庫,透過分類、過濾,快速找到部內的特定人員
好用的AJAX視窗,不只是美觀方便而已,一來輔助表單輸入,也確保資料的正確性。