<h4 class="" id="回到-Webduino-GPT 使用手冊"><a class="anchor hidden-xs" href="#回到-Webduino-GPT 使用手冊" title="回到-Webduino-GPT 使用手冊" smoothhashscroll=""><i class="fa fa-link"></i></a>回到 <a href="https://md.webduino.io/s/Fzh6vAPjY" target="_self" rel="noopener"><code>Webduino-GPT 使用手冊</code></a></h4> 密碼鎖 === ## 題目 用 Web:Bit 開發板設計一個密碼鎖，密碼是 ABAA，上鎖時 LED 亮白燈。透過按鈕 A 和 B 輸入密碼，每按一次會有蜂鳴器發出提示音。 如果密碼正確，LED 亮綠燈，過一下變回白燈；如果密碼錯誤，LED 亮紅燈，過一下變回白燈。 ## 怎麼讓 AI 知道我想要什麼？ ### 1. 拆解需求，釐清問題 首先我們需要將題目需求分解成更小的子問題，以便更容易理解和解決。可以將問題分解成以下幾個子問題： * 如何讓 AI 知道正確的密碼？ * 如何透過按下按鈕輸入密碼？ * 如何讓按下按鈕時發出提示音？ * 如何判斷輸入的密碼是否正確？ * 如何在適當的時機，顯示對應的燈號？ ### 2. 比對經驗，找出相似 密碼鎖是生活中常見的物品，我們可以參考密碼鎖的使用方式，設計我們自己的版本。一般密碼鎖由這些元素組成： * 正確密碼 * 數字或英文字母按鈕，或是轉盤 * 至少有「上鎖」和「解鎖」兩種狀態 * 輸入正確密碼，可以解鎖 ### 3. 提取核心，化繁為簡 接下來，我們要收斂前面列出的細節，整理出密碼鎖的必要條件： * 偵測輸入的密碼，儲存成「密碼輸入」 * 將「密碼輸入」和「正確密碼」進行比對，判斷密碼是否正確。 * 找到「燈號」的一般性規則。「如果上鎖，亮白燈」、「如果密碼正確，亮綠燈後間隔 n 秒亮白燈」、「如果密碼錯誤，亮紅燈後間隔 n 秒亮白燈」。 * 如果按下按鈕 A 或 B，蜂鳴器發出聲音。 ### 4. 精準表達，轉譯需求 最後，我們需要將需求翻譯成 AI 比較好理解的語言，以下是其中一種表達方式： :::info #### **我們可以告訴 ChatGPT 這樣做** - 設定[正確密碼]為ABAA - 設定LED為白色 - 偵測按鈕被按下的順序，設定為[密碼輸入]。例如依序按下按鈕A、按鈕B、按鈕A、按鈕A，[密碼輸入]為ABAA - 按下按鈕A或B，蜂鳴器發出 Re - 重複執行，如果[正確密碼]等於[密碼輸入]，LED變綠色，蜂鳴器發出Sol La Si，2秒後變成白色。否則LED為紅色，蜂鳴器發出 Do Do，2秒後變成白色 ::: > - 重複出現的專有名詞，可以用中括號[]，讓 AI 明確知道你反覆提及的是同一個詞彙。 > - **善用舉例**，讓 AI 更清楚你的想法。例如上面的描述告訴 AI，當「依序按下按鈕A、按鈕B、按鈕A、按鈕A」時，代表[密碼輸入]為ABAA，讓 AI 能依此類推。 ### [使用範例 >>](https://chat.webduino.io/test/index.html?prompt=%E8%A8%AD%E5%AE%9A%5B%E6%AD%A3%E7%A2%BA%E5%AF%86%E7%A2%BC%5D%E7%82%BAABAA%0A%E8%A8%AD%E5%AE%9ALED%E7%82%BA%E7%99%BD%E8%89%B2%0A%E5%81%B5%E6%B8%AC%E6%8C%89%E9%88%95%E8%A2%AB%E6%8C%89%E4%B8%8B%E7%9A%84%E9%A0%86%E5%BA%8F%EF%BC%8C%E8%A8%AD%E5%AE%9A%E7%82%BA%5B%E5%AF%86%E7%A2%BC%E8%BC%B8%E5%85%A5%5D%E3%80%82%E4%BE%8B%E5%A6%82%E4%BE%9D%E5%BA%8F%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95A%E3%80%81%E6%8C%89%E9%88%95B%E3%80%81%E6%8C%89%E9%88%95A%E3%80%81%E6%8C%89%E9%88%95A%EF%BC%8C%5B%E5%AF%86%E7%A2%BC%E8%BC%B8%E5%85%A5%5D%E7%82%BAABAA%0A%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95A%E6%88%96B%EF%BC%8C%E8%9C%82%E9%B3%B4%E5%99%A8%E7%99%BC%E5%87%BA%20Re%0A%E9%87%8D%E8%A4%87%E5%9F%B7%E8%A1%8C%EF%BC%8C%E5%A6%82%E6%9E%9C%5B%E6%AD%A3%E7%A2%BA%E5%AF%86%E7%A2%BC%5D%E7%AD%89%E6%96%BC%5B%E5%AF%86%E7%A2%BC%E8%BC%B8%E5%85%A5%5D%EF%BC%8CLED%E8%AE%8A%E7%B6%A0%E8%89%B2%EF%BC%8C%E8%9C%82%E9%B3%B4%E5%99%A8%E7%99%BC%E5%87%BASol%20La%20Si%EF%BC%8C2%E7%A7%92%E5%BE%8C%E8%AE%8A%E6%88%90%E7%99%BD%E8%89%B2%E3%80%82%E5%90%A6%E5%89%87LED%E7%82%BA%E7%B4%85%E8%89%B2%EF%BC%8C%E8%9C%82%E9%B3%B4%E5%99%A8%E7%99%BC%E5%87%BA%20Do%20Do%EF%BC%8C2%E7%A7%92%E5%BE%8C%E8%AE%8A%E6%88%90%E7%99%BD%E8%89%B2&actor=wbit) 將產生的程式碼，部署到 Web:Bit 開發板，就可以完成這樣的效果囉！ <iframe width="700" height="400" src="https://photo.webduino.io/resource/blog/bda32e29-26e6-4d12-a465-298c4a783348.mp4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> ## 延伸思考 1. 如何讓密碼正確時，LED 顯示一朵小花？ 2. 如果想要增加「重設密碼」的功能，可以如何表達需求？