SISTEM MONITORING TANDA VITAL (DETAK JANTUNG, OKSIGEN DARAH, DAN SUHU TUBUH) BERBASIS ESP32 DAN BLYNK

SISTEM MONITORING TANDA VITAL

(DETAK JANTUNG, OKSIGEN DARAH, DAN SUHU TUBUH)

BERBASIS ESP32 DAN BLYNK

Disusun Oleh:

Muhamad Aditya Pratama (26051204241)

Muhammad Guntur Cahyadi Putra (26051204087)

Alfian Nurrokhim (26051204240)

Albar Ghani Aziz (26051204133)

 

BAB I
PENDAHULUAN

1.1       Latar Belakang

  Perkembangan teknologi Internet of Things (IoT) telah membawa perubahan besar dalam bidang kesehatan, salah satunya memungkinkan pemantauan tanda vital pasien secara real-time dari jarak jauh (telemedicine). Detak jantung (heart rate), saturasi oksigen darah (SpO2), dan suhu tubuh merupakan indikator dasar yang menggambarkan kondisi fisiologis seseorang.

  Mikrokontroler ESP32 dipilih sebagai pusat kendali karena memiliki modul Wi-Fi bawaan yang andal serta daya pemrosesan yang cukup untuk menjalankan algoritma pemrosesan sinyal. Sensor MAX30102 digunakan untuk mendeteksi detak jantung dan SpO2 dengan prinsip photoplethysmography (PPG), sedangkan sensor DS18B20 digunakan untuk mengukur suhu secara digital. Platform Blynk IoT dimanfaatkan sebagai dashboard sehingga data sensor dapat divisualisasikan secara grafis dan dipantau dari mana saja.

 

1.2       Rumusan Masalah

Rumusan masalah pada laporan ini adalah sebagai berikut.

1.       Bagaimana cara mengintegrasikan sensor MAX30102 dan DS18B20 dengan mikrokontroler ESP32?

2.       Bagaimana menerapkan algoritma pendeteksian puncak gelombang (peak detection) untuk menghitung BPM dan rasio cahaya untuk memperkirakan SpO2?

3.       Bagaimana cara mengirimkan dan memvisualisasikan data tanda vital secara real-time ke dashboard Blynk IoT?

MONITORING SUHU DAN KELEMBAPAN RUANGAN MENGGUNAKAN ESP32 DAN SENSOR DHT11 BERBASIS APLIKASI BLYNK

LAPORAN PRAKTIKUM

MONITORING SUHU DAN KELEMBAPAN RUANGAN MENGGUNAKAN ESP32 DAN SENSOR DHT11 BERBASIS APLIKASI BLYNK

Disusun oleh:

Muhammad Zuhri Musthofa                           26051204076

Muhammad Dafa Al Ali                                 26051204080

Mochammad Hafiz Romadhon                      26051204112

                      Theresia Sherafin Olivia Ramadani               26051204190

 

BAB I PENDAHULUAN

1. Latar belakang

 Suhu dan kelembapan udara dalah dua parameter lingkungan yang sangat memengaruhi kenyamanan penghuni ruangan, kualitas penyimpanan barang, serta kinerja peralatan elektronik. Pemantauan kedua parameter ini secara terus-menerus dan dari jarak jauh menjadi kebutuhan yang semakin umum, baik di rumah, laboratorium, ruang server, maupun dalah.

 Perkembangan Internet of Things (IoT) memungkinkan hal tersebut dilakukan dengan biaya rendah. ESP32 adalah mikrokontroler yang sudah dilengkapi modul WiFi sehingga dapat langsung terhubung ke internet tanpa modul tambahan. Sensor DHT11 mampu mengukur suhu dan kelembapan sekaligus dengan keluaran digital yang mudah dibaca. Platform Blynk menyediakan dashboard di aplikasi smartphone sehingga data sensor dapat dipantau secara real-time lewat HP.

Pada praktikum ini ketiga komponen tersebut dirangkai menjadi dalah monitoring suhu dan kelembapan ruangan yang dapat diakses melalui aplikasi Blynk di smartphone.

2. Tujuan Praktikum

Tujuan dari praktikum ini dalah sebagai berikut:

