跳至內容

「首頁」：修訂間差異

出自江振維的課程知識庫
← 較舊編輯
Maintenance script​（留言 | 貢獻）
38筆編輯
視覺化wikitext
Skipclass​（留言 | 貢獻）
行政員、​介面管理員、​管理員
993筆編輯
Refactoring: Fixed link to 'Tool:Tool:AI工具'
標籤：已被回退
Maintenance script​（留言 | 貢獻）
38筆編輯
小 feat: add project generator link
 
（未顯示由 2 位使用者於中間所作的 10 次修訂）
第1行： 第1行：
<div style="font-family: 'Helvetica Neue', Arial, sans-serif; max-width: 1200px; margin: 0 auto; color: #333;">
<div style="width:100%; max-width:1100px; margin:0 auto; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color:transparent; color:#2d3436; box-sizing: border-box;">


<!-- Header Section -->
<div style="background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); color:white; border-radius:16px; padding:40px 30px; box-shadow: 0 10px 20px rgba(44, 62, 80, 0.15); margin-bottom: 20px;">
<div style="border-bottom: 4px solid #000; padding-bottom: 20px; margin-bottom: 40px; display: flex; justify-content: space-between; align-items: flex-end;">
<div style="font-size:2.8em; font-weight:800; letter-spacing:-1px; margin-bottom:5px; line-height:1.2;">江振維</div>
  <div>
<div style="font-size:1.5em; font-weight:300; opacity:0.9;">Chiang, Chen-Wei <span style="font-size:0.7em; background:rgba(255,255,255,0.2); padding:2px 10px; border-radius:20px; vertical-align: middle;">Ph.D.</span></div>
    <h1 style="font-size: 3em; margin: 0; line-height: 1; font-weight: 700;">CHIANG, CHEN-WEI</h1>
<div style="margin-top:20px; font-size:1.1em; border-left:4px solid #e67e22; padding-left:15px; line-height:1.5;">
    <h1 style="font-size: 3em; margin: 0; line-height: 1; font-weight: 700; color: #666;">江振維</h1>
國立臺北商業大學 創意科技與產品設計系 助理教授<br>
  </div>
Asst. Prof., Dept. of Creative Technologies & Product Design, NTUB
  <div style="text-align: right; font-weight: 500;">
</div>
    Associate Professor<br>
</div>
    Department of Commercial Design<br>
 
    National Taipei University of Business
<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
  </div>
 
<div style="flex: 1 1 300px; min-width: 280px;">
 
<div style="background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); margin-bottom:15px;">
<div style="font-weight:bold; color:#b2bec3; font-size:0.9em; text-transform:uppercase; margin-bottom:15px;">Connect</div>
<div style="display:flex; flex-direction:column; gap:12px;">
 
<div style="padding-bottom:8px; border-bottom:1px solid #f5f5f5;">
<div style="font-size:0.95em;">[mailto:chenwei@ntub.edu.tw Email Me]</div>
</div>
 
