Pastikan masih dalam folder mjpg-stremer.
Kalo ga tau IP si Raspi yaa tinggal cek aja di terminal lalu ketik “ifconfig” tanpa tanda kutip ya gan. Nah nanti keliatan IP si Raspi berapa.
Masih panjang ni gan prosesnya..... sabar ya sabar hahahah
Kalo masih blom jelas juga google aja ya gan keywordnya “mjpg-streamer raspberry” nanti juga bejibun banyak tutorialnya hahaha.
TAHAP SELANJUTNYA.... !
Pada pengontrolan ini saya menggunakan WEBIOPI.
Webiopi adalah sebuah Framework atau sering disebut kumpulan script (nyontek mbah google hahahaha).
Seperti biasa buka terminal si Raspi
wget http://webiopi.googlecode.com/files/WebIOPi-0.7.0.tar.gz
tar xvzf WebIOPi-0.7.0.tar.gz
cd WebIOPi-0.7.0
sudo ./setup.sh
Untuk menjalankannya perlu perintah kaya gini ni..........
$ sudo /etc/init.d/webiopi start
$ sudo /etc/init.d/webiopi status (perintah ini digunakan untuk mengecek apakah si webiopi berjalan dengan baik, jika statusnya OK maka lancar jaya gan webiopinya hahaha)
 |
| config gambar home automation |
Sekarang dicoba dulu webiopi apakah sudah jalan. Buka browser dan masukan http://IpRaspberry:8000
 |
| ping gpio gambar home automation |
Dan yg terakhir adalah membuat halaman web untuk mengontrol si lampu tersebut.
Masih dalam folder “lampu” buat lagi file dengan ekstensi .html
sudo nano index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content = "height = device-height, width = 420, user-scalable = no" />
<title>WebIOPi | Demo</title>
<script type="text/javascript" src="/webiopi.js"></script>
<script type="text/javascript">
webiopi().ready(function() {
webiopi().setFunction(25, "out");
var content, button;
content = $("#content");
// create a "LED" labeled button for GPIO 25
button = webiopi().createGPIOButton(25, "LED1");
content.append(button); // append button to content div
// you can also create a button which calls a different function for mouse down and up events
button = webiopi().createButton("hold", "Hold", mousedown, mouseup);
content.append(button);
webiopi().refreshGPIO(true);
});
function mousedown() {
webiopi().digitalWrite(25, 1);
}
function mouseup() {
webiopi().digitalWrite(25, 0);
}
</script>
<style type="text/css">
button {
display: block;
margin: 5px 5px 5px 5px;
width: 160px;
height: 45px;
font-size: 24pt;
font-weight: bold;
color: black;
}
input[type="range"] {
display: block;
width: 160px;
height: 45px;
}
.LOW {
background-color: White;
}
.HIGH {
background-color: Red;
}
</style>
</head>
<body>
<div id="content" align="center">
CONTOH LAMPU SEDERHANA
<img width="320" height="240" src="http//ipraspberry:8090/?action=stream"><br/>
</div>
</body>
</html>
save file CTRL+X , Yes dan enter
ketik “ls” pada terminal tanpa tanda petik dan masih dalam folder “lampu”
Ini nih yang terakhit......TAHAP UJI COBA
Masih dalam folder “lampu”, kita ketikan perintah seperti dibawah ini.
Sabar gan masih ada satu lagi yang penting, yaitu kita set debug dengan mengubah scrpitnya dan memasukan alamat file “lampu” yang telah dibuat tadi.
$ sudo nano /etc/webiopi/config
 |
| config gambar home automation |
pada bagian [SCRIPT] #myscript masukan alamat relay.py yang telah dibuat tadi
#myscript = /home/pi/lampu/relay.py
lalu ubah alamat folder menjadi alamat folder si “lampu”
doc – root = /home/pi/lampu/
DAN ini.....ini....! yg terakhit hahahaha
$ sudo /etc/init.d/webiopi start
$ sudo /etc/init.d/webiopi status (jika terdapat status [OK] maka webiopi berjalan dengan baik)
Buka Browser masukan alamatsi Raspi http//ipraspberry:8000
DAAAAAANNNNNNN INI HASILNYA JENGJENG !!!!!!
 |
| kondisi mati |
 |
| kondisi hidup |
Kurang lebihnya mohom maaf dan harap maklum saya juga masih tahap belajar gan :D
klo ada pertanyan bisa contact saya aja di
facebook @ Haerul Rasp Pi
twitter @irul_gudelz
Wassalam'mualaikum Wr Wb
