Breaking News

Friday, 26 September 2014

Home Automation Raspberry


ASSLAMUALA'IKUM WARAHMATULLOHI WABARAKATU

Pada turorial kali ini saya akan membahas tentang “CONTROL LAMPU SEDERHANA MENGGUNANKAN RASPBERRY PI B”.


 Sebenernya sih cuma iseng-iseng aja, tapi saya coba buat di share siapa tahu bermanfaat.
Alat-alat yang dibutuhkan :
  1. Raspberry Pi B
    gambar home automation
    gambar home automation
  2. SDCard class 10 ( jika ada, klo ga juga yaaa gpp sih ahaha )
  3. Webcam Logitech C170
  4. TP-Link WN722N
  5. Breadboard
  6. Kabel jumper male-female
  7. Module Relay 5V
  8. Batre alkaline 2 buah
  9. Fitting lampu kecil dan bohlamnya pastinya   
OK langsung aja ke TKP.................!

Pertama yang harus dilakukan adalah install OS Raspbian bisa di download pada webresminya si RasPi disini untuk yg saya pake ini. Sebetulnya sih bisa pake selain Raspbian tinggal tertantung pemakainnya saja.

Setelah selesai install si Raspbian lanjut lagi ketahap selanjutnya..... nah ! Tadi kan ada webcam ! Buat apa sih....?

Webcam digunakan untuk streaming gambar, jadi kita kaya ngeliat video kaya di youtube ono nooohh ahahah. Caranya kita install MJPG-STREAMER tutorialnya udah banyak sih si mbah google. Naaaah untuk install si Mjpg-Streamer ada beberapa tahap nih gan...! mongo disimak

Pertama kita buka terminal si Raspi kemudian masukan perintah dibawah ini....
eeeetttttssss ! Sabar gan pastikan sudah terhubung dengan internet si Raspi. Ok Kita lanjut lagi
  1. sudo apt-get install subversion
  2. sudo apt-get install libv4l-dev
  3. sudo apt-get install libjpeg8-dev
  4. sudo apt-get install imagemagick
Kalo udah itu semua, baru install si Mjpg-streamer. JANGAN LUPA pastikan tidak ada yang error pada saat pengistallan. LANJUT !

  1. cd mjpg-streamer
  2. sudo make USE_LIBV4L2=treu clean all
  3. sudo make DESTDIR=/usr install
Sekarang dicoba dlu si webcam nyala ga tuh, masukan perintah
mjpg_streamer -i “usr/lib/input_uvc.so” -o “/usr/lib/output_http.so -w ./www”
Pastikan masih dalam folder mjpg-stremer.

Buka browser terus masukin IP si Raspi http://localhost:8080
(contoh 192.168.1.2:8080)

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
ketik lagi di terminal
  1. sudo nano /usr/sbin/webcam.sh
  2. Terus masukin lagi ni
    mjpg_streamer -i “/usr/lib/input_uvc.so -d /dev/video -r 640x480 -f 20” -o “usr/lib/output_http.so -p 8090 -w /var/www/”
  3. save filenya CTL+ X pilih yes dan enter
  4. sudo chmod 755 /usr/sbin/webcam.sh
  5. sudo ln -s /usr/sbin/webcam.sh /etc/init.d/webcam.sh
  6. Setelah itu lalu ketik lagi sudo update-rc.d webcam.sh defaults 94 6
  7. Rastart dulu supaya berjalan pada saat booting awal
  8. sudo reboot   
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
  1. wget http://webiopi.googlecode.com/files/WebIOPi-0.7.0.tar.gz
  2. tar xvzf WebIOPi-0.7.0.tar.gz
  3. cd WebIOPi-0.7.0
  4. 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
config gambar home automation

Sekarang dicoba dulu webiopi apakah sudah jalan. Buka browser dan masukan http://IpRaspberry:8000

pin gpio gambar home automation
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
  1. 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>
  2. save file CTRL+X , Yes dan enter
  3. 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
gambar home automation
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 mati
kondisi hidup
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






16 comments:

  1. Replies
    1. langsung gan... jadi codingnya di script index.html
      thanks

      Delete
  2. Script relay.py nya yang mana ko ga work

    ReplyDelete
    Replies
    1. Ga ush djalanin gan... lngsng maen d webiopinya... jd d setting default index.hrml

      Delete
    2. Ga ush djalanin gan... lngsng maen d webiopinya... jd d setting default index.hrml

      Delete
  3. gan klo itu dijalaninnya masih di jaringan local atau di luar jaringan local?

    ReplyDelete
    Replies
    1. Untuk yg ini ane udh coba local n online jg semuanya bisa

      Delete
    2. This comment has been removed by the author.

      Delete
  4. gan klo mau stream dan webiopi standar..ga kaya di blog agan..yg ubah apanya ya gan ?
    pencerahannya ga tolong..

    ReplyDelete
    Replies
    1. Besok deh gan ane coba bantu remote dari kantor ane

      Delete
  5. gan kalau untuk webcam logitecth C170 support raspberry ngga yah ?

    soalnya ga muncul di tampilannya nih.

    thanks

    ReplyDelete
    Replies
    1. Support gan ane juga pake yg itu, agan pake raspi berapa...?

      Kalo ane kemaren pake raspi B n B+ bisa pake mjpg streamer tapi kalo untuk 2 B memang tidak tampil mesti ada settingan lagi gan

      Delete
  6. caranya biar online gmn ya gan? ane baru bisa localnya aja nih?

    ReplyDelete
  7. bisa gan pake tunnel
    buka aja ngrok.com

    ReplyDelete
  8. Bang instal webiopi ny gmna ya? Error terus bang, maaf newbie bang soal ny hehe

    ReplyDelete
  9. cara rakit antar kabel nya gimana gan,,maf bgt nih newbiee..hihihi

    ReplyDelete

Designed By Blogger Templates