4560 views
#### 回到 [`教學大綱`](https://md.kingkit.codes/s/siSKyknlU) :::info 【 更新公告 】 從現在起,我們在 [Web:AI 程式積木平台](https://ai-blockly.webduino.io/#/) 提供更方便、快速的初始化設定功能,操作步驟請參考下方教學手冊。 > 關於 Wi-Fi 設定及韌體更新,歡迎參考:[Web:AI 開發板基礎設定(初次使用開發板看這裡)](https://md.webduino.io/s/qvkjTWhbd)。 ::: # 初始化設定 ( 第一次使用請看這裡 ) 第一次使用 Web:AI 開發板之前,需要先設定 Wi-Fi 及對晶片做韌體更新,將開發板升級到最新版本,才能順利使用最全面的功能。 #### 設定頁面:[Wi-Fi 設定頁面](https://webai.webduino.io) ( 需要透過電腦的 Chrome 瀏覽器開啟 ) ## 教學影片 歡迎參考下方教學影片: <iframe src="https://www.youtube.com/embed/ZSGkZUQQXcI" allowfullscreen width="100%" style="aspect-ratio:728/410;border:none " ></iframe> ## 教學步驟:Wi-Fi 設定 當拿到 Web:AI 開發板後,只要按照步驟教學或上方影片一步步操作,就可以完成初始化設定囉! 1. 請先確認 Web:AI 開發板為預設狀態,如下圖畫面: ![](/uploads/upload_8b1389ecc47f7cfa583dcb399bfe48bd.png) > 如果開發板不是預設狀態,可以參考:[操作模式:回復預設狀態](https://md.kingkit.codes/s/1lgh1vuQ_#%E5%9B%9E%E5%BE%A9%E9%A0%90%E8%A8%AD%E7%8B%80%E6%85%8B)。 2. 首先使用電腦打開 Chrome 瀏覽器進入 [Wi-Fi 設定頁面](https://webai.webduino.io)。 ( 如果 Chrome 版本低於 89,需要先將瀏覽器更新到最新版本!) 3. 將 Web:AI 開發板透過 USB 傳輸線連接到電腦。 ( 為避免電腦誤判,請勿插入 SD 卡 ) 4. 按下「點擊開始設定」。 ![](/uploads/upload_02a4681ffc6dfd1aa921e27afe17f2f5.png) 5. 點擊「開始連接」。 ![](/uploads/upload_792d00f7981cf19f3ffad15bf3930abf.png) 6. 選擇連接 Web:AI 的 USB,點擊「連接」。 ::: danger 如果電腦搜尋不到 USB 裝置,請參考 [__安裝 USB 裝置驅動程式__](https://md.kingkit.codes/s/yAZy5KD8y#%E5%AE%89%E8%A3%9D-USB-%E9%A9%85%E5%8B%95%E7%A8%8B%E5%BC%8F) 步驟教學。 ::: ![](/uploads/upload_4892028c07de2478564d8705933f5580.png) 6. 電腦連接上 Web:AI 後會出現開發板的 Device ID 和現在的韌體版本。 ![](/uploads/upload_44766cf13211c94964896050340ceb25.jpg =500x) 7. 在 Wi-Fi 連線畫面,選擇 Wi-Fi 並輸入密碼,按下「儲存連線」。 > 如果搜尋不到 Wi-Fi,可以透過手動輸入現場的 Wi-Fi 名稱及密碼。 ![](/uploads/upload_ddcfed56e5b16ca8494e8c37dc6b9bed.jpg =500x) 8. 成功完成設定 Wi-Fi! ![](/uploads/upload_4938d84b09b19e6ff298bb8808661543.jpg =500x) <!-- > 如果需要進行韌體更新,再接著進行下方步驟。 ## 教學步驟:更新韌體 1. 設定完 Wi-Fi 後,如果畫面有「已有新版本,點擊更新」,代表有新版本可以更新。 點擊「更新韌體」。 ![](/uploads/upload_417de60a4f044c3973890328c1ce6987.png) 2. 等待韌體更新,開發板螢幕會顯示更新進度,期間內請勿斷開與 USB 線的連接。 ![](/uploads/upload_73e353a9e9a08eb82c1884c0b2c8bba2.png) ![](/uploads/upload_d1a8539e1deef8d0c520d7bfc5fb2b0e.png) 3. 更新完成後,重新開機就可以開始使用 Web:AI 了! ![](/uploads/upload_8dbf16901021d914270ba5134b478694.png) --> ## 更新 Web:AI 韌體 在 Wi-Fi 設定頁面時,如果 **目前版本** 左側出現黃色小怪獸說:「前往更新韌體」,就代表目前有更新的韌體可以使用囉! ![](/uploads/upload_87f8dab1059e57296598a2fe6f09684a.png) ### 更新方式 Web:AI 韌體更新方式分為「安裝版更新」及「kflash 更新」,在使用前需要針對不同的電腦作業系統,選擇對應的更新方式。 - Windows 系統:安裝版更新、kflash 更新 - mac 及其它系統:kflash 更新 #### 歡迎前往: - [kflash 更新韌體](https://md.kingkit.codes/s/pTKXBb7kV) - [安裝版更新韌體](https://md.kingkit.codes/s/wTzUFfJMb) ## 小提醒 - 當開發板畫面呈現與下圖 **相同** 時,才能在 Wi-Fi 設定頁面進行初始化設定。 ![](/uploads/upload_9c75be672cbd440d6ee3fdb4f04b77c9.png) - 進行設定前,請先將 SD 卡移除,避免程式誤判! - 想要再次設定 Wi-Fi 時,請先將開發板 [**回復預設狀態**](https://md.kingkit.codes/s/1lgh1vuQ_#%E5%9B%9E%E5%BE%A9%E9%A0%90%E8%A8%AD%E7%8B%80%E6%85%8B),當開發板顯示和上圖相同就可以進行設定。 <!-- - 若使用上述步驟卻無法更新韌體,可以參考:[安裝版更新韌體](https://md.kingkit.codes/s/wTzUFfJMb) 來完成設定! --> - 如果設定頁面文字顯示為「網路:人工智能」,如下圖,代表 Chrome 瀏覽器有經過網頁自動翻譯。網頁自動翻譯會造成 Wi-Fi 設定出錯,需要將語言設定回「英文」並重新整理才能正常使用。 ![](/uploads/upload_f35bd1f701c2304cac254c885f1ef660.jpg =500x) ![](/uploads/upload_698b723317d3f9e955ac643af178d3fe.jpg)