2013年1月10日 星期四

codebender: A Web-based Arduino IDE

image image

現在是雲端時代,大家都想把軟體搬到網路上,最近國外就出現了一個叫作 codebender 的 Cloud-based Arduino IDE,可以讓使用者直接在 Browser 上寫 Arduino 程式。除了必須自行安裝 Arduino 的 USB Driver 外,使用者什麼都不用安裝,只要一個 Browser 就可以開始寫 Arduino 程式、編譯、甚至直接在 Browser 上 upload 程式到 Arduino 板子上。

codebender 的研發團隊甚至替 Arduino 設計了一個 TFTP bootloader,所以,如果你有 Ethernet Shield 還可以遠端更新 Arduino 的程式。

codebender 引起了我的興趣,所以我花了點時間試玩了一下。底下摘要一下 codebender 的用法:

1. 先到 codebender 申請一個帳號 - 註冊程序很簡單,輸入想要的帳號和密碼和 Email 就行了

2. 用剛剛註冊的帳號登入 codebender,你會看到類似底下的畫面:

image

接著點一下 First Example。寫程式的世界,萬事幾乎皆從 Hello World 起,而硬體微控制器的世界,則萬事皆從 Blink 開始。沒錯,我們現在正是要試 Blink 程式。當你點下 First Example 後,會開啟 Blink 程式跳到底下這個畫面:

image
▲ 左手邊是操作區,右手邊是程式碼編輯區

如上圖紅框框處,第一次使用時,在左手邊的操作區會提醒你安裝 Browser Plugin。裝了 Browser Plugin 才能透過 USB 上傳程式,所以請點一下 Add to Chrome 把它裝起來。

備註: codebender 的 Browser plugin 支援 Chrome, Firefox。我試過,Windows 7 + Chrome 23.0 可以正常使用,不過 Windows 8 + Chrome 沒試成功,其它環境我就沒試了。

裝好後,操作區會多出 Serial Port 下拉選單和 USB Flash 以及 Serial Monitor:

image

3. 接著照下圖指示,先選板子類型,接著點 Verify,確認 Serial Port 無誤後,最後按下 USB Flash,過幾秒鐘後程式就會 upload 到 Arduino 上:

image

這樣就完成囉。

除了 Arduino IDE 的 Ethernet, Firmata, LiquidCrystal, SD, SPI, Servo, SoftwareSerial, Stepper, Wire 等標準 Libraries 外,目前 codebender 也有提供一些額外的 Libraries,比如 DHT, DallasTemperature, HttpClient, ICMPPing, IRremote 等等,詳細資訊可以在這裏找到。如果要安裝其它 Library 的話,辦法是有,只是現在程序還很繁瑣,不方便。我想這應該還好,因為 codebender 現在還是 beta 版,相信日後會改善。

4 意見:

GCY 提到...

這個很有趣!

Cooper Maa 提到...

而且好像全部都是 Open Source 的!

曲新天 提到...

Hello Cooper Maa!I'am David
謝謝你的分享,上次跟你一起上了一堂Peter的Arduino擴充版的課,不知為什麼我的Arduino IDE在Win7跑很慢,而且常出現error,以及COM已經被其他裝置使用的問題,我會試試看你介紹的平台。

Cooper Maa 提到...

Hi 新天,
我自己也在 Win7 上跑 Arduino IDE,還蠻正常的,不會有卡卡的問題。我用的是 Arduino 1.01, 1.02。建議把相關的 USB Driver 都移除掉,然後重新裝 Arduino 的 USB Driver。

Codebender 還太新,不夠成熟,等一陣子再用