1.     Memahami prinsip kerja sensor DHT11 dalam mengukur suhu dan kelembapan udara.

2.     Merangkai sensor DHT11 dengan mikrokontroler ESP32.

3.     Membuat program pembacaan suhu dan kelembapan pada ESP32 menggunakan Arduino IDE.

4.     Mengirimkan data sensor ke platform Blynk melalui jaringan WiFi.

5.     Memantau suhu dan kelembapan ruangan secara real-time melalui aplikasi Blynk di smartphone.

6.     Menganalisis hasil pengukuran dan akurasi sensor DHT11.

LAPORAN PRAKTIKUM SISTEM ABSENSI REAL-TIME DENGAN ESP32, RFID RC522, LCD 16X2 I2C, DAN WEB MONITOR REST API

LAPORAN PRAKTIKUM SISTEM ABSENSI REAL-TIME DENGAN ESP32, RFID RC522, LCD 16X2 I2C, DAN WEB MONITOR REST API

Disusun Oleh:

Muhammad Fachri Hasan (26051204088)

 Luncyna Adam Ariyanto (26051204135)

Nasywaa Ludya Aruna (26051204141)

Rafie Ahmad Anwari (26051204143)

BAB I PENDAHULUAN

1.1 Latar Belakang

Pencatatan kehadiran dan pemantauan kunjungan pada lingkungan laboratorium kampus, ruang server, maupun perkantoran konvensional seringkali masih mengandalkan pencatatan manual pada buku tamu fisik. Metode manual ini memiliki sejumlah kelemahan krusial, antara lain rawan manipulasi identitas, proses rekapitulasi data yang memakan waktu lama, serta ketiadaan verifikasi identitas secara otomatis dan transparan. Di era revolusi industri 4.0 dan Internet of Things (IoT), otomatisasi pencatatan identitas dapat diwujudkan secara efektif dengan memanfaatkan teknologi Radio Frequency Identification (RFID) yang terhubung ke jaringan internet.

