自強課程
課程名稱
<全線上課程>【Agentic AI 實戰】打造具「自動失效機制」的 Flask 智能圖資系統:從 Google Map API 串接到 SQLite 持久化
熱烈招生中
全線上
全線上
全線上課程
本課程是一堂結合 Agentic AI、Python Flask、Google Map API 與 SQLite 的實務專案技術實作課程,將帶領學員從環境建置到核心邏輯開發,快速掌握地圖應用的完整開發流程
本課程是一堂結合 Agentic AI、Python Flask、Google Map API 與 SQLite 的實務專案技術實作課程,將帶領學員從環境建置到核心邏輯開發,快速掌握地圖應用的完整開發流程
本課程是一堂結合 Agentic AI、Python Flask、Google Map API 與 SQLite 的實務專案技術實作課程,將帶領學員從環境建置到核心邏輯開發,快速掌握地圖應用的完整開發流程
課程代碼:
15C048
上課時間:
2026/6/30(二)9:00~12:00共三小時
上課時數:
3 小時
上課地點:
線上上課
課程費用:
5800元
(符合超值優惠價格者需送出報名表後,系統發出報名成功回函確認金額。)
超值優惠:
- VIP企業會員價:VIP企業會員可享優惠價格 (按我)
- 會員優惠價: 會員於開課前七天完成報名繳費者可享會員優惠價 5600 元
- 會員紅利折抵:本課程歡迎使用紅利折抵,最高可使用 200 點
(金銀級會員已是最優惠價,無法再使用紅利折抵。)
課程大綱:
第一部分:系統架構與環境整備 (45 分鐘)
確立系統核心功能(如動態標記、自動失效機制與後台管理儀表板)及介紹後端框架、輕量級資料庫與前端地圖渲染等技術棧組成
● 1.1 開發環境建置
● Flask 虛擬環境配置:安裝相依套件 (pip install flask flask-sqlalchemy),建立乾淨的開發環境
● GCP 專案設定:於 Google Cloud Platform 建立專案、申請 API Key,並理解權限優先權覆蓋概念
● 1.2 資料庫模型設計 (SQLite)
● 定義支撐餐車資訊與位置失效機制的兩張核心資料表
● FoodTruck 資訊表:包含 ID(唯一識別碼)、類型(餐車種類)、產品介紹(菜單描述)● LocationLog 位置表:包含 GPS 座標(經緯度)、停留時間、失效時間 (Auto-Expiration)
第二部分:動態地圖與 GPS 定位實作 (60 分鐘)
本章節專注於前端互動地圖的開發、標記呈現,以及後台即時管理的實作
● 2.1 前端地圖渲染
● 整合 Google Map JavaScript API 至 Flask 模板
● 利用瀏覽器 navigator.geolocation 獲取即時座標
● 2.2 餐車標註與動態圖標
● 依餐車類型呈現專屬小圖示 (Icon Customization)
● 支援「登入後自動定位」與「手動標註」兩種模式
● 2.3 地圖管理後台儀表板 (Dashboard)
● 提供餐車數據的即時匯總視圖、清單查詢與篩選功能,以及即時狀態監控,讓管理者一目瞭然掌握所有狀態
● 2.4 自動失效機制 (Auto-Expiration)
● 前端移除標記失效比對時間
● 後端定期執行時間比對,自動將過期標記從資料庫與前端地圖同步移除,達成無需人工介入的「活地圖」狀態
第三部分:核心邏輯處理與系統進階設定 (60 分鐘)
本章節探討帳號驗證、資料連動的實用性以及保障系統安全的關鍵作法
● 3.1 會員驗證與資料連動
● 註冊/登入流程:餐車類型與產品介紹欄位於註冊時綁定,確保資料完整性
● 自動帶出資訊功能:登入後自動帶入已存儲的餐車基本資料,減少重複輸入以提升操作效率
● 3.2 API 安全與優先權管理
● 最高執行優先權:實作 Google Map Script API Key 的最高執行優先權設定,確保地圖功能穩定運行
● 環境變數管理:透過環境變數保護敏感的 API Key,防止金鑰外洩,符合安全開發最佳實踐
總結 Q&A:部署建議與技術交流 (15 分鐘)
● 專案部署:將 Flask 應用部署至雲端平台,實現公開存取與穩定服務的建議
● 延伸擴充規劃:未來可整合即時推播功能(如餐車抵達通知),進一步提升使用者體驗
● 結業問答交流:針對 SQLite 語法實作或 Google Map API 串接代碼進行深度討論與解惑
確立系統核心功能(如動態標記、自動失效機制與後台管理儀表板)及介紹後端框架、輕量級資料庫與前端地圖渲染等技術棧組成
● 1.1 開發環境建置
● Flask 虛擬環境配置:安裝相依套件 (pip install flask flask-sqlalchemy),建立乾淨的開發環境
● GCP 專案設定:於 Google Cloud Platform 建立專案、申請 API Key,並理解權限優先權覆蓋概念
● 1.2 資料庫模型設計 (SQLite)
● 定義支撐餐車資訊與位置失效機制的兩張核心資料表
● FoodTruck 資訊表:包含 ID(唯一識別碼)、類型(餐車種類)、產品介紹(菜單描述)● LocationLog 位置表:包含 GPS 座標(經緯度)、停留時間、失效時間 (Auto-Expiration)
第二部分:動態地圖與 GPS 定位實作 (60 分鐘)
本章節專注於前端互動地圖的開發、標記呈現,以及後台即時管理的實作
● 2.1 前端地圖渲染
● 整合 Google Map JavaScript API 至 Flask 模板
● 利用瀏覽器 navigator.geolocation 獲取即時座標
● 2.2 餐車標註與動態圖標
● 依餐車類型呈現專屬小圖示 (Icon Customization)
● 支援「登入後自動定位」與「手動標註」兩種模式
● 2.3 地圖管理後台儀表板 (Dashboard)
● 提供餐車數據的即時匯總視圖、清單查詢與篩選功能,以及即時狀態監控,讓管理者一目瞭然掌握所有狀態
● 2.4 自動失效機制 (Auto-Expiration)
● 前端移除標記失效比對時間
● 後端定期執行時間比對,自動將過期標記從資料庫與前端地圖同步移除,達成無需人工介入的「活地圖」狀態
第三部分:核心邏輯處理與系統進階設定 (60 分鐘)
本章節探討帳號驗證、資料連動的實用性以及保障系統安全的關鍵作法
● 3.1 會員驗證與資料連動
● 註冊/登入流程:餐車類型與產品介紹欄位於註冊時綁定,確保資料完整性
● 自動帶出資訊功能:登入後自動帶入已存儲的餐車基本資料,減少重複輸入以提升操作效率
● 3.2 API 安全與優先權管理
● 最高執行優先權:實作 Google Map Script API Key 的最高執行優先權設定,確保地圖功能穩定運行
● 環境變數管理:透過環境變數保護敏感的 API Key,防止金鑰外洩,符合安全開發最佳實踐
總結 Q&A:部署建議與技術交流 (15 分鐘)
● 專案部署:將 Flask 應用部署至雲端平台,實現公開存取與穩定服務的建議
● 延伸擴充規劃:未來可整合即時推播功能(如餐車抵達通知),進一步提升使用者體驗
● 結業問答交流:針對 SQLite 語法實作或 Google Map API 串接代碼進行深度討論與解惑
課程師資:
業界師資
主辦單位:
財團法人自強工業科學基金會
學員須知:
注意事項



