Dzn gửi vào
- 21651 lượt xem
Mô Tả Dự án
Chào các bạn, hôm nay mình sẽ cùng các bạn làm một ví dụ điển hình về thế mạnh của iNut Node - RED IDE. Đặt vấn đề đơn giản thế này, nếu bây giờ các bạn muốn làm một giao diện về biểu đồ ( biểu đồ gió, mưa, lưu lượng nước v.v..) thì sao nhỉ, với những bạn không phải chuyên về làm phần mềm hay làm web mà chỉ quen làm phần cứng (như mình) thì ôi thôi, vấn đề làm front-end, back-end cho web nó quá xa vời với mình, chưa kể còn đồng bộ dữ liệu theo thời gian thực, v.v.. Suy nghĩ mới tới đó là thấy có quá nhiều rào cản để một hardware-er như tụi mình muốn làm một dự án IOT nhỏ để giám sát bằng biểu đồ.
Nhưng, với iNut Node - RED IDE, bạn sẽ không phải lo lắng vấn đề giao diện nữa, chỉ cần những khối lệnh kéo thả đơn giản là bạn đã có thể làm ra một giao diện đơn giản để giám sát rồi. Thần kì phải không nào, trong bài viết lần này, mình sẽ hướng dẫn bạn cách sử dụng iNut cảm biến và iNut Node RED - IDE để làm việc này. Bắt tay vào làm nhé.
I. Bạn Cần Chuẩn Bị Những Gì?
Phần Cứng
- INut Cảm Biến
- Arduino (mình xài UNO)
- USB Type B
Phần cứng như vậy là đủ ,tất cả các thông số mình sẽ random, chủ yếu là mình sẽ hướng dẫn cách xài iNut Node - RED IDE tạo biểu đồ, các bạn làm project có thể gán các biến hoặc thông số của các bạn vào phần mình random là được, chi tiết mình sẽ comment ở Code cho các bạn.
Phần Mềm
- Trên điện thoại di động:
- iNut - Công tắc wifi (các bạn search trong apple store hoặc google play từ khóa inut là ra). Tải về trên Apple Store, tải về ở Google Play.
- Trên máy tính:
Nếu bạn chưa biết,tham khảo bài biết này để cài đặt môi trường cho iNut Node RED IDE nhé: http://arduino.vn/i...
Thư Viện: thư viện cho iNut cảm biến cho Arduino các bạn có thể tải về ở đây https://github.com/ngohuynhngockhanh... (tải nhanh)
II. Các Cài Đặt Khác
- Cài Đặt Mạng Cho INut Cảm Biến: nếu bạn là người lần đầu tiên tiếp xúc với INut Cảm Biến, tham khảo bài viết này nhé : http://arduino.vn/tutorial/5929-ra-m... (bạn nào đã tiếp xúc rồi có thể bỏ qua bước này nhe. )
- Cài Đặt Chương Trình Kiểm Thử INut Cảm Biến: http://arduino.vn/tutorial/5789-doc-...
III. Lập Trình
Code Arduino
#include <iNut.h> //thư viện iNut Cảm Biến
iNut sensor;
void setup() {
Serial.begin(9600); //bật baudrate ở mức 9600
Serial.println("San sang nhan lenh");
//Khai báo số lượng luồn cảm biến
sensor.setup(3); //Sẽ có 03 luồn cảm biến (tối đa 8 luồng cảm biến, tùy vào cách bạn sử dụng)
}
void loop() {
unsigned long value_gio = random() % 1000; //random tốc độ gió từ 0 m/s đến 1000m/s
// tùy vào tình hình thực tế các bạn đưa vào đúng đơn vị và vận tốc gió nhé.
unsigned long value_huonggio = random() % 16;
//random 16 hướng cho chính xác luôn để làm hình la bàn cho dễ.
// 0:Bắc 4:Đông 8:Nam 12:Tây
// 1:Bắc Đông Bắc 5:Đông Đông Nam 9:Nam Tây Nam 13:Tây Tây Bắc
// 2:Đông Bắc 6:Đông Nam 10:Tây Nam 14:Tây Bắc
// 3:Đông Đông Bắc 7:Nam Đông Nam 11:Tây Tây Nam 15:Bắc Tây Bắc
unsigned long value_luongmua = random() % 1000; //đơn vị là mm nha các bạn.
//nhiều nơi ngập lụt thì mưa lượng mưa cao lắm, mình lấy đại diện từ 0->1000mm
// để các bạn xem biểu đồ hoạt động như thế nào thôi nha.
sensor.setValue(0,value_gio); // luồng cảm biến "thứ 0" hiện thị thông số gió mà iNut Cảm biến gửi lên
sensor.setValue(1,value_huonggio);// luồng cảm biến "thứ 1" hiển thị thông số hướng gió.....
sensor.setValue(2,value_luongmua);// luồng cảm biến "thứ 2" hiển thị thông số lưu lượng mưa.
sensor.loop();
}Code iNut Node - RED IDE
- https://ideone.com/vHiMTO (các bạn copy đoạn code này về rồi import vào iNut Node RED IDE theo hướng dẫn phía dưới)
[
{
"id": "beb272e1.718f2",
"type": "subflow",
"name": "Lấy dữ từ iNut",
"info": "",
"in": [
{
"x": 50,
"y": 30,
"wires": [
{
"id": "a1b88fc4.64d4b"
}
]
}
],
"out": [
{
"x": 1000,
"y": 180,
"wires": [
{
"id": "88c2dcd2.643f1",
"port": 0
}
]
},
{
"x": 1000,
"y": 260,
"wires": [
{
"id": "88c2dcd2.643f1",
"port": 1
}
]
},
{
"x": 980,
"y": 320,
"wires": [
{
"id": "88c2dcd2.643f1",
"port": 2
}
]
}
],
"inputLabels": [
"Nhận đầu vào MQTT IN từ iNut cảm biến"
],
"outputLabels": [
"Luồng cảm biến 1",
"Luồng cảm biến 2",
"Luồng cảm biến 3",
"Luồng cảm biến 4",
"Luồng cảm biến 5",
"Luồng cảm biến 6",
"Luồng cảm biến 7",
"Luồng cảm biến 8"
]
},
{
"id": "a1b88fc4.64d4b",
"type": "json",
"z": "beb272e1.718f2",
"name": "",
"property": "payload",
"action": "",
"pretty": false,
"x": 165,
"y": 84,
"wires": [
[
"539af8f6.6de3f8"
]
]
},
{
"id": "88c2dcd2.643f1",
"type": "switch",
"z": "beb272e1.718f2",
"name": "Phân luồn",
"property": "relayId",
"propertyType": "msg",
"rules": [
{
"t": "eq",
"v": "0",
"vt": "num"
},
{
"t": "eq",
"v": "1",
"vt": "num"
},
{
"t": "eq",
"v": "2",
"vt": "num"
}
],
"checkall": "true",
"repair": false,
"outputs": 3,
"x": 825.9869575500488,
"y": 288.1562738418579,
"wires": [
[],
[],
[]
]
},
{
"id": "539af8f6.6de3f8",
"type": "function",
"z": "beb272e1.718f2",
"name": "Lặp",
"func": "if (!msg.states) {\n msg.states = msg.payload\n msg.i = 0\n return msg;\n} else {\n msg.i++\n if (msg.states[msg.i])\n return msg;\n}\n",
"outputs": 1,
"noerr": 0,
"x": 327.89060974121094,
"y": 83.33600330352783,
"wires": [
[
"c5938e3d.d1fbb"
]
]
},
{
"id": "c5938e3d.d1fbb",
"type": "function",
"z": "beb272e1.718f2",
"name": "Lấy trạng thái thiết bị",
"func": "msg.relayId = msg.i\nmsg.payload = msg.states[msg.i].state\nreturn msg;",
"outputs": 1,
"noerr": 0,
"x": 477.89060974121094,
"y": 183.33600330352783,
"wires": [
[
"539af8f6.6de3f8",
"88c2dcd2.643f1"
]
]
},
{
"id": "689bf8e4.989f18",
"type": "ui_gauge",
"z": "78f7e2bb.3b2d9c",
"name": "",
"group": "352403e1.779a5c",
"order": 1,
"width": "6",
"height": "3",
"gtype": "gage",
"title": "Hướng Gió",
"label": "",
"format": "{{value}}",
"min": 0,
"max": "15",
"colors": [
"#1f964f",
"#e6e600",
"#ca3838"
],
"seg1": "",
"seg2": "",
"x": 790,
"y": 660,
"wires": []
},
{
"id": "960a236b.cc49c",
"type": "ui_gauge",
"z": "78f7e2bb.3b2d9c",
"name": "",
"group": "156c2391.cc456c",
"order": 1,
"width": "6",
"height": "3",
"gtype": "gage",
"title": "Gió",
"label": "m/s",
"format": "{{value}}",
"min": 0,
"max": "1000",
"colors": [
"#1f964f",
"#e6e600",
"#ca3838"
],
"seg1": "",
"seg2": "",
"x": 730,
"y": 480,
"wires": []
},
{
"id": "a0b0981d.3c98b8",
"type": "subflow:beb272e1.718f2",
"z": "78f7e2bb.3b2d9c",
"name": "",
"x": 380,
"y": 600,
"wires": [
[
"79c342d6.f2cabc"
],
[
"482febe8.68e5a4"
],
[
"62ab0033.45abf"
]
]
},
{
"id": "62ca446c.63776c",
"type": "ui_gauge",
"z": "78f7e2bb.3b2d9c",
"name": "",
"group": "add3a25d.5ad48",
"order": 1,
"width": "6",
"height": "3",
"gtype": "gage",
"title": "Lưu Lượng Mưa",
"label": "mm",
"format": "{{value}}",
"min": 0,
"max": "1000",
"colors": [
"#1f964f",
"#e6e600",
"#ca3838"
],
"seg1": "",
"seg2": "",
"x": 760,
"y": 720,
"wires": []
},
{
"id": "79c342d6.f2cabc",
"type": "change",
"z": "78f7e2bb.3b2d9c",
"name": "",
"rules": [
{
"t": "set",
"p": "topic",
"pt": "msg",
"to": "Gió",
"tot": "str"
}
],
"action": "",
"property": "",
"from": "",
"to": "",
"reg": false,
"x": 550,
"y": 480,
"wires": [
[
"5806ccec.5559b4",
"960a236b.cc49c"
]
]
},
{
"id": "5806ccec.5559b4",
"type": "ui_chart",
"z": "78f7e2bb.3b2d9c",
"name": "",
"group": "156c2391.cc456c",
"order": 2,
"width": "6",
"height": "6",
"label": "Biểu Đồ Gió",
"chartType": "line",
"legend": "false",
"xformat": "HH:mm:ss",
"interpolate": "linear",
"nodata": "Biểu Đồ Gió",
"dot": false,
"ymin": "-5",
"ymax": "1000",
"removeOlder": "2",
"removeOlderPoints": "2000",
"removeOlderUnit": "60",
"cutout": 0,
"useOneColor": false,
"colors": [
"#1f77b4",
"#aec7e8",
"#ff7f0e",
"#2ca02c",
"#98df8a",
"#d62728",
"#ff9896",
"#9467bd",
"#c5b0d5"
],
"useOldStyle": false,
"outputs": 1,
"x": 730,
"y": 400,
"wires": [
[]
]
},
{
"id": "62ab0033.45abf",
"type": "change",
"z": "78f7e2bb.3b2d9c",
"name": "",
"rules": [
{
"t": "set",
"p": "topic",
"pt": "msg",
"to": "Lưu Lượng Mưa",
"tot": "str"
}
],
"action": "",
"property": "",
"from": "",
"to": "",
"reg": false,
"x": 550,
"y": 720,
"wires": [
[
"f69684ef.eef1f8",
"62ca446c.63776c"
]
]
},
{
"id": "f69684ef.eef1f8",
"type": "ui_chart",
"z": "78f7e2bb.3b2d9c",
"name": "",
"group": "add3a25d.5ad48",
"order": 2,
"width": "6",
"height": "6",
"label": "Biểu Đồ Lưu Lượng Mưa",
"chartType": "line",
"legend": "false",
"xformat": "HH:mm:ss",
"interpolate": "linear",
"nodata": "Biểu Đồ Lưu Lượng Mưa",
"dot": false,
"ymin": "-5",
"ymax": "1000",
"removeOlder": "2",
"removeOlderPoints": "2000",
"removeOlderUnit": "60",
"cutout": 0,
"useOneColor": false,
"colors": [
"#1f77b4",
"#aec7e8",
"#ff7f0e",
"#2ca02c",
"#98df8a",
"#d62728",
"#ff9896",
"#9467bd",
"#c5b0d5"
],
"useOldStyle": false,
"outputs": 1,
"x": 770,
"y": 780,
"wires": [
[]
]
},
{
"id": "482febe8.68e5a4",
"type": "change",
"z": "78f7e2bb.3b2d9c",
"name": "",
"rules": [
{
"t": "set",
"p": "topic",
"pt": "msg",
"to": "Hướng Gió",
"tot": "str"
}
],
"action": "",
"property": "",
"from": "",
"to": "",
"reg": false,
"x": 570,
"y": 600,
"wires": [
[
"689bf8e4.989f18",
"845ebb19.3c9908",
"a5c752c0.0f0dd"
]
]
},
{
"id": "845ebb19.3c9908",
"type": "ui_gauge",
"z": "78f7e2bb.3b2d9c",
"name": "",
"group": "352403e1.779a5c",
"order": 2,
"width": "6",
"height": "5",
"gtype": "compass",
"title": "La Bàn",
"label": "NEWS",
"format": "{{value}}",
"min": "0",
"max": "16",
"colors": [
"#00b500",
"#e6e600",
"#ca3838"
],
"seg1": "",
"seg2": "",
"x": 780,
"y": 540,
"wires": []
},
{
"id": "a5c752c0.0f0dd",
"type": "function",
"z": "78f7e2bb.3b2d9c",
"name": "Set Hướng Theo Yêu Cầu",
"func": "var huong;\nif (msg.payload == 0) {\n huong = \"Bắc\";\n}\nelse if (msg.payload == 1) {\n huong = \"Bắc Đông Bắc\";\n}\nelse if (msg.payload == 2) {\n huong = \"Đông Bắc\";\n}\nelse if (msg.payload == 3) {\n huong = \"Đông Đông Bắc\";\n}\nelse if (msg.payload == 4) {\n huong = \"Đông\";\n}\nelse if (msg.payload == 5) {\n huong = \"Đông Đông Nam\";\n}\nelse if (msg.payload == 6) {\n huong = \"Đông Nam\";\n}\nelse if (msg.payload == 7) {\n huong = \"Nam Đông Nam\";\n}\nelse if (msg.payload == 8) {\n huong = \"Nam\";\n}\nelse if (msg.payload == 9) {\n huong = \"Nam Tây Nam\";\n}\nelse if (msg.payload == 10) {\n huong = \"Tây Nam\";\n}\nelse if (msg.payload == 11) {\n huong = \"Tây Tây Nam\";\n}\nelse if (msg.payload == 12) {\n huong = \"Tây\";\n}\nelse if (msg.payload == 13) {\n huong = \"Tây Tây Bắc\";\n}\nelse if (msg.payload == 14) {\n huong = \"Tây Bắc\";\n}\nelse if (msg.payload == 15) {\n huong = \"Bắc Tây Bắc\";\n}\nmsg.payload = huong;\nreturn msg;",
"outputs": 1,
"noerr": 0,
"x": 810,
"y": 600,
"wires": [
[
"554fc50e.66f75c"
]
]
},
{
"id": "554fc50e.66f75c",
"type": "ui_text",
"z": "78f7e2bb.3b2d9c",
"group": "352403e1.779a5c",
"order": 2,
"width": 0,
"height": 0,
"name": "",
"label": "Hướng:",
"format": "{{msg.payload}}",
"layout": "row-center",
"x": 1020,
"y": 600,
"wires": []
},
{
"id": "1880698b.af4b96",
"type": "mqtt in",
"z": "78f7e2bb.3b2d9c",
"name": "[MQTT-IN]LaCrosse",
"topic": "request/5Wl5TpkHs7Sy2Zxav1W4GWlv6Yl1/H1Mlh33UN/4b9f9dc914442ac7bc3be38377832957717354287137",
"qos": "2",
"broker": "869a4e98.9ec2",
"x": 150,
"y": 560,
"wires": [
[
"a0b0981d.3c98b8"
]
]
},
{
"id": "235eeb7b.65a7d4",
"type": "http request",
"z": "78f7e2bb.3b2d9c",
"name": "[REST][GET]LaCrosse",
"method": "GET",
"ret": "txt",
"url": "https://c...content-available-to-author-only...e.vn/api/1.0/request/5Wl5TpkHs7Sy2Zxav1W4GWlv6Yl1/H1Mlh33UN/4b9f9dc914442ac7bc3be38377832957717354287137/req_device",
"tls": "",
"x": 380,
"y": 400,
"wires": [
[]
]
},
{
"id": "4df422ed.0787cc",
"type": "http request",
"z": "78f7e2bb.3b2d9c",
"name": "[REST][POST]LaCrosse",
"method": "POST",
"ret": "txt",
"url": "https://c...content-available-to-author-only...e.vn/api/1.0/request/5Wl5TpkHs7Sy2Zxav1W4GWlv6Yl1/H1Mlh33UN/4b9f9dc914442ac7bc3be38377832957717354287137/req_device_toggle",
"tls": "",
"x": 120,
"y": 400,
"wires": [
[]
]
},
{
"id": "145fa4ea.902d0b",
"type": "mqtt in",
"z": "78f7e2bb.3b2d9c",
"name": "[MQTT-IN]iNut cảm biến - iNut S1",
"topic": "request/5Wl5TpkHs7Sy2Zxav1W4GWlv6Yl1/By7KqT8pm/3083ebabca806130bb0f7a9eb703fa7d858976875246",
"qos": "2",
"broker": "c180542c.84e2d8",
"x": 130,
"y": 620,
"wires": [
[]
]
},
{
"id": "74454c1e.8ab6e4",
"type": "inject",
"z": "78f7e2bb.3b2d9c",
"name": "",
"topic": "",
"payload": "3",
"payloadType": "num",
"repeat": "",
"crontab": "",
"once": false,
"onceDelay": 0.1,
"x": 350,
"y": 700,
"wires": [
[
"482febe8.68e5a4"
]
]
},
{
"id": "352403e1.779a5c",
"type": "ui_group",
"z": "",
"name": "DATA 3",
"tab": "418ca3dd.8ead5c",
"order": 3,
"disp": true,
"width": "6",
"collapse": true
},
{
"id": "156c2391.cc456c",
"type": "ui_group",
"z": "",
"name": "DATA 1",
"tab": "418ca3dd.8ead5c",
"order": 1,
"disp": true,
"width": "6",
"collapse": true
},
{
"id": "add3a25d.5ad48",
"type": "ui_group",
"z": "",
"name": "DATA 2",
"tab": "418ca3dd.8ead5c",
"order": 2,
"disp": true,
"width": "6",
"collapse": true
},
{
"id": "869a4e98.9ec2",
"type": "mqtt-broker",
"name": "",
"broker": "mqtt.mysmarthome.vn",
"port": "1883",
"clientid": "",
"usetls": false,
"compatmode": true,
"keepalive": "60",
"cleansession": true,
"willTopic": "",
"willQos": "0",
"willPayload": "",
"birthTopic": "",
"birthQos": "0",
"birthPayload": ""
},
{
"id": "c180542c.84e2d8",
"type": "mqtt-broker",
"name": "",
"broker": "mqtt.mysmarthome.vn",
"port": "1883",
"clientid": "",
"usetls": false,
"compatmode": true,
"keepalive": "60",
"cleansession": true,
"willTopic": "",
"willQos": "0",
"willPayload": "",
"birthTopic": "",
"birthQos": "0",
"birthPayload": ""
},
{
"id": "418ca3dd.8ead5c",
"type": "ui_tab",
"z": "",
"name": "Thời Tiết",
"icon": "dashboard",
"order": 1,
"disabled": false,
"hidden": false
}
]Giao Diện Làm Việc
Giao Diện iNut Node - RED IDE
IV. Cách Import Code Vào iNut Node RED IDE
Bước 1: bạn click vào 3 gạch ngang góc phải trên
Bước 2: Bạn vào Import -> Clipboard
Bước 3: vào link ideone phía trên mục Code iNut Node - RED IDE copy đoạn code và paste vào clipboard ở vị trí này
Bước 4: sau khi paste vào clipboard rồi thì bạn click vào Import
Bước 5: khi đã import xong, bạn sắp xếp các block lại cho đẹp bắt rồi bấm deploy là xong.
Bài viết này chủ yếu hướng dẫn cho bạn các thao tác cơ bản trên IDE của iNut. Dựa vào bài viết này và hãy sáng tạo thêm nhé. Liên hệ mình nếu cần hỗ trợ qua sđt: 037 3998 468
Như vậy là xong rồi, mở máy lên để tận hưởng kết quả của ngày hôm này nào, à đừng quên tự thưởng cho bản thân 1 lon bò húc mát lạnh nhé, chúc các bạn thành công.