<div style="padding-bottom:8px; border-bottom:1px solid #f5f5f5;">
<div style="font-size:0.95em;">[https://interaction.tw interaction.tw]</div>
</div>
 
<div style="padding-bottom:8px; border-bottom:1px solid #f5f5f5;">
<div style="font-size:0.95em;">[https://scholar.google.com/citations?hl=en&user=JnQXeqUAAAAJ Google Scholar]</div>
</div>
 
<div style="padding-bottom:8px; border-bottom:1px solid #f5f5f5;">
<div style="font-size:0.95em;">[https://github.com/chenweichiang GitHub]</div>
</div>
 
<div style="padding-bottom:8px; border-bottom:1px solid #f5f5f5;">
<div style="font-size:0.95em;">[https://www.youtube.com/@chiangchenwei Channel]</div>
</div>
 
<div style="padding-bottom:8px; border-bottom:1px solid #f5f5f5;">
<div style="font-size:0.95em;">[https://project.interaction.tw Project Generator]</div>
</div>
 
<div>
<div style="font-size:0.95em;">[https://discord.gg/j9CUeFVJtF Join Server]</div>
</div>
 
</div>
</div>
 
<div style="background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); margin-bottom:15px;">
<div style="font-weight:bold; color:#b2bec3; font-size:0.9em; text-transform:uppercase; margin-bottom:15px;">Expertise</div>
<div style="line-height: 2;">
<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:4px 12px; border-radius:20px; font-size:0.9em; font-weight:bold;">#HCI</span>
<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:4px 12px; border-radius:20px; font-size:0.9em; font-weight:bold;">#NewMediaArt</span>
<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:4px 12px; border-radius:20px; font-size:0.9em; font-weight:bold;">#UserResearch</span>
<span style="display:inline-block; background:#ffeaa7; color:#d35400; padding:4px 12px; border-radius:20px; font-size:0.9em; font-weight:bold;">#DesignStrategy</span>
</div>
</div>
 
<div style="background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
<div style="font-weight:bold; color:#b2bec3; font-size:0.9em; text-transform:uppercase; margin-bottom:15px;">Experience</div>
'''Education'''
* 九州大學 藝術工學博士 (設計策略)
 
'''Roles'''
* 臺灣科技藝術教育協會 理事長
* 臺灣科技藝術學會 秘書長/理事
 
'''Adjunct'''
* 國立臺灣藝術大學 多媒體動畫藝術學系
* 國立清華大學 藝術學院
* 國立臺北藝術大學 新媒體藝術學系
 
'''Honors & Awards'''
<span style="color:#2c3e50; font-weight:bold; display:block; margin-top:5px;">Personal</span>
* Ars Electronica (Honorary Mention)
* SIGGRAPH Asia (Art Gallery)
* NSTC Outstanding Talent Award
 
<span style="color:#2c3e50; font-weight:bold; display:block; margin-top:8px;">Mentor</span>
* K.T. Tech Art Award (Gold/Bronze)
* Asia Digital Art Award
* Young Pin Design Award (Finalist)
</div>
</div>


<!-- SEO Summary -->
</div> 
<div style="background: #f4f4f4; padding: 20px; font-size: 1.1em; margin-bottom: 40px; border-left: 5px solid #ff4500;">
 
  '''Welcome.''' This platform hosts the academic curriculum, research resources, and interactive design materials for Chen-Wei Chiang's courses at NTUB. Explore resources on ''Human-Computer Interaction'', ''Generative AI'', and ''Design Thinking''.
<div style="flex: 999 1 500px; min-width: 300px; max-width: 100%;">
 
<div style="background:#ffffff; border:2px solid #2c3e50; color:#333; border-radius:16px; padding:20px; margin-bottom:15px; box-shadow: 0 8px 16px rgba(44, 62, 80, 0.1);">
<div style="font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:1.1em; margin-bottom:15px; color:#2c3e50; border-bottom:1px solid #eee; padding-bottom:10px;">
★ AI Teaching Assistants (課程助教)
</div>
<div style="display:flex; gap:15px; flex-wrap:wrap;">
<div style="background:#f0f7ff; padding:10px 15px; border-radius:8px; border-left:4px solid #0984e3; flex: 1 1 300px;">
'''ChatGPT:''' [https://chatgpt.com/g/g-6740a661a1648191bdb58e336536fb23-jiang-zhen-wei-ke-cheng-zhu-jiao 點此進入江振維課程助教]
</div>
<div style="background:#fefcf5; padding:10px 15px; border-radius:8px; border-left:4px solid #f1c40f; flex: 1 1 300px;">
'''Gemini:''' [https://gemini.google.com/gem/1H835mKsgFEdLM8MM492-M2eo9Sk7KMpK?usp=sharing 點此進入江振維課程助教]
</div>
</div>
</div>
</div>


<!-- Main Grid -->
<div style="background:white; border-radius:16px; padding:30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); margin-bottom:15px;">
<div style="display: flex; flex-wrap: wrap; gap: 40px;">
<div style="font-size:1.5em; font-weight:bold; margin-bottom:15px; color:#2d3436;">About</div>
<div style="line-height:1.7; color:#636e72;">
[[About:江振維|江振維]] 博士畢業於日本'''九州大學'''，現任教於'''國立臺北商業大學'''。他的研究與創作聚焦於'''人機互動'''、'''新媒體藝術'''與'''使用者研究'''。作品曾於'''SIGGRAPH Asia'''、'''馬德里現代科技藝術節'''及'''國立臺灣美術館'''等地展出。
 
除了學術研究，他致力於探索科技如何介入人類感知，並創造「'''好玩'''」的互動體驗，認為這能激發觀眾的赤子之心。近期的研究更深入探討'''推測設計'''、'''AI 輔助設計'''，以及'''都市環境中的非人類生物存在'''等議題，試圖透過科技藝術反思人、科技與環境的共生關係。
 
<div style="text-align:right; font-weight:bold; margin-top:10px;">👉 [[About:江振維|了解更多 →]]</div>
 
<div style="margin-top:15px; padding-top:15px; border-top:1px dashed #dfe6e9; font-size:0.9em;">
[[About:Chiang Chen-Wei|Chiang, Chen-Wei]] holds a Ph.D. from '''Kyushu University''' in Japan and is currently an Assistant Professor at the '''National Taipei University of Business'''. His research and creative practice focus on '''Human-Computer Interaction (HCI)''', '''New Media Art''', and '''User Research'''. His works have been exhibited at '''SIGGRAPH Asia''', '''MADATAC''', and the '''National Taiwan Museum of Fine Arts'''.
 
Beyond academic research, he is dedicated to exploring how technology intervenes in human perception and creating "'''Fun'''" interactive experiences, believing that these can spark the audience's childlike wonder. His recent research delves into '''Speculative Design''', '''AI-Aided Design''', and the '''existence of non-human life in urban environments''', attempting to reflect on the symbiotic relationship between humans, technology, and the environment through technology art.
 
<div style="text-align:right; font-weight:bold; margin-top:10px;">👉 [[About:Chiang Chen-Wei|Learn More →]]</div>
</div>
</div>
</div>


  <!-- Left Column: User & MIRA -->
<div style="background:white; border-radius:16px; padding:30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); margin-bottom:20px;">
  <div style="flex: 1; min-width: 250px;">
<div style="font-size:1.5em; font-weight:bold; margin-bottom:20px; color:#2d3436; border-bottom:2px solid #f1f2f6; padding-bottom:10px;">Current Courses</div>
   
    <!-- About Section -->
    <h2 style="font-size: 1.5em; border-top: 2px solid #000; padding-top: 10px; margin-top: 0;">PROFILE</h2>
    <ul style="list-style: none; padding: 0; margin-bottom: 40px;">
      <li style="margin-bottom: 10px;">[[About:Chiang_Chen-Wei|個人簡歷 / CV]]</li>
      <li style="margin-bottom: 10px;">[[About:新媒體藝術與互動裝置作品年表|Works / 作品集]]</li>
      <li style="margin-bottom: 10px;">[[About:演講論文工作坊等其他經歷列表|Publications / 著作]]</li>
      <li style="margin-bottom: 10px;">[[About:江振維|About Me / 關於我]]</li>
    </ul>


    <!-- MIRA Entry (High Priority) -->
<!-- [TEMPLATE] Copy the block below to add a new semester:
    <div style="background: #000; color: #fff; padding: 20px; margin-bottom: 40px;">
<div style="margin-bottom:25px;">
      <h2 style="color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-top: 0;">MIRA AI</h2>
  <span style="background:#95a5a6; color:white; padding:4px 12px; border-radius:12px; font-size:0.85em; font-weight:bold;">1xx-x Sem. (New)</span>
      <p style="font-size: 0.9em; margin-bottom: 20px;">
  <div style="display: flex; flex-wrap: wrap; gap: 15px; margin-top:10px;">
        Course Teaching Assistant.<br>
    <div style="flex: 1 1 250px; background:#fdfbf7; padding:15px; border-radius:12px;">
        24/7 Support for students.
        <div style="font-weight:bold; color:#7f8c8d; margin-bottom:8px;">Category Name</div>
      </p>
        * [[Course:Semester/Page|Page Name]]
      <div style="text-align: center;">
    </div>
        [[Course:114-1/課程小助教_MIRA_目前能力說明|<span style="background: #fff; color: #000; padding: 10px 20px; font-weight: bold; display: inline-block;">ACCESS MIRA</span>]]
      </div>
    </div>
   
   </div>
   </div>
</div>
-->
<!-- 114-2 Semester -->
<div style="margin-bottom:25px;">
<span style="background:#27ae60; color:white; padding:4px 12px; border-radius:12px; font-size:0.85em; font-weight:bold;">114-2 Sem. (New)</span>
<div style="margin-top:10px;">
<div style="background:#f0f9f4; padding:15px; border-radius:12px; border-left:5px solid #27ae60;">
<div style="font-weight:bold; color:#27ae60; margin-bottom:5px;">專題製作 Project</div>
* [[Graduation:116/116級畢業專題|116級畢業專題]]
</div>
</div>
</div>


  <!-- Right Column: Courses & Resources -->
<!-- 114-2 Semester -->
  <div style="flex: 2; min-width: 300px;">
<div style="margin-bottom: 20px;">
   
<span style="background:#0984e3; color:white; padding:4px 12px; border-radius:12px; font-size:0.85em; font-weight:bold;">114-2 Sem.</span>
    <!-- Current Courses (114-1) -->
<div style="display: flex; flex-wrap: wrap; gap: 15px; margin-top:10px;">
    <h2 style="font-size: 1.5em; border-top: 2px solid #000; padding-top: 10px; margin-top: 0;">ACADEMIC / 114-1</h2>
<div style="flex: 1 1 250px; background:#fdfbf7; padding:15px; border-radius:12px;">
    <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; margin-bottom: 40px;">
<div style="font-weight:bold; color:#d35400; margin-bottom:8px;">設計與理論 Design</div>
      <!-- Course Card -->
* [[Course:114-2/設計思考|設計思考]]
      <div style="border: 1px solid #ddd; padding: 15px;">
* [[Course:114-2/使用者經驗|使用者經驗]]
        <div style="font-size: 0.8em; color: #888;">Course</div>
</div>
        <div style="font-weight: bold; margin-bottom: 10px;">[[Course:114-1/感知科技與產品設計|感知科技與<br>產品設計]]</div>
<div style="flex: 1 1 250px; background:#fbfdfb; padding:15px; border-radius:12px;">
      </div>
<div style="font-weight:bold; color:#27ae60; margin-bottom:8px;">技術與實作 Technology</div>
      <div style="border: 1px solid #ddd; padding: 15px;">
* [[Course:114-2/互動設計|互動設計]]
        <div style="font-size: 0.8em; color: #888;">Course</div>
* [[Course:114-2/台藝互動程式|台藝互動程式]]
        <div style="font-weight: bold; margin-bottom: 10px;">[[Course:114-1/人因工程通用設計|人因工程<br>通用設計]]</div>
</div>
      </div>
</div>
      <div style="border: 1px solid #ddd; padding: 15px;">
</div>
        <div style="font-size: 0.8em; color: #888;">Course</div>
        <div style="font-weight: bold; margin-bottom: 10px;">[[Course:114-1/設計專題|設計專題]]</div>
      </div>
      <div style="border: 1px solid #ddd; padding: 15px;">
        <div style="font-size: 0.8em; color: #888;">Course</div>
        <div style="font-weight: bold; margin-bottom: 10px;">[[Course:114-1/前瞻科技講座|前瞻科技講座]]</div>
      </div>
      <div style="border: 1px solid #ddd; padding: 15px;">
        <div style="font-size: 0.8em; color: #888;">Course</div>
        <div style="font-weight: bold; margin-bottom: 10px;">[[Course:114-1/設計思考|設計思考]]</div>
      </div>
      <div style="border: 1px solid #ddd; padding: 15px;">
        <div style="font-size: 0.8em; color: #888;">Course</div>
        <div style="font-weight: bold; margin-bottom: 10px;">[[Course:114-1/開放軟體程式設計|開放軟體<br>程式設計]]</div>
      </div>
    </div>


    <!-- Graduation Project -->
<!-- 114-1 Semester -->
    <h2 style="font-size: 1.5em; border-top: 2px solid #000; padding-top: 10px; margin-top: 0;">GRADUATION / 116級</h2>
<div>
    <p>Resources for Senior Project Design (116級畢業專題).</p>
<span style="background:#e67e22; color:white; padding:4px 12px; border-radius:12px; font-size:0.85em; font-weight:bold;">114-1 Sem.</span>
    <ul style="list-style: square; margin-bottom: 40px;">
<div style="display: flex; flex-wrap: wrap; gap: 15px; margin-top:10px;">
        <li>[[Graduation:116/Graduation:116/116級畢業專題|116級畢業專題主頁]]</li>
<div style="flex: 1 1 250px; background:#fdfbf7; padding:15px; border-radius:12px;">
        <li>[[Graduation:116/各階段審查評分標準表|審查標準 (Rubrics)]]</li>
<div style="font-weight:bold; color:#d35400; margin-bottom:8px;">設計與理論 Design</div>
        <li>[[Graduation:116/畢籌會組織與運作|畢籌會 (Committee)]]</li>
* [[Course:114-1/設計思考|設計思考]]
        <li>[[Graduation:116/雙週指導紀錄簿|雙週指導紀錄]]</li>
* [[Course:114-1/設計脈絡與實踐|設計脈絡與實踐]]
    </ul>
* [[Course:114-1/感知科技與產品設計|感知科技與產品設計]]
* [[Course:114-1/設計專題|設計專題]]
* [[Course:114-1/人因工程通用設計|人因工程通用設計]]
</div>
<div style="flex: 1 1 250px; background:#f4faff; padding:15px; border-radius:12px;">
<div style="font-weight:bold; color:#2980b9; margin-bottom:8px;">科技與實作 Tech</div>
* [[Course:114-1/開放軟體程式設計|開放軟體程式設計]]
* [[Course:114-1/前瞻科技講座|前瞻科技講座]]
</div>
</div>
</div>


    <!-- Research & Tools -->
</div> <div style="background:white; border-radius:16px; padding:30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
    <div style="display: flex; gap: 40px; flex-wrap: wrap;">
<div style="font-size:1.5em; font-weight:bold; margin-bottom:15px; color:#2d3436;">Resources & Tools</div>
      <div style="flex: 1; min-width: 200px;">
        <h3 style="font-weight: bold; border-bottom: 1px solid #ddd;">RESEARCH</h3>
        <ul style="list-style: none; padding: 0;">
          <li style="margin-bottom: 5px;">[[Research:Research:AI協作指南與學術誠信規範|AI Collaboration Guide]]</li>
          <li style="margin-bottom: 5px;">[[Research:國科會計畫書範本|NSTC Proposal Template]]</li>
          <li style="margin-bottom: 5px;">[[Research:雙軌審查機制|Review Mechanism]]</li>
        </ul>
      </div>
      <div style="flex: 1; min-width: 200px;">
        <h3 style="font-weight: bold; border-bottom: 1px solid #ddd;">TOOLS</h3>
        <ul style="list-style: none; padding: 0;">
          <li style="margin-bottom: 5px;">[[Tool:Tool:AI工具|AI Tools]]</li>
          <li style="margin-bottom: 5px;">[[Tool:VS_Code|VS Code]]</li>
          <li style="margin-bottom: 5px;">[[Tool:QUARTO|Quarto]]</li>
        </ul>
      </div>
    </div>


  </div>
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
<div style="flex: 1 1 200px;">
'''學術紀錄'''
* [[About:新媒體藝術與互動裝置作品年表|作品年表]]
* [[About:演講論文工作坊等其他經歷列表|演講與工作坊]]
</div>
<div style="flex: 1 1 200px;">
'''課程規範'''
* [[課程規則]]
* [[Graduation:116/海報製作格式|海報製作格式]]
* [[課程小助教 MIRA 目前能力說明|MIRA 助教說明]]
</div>
<div style="flex: 1 1 200px;">
'''工具箱'''
* [[Tool:AI Coding Agent|AI Coding Agent]]
* [[Tool:Tool:AI工具|AI工具]]
* [[Tool:程式工具|程式工具]]
* [[Research:研究文章AI輔助撰寫方式|AI 論文輔助]]
* [[Tool:Tool:QUARTO|AI輔助文章排版]]
* [[Tool:AI輔助研究|AI輔助研究]]
</div>
</div>
</div>
</div>


<div style="margin-top: 60px; font-size: 0.8em; color: #999; border-top: 1px solid #eee; padding-top: 20px;">
</div> </div> <div style="text-align:center; margin-top:30px; color:#b2bec3; font-size:0.8em; padding-bottom: 20px;">
  © 2026 Chen-Wei Chiang. Powered by MediaWiki & Gemini Agent.
Last Updated: 2025/10/11 • Responsive Design
</div>
</div>


</div>
</div>

於 2026年3月7日 (六) 11:48 的最新修訂

江振維
Chiang, Chen-Wei Ph.D.

國立臺北商業大學 創意科技與產品設計系 助理教授
Asst. Prof., Dept. of Creative Technologies & Product Design, NTUB

Expertise

#HCI #NewMediaArt #UserResearch #DesignStrategy

Experience

Education

  • 九州大學 藝術工學博士 (設計策略)

Roles

  • 臺灣科技藝術教育協會 理事長
  • 臺灣科技藝術學會 秘書長/理事

Adjunct

  • 國立臺灣藝術大學 多媒體動畫藝術學系
  • 國立清華大學 藝術學院
  • 國立臺北藝術大學 新媒體藝術學系

Honors & Awards Personal

  • Ars Electronica (Honorary Mention)
  • SIGGRAPH Asia (Art Gallery)
  • NSTC Outstanding Talent Award

Mentor

  • K.T. Tech Art Award (Gold/Bronze)
  • Asia Digital Art Award
  • Young Pin Design Award (Finalist)
 

★ AI Teaching Assistants (課程助教)

About

江振維 博士畢業於日本九州大學，現任教於國立臺北商業大學。他的研究與創作聚焦於人機互動、新媒體藝術與使用者研究。作品曾於SIGGRAPH Asia、馬德里現代科技藝術節及國立臺灣美術館等地展出。

除了學術研究，他致力於探索科技如何介入人類感知，並創造「好玩」的互動體驗，認為這能激發觀眾的赤子之心。近期的研究更深入探討推測設計、AI 輔助設計，以及都市環境中的非人類生物存在等議題，試圖透過科技藝術反思人、科技與環境的共生關係。

Chiang, Chen-Wei holds a Ph.D. from Kyushu University in Japan and is currently an Assistant Professor at the National Taipei University of Business. His research and creative practice focus on Human-Computer Interaction (HCI), New Media Art, and User Research. His works have been exhibited at SIGGRAPH Asia, MADATAC, and the National Taiwan Museum of Fine Arts.

Beyond academic research, he is dedicated to exploring how technology intervenes in human perception and creating "Fun" interactive experiences, believing that these can spark the audience's childlike wonder. His recent research delves into Speculative Design, AI-Aided Design, and the existence of non-human life in urban environments, attempting to reflect on the symbiotic relationship between humans, technology, and the environment through technology art.

Current Courses


114-2 Sem. (New)

專題製作 Project

114-2 Sem.

設計與理論 Design
技術與實作 Technology

Last Updated: 2025/10/11 • Responsive Design

取自「https://wiki.interaction.tw/index.php?title=首頁&oldid=1033」