檢視首頁的原始碼

<div style="font-family: 'Helvetica Neue', Arial, sans-serif; max-width: 1200px; margin: 0 auto; color: #333;">

<!-- Header Section -->
<div style="border-bottom: 4px solid #000; padding-bottom: 20px; margin-bottom: 40px; display: flex; justify-content: space-between; align-items: flex-end;">
  <div>
    <h1 style="font-size: 3em; margin: 0; line-height: 1; font-weight: 700;">CHIANG, CHEN-WEI</h1>
    <h1 style="font-size: 3em; margin: 0; line-height: 1; font-weight: 700; color: #666;">江振維</h1>
  </div>
  <div style="text-align: right; font-weight: 500;">
    Associate Professor<br>
    Department of Commercial Design<br>
    National Taipei University of Business
  </div>
</div>

<!-- SEO Summary -->
<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>

<!-- Main Grid -->
<div style="display: flex; flex-wrap: wrap; gap: 40px;">

  <!-- Left Column: User & MIRA -->
  <div style="flex: 1; min-width: 250px;">
    
    <!-- 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) -->
    <div style="background: #000; color: #fff; padding: 20px; margin-bottom: 40px;">
      <h2 style="color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-top: 0;">MIRA AI</h2>
      <p style="font-size: 0.9em; margin-bottom: 20px;">
        Course Teaching Assistant.<br>
        24/7 Support for students.
      </p>
      <div style="text-align: center;">
         [[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>

  <!-- Right Column: Courses & Resources -->
  <div style="flex: 2; min-width: 300px;">
    
    <!-- Current Courses (114-1) -->
    <h2 style="font-size: 1.5em; border-top: 2px solid #000; padding-top: 10px; margin-top: 0;">ACADEMIC / 114-1</h2>
    <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; margin-bottom: 40px;">
      <!-- Course Card -->
       <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 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 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/設計思考|設計思考]]</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 -->
    <h2 style="font-size: 1.5em; border-top: 2px solid #000; padding-top: 10px; margin-top: 0;">GRADUATION / 116級</h2>
    <p>Resources for Senior Project Design (116級畢業專題).</p>
    <ul style="list-style: square; margin-bottom: 40px;">
        <li>[[Graduation:116/Graduation:116/116級畢業專題|116級畢業專題主頁]]</li>
        <li>[[Graduation:116/各階段審查評分標準表|審查標準 (Rubrics)]]</li>
        <li>[[Graduation:116/畢籌會組織與運作|畢籌會 (Committee)]]</li>
        <li>[[Graduation:116/雙週指導紀錄簿|雙週指導紀錄]]</li>
    </ul>

    <!-- Research & Tools -->
    <div style="display: flex; gap: 40px; flex-wrap: wrap;">
      <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: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: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>

<div style="margin-top: 60px; font-size: 0.8em; color: #999; border-top: 1px solid #eee; padding-top: 20px;">
  © 2026 Chen-Wei Chiang. Powered by MediaWiki & Gemini Agent.
</div>

</div>