Course Syllabus

Course Information：

Year-Semester Course Number Course Name Phase Credits Hours Required/Elective Instructor Class Student NO. Withdraw Note

Fall Semester
Year 2025 348097 Interaction design and programming in a smart space 1 3.0 3 ★ Chen Chia Hsing 4ID3
4IxD3
4IDI3 69 0 English

Year-Semester	Course Number	Course Name	Phase	Credits	Hours	Required/Elective	Instructor	Class	Student NO.	Withdraw	Note
Fall Semester Year 2025	348097	Interaction design and programming in a smart space	1	3.0	3	★	Chen Chia Hsing	4ID3 4IxD3 4IDI3	69	0	English

Course Plan：

Instructor Chen Chia Hsing

Email biabobo@icloud.com

Last Updated 2025-08-29 16:19:39

Course Objective Course Description: This course integrates information visualization programming, interactive web applications, project development, and hands-on practice. Students will learn JavaScript, cloud databases, Scrum, and Git tools to enhance programming skills in smart space and interaction design. The course also covers drone operation and the implementation of spatial exercise care devices. Through project-based learning, students will strengthen teamwork, problem-solving, and innovative application skills. Course Objectives: 1. Master JavaScript programming and fundamentals of information visualization. 2. Gain experience in interactive web programming with example implementations. 3. Learn to apply Scrum and Git version control in project development. 4. Develop cloud database application and front-end/back-end integration skills. 5. Implement advanced interactive Geographic Information System (GIS) interfaces. 6. Acquire knowledge of drone applications and spatial exercise care device implementation. 7. Enhance teamwork, presentation, and project development skills. ------------------------------------------------------------------------------------------ 課程簡介：本課程結合資訊視覺化程式設計、互動式網頁應用、專案開發與實作練習，透過 JavaScript、雲端資料庫、Scrum 與 Git 協作工具，培養學生在智慧空間與互動設計中的程式開發能力。課程同時涵蓋無人機操作與空間運動照護裝置實作，並透過專案導向學習，訓練學生團隊合作、問題解決與創新應用能力。教學目標： 1. 掌握 JavaScript 程式設計與資訊視覺化基礎。 2. 熟悉互動式網頁程式設計與範例實作。 3. 學習 Scrum 與 Git 版本控制於專案開發中的應用。 4. 建立雲端資料庫應用與前後端整合能力。 5. 實作進階互動式地理資訊系統 (GIS) 介面與應用。 6. 學習無人機應用與空間運動照護互動裝置開發。 7. 強化團隊合作、簡報表達與專案開發能力。

Course Schedule Week 1 – Sep 8 – 3 hrs 1. Course introduction, grading method explanation 2. Project overview, environment setup, and account registration/login Week 2 – Sep 15 – 3 hrs Information Visualization Programming 1: JavaScript variables and operators Week 3 – Sep 22 – 3 hrs Information Visualization Programming 2: JavaScript control flow, including logic, loops, arrays, and functions Week 4 – Sep 29 – 3 hrs Holiday: Teachers’ Day Week 5 – Oct 6 – 3 hrs Holiday: Mid-Autumn Festival Week 6 – Oct 13 – 3 hrs Web Programming for Information Visualization – Example Implementation 1 Week 7 – Oct 20 – 3 hrs Web Programming for Information Visualization – Example Implementation 2 Week 8 – Oct 27 – 3 hrs Group discussion and practice Week 9 – Nov 3 – 3 hrs Midterm Presentation and Review(Midterm Week) Week 10 – Nov 10 – 3 hrs 1. Introduction and practice of Scrum Trello boards 2. Introduction and practice of Git version control software Week 11 – Nov 17 – 3 hrs Introduction and practice of cloud databases Week 12 – Nov 24 – 3 hrs Advanced Interactive Geographic Information Interface Implementation – 1 Week 13 – Dec 1 – 3 hrs Advanced Interactive Geographic Information Interface Implementation – 2 Week 14 – Dec 8 – 3 hrs Drone Operation Explanation and Practical Training Week 15 – Dec 15 – 3 hrs Spatial Exercise Care Interactive Device Implementation – 1 Week 16 – Dec 22 – 3 hrs Spatial Exercise Care Interactive Device Implementation – 2 Week 17 – Dec 29 – 3 hrs Group discussion and practice Week 18 – Jan 5 – 3 hrs Final Presentation and Review(Final Exam Week) 第 1 週 – 9 月 8 日 – 3 小時 1. 課程簡介、評分方式說明 2. 專案概述、環境設定與帳號註冊第 2 週 – 9 月 15 日 – 3 小時資訊視覺化程式設計 (一)：JavaScript 變數與運算子第 3 週 – 9 月 22 日 – 3 小時資訊視覺化程式設計 (二)：JavaScript 控制流程（邏輯、迴圈、陣列、函數）第 4 週 – 9 月 29 日 – 3 小時假日：教師節第 5 週 – 10 月 6 日 – 3 小時假日：中秋節第 6 週 – 10 月 13 日 – 3 小時資訊視覺化網頁程式設計 – 實作範例 (一) 第 7 週 – 10 月 20 日 – 3 小時資訊視覺化網頁程式設計 – 實作範例 (二) 第 8 週 – 10 月 27 日 – 3 小時小組討論與練習第 9 週 – 11 月 3 日 – 3 小時期中簡報與檢討（期中考週）第 10 週 – 11 月 10 日 – 3 小時 1. Scrum 與 Trello 板介紹與實作 2. Git 版本控制軟體介紹與實作第 11 週 – 11 月 17 日 – 3 小時雲端資料庫介紹與實作第 12 週 – 11 月 24 日 – 3 小時進階互動地理資訊介面程式實作 (一) 第 13 週 – 12 月 1 日 – 3 小時進階互動地理資訊介面程式實作 (二) 第 14 週 – 12 月 8 日 – 3 小時無人機操作講解與實機練習第 15 週 – 12 月 15 日 – 3 小時空間運動照護互動裝置實作 (一) 第 16 週 – 12 月 22 日 – 3 小時空間運動照護互動裝置實作 (二) 第 17 週 – 12 月 29 日 – 3 小時小組討論與練習第 18 週 – 1 月 5 日 – 3 小時期末簡報與檢討（期末考週）

