Part 2 - Cara Mudah Mengirim dan Menampilkan Nilai Sensor di Halaman Website Melalui Socket UDP

Поделиться
HTML-код
  • Опубликовано: 23 июл 2021
  • Download Source Code :
    kodingperangkat.com
    Bismillah...
    Hallo sobat KOPER, tutorial IOT kita kali ini sedikit berbeda, kita akan belajar bagaimana cara mengirim dan menampilkan nilai sensor di halaman website melalui socket UDP tanpa menggunakan database. Cara ini bisa menjadi alternatif lain dalam mengirim nilai sensor ke halaman website kita. Bagaimana caranya? Kita akan bahas STEP BY STEP. Simak video ini sampai selesai ya. Semoga bermanfaat.
    ( Hello KOPER friends, our IOT tutorial this time is a little different, we will learn how to send and display sensor values on web pages via UDP sockets without using a database. This method can be another alternative in sending sensor values to our website pages. How to? We will discuss STEP BY STEP. Watch this video until it's finished. Hope it is useful. )
    Bahan tutorial :
    1. Nodemcu ESP8266
    2. Sensor DHT11
    3. Breadboard
    4. Kabel Jumper
    5. Kabel Data
    Software pendukung :
    1. XAMPP Versi 3.2.2
    2. Text Editor Sublime Text
    3. Arduino IDE
    Download bahan aplikasi website socket sensor :
    drive.google.com/file/d/1lf2h...
    Download skematik :
    drive.google.com/file/d/1LW12...
    Video terkait :
    Cara Menampilkan Nilai Sensor di Halaman Web Secara Realtime Menggunakan Nodemcu ESP8266
    • Full !!! Cara Menampil...
    Menampilkan Nilai Sensor Pada Halaman Website Secara Realtime dalam Bentuk Grafik
    • Part 1 - Trik Mudah Me...
    Dukung terus Channel RUclips : Koding Perangkat
    dengan cara klik tombol SUBSCRIBE, LIKE dan SHARE
    Salam,
    Koding Perangkat
    Facebook : Koding Perangkat
    Instagram : @kodingperangkat
    Twitter : @KodingPerangkat
    #SocketUDP #TutorialIOT #IOT #JagoIOT #TutorialArduino #JagoArduino #Robotika #KodingPerangkat

Комментарии • 61

  • @kangenmantan7081
    @kangenmantan7081 2 года назад

    Mantabb

  • @denisyahputrasiregar4128
    @denisyahputrasiregar4128 3 года назад +2

    sering up ya pak cma chanel bapak yang bahas tentang iot sampai detail,...
    trmakasih ilmunya pak semoga jadi amal jariyah

    • @KodingPerangkat
      @KodingPerangkat  3 года назад

      Aamiin YRA. Terima kasih supportnya mas 😁🙏

  • @aiskahendra
    @aiskahendra 2 года назад

    Tutorialnya detail dan keren. Saran saya buat video tutorial Autoconnect untuk setting Wifi secara dinamis, biar kita ngga perlu setting manual ssid dan passwordnya, sedih saya klo lihat ssid dan password nya terexpose.
    tetap semangat mas membuat video tutorialnya

  • @hermannudin6507
    @hermannudin6507 2 года назад +2

    Trims bang ilmunya, semoga berkah dan dilancarkan rezki abang

  • @pentinggapenting2612
    @pentinggapenting2612 2 года назад +1

    Mas tolong dong buatkan tutorial alat pemberi pakan ikan secara terjadwal pake app inventor dan nodemcu ..heheh

  • @youngrakers5175
    @youngrakers5175 3 года назад +1

    Seep, ini yg saya tunggu bang. Makasih ilmunya bang

    • @KodingPerangkat
      @KodingPerangkat  3 года назад

      Sama2 mas, terima kasih sudah setia menonton 😁🙏

  • @33vitoarganiputrapratama65
    @33vitoarganiputrapratama65 2 года назад

    Tolong buatin tutorial esp32 cam bang. Buat monitoring sebuah sistem secara live stream. dan dapat mengontrol on/off sebuah relay. Makasih bang

  • @subhanfaturahman
    @subhanfaturahman 2 года назад +1

    REQUEST DONG
    IOT MELALUI KODULAR DONG

    • @KodingPerangkat
      @KodingPerangkat  2 года назад

      Ide menarik kang. Segera dirancang 😁👍🏼🙏

  • @papemi2369
    @papemi2369 2 года назад +1

    Assalamualaikum bang aku suka Skali videonya inspirasi dan pembelajarannya, req donk bang bikin video monitoring sensor berupa grafik dari sensor, tabel pembacaan data sensor , dan kontrol yang dibuat satu website dan bisa di akses real-time,🙏🏻🙏🏻🙏🏻😁

    • @KodingPerangkat
      @KodingPerangkat  2 года назад

      Ini sudah ada kang. Bisa cek di playlist 😁🙏

  • @yuliantowahyu5144
    @yuliantowahyu5144 2 года назад

    Bang Request dong, komunikasi 2 arah arduino dengan sim900 ke halaman website

  • @d4te_muhammadzadidilmizadi970
    @d4te_muhammadzadidilmizadi970 2 года назад

    bang mau req mengendalikan arduino dengan visual basic c# dong bang

  • @rayenpradipta3091
    @rayenpradipta3091 2 года назад

    Trimakasih tutorialnya pak, ijin bertanya kalau menggunakan metode bagaiaman agar bisa online ( bisa di akses dimana saja) ??

  • @siocong2511
    @siocong2511 Год назад

    om request dong, saya rencara mau buat sensor suhu dht11 di padukan ke led matrix, jadi nanti keluaran nya jam dengan ntp dan hasil dari sensor suhu dht11 itu, tolong di bantu om

  • @MasKimochi
    @MasKimochi 3 года назад +2

    konten canggih ini..., subscribernya biasanya sedikit.. miris ya... indonesia belum siap canggih ahahahah..
    *maap-nyinyir :D
    bikin konten sensor yang triggering another device bang, keren tuh.. misal sr501 jika ada trigger maka node yang lain akan aktif (lampu misalnya), pakek webhook hehe..
    semangat.. moga indonesia jadi cepat canggih :D

    • @KodingPerangkat
      @KodingPerangkat  3 года назад

      Terima kasih support dan idenya kang. Semangat 45 😁👌

  • @ferryprasetyo1731
    @ferryprasetyo1731 3 года назад

    bang pakai sensor kebakaran api dong wwkkw

  • @adjiwilly5042
    @adjiwilly5042 2 года назад

    Assalamualaikum videonya sangat bagus, tapi saya menggunakan esp32. jadi ada masalah untuk UDP_TX_PACKET_MAX_SIZE, bolehkah saya meminta sarannya pak

  • @poilok3275
    @poilok3275 2 года назад

    pa kalau sensor nya lebih dari satu bagaimana caranya terus bagian apa yang harus di rubah pada kodingan NodeMCU

  • @wahyupans8868
    @wahyupans8868 2 года назад

    Bang, bahas tampilan nilai sensor di web esp8266 dengan mode access poin

  • @badruttamam5159
    @badruttamam5159 3 года назад +1

    Assalamualaikum bang ijin request buat relay on of real time dong bang menggunakan rtc dan setting nya via tombol bang soalnya pengen belajar bang yang step by step 😁

  • @rgame9146
    @rgame9146 2 года назад +1

    Assalamualaikum pak.
    Saya mau bertanya terkait problem Watchdog pada NodeMCU.
    Padahal saya sudah menggunakan Millis sebagai pengganti dari delay.
    Project yang saya pelajari yaitu membaca nilai sensor dari ArduinoUno dan dikirim ke NodeMCU dengan komunikasi Serial.
    Selanjutnya dari NodeMCU dikirim ke firebase.
    Tetapi terkendala NodeMCU nya sering restart2.
    Mohon bantuannya 🙏

    • @KodingPerangkat
      @KodingPerangkat  2 года назад

      Bisa ditracing, WDT terjadi di proses yang mana mas? Di uno ke nodemcu? Atau nodemcu ke firebase? Biar tau yang mana harus diperbaiki 😬🙏

    • @rgame9146
      @rgame9146 2 года назад

      @@KodingPerangkat NodeMCU ke Firebase pak, code sudah saya kirim di DM instagram.
      Terjadi WDT setelah memasukkan code untuk set dan get dari firebase, sebelumnya untuk komunikasi serial berjalan lancar saja.

  • @fikriadamsyah603
    @fikriadamsyah603 2 года назад

    Untuk sensor ultrasonic bisa pak?

  • @Richelleapriadi
    @Richelleapriadi 6 месяцев назад

    Bang klo web nya di hosting pake github logika nya sama aja yg ad di vidio ini?

  • @fastlabid7974
    @fastlabid7974 2 года назад

    bang kalo tampilan di web nya masih gabung suhu dan kelembaban gmn ya? tapi 2kartu sudah keisi cuman tampilannya masih gabung suhu sama kelembabanya
    gmn ya bang

  • @mohakmal1384
    @mohakmal1384 2 года назад

    pak bisa request buat sensor arus dan monitor tegangan arus DC dengan resistor shunt misalnya 10mR dan pembagi tegangan untuk monitor tegangan DC, menggunakan opam LM358 data yg di harapkan bisa di monitor di HP/android misalnya tampil arus, tegangan, daya. secara step by step semoga bisa bermanfaat untuk kita semua. terima kasih banyak.

  • @aicompofficial
    @aicompofficial 3 года назад +1

    Bang saya mau tanya nih, saya ada projects nah kan sudah jadi pakai localhoat di laptop, setelah itu pas mau di online kan tapi data tidak terkirim bang kira" di mna ya salahnya

    • @KodingPerangkat
      @KodingPerangkat  3 года назад

      Sudah ikuti tutorial saya tentang histing project IOT mas? Sudah saya jelaskan detail disitu apa saja yg dirubah ketika dihosting. 😊🙏

    • @aicompofficial
      @aicompofficial 3 года назад +1

      @@KodingPerangkat sudah bang tapi kok tetp ya

    • @KodingPerangkat
      @KodingPerangkat  3 года назад

      Kalau langsung diisi lewat database hosting bisa tampil ngk mas? Realtimenya?

    • @aicompofficial
      @aicompofficial 3 года назад

      @@KodingPerangkat kemaren begini bang pas di server localhoat laptop sudah bisa, nah setelah saya ingin di online kan nah ternyata setelah itu ada eror waktu pengiriman data nya dan saya coba cari sudah bisa tapi data nya belum bisa terkirimkan bang

  • @kangenmantan7081
    @kangenmantan7081 3 года назад

    Assalamualaikum, bang saya riques cara menampilkan notifikasi di website, " Jika suhu melebihi batas standart maka sistem akan mengirim notifikasi ke website"

    • @agusnuryadi4940
      @agusnuryadi4940 2 года назад

      Bang, requst ada alarm kalo suhu panas di web terus nyalain relay secara realtime
      Bang,,,
      Salam sobat koper

  • @bintangdzaky2341
    @bintangdzaky2341 2 года назад +1

    maaf bang mau tanya, saya pas bagian http.begin kok sering error ya, padahal codingannya sama persis sama punya abang🙏

    • @KodingPerangkat
      @KodingPerangkat  2 года назад

      Downgrade versi library board nodemcunya kang. Jangan gunakan versi 3.0 keatas. Downgrade ke versi 2.7.4 aja. Downgrade di board managernya 😊🙏

  • @callme_ikyy
    @callme_ikyy 3 года назад

    Mantap bg, ilmu yg bermanfaat. Ohiya bg boleh minta kontak wa nya tidak ya? Nau tanya² hehe

  • @putriramadhani2538
    @putriramadhani2538 2 года назад

    Ka, kalo buat tambahan ada notif alarm panas di web terus nyalain relay tambahnya dimana ya ka?
    Syukur2 buat tutor nya juga hehehhe salam sobat koper

  • @harrychristianto2192
    @harrychristianto2192 2 года назад

    Kak, kalo mngirim datanya ke database yg pake linux gimana ya?

  • @iwankurniawan7075
    @iwankurniawan7075 2 года назад

    Assalamualaikum wr. Wb. Om ada minta no kontak!

  • @afyadmulti8389
    @afyadmulti8389 2 года назад +1

    Warning: Undefined variable $data_diterma in C:\xampp\htdocs\socketsensor\mintadata.php on line 20
    bang kalo di webnya muncul itu gimana ya? bukan Hallo

    • @KodingPerangkat
      @KodingPerangkat  2 года назад +1

      Kayaknya nama variabelnya keliru mas. Itu error variabel $data_diterma tidak ditemukan. Mungkin maksudnya $data_diterima, kurang huruf i 😁🙏

    • @afyadmulti8389
      @afyadmulti8389 2 года назад

      @@KodingPerangkat exit status 1
      'kelembaban' was not declared in this scope; did you mean 'Kelembaban'?
      kalo ini knpa ya bang pas ikutin tutor di menit 34:29 ga ada upload foto tulisan yg di arduino nya bang? buat liat salah nya dimana,, udah muter-muter ga nemu

    • @totokadiwihanto5556
      @totokadiwihanto5556 2 года назад +1

      @@afyadmulti8389 Jangan lupa bahwa nama variable dalam bahasa C (dan sebagian besar bahasa pemrograman yang lain) itu bersifat case sensitive, yang artinya harus sama persis. Contoh: "batu" tidak sama dengan "Batu", "Pisang_Molen" tidak sama dengan "Pisang_molen".
      Kemudian penentuan scope variable. Jika variable ingin dipakai "di banyak tempat", jadikan scope variable menjadi global.
      Contoh 1:
      String var1 = "OK";
      if(var1 == "KO"){
      String var2 = "MANTAP";
      }
      Serial.println(var1); //--> OK
      Serial.println(var2); //--> Error.. Karena var2 hanya dibuat jika var1 = "KO"
      Contoh 2:
      String var1 = "OK";
      String var2 = "MANTUL";
      if(var1 == "KO"){
      var2 = "MANTAP";
      }
      Serial.println(var1); //--> OK
      Serial.println(var2); //--> MANTUL
      Hanya sepintas dari ingatan, semoga bermanfaat..

    • @KodingPerangkat
      @KodingPerangkat  2 года назад

      Mantul kang Totok 😁🙏👍👍👍

  • @rafiqalfarezbadres5235
    @rafiqalfarezbadres5235 3 года назад +1

    Mas Izin Tanya Mas Bisa Gak Mas Buat Aplikasi Untuk Login Wifi Ke NodeMCU nya Melalui Aplikasi Mas ,Tidak Manual Melalui Koding Arduino mas,Mohon respondnya mas

    • @KodingPerangkat
      @KodingPerangkat  3 года назад

      Sepertinya memungkinkan. Bisa menggunakan aplikasi telegram. Pesan masuknya berupa ssid dan password wifi. Program koneksi wifi diletakkan di void loop. Tapi tetap harus ada koneksi dulu diawal mas yang ditentukan di program. Karena untuk terkoneksi ke nodemcu melalui wifi 😁🙏

    • @rafiqalfarezbadres5235
      @rafiqalfarezbadres5235 3 года назад

      @@KodingPerangkat Boleh Minta Nomor Wa Gk mas,Saya Pingin Ngajak Tuker fikiran. Kira kira bisa gk kalau saya tambahi or dibgian itu

    • @rafiqalfarezbadres5235
      @rafiqalfarezbadres5235 3 года назад

      @@KodingPerangkat saya ingin melanjutkan pengembangn aplikasi dari konten mas 1 tahun yang lalu untuk TA saya yaitu membuat monitoring dengan firebase dan android studio,jdi dsini saya ingin membuat tmbhn wifi secara manual ,saya mohoon sangat mas bisa membantu saya 😭

    • @totokadiwihanto5556
      @totokadiwihanto5556 2 года назад +1

      Banyak jalan menuju ke Roma.
      1. Data SSID dan Password (default) tersimpan di EEPROM atau Flash memory, lebih prefer pakai flash memory, karena gak terhapus saat nodemcu di-reset.
      2. Variable ssid dan password bisa diubah melalui telegram, mqtt, serial, dll. Tergantung dari metode yang dipilih. Disconnect wifi, set variable ssid/password yang baru, connect wifi lagi.
      3. Siapkan 1 tombol untuk "reset-wifi". Jadi setelah variable ssid diubah sesuai point 2, kita masih bisa "kembali ke pengaturan awal" untuk data ssid/password yang diambil dari flash memory.
      Bahan bacaan: randomnerdtutorials.com/esp32-save-data-permanently-preferences/
      Semoga bermafaat..

    • @KodingPerangkat
      @KodingPerangkat  2 года назад

      Terima kasih sharingnya kang 😁🙏