EX#7

 繪圖，動畫:  建議 使用 Claude Sonnet 4

推理，複雜問題:  建議使用以下

使用 Claude Sonnet 4 extended thinking 付費版

使用 Gemini 2.5 Pro 免費額度最高 1M tokens

使用 ChatGPT 5

使用 Grok 4

作業繳交方式

How to share a Claude link

How to share a ChatGPT link

How to share a Grok link

How to share Gemini Link

課堂練習 

Deadline: This Saturday at 23:59

Send all the links to  me chang212@gmail.com by email with subject EX#7  Visualization [your id, your name].

以下四選二

1. Traveling Salesman Problem 簡稱TSP在工業界有重要應用，包括物流（UPS/Amazon配送路線優化）、製造業（電路板鑽孔、機器人組裝路徑）、電信（網路路由、線路安裝）和能源（電網維護、管線檢查）。凡是需要造訪多個地點同時最小化成本、時間或距離的場合都適用。現代變體能處理容量限制、時間窗口等實際約束。企業使用OR-Tools、Gurobi等專業軟體解決這些問題，透過優化倉儲揀貨、切割模式、3D列印路徑和車隊管理等作業，往往能節省數百萬成本。

視覺化 Traveling Salesman Problem 使其可以改變網路節點個數，或是其他你希望的方式

2.  給定一個電路板，進行鑽孔程序模擬的優化 (建議 AI 一個演算法，例如A*, Greedy Method...)

電路板鑽孔程序模擬

3. Simulate AI Server PCB generation and drilling

4. 練習: QuickSort 演算過程視覺化

任選2題來做，可以自訂主題或是從以下選擇

Design engineering animation in multiple view. You can choose what you like. 

 

Jet Engine  (share)

 

RAMJet

 drone tactics

帥氣

Drone defense

黃泓凱

Laser waepons

張程維

wrist watch

鍾啓廷

jet engine 

馮振宏

HW#7

 

建議工具

使用 Claude Sonnet 4 推理模式(手動切換，免費用戶額定時間內只能使用三次)

使用 ChatGPT 5 推理模式(自動切換)

使用 Gemini 2.5 Pro 免費額度最高 1M tokens (永遠推理模式)

使用 Grok 4 推理模式(自動切換)

---

課堂練習 

Deadline: This Saturday at 23:59

Send all the share links to  me chang212@gmail.com by email with subject HW#7 [your id, your name]

1. 搶救感恩節晚餐大作戰講義 題目

Generate Python code base in A* (晚餐大作戰)

To run Python, use Google Colab

If you are not familiar with Python, you can also convert Python to JavaScript to run on Browsers.

繳交範例

Claude validation, Python, Colab＊ ＭＩＬ Colab Viz

ChatGPT   validation, Python*, Colab, Visualization

檢查你的感恩節計畫是否正確

Use validator to check up the plan

validator

如果你希望驗證結果可輸出為app

1. 先進入 validator

2. 按下右上方 customize 鍵

3. 接下來的操作步驟

4. 結果輸出為app

請使用狀態圖(State Diagram)，看板圖 (Dashboard), 流程圖(Flow chart) 進行視覺化

(interactive timeline)

(interactive timeline)

flow

Hint

• 方法一: 版型套用

  如果你要使用現成版型做行程視覺化，步驟如下:

  1. 找到版型程式（工程圖下方連結）
  2. 按介面右上方 customize 或 copy 鍵
  3. 輸入你的文字版時間排程
  4. 得到專業工程圖
• 方法二: 使用視覺化AI App
  1. 進入 Plan visualizer (Flow diagram only)
  2. 按下 customize
  3. 輸入你的文字計畫到Claude，執行 Claude
  4. Claude 會製作一個新的 visualizer，已經塞好你提供的計劃
  5. 發布(publish) 得到你的連結
  6. 得到專業的流程圖 （Mermaid）

  (因為Claude不允許artifact產生新的artifact，所以多了一些步驟如上) - 步驟操作範例

   
  
  

  發布出來的連結

• 方法三: 自行給予提示

2. Puzzle 1 渡河規劃

將答案視覺化(參考以下方法)

• 方法一: 版型套用

  如果你要使用現成版型做渡河計畫視覺化，步驟如下:

  1. 找到版型程式（渡河計畫圖下方連結）
  2. 按介面右上方 customize 鍵
  3. 輸入你的文字版渡河計畫
  4. 得到專業的渡河計畫動畫
  

  版型套用