Evaluation and grading policy Grading Breakdown - Midterm Review Assignment (including regular performance and attendance): 50% - Final Review Assignment (including regular performance and attendance): 50% Evaluation Criteria for Reviews 1. Presentation Skills: Process of defining the topic, challenges faced and solutions, recommendations for future development (25%) 2. Scenario Design: Feasibility and rationale of the topic, consideration of business models (25%) 3. Teamwork: Meeting and collaboration process, usage of Trello (25%) 4. Code Refinement: Optimization and improvement of the code (25%) ------------------------------------------------------------------------------------------------------ 評分細則 - 期中評圖作業（含平時成績、出席狀況）：50% - 期末評圖作業（含平時成績、出席狀況）：50% 評圖評分標準 1. 簡報能力：題目確定過程、遇過的困難與如何排除、後續發展之建議（25%） 2. 情境設計：題目合理性與可行性、是否能考慮到商業模式（25%） 3. 團隊合作：會議與協作過程，Trello 使用狀況（25%） 4. 程式修改：程式的優化與改良（25%）

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

The course corresponds to the SDGs SDG9：產業創新與基礎設施（Industry, Innovation and Infrastructure）
SDG11：永續城市與社區（Sustainable Cities and Communities）
SDG13：氣候行動（Climate Action）

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）

Note
　

