* 台灣的下一步,就從學Coding開始,輕鬆使用fChart流程圖和Blockly積木學習基礎程式設計

fChart程式設計教學工具 - 學Coding的好幫手


一套真正可以使用「流程圖」引導程式設計教學的「完整」學習工具, 不只可以透過流程圖學習程式邏輯,更可以幫助初學者或Scratch, AI2積木程式設計者, 輕鬆進入真正的「Coding」世界。


  • 大幅降低學習程式設計的門檻, 源於App Inventor和Scratch的積木拼塊,我們一樣可以使用類似方式, 使用組裝方式建立程式碼,讓我們不用自行以鍵盤輸入程式碼,就可以快速以功能表命令來插入英文程式碼。

  • 可以建立流程圖符號和程式碼片段之間的連接, 讓初學者了解程式語法是如何使用,用在哪裡和如何將它們組裝成一個完整的程式。

  • fChart程式設計教學工具是「綠化版本」,沒有安裝程式,解壓縮後即可使用, 內附完整的相關範例,你可以解壓縮至行動碟,隨時隨地都可以開始寫C, C++, VB, C#和Java程式。

fChart程式設計教學工具說明文件

fChart流程圖直譯器

fChart流程圖直譯器是一套流程圖直譯器,我們不只可以編輯繪製流程圖; 還可以使用動畫來完整顯示流程圖的執行過程和結果,輕鬆驗證演算法是 否可行和訓練讀者的程式邏輯。

在了解程式執行流程之後,就可以啟動程式碼編輯器,一一將流程圖符號轉換成對應的程式碼, 讓你依據流程圖的程式說明書來真正寫出自己的完整程式。

fChart使用說明 | 下載標準版

fChart程式碼編輯器

fChart程式碼編輯器是一套輕量級整合開發環境,不只可以編譯, 編輯和執行C, C++, C#, VB和Java程式, 更提供流程圖符號分類的功能表命令,可以快速插入指定程式語言的程式碼 。

再加上附有可執行的程式組裝說明書(fChart流程圖直譯器可以使用動畫來執行流程圖) ,初學者不需先學習無趣的程式語法,就可以馬上實作,「真正從實作中學習」, 輕鬆使用C、C++、Java、C#和VB語言來撰寫程式碼,和Arduino程式。

fChart使用說明 | 下載標準版

fChart程式設計教學工具 - Arduino版

支援Arduino程式編輯,可以作為Arduino IDE的外部編輯器,相關函數提供功能表命令, 可以快速插入來編輯Arduino程式碼,其撰寫的程式是透過Arduino IDE上傳至開發板, 內建Arduino UNO模擬器,不需購買開發板,就可以在Windows電腦模擬執行Arduino程式。

S2A或S4A自造者可以使用Arduino版學習原生Arduino開發,因為提供功能表命令來建立程式, 非常適合初學者或國中小學生從Scratch積木轉換成原生開發的Coding。

Arduino v2 版: 更新Arduino IDE 1.8.2; Uno 模擬器 1.72,解決Windows 10注音輸入法的檔名字串問題。



Arduino版使用說明 | 下載Arduino版v2 | 下載Arduino舊版

fChart程式設計教學工具 - Blockly版(v3版支援Node-RED物聯網工具)

Blockly 版可以使用全新程式設計教學方式來幫助初學者寫出完整的程式碼,寫程式的步驟為: 首先使用fChart可執行流程圖來了解演算法和執行流程後,啟動fChart程式碼編輯器, 依據流程圖符號從功能表命令插入程式片段來寫出完整的程式碼,如果初學者仍然有困難, 請按下方[Blockly]鈕啟動 Blockly 改用積木建立程式來轉換成 JavaScript 和 Python 程式, 再回到fChart程式碼編輯器進一步編輯修改程式碼,並且測試執行 JavaScript 和 Python 程式。
* 附圖的Blockly是2年前舊版,下載檔案的Blockly程式積木編輯器是使用源於"雲林SONG"的精簡版本,只保留Code部分
* 謝謝 Ping-Lun Liao的授權使用。

