WFduino Chrome App

WFduino Chrome App 是一個可以搭配Scatch2.0、ScratchX的多功能Chrome 應用程式。負責當Scatch2.0和Arduino的翻譯官。

1.跨平台:windows、Mac、Chromebook、ezgo12都可以使用。(只要寫一個程式,到處都可以用)

2.多功能:有網路、沒網路(離線版Scatch2),有接感應器(Arduino)、沒接感應器(模擬Arduino),都可以使用。(擴增scratch的功能)(註1)

3.多樣性:Arduino系列板子都可以使用,Uno、Nano、Leonardo……..等都可以使用,連便宜的大陸改良版Uno(使用CH340晶片)也可以。

4.方便性:只要打開App,相關服務一次完成,簡單方便。

感謝通聯行動創意科技有限公司免費提供(http://code.unumobile.com/wf8266r/tutorials/65_Sx4ABlocks)。

————————————–

平常使用三步驟

1.接上Arduino (不接也可以)

2.開啟WFduino

3.開啟Scratch,上傳範例檔

開始使用

————————————————-

安裝WFduino Chrome App

———————————————————

1.打開Chrome瀏覽器,點這裡 https://goo.gl/h4h6MZ

2.點 [ 加到CHROME ] 安裝

02

3.點[新增應用程式]

03

4.安裝完成。

 

04

——————————

啟動WFduino APP

———————————————————

WFduino APP+scratch2  (不接arduino)

——————————————————-

1.開啟chrome瀏覽器, 啟動APP(如果有設書籤列,在書籤列的應用程式裡)

2.[雲端積木]前面的方框打

如果已經上傳範例檔,在scratch的更多積木下,可以看到小綠燈。

注意:使用擴充積木,必須開啟scratch2.0且上傳[範本檔](或開啟有擴充積木的檔),scratchX裡面直接有擴充積木,不用上傳。

如果沒有外接Arduino,還是可以開啟scratch2.0線上版或離線版或scratchX,使用WFduino[更多積木]裡面的擴充積木功能。(註1)

請確認APP上面的[scratch2 已連接 ] ,如果沒有,請先按下面[關閉WFduino],再重新啟動一次WFduino APP,如果還是不行,請登出帳號(或關閉瀏覽器)後,再啟動一次。

——————————————————————————–

WFduino APP+scratch2+arduino (控制外部感應器)

——————————————————————

注意:請先確認是否有其他程式連接arduino板子(例如:燒錄程式),要先將其他連線關閉。

1.開啟chrome瀏覽器, 啟動APP

2.如果接上Arduino,記得在上面選USB連接port

狀態:WFduino已連接,韌體版本:未連接

表示Arduino的韌體沒有安裝(之前用過別的韌體),請重新安裝韌體。(註2)

如果有重新拔、插USB連線,請先按下面[關閉WFduino],再重新啟動一次WFduino APP,才可以抓到正確的連接port

如果有新的韌體版本,會提醒您做更新,並開啟韌體網頁。

看到下面畫面表示都準備好了

如果已經上傳範例檔,在scratch的更多積木下,可以看到小綠燈。

直接點綠旗,就可以看到Arduino板子上標示為 L 的 LED 燈不斷閃爍。

如果沒有出現[scratch2 已連接 ],表示還沒開啟scratch,請開啟scratch2且上傳[範本檔](或開啟有擴充積木的檔),scratchX裡面直接有擴充積木,不用上傳。

注意 : 關閉 WFduino App 請按圖上的[關閉WFduino],直接關閉(按X)有可能會造成無法再次服務。請關閉、再重新開啟瀏覽器及WFduino

請勿連續啟動[APP],如果無法連接,可以登出帳戶(或關閉瀏覽器)後,再啟動一次。

——————-

下載範本檔 

————————-

scratchX裡面直接有擴充積木,不用做這一步驟

請點APP上面的 [範本下載Scratch2.0 ] 

———————-

註1:

語音功能可以將您說的話轉成文字,也可以將文字轉成聲音播出。

文字轉成聲音目前win7和chromebook只能說英文,win10及Mac可以說中文。

說話轉成文字,各系統都可以做到中英文轉文字

註2:

韌體安裝方法:

建議參考WFduino新版下載使用方法(http://blog.ilc.edu.tw/blog/blog/868/post/97509/660050) 用新版燒錄。

下面燒錄方法請跳過。

———————————————-

一、windows系統

———————————————–

注意:燒錄前請先確認是否有其他程式連接arduino板子(例如:WFduino APP 使用中),要先將其他連線關閉。

1.安裝 Arduino IDE

   上 官網 下載,或點 https://www.arduino.cc/download_handler.php 連結下載後,安裝。

2.使用USB線連接Arduino板子和電腦

3.點選  啟動Arduino IDE程式

4.點選[工具],[板子],選擇[arduino Uno]

5.點選[工具],[序列埠],選擇arduino板子連接的那個連接埠

6.下載 WFduino 韌體

啟動 WFduino APP,點[原始碼 Arduino ]

或點 https://raw.githubusercontent.com/UNUMobile/wf8266r.js-scratchx-extensions/gh-pages/WFArduino/WFArduino.ino

複製網頁裡面的文字(韌體); 或 按滑鼠右鍵另存新檔(副檔名為.ino)

7.將arduino IDE原來的文字刪除,改貼上面的內容;或點[檔案]/[開啟]剛剛存的 [WFArduino.bin ]

8.點選[  ]上傳。

上傳成功。

請關閉畫面。

——————–

二、線上燒錄

————————–

注意:燒錄前請先確認是否有其他程式連接arduino板子(例如:WFduino APP 使用中),要先將其他連線關閉。

A. 使用 https://codebender.cc/,使用方法請看  https://goo.gl/40HVPX (感謝陳啟宏老師提供)

B.使用AVRChick

1.下載韌體燒錄檔  https://goo.gl/BTk0NP (請按右鍵另存新檔,chromebook可以2指一起壓觸控板)

2.點 這裡 [ AVRChick  ] 安裝 ,或在線上應用程式商店搜尋 [AVRChick ]

3.先接上 Arduino 板子

開啟 AVRChick  APP

4.點[Connect]

5.點[File Selection] ,找到剛剛存的 [韌體 hex ]檔案開啟

6.點[Upload],開始上傳韌體

請看Arduino板子上的[RX][TX]兩顆LED一閃一閃,等[TX]不再閃動就完成了。

7.關閉AVRChick ,完成燒錄韌體。

注意:請將瀏覽器關閉,重新啟動後,再開啟WFduino APP,才能正常使用。

———————————-

相關連結:

初級班課程目錄

http://blog.ilc.edu.tw/blog/blog/868/post/97509/641433

WFduino課前準備

http://blog.ilc.edu.tw/blog/blog/868/post/97509/636665

WFduino第一課(概論、連接)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/636745

WFduino第二課(LED)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/637840

WFduino第三課(用鍵盤控制LED)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/637841

WFduino第四課(3顆LED紅綠燈)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/637850

WFduino第五課(PWM模擬類比輸出)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/638450

WFduino第六課(RGB三色LED)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/638508

WFduino第七課(蜂鳴器)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/638509

WFduino第八課(按鍵)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/639090

WFduino顏色猜猜機(第8-1課)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/639091

WFduino第九課(可變電阻)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/639092

WFduino第十課(光敏電阻)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/639093

WFduino第十一課(伺服馬達)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/639094

WFduino第十二課(超音波感測器)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/639095

WFduino第十三課(繼電器)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/639096

WFduino第十四課(人體紅外線感測器)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/640850

WFduino第十五課(主動式紅外線感測器)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/640852

WFduino第十六課(七段顯示器)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/640853

WFduino語音控制(for scratch2.0)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/644624

英文聽音打字練習(WFduino)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/636484

會說時間的鬧鐘(WFduino)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/637772

會說話的九九乘法表(WFduino)

http://blog.ilc.edu.tw/blog/blog/868/post/97509/636482

WFduino Chrome App

http://blog.ilc.edu.tw/blog/blog/868/post/97509/637303

WFduino語音控制(forcratchX)

http://blog.ilc.edu.tw/blog/blog/868/post/10898/635592

WFduino無線操控arduino

http://blog.ilc.edu.tw/blog/blog/868/post/97509/636819

WFduino原廠使用方法介紹網頁

http://wf8266.com/wf8266r/tutorials/65_Sx4ABlocks

WFduino for ScratchX

http://blog.ilc.edu.tw/blog/blog/868/post/10898/635190

WF8266R雲端外部感應器

http://blog.ilc.edu.tw/blog/blog/868/post/10898/633305

roc

宜蘭縣國小資訊小站

您可能也會喜歡…