產品製作應用AI 於專題或自主學習使用Vibe coding

  • 登入Google 帳號 
  • 生成程式:ChatGPT(chatgpt.com)
  • 生成程式:Google Gemini Canvas
  • 變更 Gemini 語言
  • 繪畫流程圖: Mermaid Live Editor(Mermaid 格式)
  • micro:bit 網頁版(供桌機或筆電使用, iPad 使用桌面之APP)

  • 學習歷程: AI 提問指令與截圖(流程圖.程式) 

    主計處:GDP 7.37%、創下15年新高 (29.86 兆元)。經濟成長率,收益高度集中。電子製造業佔GDP 的比重超過15%,但僅僱用了6.5%的勞動力。晶片和電子產品現在佔出口近四分之三。(2025/12/1)

    AI快速融入硬體、軟體與服務多數消費者甚至在不知情的情況下便已使用AI,採用速度遠超過網際網路與行動革命。有些人利用聊天機器人規劃假期、尋找禮物或搜尋食譜

    AI 協作程式步驟:
    1. 撰寫提問指令
    2. 進入AI 工具軟體
    3. 複製AI產生的程式碼
    4. 進入 iPad APP micro:bit
    5. 新增新專案
    6. 切換至 javascript 
    7. 清空原有程式碼
    8. 貼上AI產生的程式碼
    9. 測試功能是否正常
    10. 下載至micro:bit
    註: 若貼上之程式有錯誤, 進行除錯或請AI協助(EX:重新產生程式......)

    AI 提問指令參考:
    你是 micro:bit javascript 專家,
    產生以下功能的程式與流程圖, 其中流程圖分別以:適合簡報和 mermaid 格式呈現。
    功能:模擬人的心律跳動

    其它提問指令參考, 功能替換如下:
    EX1:設計 Micro:bit javascript 程式, 功能: 一個能提醒受眾專心一事、時間管理、工作效率的工具

    設計 Micro:bit javascript 程式, 使用 micro:bit V2 的語音或新音效, 功能: 一個能提醒受眾專心一事、時間管理、工作效率的工具

    EX:設計 Micro:bit javascript 程式,目的 一個能提醒受眾專心一事、時間管理、工作效率的工具
    功能:
    按 A 開始/暫停(啟動專心倒數或暫停)
    按 B 重置
    按 A + B 顯示剩餘分鐘
    顯示進度條(在 5×5 LED 上)
    使用 V2 內建音效提示(開始/結束)
    剩餘1 分鐘使用 V2 內建音效警示



    功能:四個完全不同的愛心圖案

    功能:點亮愛心圖案

    功能:產生愛心(Heart)跳動

    功能:音效的愛心跳動(Beating heart)

    功能:產生動物圖案動畫(Animated animals)


    功能:產生有背景音樂的動物圖案動畫

    功能:產生按 A 按鈕出現笑臉;按 B 按鈕出現哭臉

    功能:shake 時會隨機顯示喜怒哀樂心情之一的圖案

    功能:產生 按鈕 A 按下出現喜、按鈕 B 按下出現怒、按鈕 A+B 按下出現哀、logo 按下出現樂 的 micro:bit javascript 程式


    產生 按 A 按鈕,隨機不重覆點亮 micro:bit 5x5 LED 的 micro:bit javascript 程式


    Compass North


    產生 當指北針 小於 45 度 或  大於 315 度就顯示 N 的 micro:bit javascript 程式


    Max-min thermometer,


    產生符合以下條件的 micro:bit javascript 程式: 隨時記錄最高和最低溫。 按 A 按鈕時顯示目前測得的最低溫;按 B 按鈕時顯示目前測得的最高溫

    產生符合以下條件的 micro:bit javascript 程式: 隨時記錄最高和最低溫。 按 A 按鈕時顯示目前測得的最低溫;按 B 按鈕時顯示目前測得的最高溫;按 logo 時在 LED 矩陣上顯示平均溫度:(最低溫+最高溫)/2

    Make some noise產生 按按鈕 A 播長歌 的 micro:bit javascript 程式

    產生 按按鈕 A 播長歌曲;按按鈕 B 播短音效的 micro:bit javascript 程式

    產生 播小星星 的 micro:bit javascript 程式

    產生 播小星星變奏曲 的 micro:bit javascript 程式 

    產生符合下列規則的 micro:bit javascript 程式

    按下 A 按鈕後

    1.隨機從 0~9 不重覆地抽籤,並顯示出籤號

    2.抽滿十次後只要發出響聲並歸零,清除顯示

    3.如果隨機產的數字已在陣列中了,就往後找到下一個沒抽過的數字


    產生符合下列規則的 micro:bit javascript 程式

    按下 A 按鈕後

    1.隨機從 0~9 不重覆地抽籤,並顯示出籤號

    2.抽滿十次後只要發出響聲並歸零,清除顯示

    3.如果隨機產的數字已在陣列中了,就往後找到下一個沒抽過的數字

    4.十支籤都抽完後發出提醒音效


    流程圖


    它胡說八道時: 

    GPTs(Claude、MS Copilot、Google Gemini、……)

    重開新主題(topic)


    : 產生程生Microbit
    班級:
    座號:
    姓名:
    標題:產生程生Microbit
    備註:
    : 流程圖產生 Mermaid Live Editor(Mermaid 格式)
    班級:
    座號:
    姓名:
    標題:流程圖產生 Mermaid Live Editor(Mermaid 格式)
    備註:
    : 繪畫流程圖 Mermaid Live Editor(Mermaid 格式)
    班級:
    座號:
    姓名:
    標題:繪畫流程圖 Mermaid Live Editor(Mermaid 格式)
    備註:

    沒有留言:

    張貼留言

    教學預計進度-個人學習歷程(簡報)參考(114_8上)

    各週教學預計進度(課程索引)供個人學習歷程內容參 考: