LCCNET 聯成電腦

菜鳥救星

m_nav_line m_nav_line

HOT影片

m_nav_line m_nav_line

聯成電腦講程式:我的第一個物聯網程式

icon_fb icon_twitter icon_google LINE it!
article_main_img

文、意如 老師

 

 

 

玩積木、學程式,用blockly

手把手帶你寫出第一個物聯網程式-遠端開關燈。

 

透過積木的拖拉和組合,不用程式背景也不需要電子背景,只需要一個瀏覽器,就可以讓你快速做出一些應用程式。

 

這篇將手把手一切從零開始帶這大家做一個物聯網應用,遠端可以開關燈的程式,也就是如果你今天出門忘記關燈了,你可以隨時隨地只要有網路+瀏覽器,就可以直接把家裡的燈關掉。

 

 


 

 

 

Step1

 

你需要一個開發板和LED燈泡,可到露天搜尋「開發板」,這次範例的介紹是以「smart開發板」為例,它的外觀大小與50元差不多。

 

LED燈顏色不限,外觀一長腳一短腳。

 

 

 

Step2

 

將電源線連接到開發板與電腦USB插頭,因為還沒設定開發板,所以此時紅燈閃爍為正常狀態。

 

 

 

Step3

 

設定開發板,連接區域網路

(1)找到smart

(2)右鍵>內容或點兩下

(3)輸入密碼

(4)確定or連線

(5)打開瀏覽器

(6)網址列輸入192.168.4.1

 

 

 

Step4

 

輸入你自己wi-fi連結的SSID(帳號與密碼)

 

 

 

Step5

 

連接成功

(1)請記得你的Device ID

(2)開發版Smart紅燈熄滅

 

 

 

Step6

 

連接成功,請記起後面IP的位址Smart_192.168.0.4備用。

 

 

 

Step7

 

重新拔插開發版電源

(1)正常:

紅燈閃爍(約10~20秒)

接著紅燈  熄滅

(2)不正常:

重新執行1~7步驟

 

 

☑ 推薦課程:Java 程式開發

 

 

 

 

設定完成後,開始建置寫程式的環境。

 

 

先到https://id.webduino.io/signin 註冊一個帳號,或用gmail登入也可以。

 

 

登入後選右邊裝置管理

 

 

點選+號,輸入Deviceid(參考剛剛設定完成時出現的Deviceid)。

 

 

接著點選你目前的開發板,按確定。

 

 

新增完畢後,會顯示你目前的裝置。

 

 

點選認證跟狀態,需要接上你的開發板,狀態與認證會顯示綠燈,代表設定完成。

 

 

如設定成功,接上時會閃爍紅燈約幾秒後,紅燈會熄滅,為正常狀態,如紅燈未熄滅,代表設定不成功,請重複以上步驟在設定一次。

 

 


 

 

 

準備好後,就可以開始來玩積木寫程式了!

 

 

1. 點選右上角「房子」回到首頁

 

 

2. 接著選擇左邊程式積木

 

 

 

就可以開始實作我們第一個範例(遠端開關燈)

 

 

Step1點選+號新增專案

 

 

Step2將LED燈接上開發版長腳接(02)腳位,短腳接地(GND)。

 

 

Step3:插上電源線,一頭開發版,另一頭接電腦USB孔。

 

 

Step4:點選載入範例積木>LED(此時右邊自動載入基本積木)

 

 

Step5:

1.在拼圖上選擇目前使用的開發板(此範例是用smart

2.輸入Deviceid

3.輸入LED燈腳位:2

4.主程式解析:

預設LED燈(開發板上面的)為關閉

預設燈泡(網頁版顯示的燈泡)為關閉

點擊燈泡(5)時要去做燈泡與LED燈開關切換

亮的時候關閉,關閉時在點一下就可讓燈泡亮。

5.網頁版顯示程式控制畫面,點選燈泡即可控制LED燈

6.用手持裝置(手機或平板)掃描QRCODE,讓手持裝置也能夠遠端控制LED燈

 

 

7.手機開啟QR Code條碼掃描

 

 

8.開啟程式首頁,範例是一個未發光的燈泡,點選燈泡時,網頁版的燈泡會自動打開,開發版上的燈泡也會打開,再點一下就可關閉燈泡。

 

 

接下來只要帶著手機或平板出門(記得連結網路),即可以遠端控制家裡的LED燈泡了!

 

► 推薦課程:Python程式設計

 

 

 

 

痞客邦Blog:http://lccnetvip.pixnet.net/blog
FB粉絲團:https://www.facebook.com/lccnetzone
菜鳥救星:https://www.facebook.com/greensn0w

本網站使用相關網站技術以確保使用者獲得最佳體驗,通過使用我們的網站,您確認並同意本網站的隱私權政策。欲了解詳情,請參閱 隱私權政策