Part 1 - Trik Mudah Menampilkan Nilai Sensor dalam Bentuk Grafik Website Secara Realtime
HTML-код
- Опубликовано: 28 июн 2021
- Download Source Code :
kodingperangkat.com
Bismillah...
Hallo sobat KOPER, tutorial IOT kita kali ini sebenarnya tergolong sederhana, namun terkadang banyak dibutuhkan dan dipakai dalam pembuatan project IOT yaitu cara menampilkan nilai sensor pada halaman website secara realtime dalam bentuk grafik. Grafik sensor umumnya kita temui pada aplikasi platform IOT seperti Blynk, Thinger.IO, Thingspeak dan lainnya. Bagaimana caranya kalau ingin membuat sendiri? Simak video ini sampai selesai ya. Semoga bermanfaat.
( Hello KOPER friends, our IOT tutorial this time is actually quite simple, but sometimes it is needed and used a lot in making IOT projects, namely how to display sensor values on web pages in realtime in graphic form. Sensor graphics are commonly encountered in IoT platform applications such as Blynk, Thinger.IO, Thingspeak and others. How about if you want to make your own? Watch this video until it's finished. Hope it is useful. )
Bahan tutorial :
1. Nodemcu ESP8266 V3 Lolin
2. Sensor DHT11
3. Kabel Jumper
4. Kabel Data
Software pendukung :
1. XAMPP Versi 3.2.2
2. Text Editor Sublime Text
3. Arduino IDE
Download bahan aplikasi website grafik :
drive.google.com/file/d/1AYTn...
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... )
Dukung terus Channel RUclips : Koding Perangkat
dengan cara klik tombol SUBSCRIBE, LIKE dan SHARE
Salam,
Koding Perangkat
#SensorGrafik #IOT #JagoIOT #TutorialArduino #JagoArduino #Robotika #KodingPerangkat
Masya Allah, semoga menjadi amal jariyah mas
sangat membantu untuk tugas akhir saya. matur suwun
Semoga di tambahkan rejekkinya sama Allah SWT karena sudah memberikan Ilmu yg sangat bermanfaat untuk yang hobby program otak atik. khususnya saya. Aamiin
Aamiin YRA. Doa yang sama untuk kang mas 😁👍🏼
Keren pak....
Semoga berkah ilmu nya dan rezekinya,baru kali ini nemu channel tentang IoT yang bener2 full rinci banget ,di tunggu tutorial berikutnya 👍
Aamiin YRA 🤲
Terima kasih supportnya 😬🙏
Mantaappp jiwa bang, penjelasannya mudah dipahami
Love this channel 🥰
I love my subscriber 😁🙏
Ditunggu selanjutnya om
Asyiapppp 😁🙏
terimakasih ilmunya bang, sangat jelas
Sama2 mas 😁🙏
mantap om
Asyiaaappp 😁🙏
mas, saya mau bkin grafik seperti ini, tapi kalau saya pake template bootstrap yang lain, file apa aja yang harus dicopy dari folder ini?
Bisa bikin tutorial untuk pengiriman beberapa nodemcu (misal 3 esp) dalam satu website kak?
Pak tolong buat tutorial grafik seperti ini dengan framework codeigniter 3 🙏
assalamualaikum bang, semoga dibaca dan dibalas bang. jadi gini bang, bisakah bang coba buat tutorial ESP nya client server bang jadi sistem nya itu. ada 2 esp, 1 client dan 1 server, esp 1 (client) terdapat 1 push button yang dimana jika ditekan, maka esp 2 (receiver) yang terdapat LED dia akan menyala sekaligus ada data yang masuk ke database mysql bang . data yg masuk bebas mau angka atau huruf asala data masuk aja bang kemysql. mohon repply nyza bang. apakah ESP untuk receiver versinya boleh sama ? atau harus beda speknya ?
Assalamu'alaikum
Mau nanya Pak, untuk file yg sudah jadi kira2 ada Pak?
Soalnya ini saya sudah coba berkali-kali, grafik nya tidak muncul pak
Terimakasih
Bang mau nanya
Untuk merubah sandi wifi tanpa ubah coding gimana bang jika digabungkan nilai sensor
Bagaimana merubah waktu grafik Yg sebelumnya UTC menjadi WIB?
Semoga channel masih aktif, izin tanya, mas jika programnya bukan menggunakan arduino IDE, melainkan menggunakan visual studio code, apa caranya sama?
Wah, saya belum coba kalau visual studio code kang Ridwan 😁🙏
bang ini saya udah ngikutyi kodingannya udah dicek mdbnya masih ga muncul grafiknya kenapa ya ? penulisan sudah mirip semua mohon dibales gan
Giman bg, udh ketemu solusinya, soalanya aku mangalami mslaah yg sma bg..?
bang gmana caranya kalo kita mau nampilin nilai sama grafik nya dalam satu server
Kalo mau nambahin lebih dari 2 sensor gmana bang
Bang pliss saya penerusmu ,buat ngatur angka pada sumbunya di mana bang ?
Bang buat ngatur angka sumbunya menjadi 100 gimana bang?
Bos,, sy dh trsf tapi kok blm di validasi yah thanks
halo kak, untuj website yang dibuat ini menggunakan protokol apa yah? get/post atau websocket?
Menggunakan mode GET kang 😁🙏
bikin pake mqqt dong bang
ini aku ga bisa buat load data.php kenapa ya?
Bang mau nanya, misal ESP8266 sy gnti dengan ESP32 bisa gk bang?
Trus misal untuk menampilkan rata" dari byk sensor DHT ke grafik bisa gk?
Bisa mas. Cuma untuk library koneksinya agak beda. Kalau menampilkan rata2 nilai sensor DHT juga bisa 😊🙏
Mau nanya klo saya menggunakan 2 nodemcu untuk mengirim data ke 1 website itu bisa tidak
Bisa kang... programnya sama dimasing2 nodemcu 😁🙏
@@KodingPerangkat
Kalo untuk program Coding di Web nya juga sama atau ada yang beda? agar masing2 nodemcu nya mengirim data secara bersamaan
Gan, bisa bikin tutorial menampilkan nilai sensor ke dashboard grafana menggunakan mySQL?
Dipelajari dulu ya gan 😁🙏
@@KodingPerangkat siap, ditunggu gan 🙏
Gan kalo sensor berat koding nya sama aja ?
Sama aja gan. Ganti sensornya aja. Tapi cukup satu nilai yang dikirim 😁🙏
Kalau mikrokontroller nya diletakkan di lokasi tdk ada internet apakah tetap bisa realtime masuk datanya bg?
Intinya pengiriman data harus ada koneksi antara alat dengan komputer server mas. Entah pakai jaringan lokal atau jaringan internet 😊🙏
frafiknya tidak tampil mas, untuk codingan sudah saya ikuti step by step, namun di bagian jquery-latest dan mdb mengalami error, mohon bantuannya
Ada kesalahan pemanggilan mas? Dicek petik duanya. Biasanya ada yang kurang 😊🙏
Udah saya lihat mas. Kereennn 😁👍🏼
kak, mau tanya sya sudah mengikuti step by stepnya tetapi untuk grafiknya belum bisa tampil. bagaimana ya kira2?
Sama kak saya mengalami nya disitu kk,tolong direspon y kk
Kalo di hostingkan bisa engga ya mas? Kita selipkan di halaman website wordpress, jadi bisa kita pantau secara online..
Bisa dihosting mas. Cara hostingnya bisa lihat video saya tentang hosting project IoT web 😁🙏
@@KodingPerangkat siapp.. Meluncur..
Bang mohon maaf, saya pakek pzem 017 itu Bisa gak bang?
Bisa mas. Yang penting nilai apa yang ingin ditampilkan
51:59
izin bertanya bang, saya tidak berhasil menampilkan data yang ada di file 'data.php' . saya praktek tutorial ini pake codeigniter4 yang setiap halaman yg dibuat itu bagian headnya diextend. kira kira apa karena hal itu ya bang jadi file 'data.php' yang saya buat tidak bisa diambil dan ditampilkan datanya? mohon pencerahan bang
sama,sudah ad solusi?
@@kqmudin-mt9yu alhamdulillah bisa kak, perlu diperhatiin ulang kodekodenya
Bg kenapa koneksi nodemcu nya sering putus
Jangan2 wdt reset ya kang? 😁🙏
Part 2 nya kapan launching ni mastah?
Awww, sudah ada kang. Part 1 dan 2 lauching bersamaan 😁🙏
Debes memang bang semoga sehat terus bang 😎
Terima kasih kanggg 😁🙏
Pak ini mengunakan php 5 ya?
Iya bener kang, php 5 😁🙏
Apakah bisa Untuk sensor jarak?
Bisa kang 😊🙏
Om mau nanya, saya udh ngikutin kodingan nya. Tapi grafik nya tidak muncul. Itu permasalahan nya dimana ya om?
Terimakasih
Perhatikan pemanggilan file jquerynya dan juga file mdbnya mas. 😊🙏
@@KodingPerangkat hmmm oke mungkin saya ulangi lagi ya om. Mudah2an bisa
@@KodingPerangkat masih blm bisa om :(
Udh teliti bgt pas pemanggilan file jquery sama mdb mya :(
@@bayubagoeswicaksono2171 hallo, apakah sudah ada solusinya kak?
hallo, apakah sudah ada solusinya kak?
Lama gak jumpa
Iya kang. Susah nyari waktu kosong buat konten 😂🙏
Kak kalo mau chat kk lewat apa ya kak
Bisa DM IG atau FB mas 😁🙏
@@KodingPerangkat udah di DM kak, tapi blm dibales2 kak
IG atau FB mas?
@@KodingPerangkat ig kak
ditunggu bang balasannya , terimakasih sukeses trs buat abang.aamiiin
Bang buat ngatur angka sumbunya menjadi 100 gimana bang?