Projek praktikum ini mengembangkan sebuah Sistem Absensi Kunjungan Cerdas berbasis mikrokontroler ESP32 DevKit V1. Sistem ini mengintegrasikan sensor pembaca kartu RFID MFRC522 pada frekuensi 13.56 MHz, antarmuka penampil karakter LCD 16x2 dengan modul konverter I2C (PCF8574), serta indikator peringatan multimodal berupa Active Buzzer dan Dual LED (Hijau dan Merah). Setiap kali kartu RFID didekatkan ke sensor, ESP32 membaca Unique Identifier (UID) kartu tersebut dan mengirimkannya melalui protokol aman HTTPS POST ke server API Node.js yang telah di-hosting secara mandiri pada server Ubuntu menggunakan aaPanel dan proteksi Cloudflare (https://arkom8.fchrihh.my.id/api/scan).

Server secara otomatis memvalidasi UID kartu terhadap database berbasis JSON. Jika kartu telah terdaftar dan aktif, server mencatat log absensi dan mengembalikan respons berupa status otorisasi, nama pemilik kartu, serta teks baris yang harus dicetak pada LCD 16x2 ESP32 secara instan. Pada saat yang bersamaan, data kunjungan di-broadcast melalui WebSockets (RFC 6455) ke dashboard Web Monitor real-time yang menyajikan simulasi tampilan LCD hardware, rekapitulasi statistik kunjungan harian, fitur pendaftaran kartu baru secara cepat (Quick Enroll), serta manajemen database kartu (CRUD). Selain itu, layar LCD pada ESP32 dilengkapi animasi non-blocking yang menyinkronkan jam digital secara presisi melalui protokol Network Time Protocol (NTP Server GMT+7 WIB).

1.2 Rumusan Masalah

1. Bagaimana merancang dan mengintegrasikan perangkat keras ESP32 dengan modul RFID RC522 (antarmuka SPI), LCD 16x2 I2C, Active Buzzer, dan Dual LED?

2. Bagaimana menyusun algoritma firmware ESP32 untuk membaca UID kartu RFID, melakukan sinkronisasi waktu NTP, dan mengirimkan data permintaan verifikasi ke server API via HTTPS POST?

3. Bagaimana membangun arsitektur backend REST API dan WebSocket berbasis Node.js untuk memvalidasi kartu terhadap database lokal dan mengembalikan data otorisasi ke ESP32?

4. Bagaimana merancang antarmuka Web Monitor berbasis Glassmorphism yang menampilkan log kunjungan real-time, statistik kehadiran, simulator LCD 16x2, dan manajemen CRUD kartu RFID?

5. Bagaimana mengonfigurasi hosting aplikasi pada server Ubuntu menggunakan aaPanel, Nginx Reverse Proxy dengan WebSocket Upgrade, dan integrasi SSL Cloudflare?

SISTEM PERINGATAN DINI BANJIR DAN KENDALI PINTU AIR OTOMATIS BERBASIS ESP32 MENGGUNAKAN PROTOKOL MQTT MELALUI WEBSOCKET

Tugas Modul 6 Kelompok 9 SISTEM PERINGATAN DINI BANJIR DAN KENDALI PINTU AIR OTOMATIS BERBASIS ESP32 MENGGUNAKAN PROTOKOL MQTT MELALUI WEBSOCKET

Disusun Oleh:

1. Fatkhur Rozaq	(24051204026)
2. Ahmad Arkanul Falah Al Khalimi	(24051204033)
3. Abdan Isa Ghaffara	(24051204235)
4. Muhammad Naufal Muzaky	(24051204233)
5. Orlinezar Raveda Ar-Rizky	(24051204222)

BAB I
PENDAHULUAN

1.1 Latar Belakang

Banjir merupakan salah satu bencana yang sering terjadi di Indonesia. Kerugian akibat banjir dapat ditekan apabila kenaikan muka air diketahui lebih awal dan tindakan pengendalian, misalnya membuka pintu air, dilakukan tepat waktu. Pemantauan secara manual membutuhkan petugas yang berjaga terus-menerus, sehingga informasi sering terlambat sampai kepada pihak yang membutuhkan. Internet of Things (IoT) menawarkan cara yang lebih praktis, yaitu sensor mengukur ketinggian air secara otomatis, mikrokontroler memutuskan tingkat kewaspadaan, dan hasilnya dikirim ke layar pemantau melalui jaringan.

IMPLEMENTASI MQTT MELALUI WEBSOCKET PADA SIMULASI PALANG PINTU OTOMATIS BERBASIS ESP32 DENGAN VERIFIAKSI QR CODE

 LAPORAN PRAKTIKUM

“IMPLEMENTASI MQTT MELALUI WEBSOCKET PADA SIMULASI PALANG PINTU OTOMATIS BERBASIS ESP32 DENGAN VERIFIAKSI QR CODE”

Disusun oleh Kelompok 4 :

Indina Anisa Zahrah	24051204213
Alfan Mahardhika Yuda Prajakusuma	24051204182
Dhani Rakha Aditya Rahma	24051204113
Bee Nayaka Athalah Muchamad	24051204125

BAB I

PENDAHULUAN

1.1 Latar Belakang

Perkembangan pesat teknologi Internet of Things (IoT) telah mengubah arsitektur integrasi antara sistem fisik tertanam (embedded system) dan aplikasi peramban web modern. Dalam berbagai penerapan otomasi fasilitas seperti sistem parkir pintar (smart parking), pintu gerbang otomatis (boom gate control), dan kontrol akses keamanan area terbatas, dibutuhkan saluran komunikasi data dua arah (full duplex) yang responsif, stabil, serta berlatensi rendah antara antarmuka web dan mikrokontroler di lapangan.

Secara konvensional, aplikasi web mengandalkan protokol HTTP/HTTPS untuk pertukaran data. Namun, mekanisme HTTP request-response memiliki keterbatasan berupa sifat stateless, overhead header yang cukup besar, serta ketergantungan pada mekanisme polling berulang yang kurang efisien untuk aplikasi real-time. Selain itu, penggunaan protokol perpesanan ringan MQTT (Message Queuing Telemetry Transport) secara murni di atas koneksi TCP port 1883 sering kali terhalang oleh kebijakan keamanan jaringan (organization firewall) atau batasan peramban web modern yang melarang pembukaan raw TCP socket langsung dari JavaScript.

Solusi terbaik untuk mengatasi tantangan jaringan tersebut adalah memanfaatkan arsitektur MQTT over WebSocket. Dengan membungkus paket data MQTT ke dalam koneksi WebSocket persisten melalui port WebSockets Secure (WSS port 8884), peramban web dapat bertindak sebagai MQTT client penuh yang mampu melakukan publish dan subscribe pesan secara instan. Pada Praktikum Modul 6 ini, dirancang dan diuji sistem kontrol palang pintu otomatis berbasis mikrokontroler ESP32 pada platform simulasi Wokwi. Sistem ini diintegrasikan dengan web dashboard lokal yang di-deploy menggunakan container Docker Nginx serta dilengkapi pemindai QR Code (QR Code Scanner) berbasis kamera web untuk verifikasi identitas mahasiswa secara otomatis.

1.2 Rumusan Masalah

• Bagaimana cara mengkonfigurasi dan menjalankan web server Nginx menggunakan Docker Desktop untuk menyajikan halaman dashboard pemindai QR Code di lingkungan localhost?

• Bagaimana mengintegrasikan perpustakaan JavaScript Eclipse Paho MQTT pada peramban web dengan simulator ESP32 Wokwi melalui protokol MQTT over WebSocket?

• Bagaimana alur kerja dan responsivitas sistem saat QR Code pemindai memverifikasi data identitas mahasiswa hingga menggerakkan servo motor dan memperbarui tampilan LCD 16x2 I2C secara real-time?

RANCANG BANGUN PALANG PINTU BERBASIS QR MENGGUNAKAN ESP32 DAN WEBSITE DENGAN KOMUNIKASI MQTT MELALUI WEBSOCKET

 LAPORAN PROYEK INTERNET OF THINGS (IoT)

RANCANG BANGUN PALANG PINTU BERBASIS QR

MENGGUNAKAN ESP32 DAN WEBSITE

DENGAN KOMUNIKASI MQTT MELALUI WEBSOCKET

(Simulasi Menggunakan Platform Wokwi)

Disusun oleh:

Ubaidillah Maulidul Ula                                      (24051204115)

Ali Syava Ramadhan                                             (24051204121)

Georvin Octianno                                                 (24051204185)

Adie Tirta Satria                                                   (24051204108)

BAB I

PENDAHULUAN

1.1  Latar Belakang

Perkembangan Internet of Things (IoT) memungkinkan perangkat elektronik menerima perintah dan mengirimkan status melalui jaringan internet. Salah satu penerapannya adalah pengendalian palang pintu melalui antarmuka web. Pada sistem tersebut, pengguna berinteraksi menggunakan peramban, sedangkan mikrokontroler mengendalikan aktuator dan menampilkan informasi yang diterima. Komunikasi dua arah diperlukan agar pengguna tidak hanya mengirim perintah, tetapi juga mengetahui respons perangkat.

Pada praktikum ini, kode QR digunakan sebagai media pembawa identitas berupa NIM dan nama. Website membaca QR melalui kamera atau menerima identitas melalui formulir manual. Identitas tersebut dikemas menjadi pesan JSON dan dikirim menggunakan protokol MQTT. Penerimaan pesan oleh ESP32 kemudian menjadi dasar perubahan tampilan LCD dan penggerakan servo sebagai representasi palang pintu.

ESP32 digunakan sebagai pusat kendali karena mendukung koneksi Wi-Fi dan memiliki pin untuk menghubungkan servo, LCD I2C, serta sensor PIR. Website tidak ditanamkan sebagai web server pada ESP32, melainkan dijalankan secara terpisah pada localhost atau hosting HTTPS. Website dan ESP32 berkomunikasi melalui broker MQTT yang meneruskan pesan berdasarkan topic yang digunakan.

Rancangan mengacu pada materi MQTT melalui WebSocket, khususnya contoh pemindaian QR yang dihubungkan dengan ESP32 dan servo. Pada sisi browser digunakan Paho MQTT JavaScript melalui WebSocket aman, sedangkan ESP32 menggunakan PubSubClient melalui MQTT TCP. Aplikasi MQTTX tidak menjadi komponen wajib karena fungsi klien MQTT telah diimplementasikan langsung pada kedua program.

Perancangan rangkaian dan program ESP32 dilakukan melalui Wokwi. Antarmuka web dilengkapi input manual, pembuat QR demo, indikator koneksi, dan log aktivitas. Laporan ini menjelaskan rancangan, implementasi, serta pengujian yang terdokumentasi. Sistem dibatasi sebagai demonstrasi pembelajaran dan belum menyediakan autentikasi identitas atau pengamanan yang memadai untuk palang pintu nyata.

1.2  Rumusan Masalah

Berdasarkan latar belakang di atas, rumusan masalah dalam penulisan laporan ini adalah sebagai berikut.

1. Bagaimana merancang rangkaian ESP32, servo, LCD I2C, dan sensor PIR untuk simulasi palang pintu pada Wokwi?

2. Bagaimana menghubungkan website dan ESP32 melalui broker MQTT menggunakan topic perintah dan topic status?

3. Bagaimana mengolah data QR atau input manual dalam format JSON untuk ditampilkan pada LCD dan mengendalikan servo?

4. Bagaimana memantau respons ESP32 serta menangani keterlambatan atau timeout konfirmasi pada website?

SMART GREENHOUSE MONITORING BERBASIS ESP32 MENGGUNAKAN SENSOR DHT22, POTENSIOMETER, DAN MQTT HIVEMQ PADA WOKWI

  

LAPORAN PRAKTIKUM INTERNET OF THINGS (IOT)

SMART GREENHOUSE MONITORING BERBASIS ESP32 MENGGUNAKAN SENSOR DHT22, POTENSIOMETER, DAN MQTT HIVEMQ PADA WOKWI

Disusun Oleh:

Revalina Natasya Sinaga	24051204123
Muchammad Ainur Rizal	24051204127
M. Mazidannur Jibril Murtadlo	24051204130
Akhmad Furqon Al Farid	24051204134
Athallah Firmansyah	24051204136

BAB 1
PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi Internet of Things (IoT) memungkinkan perangkat fisik seperti sensor dan mikrokontroler terhubung ke jaringan serta saling bertukar data secara real-time. Salah satu penerapannya adalah pertanian cerdas (smart farming), khususnya pemantauan kondisi lingkungan di dalam rumah kaca (greenhouse). Pertumbuhan tanaman sangat dipengaruhi oleh suhu udara, kelembapan udara, dan kelembapan tanah. Apabila pemantauan dilakukan secara manual, kondisi kritis seperti tanah yang terlalu kering sering terlambat diketahui.

Pada praktikum ini dibuat simulasi Smart Greenhouse Monitoring menggunakan mikrokontroler ESP32 pada platform Wokwi. Sistem dilengkapi sensor DHT22 untuk mengukur suhu dan kelembapan udara, serta potensiometer yang berperan sebagai pengganti sensor kelembapan tanah dan dibaca melalui pin ADC GPIO 34. ESP32 terhubung ke jaringan WiFi (Wokwi-GUEST) dan mengirimkan data telemetri berformat JSON ke broker MQTT publik HiveMQ pada topik "greenhouse/kelompok1/telemetry" setiap tiga detik.

Data yang dipublikasikan diterima oleh dashboard berbasis web yang dibuat menggunakan HTML, CSS, dan JavaScript. Dashboard berlangganan (subscribe) pada topik yang sama melalui WebSocket pada port 8000 dengan pustaka Eclipse Paho MQTT JavaScript. Halaman web menampilkan nilai suhu udara, kelembapan udara, dan kelembapan tanah, status koneksi ke broker, serta peringatan otomatis apabila kelembapan tanah berada di bawah 30%.

Pembuatan simulasi ini bertujuan menerapkan pola komunikasi publish-subscribe pada protokol MQTT, dengan ESP32 sebagai publisher dan halaman web sebagai subscriber. Dengan demikian, data sensor dapat dipantau dari browser tanpa memerlukan server backend tersendiri.

1.2 Rumusan Masalah

1. Bagaimana ESP32 membaca data suhu dan kelembapan udara dari sensor DHT22?

2. Bagaimana mensimulasikan kelembapan tanah menggunakan potensiometer dan mengonversi nilai ADC menjadi persentase?

3. Bagaimana ESP32 terhubung ke jaringan WiFi dan mengirimkan data telemetri berformat JSON ke broker MQTT HiveMQ?

4. Bagaimana dashboard web menerima dan menampilkan data secara real-time dari broker MQTT melalui WebSocket?

5. Bagaimana sistem menampilkan peringatan otomatis ketika kelembapan tanah berada di bawah 30%?

SISTEM COUNTER ANTREAN ESP32 DENGAN FITUR LAMPU DAN NOTIFIKASI EMAIL

 SISTEM COUNTER ANTREAN ESP32 DENGAN FITUR LAMPU DAN NOTIFIKASI EMAIL

Disusun Oleh:

Ramdani Mulyadi                             24051204137

Naufal Alif Prasetya                          24051204126

Syauqi Ihsan Ramadhan                  24051204110

Jeehan Kamila Muzaky                    24051204122

BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi telah mencapai pada satu titik dimana data tidak perlu diinputkan secara manual oleh manusia, dan hal itu disebut Internet of Things. Konsep dari IOT ini menjadikan suatu alat dapat menerima inputan secara mandiri melalui sensor-sensor. Baik sensor gerak, infrared, suara, suhu dan sensor-sensor lainnya. Teknologi-teknologi ini juga yang memungkinkan perkembangan dalam robot mencapai kemandirian yang dapat membantu tugas manusia dan memberikan mereka panca indra selayaknya manusia.

Namun, semakin kompleks teknologi IOT yang dikembangkan tentunya muncul 1 pertanyaan, bagaimana caranya agar teknologi ini tidak hanya menerima inputan tapi juga berkomunikasi dengan satu sama lain?, karena layaknya panca indera manusia, satu bagian tubuh mengirimkan sinyal satu sama lain untuk menentukan respon yang tepat terhadap kondisi sekitar. Maka dari itu di praktikum ini, akan dipelajari suatu protocol yang mengakomodir komunikasi antar teknologi yang tercakup dalam internet of things (IOT), yaitu Message Queuing Telemetry Transport (MQTT).

MQTT merupakan standard komunikasi protokol yang didesain untuk machine-to-machine. Cara kerja MTQQ tidak menggunakan sistem request-response seperti HTTP, melainkan menggunakan model Publish/Subscribe. Publiser atau pengirim yaitu perangkat atau sensor yang mengirim data. Kemudian ada Broker atau pusat pengatur, yaitu server perantara yang menerima pesan dari publisher, memfilternya berdasarkan topic, lalu mendistribusikannya ke subscriber. Lalu ada subscriber atau penerima, yaitu perangkat atau aplikasi yang berlangganan ke topic tertentu untuk menerima data misalnya aplikasi di smartphone.  

SIMULASI MQTT MELALUI WEBSOCKET UNTUK MENGONTROL BOOM GATE ESP32 DENGAN LCD DAN SERVO MENGGUNAKAN WOKWI

 SIMULASI MQTT MELALUI WEBSOCKET UNTUK MENGONTROL BOOM GATE ESP32 DENGAN LCD DAN SERVO MENGGUNAKAN WOKWI

  Disusun oleh:

Muhammad Adrian Vibrianto	(24051204124)
Mohammad Rizqi Nova Triatmaja	(24051204131)
Adhim Musafak	(24051204191)
M. Faisal Alfiansyah	(24051204205)

BAB I PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi Internet of Things (IoT) memungkinkan perangkat elektronik dipantau dan dikendalikan dari jarak jauh melalui jaringan. Salah satu mikrokontroler yang populer untuk aplikasi IoT adalah ESP32 yang diproduksi oleh Espressif Systems. ESP32 dilengkapi modul Wi-Fi dan Bluetooth internal, berdaya rendah, serta berkinerja tinggi, sehingga banyak dipakai dalam perancangan perangkat pintar.

Pada aplikasi kendali berbasis web, pendekatan yang paling sederhana adalah menjadikan ESP32 sebagai web server HTTP. Namun HTTP bersifat request-respons: koneksi ditutup setelah satu permintaan selesai, sehingga halaman web harus meminta ulang data untuk mengetahui perubahan status perangkat. Untuk sistem yang membutuhkan pertukaran data real-time, diperlukan protokol dengan koneksi yang tetap terbuka dan dapat mengalirkan data dua arah.

WebSocket menjawab kebutuhan tersebut karena bersifat full duplex dan memakai koneksi persisten di atas TCP. Di sisi lain, MQTT adalah protokol pesan ringan berpola publish/subscribe yang sangat sesuai untuk perangkat IoT. Browser tidak dapat membuka koneksi TCP mentah ke broker MQTT, sehingga MQTT dibungkus di dalam WebSocket (MQTT over WebSocket). Dengan library Paho MQTT untuk JavaScript, sebuah halaman HTML biasa dapat menjadi klien MQTT yang mengirim perintah dan menerima status dari perangkat IoT.

Untuk mempermudah perancangan dan pengujian sebelum implementasi perangkat keras, digunakan platform simulasi Wokwi. Wokwi menyediakan jaringan Wi-Fi virtual (Wokwi-GUEST) sehingga ESP32 simulasi dapat terhubung ke broker MQTT publik. Berdasarkan latar belakang tersebut, laporan ini membahas perancangan dan pengujian simulasi boom gate: halaman web mengirim identitas pengguna melalui MQTT-WebSocket ke ESP32, lalu LCD menampilkan identitas dan servo membuka gerbang.

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah dijelaskan, rumusan masalah dalam proyek ini adalah:

1. Bagaimana merancang sistem boom gate berbasis ESP32 yang terhubung ke broker MQTT?

2. Bagaimana membuat halaman web dengan Paho JavaScript yang berkomunikasi dengan broker melalui WebSocket untuk mengirim perintah dan menerima status?

3. Bagaimana melakukan simulasi dan pengujian sistem tersebut menggunakan Wokwi?

SISTEM ANTREAN & PANGGILAN PASIEN KLINIK ESP32 DENGAN PROTOKOL MQTT VIA WEBSOCKET

 SISTEM ANTREAN & PANGGILAN PASIEN KLINIK ESP32 DENGAN PROTOKOL MQTT VIA WEBSOCKET

Disusun oleh Kelompok 7 :

Ahmad Aura Syahrul Muharrom	24051204203
Dave Osvaldo Adris	24051204172

BAB I 

PENDAHULUAN

1. Latar Belakang

Perkembangan teknologi telah mencapai pada satu titik dimana data tidak perlu diinputkan secara manual oleh manusia, dan hal itu disebut Internet of Things (IoT). Konsep dari IoT ini menjadikan suatu alat dapat menerima inputan secara mandiri melalui sensor-sensor maupun tombol antarmuka, serta mengeksekusi aksi melalui aktuator secara otomatis. Teknologi ini memungkinkan integrasi antara dunia fisik dan sistem digital guna mempermudah operasional pelayanan publik, salah satunya pada sistem antrean di fasilitas kesehatan atau klinik.

Namun, dalam pengembangan teknologi IoT yang semakin kompleks, muncul tantangan utama mengenai efisiensi komunikasi data real-time antara perangkat keras (microcontroller) dan aplikasi antarmuka pengguna (web dashboard). Protokol HTTP tradisional dengan mekanisme request-response memiliki keterbatasan berupa overhead header yang besar dan sifat ketidakpersistenan koneksi, sehingga kurang efisien jika diterapkan pada sistem antrean yang membutuhkan pembaruan data secara instan dua arah (full-duplex).

Oleh karena itu, pada praktikum ini dipelajari penerapan protokol Message Queuing Telemetry Transport (MQTT) yang dikombinasikan dengan teknologi WebSocket. MQTT merupakan standar komunikasi protokol terbuka yang didesain khusus untuk interaksi machine-to-machine (M2M) dengan model arsitektur Publish/Subscribe. Melalui jalur WebSocket pada port HTTP standard, aplikasi berbasis browser JavaScript (menggunakan library Eclipse Paho JS) dapat terhubung langsung ke MQTT Broker tanpa terhalang oleh aturan firewall jaringan, sehingga pembaruan antrean pasien dan perintah panggilan dapat ditransmisikan secara serentak tanpa jeda waktu.

SISTEM LAMPU LALU LINTAS INTERAKTIF MENGGUNAKAN PROTOKOL WEBSOCKET & MQTT

 LAPORAN PRAKTIKUM 

SISTEM LAMPU LALU LINTAS INTERAKTIF MENGGUNAKAN PROTOKOL WEBSOCKET & MQTT

 

Disusun Oleh Kelompok 6:

Larasati Dwi Ariyanti Putri                                 24051204118

Alen Anang Saputri                                             24051204133

Miuvanida Klandistin                                          24051204208

Detha Gracio Anggara Palimbunga                   24051204219 

BAB I

PENDAHULUAN

1.1  Latar Belakang

Perkembangan teknologi informasi dan komunikasi telah mendorong pemanfaatan sistem otomatisasi dalam berbagai bidang kehidupan, salah satunya pada pengelolaan transportasi dan lalu lintas. Salah satu penerapannya adalah sistem lampu lalu lintas yang berfungsi untuk mengatur pergerakan kendaraan agar lebih tertib dan mengurangi potensi kemacetan. Seiring berkembangnya teknologi, sistem lampu lalu lintas dapat dikembangkan menjadi lebih interaktif dengan memanfaatkan konsep Internet of Things (IoT).

Internet of Things (IoT) merupakan konsep yang memungkinkan berbagai perangkat fisik saling terhubung dan bertukar informasi melalui jaringan internet. Dalam penerapannya, perangkat seperti mikrokontroler, sensor, dan aktuator dapat digunakan dalam pengembangan sistem IoT adalah ESP32 karena telah dilengkapi dengan konektivitas WI-FI sehingga mampu berkomunikasi dengan perangkat maupun server melalui jaringan internet.

 Pada praktikum ini dikembangkan sebuah sistem lampu lalu lintas interaktif menggunakan protokol komunikasi MQTT (Message Queuing Telemetry Transport) dan WebSocket. MQTT merupakan protokol komunikasi ringan yang menggunakan mekanisme publish/subscribe untuk mengirim dan menerima pesan melalui broker. Sementara itu, WebSocket memungkinkan komunikasi dua arah secara langsung antara browser dan server tanpa perlu melakukan permintaan data secara berulang. Kombinasi kedua protokol tersebut memungkinkan sistem lampu lalu lintas dikendalikan dan dipantau melalui dashboard berbasis web secara real-time.

Sistem yang dibuat menggunakan ESP32 sebagai pengendali utama, tiga buah LED berwarna merah, kuning, dan hijau sebagai representasi lampu lalu lintas, serta HiveMQ sebagai broker MQTT. Selain itu, Wokwi digunakan sebagai simulator untuk menjalankan dan menguji rangkaian tanpa memerlukan perangkat keras secara langsung. Melalui dashboard web, pengguna dapat memberikan perintah untuk menyalakan, mematikan, dan mengatur durasi setiap lampu lalu lintas.

Dengan adanya praktikum ini, diharapkan mahasiswa dapat memahami penerapan konsep Internet of Things, mekanisme komunikasi MQTT dan WebSocket, serta integrasi antara mikrokontroler dengan aplikasi berbasis web. Pengembangan sistem ini juga menjadi salah satu contoh pemanfaatan teknologi komunikasi real-time dalam mendukung sistem otomatisasi yang lebih fleksibel dan mudah dikendalikan.

1.2  Rumusan Masalah

Berdasarkan latar belakang yang telah diuraikan, rumusan masalah dalam praktikum ini adalah sebagai berikut:

1. Bagaimana merancang dan membangun sistem lampu lalu lintas interaktif menggunakan mikrokontroler ESP32?

2. Bagaimana menerapkan protokol MQTT sebagai media komunikasi antara ESP32 dan broker HiveMQ?

3. Bagaimana memanfaatkan WebSocket agar dashboard berbasis web dapat berkomunikasi dengan broker MQTT secara real-time?

4. Bagaimana mengintegrasikan ESP32, MQTT, WebSocket, dan dashboard web dalam satu sistem lampu lalu lintas interaktif?

5. Bagaimana mengendalikan perubahan warna dan mengatur durasi lampu lalu lintas melalui dashboard web?