Blockly v3版: 新增 Node.js 應用程式開發, 和 Node-RED 物聯網開發工具。 並且內建 HTML 網頁編輯工具, 這是Web介面隨看即所得的HTML工具。

  • 在HTML+JavaScript新增HTML表單標籤, TinyMCE 和 Node-RED工具。
  • Blockly會依選擇語言自動切換轉換成Python或JavaScript程式碼。
  • Python語言支援PyFirmata模組, Node.js支援Johnny-Five來控制Arduino開發板。
  • Node-RED支援Arduino in/out節點。
  • 如果有選取文字,當使用功能表插入程式碼會自動重設游標位置,從選取文字的開頭插入,而不是選取文字的最後位置。

Blockly版使用說明 | 下載Blockly版v3 | 下載Blockly舊版(不支援Node)

ArduBlockly中文離線版 - 使用Blockly建立原生Arduino C程式

ArduBlockly是源於 BlocklyDuino 的眾多 Blockly for Arduino 工具之一, 提供漂亮的使用介面和整合原生Arduino IDE工具, 不只可以自動將積木程式轉換成C語言的Arduino程式碼, 配合安裝的Arduino IDE, 我們只需按下按鈕, 馬上可以開啟 Arduino IDE, 驗證草稿碼, 或上傳程式至Arduino開發板.

請注意! ArduBlockly和眾多源於 BlockyDuino 的工具不同, ArduBlockly可以馬上看到轉換的Arduino C程式碼, 非常適合初學Arduino程式教學, 可以先使用Blockly積木學習入門基礎Arduino程式設計後, 才進入真正的原生開發來學習進階Arduino程式設計。

ArduBlockly中文離線版包含Arduino IDE 1.8.2, 在解壓縮下載檔案後, 按二下ardublockly_run.bat即可啟動離線版ArduBlockly, 和上傳草稿碼至Arduino開發板.



下載ArduBlockly(Google) | 下載ArduBlockly(MEGA)

Micro:bit Python編輯器中文離線版 - 使用Micro:bit學習Python程式設計

Micro:bit Python編輯器是Web介面的Python程式碼編輯器, 可以編寫在Micro:bit執行的Python程式, 稱為MicroPython。

離線版和官方網站的線上版使用完全相同的介面, 不只如此, 離線版更支援Blockly積木程式編輯, 可以讓初學者使用積木拼出在Micro:bit開發板執行的Python程式, 如果需要, 也可以切換回一般Python編輯器來編輯修改Python程式碼, 然後下載編譯的HEX檔來傳送至Micro:bit開發板, 即可執行我們撰寫的Python程式.

Micro:bit Python編輯器中文離線版除了中文化使用介面外, 更在Blockly積木編輯頁面新增2個按鈕, 可以開啟和下載積木程式的XML檔, 在解壓縮下載檔案後, 請按二下pythonEditor_run.bat即可啟動離線版Python編輯器, 和馬上下載HEX檔傳送至Micro:bit開發板來執行.

MicroPython官方文件 | 下載Python編輯器(Google) | 下載Python編輯器(MEGA)

fChart程式設計教學工具 - FirmataPlus版

使用Scratch+S2A相同的技術,C#和VB語言支援使用FirmataPlus通訊協定來控制Arduino Uno開發板, 我們只需上傳燒錄FirmataPlus韌體(firmware)至Arduino開發板, 就可以使用C#或VB程式碼來控制Arduino Uno開發板。

FirmataPlus版的FirmataPlus.dll實作.NET和Firmata通訊協定,提供和原生幾乎同名的函數來使用C#或VB程式碼建立Arduino程式, Visual Studio也可以使用FirmataPlus.dll開發控制Arduino開發板的.NET程式。

請注意!FirmataPlus.dll實作並沒有完整支援Firmata通訊協定,部分傳感器元件需執行第2次才能取得值。

FirmataPlus版使用說明 | 下載FirmataPlus版




* fChart教學工具軟體文件和Blockly中文離線版提供個人, 學生與老師教學完全免費使用,商業用途需取得授權。
Email: hueyan@ms2.hinet.net