# 認識Hangeekduino圖形化介面

Hangeekduino是根據BlocklyDuino所新增首次接觸就上手套件相關積木功能出來所設計的圖形化程式開發介面，注意目前此軟體只支援Windows作業系統使用。

> 注意目前此軟體只支援Windows作業系統使用

### **軟體下載連結:**

<https://drive.google.com/drive/folders/1iHQyfQvjbS4lhob-3mF5auntte_G86_f>&#x20;

## &#x20;如何打開Hangeekduino

下載完HanGeekduino.zip檔案，解壓縮之後可以得到一個HanGeekduino的資料夾 打開HanGeekduino資料夾點選HanGeekduino.exe即可開啟HanGeekduino。

![](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaZQFBYOS3O0ksiEmR1%2Fuploads%2F9Btx4MrcSMAPTCrcuoMk%2Fimage.png?alt=media\&token=fea063a1-11f7-4dca-9f6a-221b7e5cf690)

使用方法就跟BlocklyDuino一樣，從下圖可以看到在積木選單下新增了Arduino首次接觸就上手的區塊。Arduino首次接觸就上手的相關積木都在這邊可以使用。

![](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIT9IgyiphiNgi0HwmC%2F-MITASq6W21aN1mdgKaQ%2FArduino%E9%A6%96%E6%AC%A1%E6%8E%A5%E8%A7%B8%E5%B0%B1%E4%B8%8A%E6%89%8B.png?alt=media\&token=f5d602f8-d068-474d-a26f-82fb8caf2536)

![輸入元件的積木](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIqgEB-ZUlsOCzgFexW%2F-MIqlL63oMy1B2K2eE-I%2FHangeekduino_INPUT.png?alt=media\&token=02b95e77-50cb-47a2-afb8-0096b18c3cef)

![輸出元件的積木](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIqgEB-ZUlsOCzgFexW%2F-MIqlrDPqKtf0efXQdw9%2FHangeekduino_OUTPUT.png?alt=media\&token=38636456-f644-4e0f-841c-490dc433881a)

第一次使用Hangeekduino軟體或Arduino首次接觸就上手的人，需要先安裝CP2102 USB驅動程式才可以正常燒錄程式，根據以下網址選擇您電腦所對應的作業系統下載對應的安裝檔並安裝CP2102 USB驅動程式。

{% embed url="<https://www.silabs.com/products/development-tools/software/usb-to-uart-bridge-vcp-drivers>" %}

注意WINDOWS一鍵安裝版本下載位置改為以下CP210x VCP Windows檔案(如下圖紅框所示)，CP210x Universal Windows Driver為從裝置管理員安裝的版本。

<figure><img src="https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaZQFBYOS3O0ksiEmR1%2Fuploads%2Fq8Ui0vI572sioJ3cAYWi%2Fimage.png?alt=media&#x26;token=04742eef-4b06-4901-aecc-594f74d35cf0" alt=""><figcaption></figcaption></figure>

成功安裝完CP2102 USB驅動程式後，將板子上的USB線插入電腦中即可在畫面右上方選擇電腦抓到的COM Port-序列埠(如下圖橘框處所示)，這裡我們選擇COM3。

![選擇COM Port(序列埠)的位置](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIqvRa80l0xyLiS1j9x%2F-MIrYA__nAwOlCOcHe-g%2FHangeekduino_COMPORT.png?alt=media\&token=2614fa7e-8f4d-41d6-9204-8ed46e1a412a)

接著我們開始寫我們的第一個程式:在序列埠上每一秒換行並印出Hello World。

![](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIrfKSvp56eRAJQlyR2%2F-MIrgodFp0WCSrGv1r4F%2FLesson_0_HelloWorld.png?alt=media\&token=d1f96a8a-82a1-4650-875b-f3f80003a7e1)

選好COM Port之後即可開始燒錄，在工具列最左邊第一個向右箭頭的按鈕即是燒錄鍵(如下圖橘框處所示)

![燒錄鍵的位置](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIrZO9IQOnxeC_wAK6s%2F-MIrajUmi7QH3lR1QRBP%2FHangeekduino_Upload.png?alt=media\&token=20729736-4949-4c13-a7eb-cdc7bbb7b6e4)

燒錄時需要等待一段時間依據不同程式等待時間不同，可以點開燒錄狀態查看是否燒錄完成，如燒錄成功會顯示Arduino.exe exited with 0 and null(如下圖橘框處所示)。如顯示其他訊息或Error請檢查CP2102 USB驅動程式是否成功安裝正確版本、USB傳輸線是否正常插上電腦跟Arduino板子上、程式設計是否有誤。

![燒錄成功時顯示的訊息](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIre41Lde2eZx6ZRJte%2F-MIrealZ-UjBkL_jsRJM%2FHangeekduino_Uploadsuccess.png?alt=media\&token=210eb8e2-f17b-4867-833e-52a1e1dd6f29)

燒錄完成之後，可以選擇功能表左邊第二個選項開啟PuTTY的序列埠監控視窗(如下圖橘框處所示)。

![序列埠監控視窗開啟位置](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIrsn32bvX4CbZAXarT%2F-MIrv-9GiciALnfl2JId%2FHangeekduino_Serialport1.png?alt=media\&token=c4eacc29-1cf6-4ece-9271-9a694176d48b)

開啟序列埠監控視窗之後可以看到每一秒都會換行並印出Hello World，代表程式沒問題，驅動程式安裝正常，程式燒錄成功，就可以開始嘗試我們以下輸入模組、輸出模組的範例。

![序列埠監控視窗畫面](https://1275793585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaZQFBYOS3O0ksiEmR1%2F-MIrsn32bvX4CbZAXarT%2F-MIrzLg1kBh2NRkPuAMc%2FHangeekduino_Serialport2.png?alt=media\&token=74b4fc6f-62c3-4248-bb50-f10fa8f17d35)

## 教學影片:

以下是阿吉老師的Arduino首次接觸就上手 5分鐘小教室，可以由前導片依序觀看以下教學影片。

## 【教學】Arduino首次接觸就上手 5分鐘小教室\_前導介紹

{% embed url="<https://www.youtube.com/watch?v=JjETRW5MRlM>" %}

## 【教學】Arduino首次接觸就上手 5分鐘小教室\_ep1 下載

{% embed url="<https://www.youtube.com/watch?v=JKDh8EZ4SXU&feature=youtu.be>" %}

## 【教學】Arduino首次接觸就上手 5分鐘小教室\_ep2 安裝驅動程式

{% embed url="<https://www.youtube.com/watch?v=JEZQHbwtzkw&list=PLZkpEAYL25ADJUHaSJ-_bNTNuak8cJFPQ&index=2>" %}

##