Friday, May 1, 2015

02編輯環境- Cloud9 IDE

 


事實上這個系統已經有一個很棒的程式語言編輯工具軟體叫做Cloud9 IDE , 不需要任何安裝和設定,就可以直接進行, 安裝、設定、和執行,並且設定中斷點和除錯,官方的網站在此https://c9.io/


7-1a


圖7-1a Cloud9 官方的網站


STEP1: 連接USB 到電腦上

請透過USB 連到電腦上,就是把USB 線接到BeagleBone Black 上,另外一頭你可以接到電腦上。

接下來的話,就會看到BeagleBone Black板子上燈光的閃爍,代表正在開機中,請稍等10秒,等完成順利開機。


 


 


STEP2: 瀏覽器進入192.168.7.2

在請請透過瀏覽器chrome 或Firefox ,進入192.168.7.2網頁進入BBB 的網頁中,並 點選網頁中下方的「Cloud9 IDE」選項,如下圖所示圈起來的位置的位置。


7-2a


圖7-2a Cloud9 官方的網站


順利的話就會出現下圖所示的「Cloud9 IDE」編輯軟體中。


7-3a


圖7-3a 「Cloud9 IDE」編輯軟體


對應的位置是到 /var/lib/cloud9/bonescript/


 


 


STEP3: 新增檔案


接下來請按下畫面中的「+\New File」的按鈕,就可以新增一個檔案。


7-4a

圖7-4a 按下畫面中的「+\New File」


 


 


STEP4: 撰寫程式

在輸入的新增的編輯器中,輸入以下程式。


範例 ch7\myAPP.js

1. var b = require(‘bonescript’);

2. var state = b.HIGH ;

3.

4. b.pinMode(“USR0″, b.OUTPUT);

5. setInterval(toggle, 1000);

6.

7. function toggle()

8. if(state == b.LOW) state = b.HIGH;

9. else state = b.LOW;

10.

11. b.digitalWrite(“USR0″, state);

12.


7-5a


圖 7-5a


 


 


 


STEP4: 儲存檔案

儲存檔案,請選取 File\Save As…


7-6a


圖 7-6a

設定檔案名稱,建議存到cloud9\demo\  底下的「myApp.js」


7-7a


圖 7-7a 執行


STEP5: 執行程式


接下來將會介紹如何執行剛剛儲存的程式, 請點選畫面中的這個「Run」按鈕就能執行。


7-a8


圖 7-8a 選畫面中的這個「Run」按鈕


 


 


稍等一下之後,就會出現右邊的除錯編輯視窗,請點選圖案中的「三角形」按鈕,執行程式。

這個除錯編輯視窗 ,上面分是:

1. 執行到下一個中斷點。

2. 下一行。

3. 進入函數。

4. 回到呼叫的函數。


7-a9


圖 7-a9 執 請點選圖案中的「三角形」按鈕


執行結果:

執行結果,如下圖所示,就會看到版子的第一個燈的每一秒鐘閃明暗改變一次,照成閃爍的效果。


 


7-a10


圖 7-a10 執行結果


7-a11


圖 7-a11 實際在硬體上的執行情況



02編輯環境- Cloud9 IDE

No comments:

Post a Comment