• 方法二: 使用視覺化AI App
  1. 進入 visualizer
  2. 按下 customize
  3. 輸入你的文字計畫到Claude，執行 Claude
  4. Claude 會製作一個新的 visualizer，已經塞好你提供的計劃
  5. 發布(publish) 得到你的連結
  6. 得到專業的渡河計畫動畫

  (因為Claude不允許artifact產生新的artifact，所以多了一些步驟如上)

   
  
  

  發布出來的連結

  
  

  執行結果

• 方法三: 自行給予提示

3. Solve Puzzle 2

這題比較複雜，如何檢查你的答案是否正確

使用 validator+

如果你希望驗證結果可輸出為app:

1. 先進入 validator+
2. 按下右上方 customize 鍵
3. 接下來的操作步驟
4. 結果輸出為app

將答案視覺化

• 方法一: 版型套用
  

  Visualization to verify results

• 方法二: 使用視覺化AI App visualizer

EX#6

   1. Try smart search. Prompt AI models to generate A* search Algorithm

A* search

2. for 推理模式 special topic Smart Dog Ball Retrieval 

A* as heuristic (guidance)

Using AI for the following three tasks.

Propose two valid solution sequence.

Use A* macro thinking to model the two solutions.

Prove why one solution is better than the other in terms of the A* macro thinking.

3. for 推理模式 special topic Smart Dog Ball Retrieval

Visualize the optimal solution sequence. Then visualize any other solution. Plan A＆Plan B.

\

Optimal solution by A*

 

pruned by A* (illegal state)

 

4. Work out Puzzle 3 macro thinking in A*  and viz

HW#6

  1. Try smart search. Prompt AI models to generate A* search Algorithm

A* search

2. 搶救感恩節晚餐大作戰講義 題目 

Plan a feasible schedule. Then verify the schedule by flow template . 將結果視覺化以人工查驗正確性

flow

Hint 

優化解可以達成所有人四點前到家

Ｈint

如果你要使用現成版型(artifact type) 做行程視覺化，步驟如下

0 找到版型程式  （工程圖下方連結）

1 按介面右上方 customize  鍵

2. 輸入你的文字版時間排程
3 得到專業工程圖

 

HW#5

 繪圖，動畫:  建議 使用 Claude Sonnet 4

推理，複雜問題:  建議使用以下

使用 Claude Sonnet 4 extended thinking 付費版

使用 Gemini 2.5 Pro 免費額度最高 1M tokens

使用 ChatGPT 5

使用 Grok 4

  課堂練習 

Deadline: This Saturday at 23:59

Send all the share links to  me chang212@gmail.com by email with subject HW#5  [your id, your name]

How to share a Claude link

How to share a ChatGPT link

How to share a Grok link

How to share a Gemini link

策略思維

任選2題

1. Solve Smart dog ball retrieval  and animate your solution process

2. Given 1,2,3,4,5,6 can you give an equation that equals -38?  If you got a correct answer, ask how AI made it. If not, ask AI why it failed. 請分析ＡＩ解題策略（推理，直覺，蠻力，內建程式演算...)，如果有錯誤，原因是什麼？

3. Find blue area

share Claude man in the loop

Grok 

ChatGPT

Gemini *

計算面積這題並沒有辦法靠內容比對這種直觀法就能得到答案，推理模型會比較適合

建議使用各種AI(特別是有推理能力的)

可考慮使用 Claude 4.5 Sonnet (Extended Mode 推理模式)， Grok 4或 ChatGPT 5, Gemini 2.5 Pro

 

4.  Find green area

Claude share, Claude

ChatGPT, ChatGPT

5. Find Angle x

source

Claude man in the loop

Gemini 2.5 Pro got it right twice in a row

Attention model

6. 計算面積

• 
  
• 
  

EX#5

  建議工具

使用 Claude Sonnet 4 推理模式(手動切換，免費用戶額定時間內只能使用三次)

使用 ChatGPT 5 推理模式(自動切換)

使用 Gemini 2.5 Pro 免費額度最高 1M tokens (永遠推理模式)

使用 Grok 4 推理模式(自動切換)

   課堂練習 

Deadline: This Saturday at 23:59

Send all the share links to  me chang212@gmail.com by email with subject EX#5  [your id, your name]

1. solve Puzzle 3 River Crossing by reasoning

 

檢查你的渡河計畫是否正確

Use validator+ to check up the plan

validator+

如果你希望驗證結果可輸出為app

1. 先進入 validator+

2. 按下右上方 customize 鍵

3. 接下來的操作步驟

4. 結果輸出為app

繳交範例

ChatGPT validation, BFS*, visualize

Claude validation, reasoning!, visualize 

如何將驗證過的答案視覺化

方法一: 版型套用

如果你要使用現成版型(artifact type) 做行程視覺化，步驟如下

