Monitoring Suhu Dan Kelembapan Berbasis Web

kali ini penulis akan mengembangkan contoh aplikasi monitoring suhu berbasis web dari tulisan penulis sebelum nya https://purwanto1987.wordpress.com/2014/05/11/monitoring-suhu-menggunakan-arduino-dan-nec28j60.

PENULIS TIDAK AKAN MENJELASKAN RINCIAN DAN FUNGSI KODING YG TERDAPAT PADA TULISAN INI.

gg1

foto1251_w

Pada tulisan sebelum nya penulis menggunakan seperangkat alat yg terdiri dari Arduino, sensor DHT11, LM35 dan ethernet NEC28J60 kita sebut saja “alat sensor”, walaupun bisa diakses dari web secara langsung tetapi konten yg ditampilkan sangat sederhana sekali, oleh karna itu penulis membuat aplikasi sederhana dimana setiap 5 detik sekali aplikasi ini mengakses alat sensor dan menerima respon data berformat JSON yg berisikan informasi kelembapan dan temperatur.

Alat sensor tersebut memiliki IP 192.168.1.15 dan IP web server tempat terpasang nya aplikasi monitoring adalah 192.168.1.10, secara garis besar aplikasi ini menjembatani data respon dari alat sensor dan menampilkan nya ke pengguna dalam format yg lebih menarik. Keungulan sistem seperti ini alat sensor bisa ditempatkan dimana saja asalkan masih terjangkau kabel LAN. PC web server bisa ditempatkan dimana saja bisa juga digabung dengan router agar bisa diakses via internet.

Sebelum itu kode pada arduino yg pernah penulis buat di tulisan sebelum nya perlu dirubah supaya respon yg dihasilkan berformat JSON. berikut kode yg terdapat pada Arduino dengan respon format JSON

ard

Aplikasi ini terpasang pada PC web server php, penulis mengunakan AppServ sebagai web server nya. penulis mengunakan jQuery dan jQwidgets sebagai pondasi pembuatan aplikasi ini. penulis mengabungkan semua koding-koding aplikasi pada folder bernama dht11

folder

pertama kita buat koding PHP untuk mengakses alat sensor dengan nama data.php

data

bila kita akses file tersebut dari web browser akan nampak format JSON hasil respon dari alat sensor

json

setelah itu buat koding PHP untuk aplikasi utama nya dengan nama index.php

code_html

untuk membentuk layout agar terlihat menarik buat koding CSS dan masukan ke folder scripts dengan nama mycss.css

csssss

untuk mengakses aplikasi monitoring cukup mengetikan URL IP web server dan nama folder aplikasi maka akan muncul aplikasi monitoring sederhana ini

gg1

OK. sekian tulisan ini semoga bermanfaat dan mengispirasi ….

Tentang

Pemancar FM, Penerima FM, Microcontroler

Ditulis dalam Arduino, Microcontroller, PC, PHP