智慧空間互動程式設計

臺北科技大學 115-1 學期課程，課號 362152。

課程大綱

This course integrates information visualization, interactive web programming, cloud databases, Internet of Things (IoT) technologies, smart floor sensing systems, Generative AI, and Agentic AI to develop students’ abilities in designing and implementing smart space interactive systems. Using a project-based learning approach, students will begin with front-end web development and progressively learn JavaScript programming, Apache ECharts data visualization, Firebase cloud database integration, Arduino-based sensor data acquisition, and smart floor sensing system applications. The course further introduces Gemini API, Prompt Engineering, and Agentic AI technologies to develop Smart Space Agents capable of environmental sensing, contextual analysis, and autonomous decision-making. The course emphasizes practical implementation and interdisciplinary integration across interaction design, information visualization, artificial intelligence, and smart space applications. Through hands-on projects, students will gain experience in developing intelligent interactive systems for smart space and smart healthcare environments. --------------------------------------------------------------- 本課程結合資訊視覺化、互動式網頁程式設計、雲端資料庫、物聯網感測技術、智慧地墊系統、生成式人工智慧（Generative AI）及 Agentic AI，培養學生設計與開發智慧空間互動系統的能力。 課程採專題導向學習（Project-Based Learning），學生將從網頁前端開發開始，逐步學習 JavaScript 程式設計、Apache ECharts 資訊視覺化、Firebase 雲端資料庫整合、Arduino 感測器資料擷取，以及智慧地墊系統之資料分析與應用。後續透過 Gemini API、Prompt Engineering 與 Agentic AI 技術，建構具備環境感知、情境分析與自主決策能力的智慧空間代理人（Smart Space Agent）。 課程以智慧空間與智慧照護應用為主要情境，透過實作與專題開發，培養學生在互動設計、資料視覺化、人工智慧及智慧空間系統整合等跨領域能力。

課程進度

Week 1 (09/07) Topic: Course Introduction and Class Policies Content: Course objectives, grading policy, project overview, GitHub and development environment setup Week 2 (09/14) Topic: HTML and CSS Web Design Content: Building a smart space information webpage Week 3 (09/21) Topic: Interactive Programming with JavaScript Content: DOM manipulation, event handling, and dynamic data updates Week 4 (09/28) Topic: Teacher's Day Holiday Content: No Class Week 5 (10/05) Topic: Apache ECharts Data Visualization (I) Content: Bar charts, line charts, and pie charts Week 6 (10/12) Topic: Apache ECharts Data Visualization (II) Content: Dashboard design and data integration Week 7 (10/19) Topic: Firebase Cloud Database Applications Content: Data storage, synchronization, and retrieval Week 8 (10/26) Topic: Retrocession Day Makeup Holiday Content: No Class Week 9 (11/02) Topic: Midterm Project Presentation Content: Smart Space Dashboard Week 10 (11/09) Topic: University Anniversary and Campus Fair Makeup Holiday Content: No Class Week 11 (11/16) Topic: IoT and Arduino Nano 33 BLE Sense Rev2 Content: Sensor data acquisition and transmission Week 12 (11/23) Topic: Smart Floor System Development and Data Acquisition Content: Pressure sensing, coordinate data, and activity detection Week 13 (11/30) Topic: Smart Floor Data Analysis and Smart Healthcare Applications Content: Real-time positioning, activity tracking, and healthcare applications Week 14 (12/07) Topic: Generative AI and Gemini API Content: AI-powered data analysis for smart space applications Week 15 (12/14) Topic: Agentic AI and Smart Space Agent Design Content: Observe–Reason–Plan–Act framework Week 16 (12/21) Topic: Final Project Presentation Content: System demonstration and project presentation Week 17 (12/28) Flexible Learning Week 17 (1/4) Flexible Learning --- 第1週（09/07） 主題：課程介紹與修課規定說明 內容：課程目標、評分方式、專題說明、GitHub與開發環境建置 第2週（09/14） 主題：HTML與CSS網頁設計 內容：建立智慧空間資訊展示網頁 第3週（09/21） 主題：JavaScript互動程式設計 內容：DOM操作、事件處理與資料更新 第4週（09/28） 主題：教師節放假 內容：停課 第5週（10/05） 主題：Apache ECharts資訊視覺化（一） 內容：長條圖、折線圖、圓餅圖設計 第6週（10/12） 主題：Apache ECharts資訊視覺化（二） 內容：Dashboard設計與資料整合 第7週（10/19） 主題：Firebase雲端資料庫應用 內容：資料儲存、同步與讀取 第8週（10/26） 主題：光復節補假 內容：停課 第9週（11/02） 主題：期中專題報告 內容：Smart Space Dashboard 第10週（11/09） 主題：校慶慶祝大會暨園遊會補假 內容：停課 第11週（11/16） 主題：IoT與Arduino Nano 33 BLE Sense Rev2 內容：感測器資料取得與傳輸 第12週（11/23） 主題：智慧地墊系統開發與資料擷取 內容：壓力感測、座標資料與活動偵測 第13週（11/30） 主題：智慧地墊資料分析與智慧照護應用 內容：即時位置分析、活動軌跡與照護應用 第14週（12/07） 主題：Generative AI與Gemini API 內容：AI資料分析與智慧空間應用 第15週（12/14） 主題：Agentic AI與智慧空間代理人設計 內容：Observe–Reason–Plan–Act架構 第16週（12/21） 主題：期末專題成果展示 內容：系統展示與成果發表 第17週（12/28） 彈性學習 第18週（1/4） 彈性學習

評量方式

Attendance and Participation: 20% Weekly Assignments: 20% Midterm Project Presentation: 30% Final Project Presentation: 15% Flexible Learning: 15% --------------------------------------------------------------- 出席與課堂參與：20% 平時作業：20% 期中專題報告：30% 期末成果展示：15% 彈性學習：15%

教材

【遵守智慧財產權觀念，請使用正版教科書，不得使用非法影印教科書】 使用外文原文書：否 使用自編教材 / Use of self-made materials