{"id":1174,"date":"2020-03-17T13:14:07","date_gmt":"2020-03-17T06:14:07","guid":{"rendered":"http:\/\/wiki.rdd-tech.com\/?post_type=ht_kb&p=1174"},"modified":"2020-08-19T15:15:47","modified_gmt":"2020-08-19T08:15:47","slug":"pengenalan-node-red","status":"publish","type":"ht_kb","link":"https:\/\/wiki.rdd-tech.com\/index.php\/knowledge-base\/pengenalan-node-red\/","title":{"rendered":"Pengenalan Node-Red"},"content":{"rendered":"\n

1. Apa itu Node-Red?<\/h3>\n\n\n\n

Node-Red merupakan salah satu perkakas pemrograman (programming tools<\/em>) yang dapat menghubungkan perangkat keras (hardware<\/em>), API, dan layanan online dengan cara yang sangat mudah dan menarik.<\/p>\n\n\n\n

2. Fitur Node-Red<\/h3>\n\n\n\n

Node-Red ini memiliki fitur-fitur sebagai berikut:<\/p>\n\n\n\n

  1. Flow Editor<\/em> yang berbasis aplikasi web browser<\/em>.<\/li>
  2. Dibuat berdasarkan nodejs.<\/li>
  3. Flow <\/em>tersimpan dalam bentuk JSON.<\/li><\/ol>\n\n\n\n

    3. Penggunaan Node-Red dalam aplikasi local sensor node<\/em><\/h3>\n\n\n\n

    Node-Red dapat menghimpun data dari berbagai sensor node<\/em>. Sensor node ini bisa berupa sensor yang terpasang bersama mikrokontroler serta modul komunikasi jaringan (bisa WiFi atau Ethernet). Sebagai contoh sensor yang terpasang bersama Arduino MKR1000.<\/p>\n\n\n\n

    Node-Red juga dapat mempresentasikan data-data yang dikumpulkan dalam berbagai data visual, bisa berupa bagan garis (line chart<\/em>), meteran (gauge<\/em>), dan lain sebagainya dengan mudah dan praktis. Berikut langkah penggunaannya:<\/p>\n\n\n\n

    Instalasi node-red<\/h4>\n\n\n\n
    1. Siapkan PC\/Laptop dan install<\/em> nodejs terlebih dahulu. <\/li>
    2. Setelah nodejs berhasil di install, bukan command prompt <\/em>lalu ketik “node –version && npm –version<\/strong>“, pastika versi dari node dan npmnya adalah 12.15.0 dan 6.14.5.<\/li>
    3. Setelah itu ketikan pada command prompt “npm install -g –unsafe-perm node-red<\/strong>“<\/li>
    4. Jika proses installasinya berhasil, node-red sudah dapat dipanggil, yaitu dengan cara ketik pada cmd “node-red<\/strong>“.<\/li>
    5. Node-red sudah siap dipakai jika pada command prompt sudah terdapat tulisan seperti gambar di bawah ini. Setelah itu, buka browser dan ketikan “localhost:1880<\/strong>“. Node-red sudah siap digunakan<\/li><\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Instalasi MQTT broker node-red<\/h4>\n\n\n\n
      1. Siapkan beberapa sensor node yang akan dihubungkan.<\/li>
      2. Jika menggunakan arduino sebagai mikrokontroler, install<\/em> library MQTT pada arduino IDE. Library dapat didownload di https:\/\/github.com\/256dpi\/arduino-mqtt<\/a>.<\/li>
      3. Siapkan sebuah jaringan baik WiFi maupun LAN.<\/li>
      4. Hubungkan Raspberry Pi atau PC pada jaringan.<\/li>
      5. Jalankan node-red dengan membuka cmd pada windows 10 dan ketik dan enter perintah node-red. IP host\/broker (karena host dan broker berada pada hardware yang sama) bisa dilihat pada network setting. Lebih jelasnya dapat dilihat pada gambar 1.1 dan gambar 1.2.<\/li>
      6. Install MQTT broker pada node-red dengan mengakses menu opsi pada pojok kanan atas>manage palette>ketik node-red-contrib-mqtt-broker>klik install.<\/li>
      7. Install node red dashboard yang berisi visualisasi data berupa chart, gauge, dan lain sebagainya di menu yang sema dengan MQTT>ketik node-red-dashboard>klik install<\/li>
      8. Buatlah drag dan drop serta hubungkan palette (untuk membuat flow<\/em>) seperti pada gambar 1.3 dan gambar 1.4.<\/li>
      9. Aturlah masing-masing palette dengan cara men-double click-nya, untuk Mosca MQTT broker aturlah alamat IP (sesuai dengan IP PC) dan portnya. Untuk chart dan gauge aturlah topicnya agar sama dengan yang ada di program Arduino.<\/li>
      10. Upload Program dibawah ini pada mikrokontroler. Catatan: <\/strong>mikrokontroler yang digunakan adalah Arduino MKR1000, jika menggunakan arduino dengan WiFi Shield cukup ubah #include WiFi101.h menjadi WiFi.h. Hasilnya dapat dilihat pada gambar 1.5<\/li><\/ol>\n\n\n\n
        \/\/Program Local Node Red menggunakan Arduino MKR1000\n\/\/RDD Team\n\n#include <WiFi101.h>\n#include <PubSubClient.h>\n\nconst char ssid[] = \"SSID\"; \/\/masukan nama jaringan WiFi\nconst char pass[] = \"PASSWORD\"; \/\/masukan password\nconst char mqtt_server[] = \"BROKER\";\n\/\/ masukan alamat server broker\nconst char username[] = \"rdd_user\";\nconst char password[] = \"rdd_password\";\n\n\nWiFiClient MKRClient;\nPubSubClient client(MKRClient);\n\nunsigned long lastMillis = 0;\n\nconst int  analogPin = A0;\n\nint analogVal;\n\nchar suhu_string[50]; \/\/agar dapat terbaca di UI Node Red, variable harus berbentuk String \n\nIPAddress ReadIP;\n\nvoid setup_wifi() {\n\n  delay(10);\n  \/\/ We start by connecting to a WiFi network\n  Serial.println();\n  Serial.print(\"Connecting to \");\n  Serial.println(ssid);\n\n  WiFi.begin(ssid, pass);\n\n  while (WiFi.status() != WL_CONNECTED) {\n    delay(500);\n    Serial.print(\".\");\n  }\n\n  randomSeed(micros());\n\n  Serial.println(\"\");\n  Serial.println(\"WiFi connected\");\n  Serial.println(\"IP address: \");\n  ReadIP = WiFi.localIP();\n  Serial.println(ReadIP);\n}\n\nvoid reconnect() {\n  \/\/ Loop until we're reconnected\n  while (!client.connected()) {\n    Serial.print(\"Attempting MQTT connection...\");\n    \/\/ Create a random client ID\n    String clientId = \"MKR1000Client-\";\n    clientId += String(random(0xffff), HEX);\n    \/\/ Attempt to connect\n    if (client.connect(clientId.c_str(),\"rdd_user\",\"rdd_password\")) {\n      Serial.println(\"connected\");\n      \/\/ Once connected, publish an announcement...\n      \/\/ ... and resubscribe\n      client.subscribe(\"RDD\/Input1\");\n    } else {\n      Serial.print(\"failed, rc=\");\n      Serial.print(client.state());\n      Serial.println(\" try again in 5 seconds\");\n      \/\/ Wait 5 seconds before retrying\n      delay(5000);\n    }\n  }\n}\n\nvoid messageReceived(char* topic, byte* payload, unsigned int length) \n{\n  \n  Serial.print(\"Message arrived [\");\n  Serial.print(topic);\n  Serial.print(\"] \");\n  for (int i = 0; i < length; i++) {\n    Serial.print((char)payload[i]);\n  }\n  Serial.println();\n\n  \/\/ Switch on the LED if an 1 was received as first character\n  if ((char)payload[0] == '1') {\n    digitalWrite(LED_BUILTIN, LOW);   \/\/ Turn the LED on (Note that LOW is the voltage level\n    \/\/ but actually the LED is on; this is because\n    \/\/ it is active low on the ESP-01)\n  } else {\n    digitalWrite(LED_BUILTIN, HIGH);  \/\/ Turn the LED off by making the voltage HIGH\n  }\n  \n}\n\nvoid setup() \n{\n Serial.begin(115200);\n \/\/while (!Serial.available());\n analogReadResolution(12);\n analogReference(AR_DEFAULT);\n\n setup_wifi();\n \n client.setServer(mqtt_server, 1883); \/\/masukan Broker IP, Port Broker\n client.setCallback(messageReceived);\n \/\/printWiFiData();\n \/\/printCurrentNet();\n}\n\nvoid loop() \n{\n \/*======konversi Nilai Analog Ke Nilai Temperature*\/\n analogVal = analogRead(analogPin);\n float temp = (analogVal\/4095.0)*3.3;\n float suhu = (temp*1.51)*100; \/\/ nilai temperature\n \/*================================================*\/\n sprintf(suhu_string,\"%.2f\", suhu);\n client.loop();\n if (!client.connected()) \n {\n   reconnect();\n }\n \n if (millis() - lastMillis > 1000) \n {\n   lastMillis = millis();\n   client.publish(\"RDD\/Temperature\", suhu_string); \/\/Publish data \"suhu_String\" ke MQTT broker dengan topic \"RDD\/Temperature\"\n   Serial.print(\"Suhu = \");\n   Serial.println(suhu_string);\n }\n}<\/code><\/pre>\n\n\n\n
        \"\"
        Gambar 1.1<\/figcaption><\/figure>\n\n\n\n
        \"\"
        Gambar 1.2
        Kotak berwarna kuning merupakan alamatdan port server (local) dan kotak berwarna merah merupakan IP dan port MQTT broker. Kita dapat mengakses node-red editor dan UI dengan cara mengakses salah satu dari keduanya.<\/figcaption><\/figure>\n\n\n\n
        \"\"
        Gambar 1.3
        Mosca MQTT broker<\/figcaption><\/figure>\n\n\n\n
        \"\"
        Gambar 1.4<\/figcaption><\/figure>\n\n\n\n
        \"\"
        Gambar 1.5
        UI Node Red<\/figcaption><\/figure>\n\n\n\n
        <\/p>\n","protected":false},"author":4,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"ht_kb_category":[10],"ht_kb_tag":[24,43],"_links":{"self":[{"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/ht_kb\/1174"}],"collection":[{"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/comments?post=1174"}],"version-history":[{"count":11,"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/ht_kb\/1174\/revisions"}],"predecessor-version":[{"id":1614,"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/ht_kb\/1174\/revisions\/1614"}],"wp:attachment":[{"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/media?parent=1174"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/ht_kb_category?post=1174"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/wiki.rdd-tech.com\/index.php\/wp-json\/wp\/v2\/ht_kb_tag?post=1174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}