圖形化程式設計教學範例

 人生第一篇部落格，水平不好，請大家勿吐槽！
 今天為大家推薦幾款國內主流的圖形化程式設計軟體。這些軟體部分適用於8歲以上，部分適用於12歲以上
  一、圖形化軟體介紹
  （1）軟體一：Scratch
    Scratch是麻省理工學院媒體實驗室開發的一款圖形化開發工具，程式碼開源，早期主要用於電腦動畫編輯，面向小朋友群體，通過滑鼠拖拽的形式放置各種角色及指令碼指令，指令碼指令通過搭積木的形態提供給小朋友使用，介面直觀好用。Scratch的動畫和指令碼編輯實時響應，使用者可隨時點選相應指令與動畫進行互動，使用門檻很低。

圖形化程式設計軟體推薦二: Mind+
（2）軟體二：Mind+
Mind+是一款擁有自主智慧財產權的國產青少年程式設計軟體，由上海智位機器人(DFRobot)維護，有中文社群支援。除了支援arduino，還支援micro:bit等其他的開源硬體，只需要拖動圖形化程式塊即可完成程式設計，還可以使用python/c/c++等高階程式語言。Mind+是一款特別的圖形化開發工具，這個軟體採用C++和Qt開發，介面精緻，相對其他拼接指令式的程式設計軟體，確實有一些新意。此軟體通過抽象出軟體開發中的命令流和資料流，模擬成圖形介面中的紅藍折線，通過導線的流動體現出程式流程和資料傳遞的過程，使得初學者都很容易看懂。Mind+還有WEB端線上程式設計功能，開啟即可使用，很方便，而且他們的社群教學也很豐富，是目前國內中小學生圖形化程式設計學習、比賽使用較多的。
（3）軟體三：Mixly
Mixly也是針對arduino的一款圖形化程式設計工具，基於blockly開發而成。這個軟體針對arduino完善了一些資料型別等方面的功能，比原生blockly更好用。相對其他圖形化軟體來說，mixly顯得更輕量級一些，上層圖形化介面基於開源blockly修改而成；下層編譯下載直接建立在arduino IDE環境上；圖形介面的指令對映到arduino原生庫，所以軟體相當於一個粘合劑，只要arduino原生支援的功能，mixly都可以很快進行整合，方便軟體迭代升級。軟體開源釋出，第三方廠商可以自行新增自己的庫檔案，或者進行客製化。缺陷是和arduino繫結太緊密，難有個性化的功能，且始終受限於arduino本身的天花板。

 二、Mind+實戰案例
 ①光控燈的圖形化程式設計程式碼和Python程式設計

語言程式碼如下：
#include <MPython.h>
// 主程式開始
void setup() {
mPython.begin();
display.setCursorLine(1);
display.printLine(「聲音強度」);
}
void loop() {
display.setCursorLine(2);
display.printLine((sound.read()));
delay(200);
if (((sound.read())>100)) {
rgb.write(0, 0x0000FF);
delay(1000);
}
else {
rgb.write(0, 0x000000);
}
}
②聲控燈的圖形化程式設計程式碼和Python程式設計

#include <MPython.h>
// 主程式開始
void setup() {
mPython.begin();
display.setCursorLine(1);
display.printLine(「聲音強度」);
}
void loop() {
display.setCursorLine(2);
display.printLine((sound.read()));
delay(200);
if (((sound.read())>100)) {
rgb.write(0, 0x0000FF);
delay(1000);
}
else {
rgb.write(0, 0x000000);
}
}

③語音識別控制燈的圖形化程式設計程式碼和Python程式設計

#include <MPython.h>
#include <MPython_ASR.h>
#include <DFRobot_Iot.h>
// 函數宣告
void DF_YuYinShiBie();
void DF_wifi();
// 建立物件
MPython_ASR mpythonAsr;
String str_mpythonAsr_result;
DFRobot_Iot myIot;
// 主程式開始
void setup() {
mPython.begin();
DF_wifi();
DF_YuYinShiBie();
}
void loop() {

}

// 自定義函數
void DF_YuYinShiBie() {
display.fillScreen(0);
while (1) {
if ((buttonA.isPressed())) {
while (!(!buttonA.isPressed())) {yield();}
str_mpythonAsr_result=mpythonAsr.getAsrResult(4);
display.setCursorLine(1);
display.printLine((str_mpythonAsr_result));
if (((String(str_mpythonAsr_result).indexOf(String(「開燈」)) != -1))) {
rgb.write(0, 0x0000FF);
delay(5000);
rgb.write(0, 0x000000);
display.fillInLine(1, 0);
}
}
yield();
}
}
void DF_wifi() {
myIot.wifiConnect(「602iot」, 「18wulian」);
display.setCursorLine(1);
display.printLine(「正在連線網路」);
while (!myIot.wifiStatus()) {yield();}
display.fillInLine(1, 0);
display.setCursorLine(1);
display.printLine(「網路連線成功」);
display.setCursorLine(2);
display.printLine(「ip地址：」);
display.setCursorLine(3);
display.printLine(myIot.getWiFiLocalIP());
delay(3000);
}

④實現Easy IoT上mqtt訊息通訊的圖形化程式設計程式碼和Python程式設計

！錯誤提示：密碼格式錯誤，Wi-Fi密碼必須是8-20位的字母或數位
/*!

• MindPlus
• mpython

*/
#include <MPython.h>
#include <DFRobot_Iot.h>
// 函數宣告
void onButtonAPressed();
void obloqMqttEventT1(String& message);
// 靜態常數
const String topics[5] = {「T_GCbjdGg」,「OklCbjdGg」,"","",""};
const MsgHandleCb msgHandles[5] = {NULL,obloqMqttEventT1,NULL,NULL,NULL};
// 建立物件
DFRobot_Iot myIot;
// 主程式開始
void setup() {
mPython.begin();
myIot.setMqttCallback(msgHandles);
buttonA.setPressedCallback(onButtonAPressed);
myIot.wifiConnect(「xiaoxian」, 「123456」);
display.setCursorLine(1);
display.printLine(「正在連線網路」);
while (!myIot.wifiStatus()) {yield();}
display.setCursorLine(2);
display.printLine(「連線網路成功」);
display.fillScreen(0);
delay(2000);
myIot.init(「iot.dfrobot.com.cn」,「q0uh-COMR」,"",「qAX2-jOGRz」,topics,1883);
myIot.connect();
while (!myIot.connected()) {yield();}
display.setCursorLine(1);
display.printLine(「mqtt連線成功」);
delay(3000);
display.fillInLine(1, 0);
}
void loop() {

}

// 事件回撥函數
void onButtonAPressed() {
while (!(!buttonA.isPressed())) {yield();}
myIot.publish(topic_0, 「吳春賢」);
display.fillScreen(0);
display.setCursorLine(1);
display.printLine(「傳送訊息成功」);
delay(3000);
display.fillInLine(1, 0);
}
void obloqMqttEventT1(String& message) {
display.setCursorLine(1);
display.printLine(「您有新的訊息！」);
rgb.write(-1, 0x0000FF);
display.setCursorLine(2);
display.printLine(message);
delay(3000);
rgb.write(-1, 0x000000);
display.fillScreen(0);
}

三、總結
本次實戰案例主要介紹了四種，關於軟體平臺還有很多，就不一一介紹了，對圖形化感興趣的朋友們，可以多去查詢資料，如果有什麼問題需要請教，可以給我留言，感謝大家！寫得不是很好，請大家海涵！