Course Syllabus

Course Information：

Year-Semester	Course Number	Course Name	Phase	Credits	Hours	Required/Elective	Instructor	Class	Student NO.	Withdraw	Note
Fall Semester Year 2026	362152	Interaction design and programming in a smart space	1	3.0	3	★	Chen Chia Hsing	4IxD3	25	0	互動三和互動外生三合開,計中電腦教室,限25人修

Course Plan：

Instructor	Chen Chia Hsing
Email	biabobo@icloud.com
Last Updated	2026-08-03 11:19:36
Course Objective	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）。 課程以智慧空間與智慧照護應用為主要情境，透過實作與專題開發，培養學生在互動設計、資料視覺化、人工智慧及智慧空間系統整合等跨領域能力。
Course Schedule (Week 1-16)	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） 彈性學習
Flexible Learning (Week 17-18)	Category ● 學生分組實作及討論(Student group practice and discussion) Content (1) Week 17: Each group will integrate their midterm and final works from this semester into a final project outcome, which will serve as the group final presentation. (2) Week 18: Group final presentation. Hours 6 Learning Outcomes Students shall submit the final report on Google Classroom in Week 18. Assessment Percentage Flexible Learning: 15% 彈性學習：15%
Evaluation and grading policy	Attendance and Participation: 20% Weekly Assignments: 20% Midterm Project Presentation: 30% Final Project Presentation: 15% Flexible Learning: 15% --------------------------------------------------------------- 出席與課堂參與：20% 平時作業：20% 期中專題報告：30% 期末成果展示：15% 彈性學習：15%
Materials	All right reserved. Do not reproduce without permission. Foreign-language textbooks:No 使用自編教材 / Use of self-made materials
The access to curricular consultation	Email: biabobo@mail.ntut.edu.tw
Expanding teaching and resources	● 參與式創新教學 (Participatory & Innovative Teaching) 強調學生參與與產出，導入翻轉、PBL/專題、設計思考或遊戲化等策略。 Emphasizes student engagement and outcomes by adopting strategies such as Flipped Classroom, PBL (Problem/Project- Based Learning), Design Thinking, or Gamification. ● 數位科技融入 (Digital Technology Integration) 運用生成式AI、VR/AR、IoT、IRS等新興科技輔助教學與評量。 Utilizes emerging technologies such as Generative AI, VR/AR, IoT, and IRS (Interactive Response Systems) to facilitate teaching and assessment.
The course corresponds to the SDGs	SDG4：優質教育（Quality Education） SDG9：產業創新與基礎設施（Industry, Innovation and Infrastructure） SDG11：永續城市與社區（Sustainable Cities and Communities）
Does the course incorporate AI	● 使用生成式AI作為教學過程的輔助工具（Use generative AI tools as an aid to the teaching process） ● 鼓勵學生使用生成式AI工具（Encourage students to use generative AI tools） ● 簡單介紹AI的基本概念（Briefly introduce the basic concept of AI）
Note	Students are encouraged to bring their own laptops to class to avoid repeatedly setting up the development environment.