1. 進入 https://www.image-map.net/
2. 上傳事先準備好的圖檔 *務必注意尺寸大小*

3. 選擇欲覆蓋的點選範圍與形狀
4. 多個選取範圍則點選右下角新增


5. 完成後產出 sample code (後續需調整)

6. 登入 Acumatica,至 Wiki 功能頁面,建立新的 Wiki
7. 勾選 UI 顯示,並挑選分類
8. Classic UI 內需填寫該頁面欲設定之系統位置及名稱,以便後續撈取資料

9. 至右上方 Help 處進入 Wiki UI 設定頁面
10. 尋找方才創建之 Wiki 並新增 Wiki 內容


11. 附件上傳預先準備好的圖檔 (與步驟 2 同一張圖)
12. 從圖片連結中獲得 FileID,以利後續圖片抓取

13. 貼上準備好的 code 並進行相應調整
(1) 使用方才的 FileID
(2) 導向頁面的對應 ScreenID
14. 解除擱置並發佈

15. 至 Dashborads 功能頁面中新建空白儀表板
16. 至新建的空白儀表板中,嵌入製作完成的 Wiki