Instructor	Chen Chia Hsing
Email	biabobo@icloud.com
Last Updated	2025-08-29 16:19:39
Course Objective	Course Description: This course integrates information visualization programming, interactive web applications, project development, and hands-on practice. Students will learn JavaScript, cloud databases, Scrum, and Git tools to enhance programming skills in smart space and interaction design. The course also covers drone operation and the implementation of spatial exercise care devices. Through project-based learning, students will strengthen teamwork, problem-solving, and innovative application skills. Course Objectives: 1. Master JavaScript programming and fundamentals of information visualization. 2. Gain experience in interactive web programming with example implementations. 3. Learn to apply Scrum and Git version control in project development. 4. Develop cloud database application and front-end/back-end integration skills. 5. Implement advanced interactive Geographic Information System (GIS) interfaces. 6. Acquire knowledge of drone applications and spatial exercise care device implementation. 7. Enhance teamwork, presentation, and project development skills. ------------------------------------------------------------------------------------------ 課程簡介：本課程結合資訊視覺化程式設計、互動式網頁應用、專案開發與實作練習，透過 JavaScript、雲端資料庫、Scrum 與 Git 協作工具，培養學生在智慧空間與互動設計中的程式開發能力。課程同時涵蓋無人機操作與空間運動照護裝置實作，並透過專案導向學習，訓練學生團隊合作、問題解決與創新應用能力。教學目標： 1. 掌握 JavaScript 程式設計與資訊視覺化基礎。 2. 熟悉互動式網頁程式設計與範例實作。 3. 學習 Scrum 與 Git 版本控制於專案開發中的應用。 4. 建立雲端資料庫應用與前後端整合能力。 5. 實作進階互動式地理資訊系統 (GIS) 介面與應用。 6. 學習無人機應用與空間運動照護互動裝置開發。 7. 強化團隊合作、簡報表達與專案開發能力。
Course Schedule	Week 1 – Sep 8 – 3 hrs 1. Course introduction, grading method explanation 2. Project overview, environment setup, and account registration/login Week 2 – Sep 15 – 3 hrs Information Visualization Programming 1: JavaScript variables and operators Week 3 – Sep 22 – 3 hrs Information Visualization Programming 2: JavaScript control flow, including logic, loops, arrays, and functions Week 4 – Sep 29 – 3 hrs Holiday: Teachers’ Day Week 5 – Oct 6 – 3 hrs Holiday: Mid-Autumn Festival Week 6 – Oct 13 – 3 hrs Web Programming for Information Visualization – Example Implementation 1 Week 7 – Oct 20 – 3 hrs Web Programming for Information Visualization – Example Implementation 2 Week 8 – Oct 27 – 3 hrs Group discussion and practice Week 9 – Nov 3 – 3 hrs Midterm Presentation and Review(Midterm Week) Week 10 – Nov 10 – 3 hrs 1. Introduction and practice of Scrum Trello boards 2. Introduction and practice of Git version control software Week 11 – Nov 17 – 3 hrs Introduction and practice of cloud databases Week 12 – Nov 24 – 3 hrs Advanced Interactive Geographic Information Interface Implementation – 1 Week 13 – Dec 1 – 3 hrs Advanced Interactive Geographic Information Interface Implementation – 2 Week 14 – Dec 8 – 3 hrs Drone Operation Explanation and Practical Training Week 15 – Dec 15 – 3 hrs Spatial Exercise Care Interactive Device Implementation – 1 Week 16 – Dec 22 – 3 hrs Spatial Exercise Care Interactive Device Implementation – 2 Week 17 – Dec 29 – 3 hrs Group discussion and practice Week 18 – Jan 5 – 3 hrs Final Presentation and Review(Final Exam Week) 第 1 週 – 9 月 8 日 – 3 小時 1. 課程簡介、評分方式說明 2. 專案概述、環境設定與帳號註冊第 2 週 – 9 月 15 日 – 3 小時資訊視覺化程式設計 (一)：JavaScript 變數與運算子第 3 週 – 9 月 22 日 – 3 小時資訊視覺化程式設計 (二)：JavaScript 控制流程（邏輯、迴圈、陣列、函數）第 4 週 – 9 月 29 日 – 3 小時假日：教師節第 5 週 – 10 月 6 日 – 3 小時假日：中秋節第 6 週 – 10 月 13 日 – 3 小時資訊視覺化網頁程式設計 – 實作範例 (一) 第 7 週 – 10 月 20 日 – 3 小時資訊視覺化網頁程式設計 – 實作範例 (二) 第 8 週 – 10 月 27 日 – 3 小時小組討論與練習第 9 週 – 11 月 3 日 – 3 小時期中簡報與檢討（期中考週）第 10 週 – 11 月 10 日 – 3 小時 1. Scrum 與 Trello 板介紹與實作 2. Git 版本控制軟體介紹與實作第 11 週 – 11 月 17 日 – 3 小時雲端資料庫介紹與實作第 12 週 – 11 月 24 日 – 3 小時進階互動地理資訊介面程式實作 (一) 第 13 週 – 12 月 1 日 – 3 小時進階互動地理資訊介面程式實作 (二) 第 14 週 – 12 月 8 日 – 3 小時無人機操作講解與實機練習第 15 週 – 12 月 15 日 – 3 小時空間運動照護互動裝置實作 (一) 第 16 週 – 12 月 22 日 – 3 小時空間運動照護互動裝置實作 (二) 第 17 週 – 12 月 29 日 – 3 小時小組討論與練習第 18 週 – 1 月 5 日 – 3 小時期末簡報與檢討（期末考週）
Evaluation and grading policy	Grading Breakdown - Midterm Review Assignment (including regular performance and attendance): 50% - Final Review Assignment (including regular performance and attendance): 50% Evaluation Criteria for Reviews 1. Presentation Skills: Process of defining the topic, challenges faced and solutions, recommendations for future development (25%) 2. Scenario Design: Feasibility and rationale of the topic, consideration of business models (25%) 3. Teamwork: Meeting and collaboration process, usage of Trello (25%) 4. Code Refinement: Optimization and improvement of the code (25%) ------------------------------------------------------------------------------------------------------ 評分細則 - 期中評圖作業（含平時成績、出席狀況）：50% - 期末評圖作業（含平時成績、出席狀況）：50% 評圖評分標準 1. 簡報能力：題目確定過程、遇過的困難與如何排除、後續發展之建議（25%） 2. 情境設計：題目合理性與可行性、是否能考慮到商業模式（25%） 3. 團隊合作：會議與協作過程，Trello 使用狀況（25%） 4. 程式修改：程式的優化與改良（25%）
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
The course corresponds to the SDGs	SDG9：產業創新與基礎設施（Industry, Innovation and Infrastructure） SDG11：永續城市與社區（Sustainable Cities and Communities） SDG13：氣候行動（Climate Action）
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）
Note