0  找到版型程式  （圖下方連結）

1  按介面右上方 customize  鍵

2. 輸入你的文字版時間排程
3  得到動畫可以分享連結繳交

版型

• • 方法二: 使用視覺化AI App 
  • 1. 進入 visualizer
  • 2. 按下 customize
    3. 輸入你的文字計畫到Claude，執行 Claude
    4. Claude 會製作一個新的 visualizer，已經塞好你提供的計劃
    5. 發布(publish) 得到你的連結
  • 6. 得到專業的渡河計畫動畫 
    
    
    (因為Claude不允許artifact產生新的artifact，所以多了一些步驟如上)
    
  
  

  

  
  

  
  

  

  發布出來的連結 (plug-in only)

  
  
  

  
  
  

  方法三: 自行給予提示
  
  

2. solve Puzzle 3 River Crossing by code generation for python A* search 

To run Python, use Google Colab

If you are not familiar with Python, you can also convert Python to JavaScript to run on Browsers.

繳交範例 

Claude A* Gen*, Colab, Validator, Visualize 

ChatGPT: BFS*, colab, validator, visualize

ChatGPT: BFS* (auto), visualize

• 
  
  
  
  
  

3. solve 渡河問題4

You can use reasoning or generate a search program to solve it.

檢查你的渡河計畫是否正確

Use validator4+ to check up the plan

validator4+

如果你希望驗證結果可輸出為app

1. 先進入 validator4+

2. 按下右上方 customize 鍵

3. 接下來的操作步驟

4. 結果輸出為app

繳交範例

Claude validation, reasoning!,  Visualization

Claude validation, BFS* (auto),  Visualization 

ChatGPT validation, BFS* (auto), Visualization 

HW#4

 繪圖，動畫:  建議 使用 Claude Sonnet 4

推理，複雜問題:  建議使用以下

使用 Claude Sonnet 4 extended thinking 付費版

使用 Gemini 2.5 Pro 免費額度最高 1M tokens

使用 ChatGPT 5

使用 Grok 4

課堂練習  

Deadline: This Saturday at 23:59

Send all the links to  me chang212@gmail.com by email with subject HW#4 Populate data for visualization [your id, your name].

1. Laser Weapon Animation using React

2, drone deployment using React

3. Coastal Defense Simulation using React

4. Design engineering animation in multiple view. You can choose what you like.

 

Jet Engine  (share)

 

RAMJet

5. Use iterative design to implement your project. You can refer to the following examples.

 realistic 離岸風場

Visualize Bike gear change

in 3d

AC Induction Motor

share

EX#4

 課堂練習 

Deadline: This Saturday at 23:59

Send all the share links to  me chang212@gmail.com by email with subject EX#4  [your id, your name]

1. 搶救感恩節晚餐大作戰講義 題目  Generate Python code base for A* (晚餐大作戰）

To run Python, use Google Colab

If you are not familiar with Python, you can also convert Python to JavaScript to run on Browsers.

驗證答案請使用狀態圖(State Diagram)，看板圖 (Dashboard), 流程圖(Flow chart) 進行視覺化

Puzzle 1 渡河規劃

1. 測試 ChatGPT 4o, ChatGPT o3-mini (推理), Claude Sonnet 3.7, Claude Sonnet 3.7 Extended (推理), Grok 3, Grok 3 Think(推理)

推理模式是甚麼? 推理 vs. 直覺

沒有訂閱Claude者(選擇正確模式: 推理 vs. 直覺)，建議你改用 Grok 3 Think, ChatGPT o3-mini，因為你如果沒有訂閱Claude，只能使用 Claude HaiKu 3.5 很弱，而目前推理最強的 Sonnet 3.7 Extended 只有付費會員可以使用

2. 使用 Claude 將測試過程與結果視覺化(例如 狀態圖)

版型套用(如何套用)

• 這個題目對AI 為什麼有點難? 多個限制條件的複雜問題
• 如何處理這種挑戰性的問題 推理 vs. 直覺
• 如何選擇推理模式
• 
  

Puzzle 2

3. 測試 ChatGPT 4o, ChatGPT o3-mini (推理), Claude Sonnet 3.7, Claude Sonnet 3.7 Extended (推理), Grok 3, Grok 3 Think(推理)

4. 使用 Claude 將測試過程與結果視覺化

Puzzle 3 

5. 測試 ChatGPT 4o, ChatGPT o3-mini (推理), Claude Sonnet 3.7, Claude Sonnet 3.7 Extended (推理), Grok 3, Grok 3 Think(推理)

6. 使用 Claude 將測試過程與結果視覺化

版型套用