3.3 Perancangan Perangkat Lunak
Perangkat lunak yang dirancang pada penelitian ini adalah: a.
Program Web Program Web berfungsi untuk menampilkan relay-relay yang akan dieksekusi ON
atau OFF dengan menggunakan Web. b.
Program Eksekusi Relay Program Ekseskusi Relay  berfungsi untuk mengeksekusi peralatan relay  dengan
input dari Web server.
3.3.1  Program Web
Ketika  web-server  menerima  request  dari  browser  HTTP-REQUEST, maka akan mengirimkan skrip  HTML kepada browser  untuk diproses yang  ditampilkan dalam
browser . Untuk mengendalikan relay melalui web, dibuatkan sebuah file “index.php”
yang berisi skrip html  dan  php. Skrip html berfungsi untuk tampilan dan pembuatan halaman  web.  Ketika  user  menekan tombol Submit  pada form, maka browser  akan
mengirimkan  request  lengkap  dengan data-data kondisi masing-masing  relay  yang sebelumnya dipilih oleh user  dengan mencentang check-box  masing-masing  relay.
Ketika  web-server  menerima permintaan tersebut, maka program PHP menyeleksi relay
mana yang di-ON-kan dan relay  mana yang di-OFF-kan. Selanjutnya program PHP akan mengeksekusi program  “Rserial.exe”. Program inilah yang berinteraksi
secara langsung dengan modul mikrokontroler.  Mikrokontroler menerima data dari program “Rserial.exe”  dan mengeksekusi masing-masing  relay  sesuai dengan
perintah.
3.3.2  Rancangan Halaman Login
Rancangan Halaman Login  berfungsi untuk melakukan otorisasi sistem sebagai pengguna sistem kendali peralatan listrik menggunakan Web. Sebelum melakukan
login ,  user name  serta  password  dimasukkan pada listing  program HTML-PHP.
Rancangan Halaman Login dapat dilihat pada Gambar 3.5.
Universitas Sumatera Utara
Tampilan Web
UserID Password
Gambar 3.5 Rancangan Halaman Login
3.3.3  Rancangan Halaman Kendali Listrik
Rancangan Halaman Kendali Listrik berfungsi untuk melakukan kendali peralatan listrik menggunakan Web. Rancangan Halaman Kendali Listrik dapat dilihat pada
Gambar 3.6.
Gambar 3.6 Rancangan Halaman Kendali Listrik
3.3.4  Rancangan Akses Port Serial ClientWeb Browser
Konsep clientweb  browser  browsing  ke server hingga dapat mengakses port serial memerlukan beberapa komponen yaitu komputer client  sebagai  web browser,  web
server , file teks yang isinya dapat diubah-ubah sesuai dengan penulisan yang
ON OFF
ALAT 1
ON OFF
ALAT 6 ON
OFF ALAT 5
ON OFF
ALAT 4 ON
OFF ALAT 3
ON OFF
ALAT 8 ON
OFF ALAT 7
SUBMIT
ON OFF
ALAT 2
xxxxxxx xxxxxxx
Log me
Universitas Sumatera Utara
dilakukan dari client, dokumen HTML dihasilkan oleh  pengendali program dan ditampilkan bersama dengan hasil pembacaan pengendali program dari piranti
inputoutput IO.  Hubungan antar komponen dapat dilihat pada  Gambar 3.7.
Gambar 3.7 Rancangan Halaman Web
3.3.5  Rangkaian Serial RS232 dan Atmega8
Rangkaian Serial RS232 yang digunakan untuk  komunikasi serial antara mikrokontroler Atmega8 ke USB sebagai jembatan komunikasi TCPIP ke komputer.
Atmega8 berfungsi sebagai  pengontrol driver relay yang dimana fungsinya meng onoff kan peralatan listrik yang terhubung dengan driver relay. Rangkaian Serial
RS232 dan Atmega8 seperti pada Gambar 3.8.
Gambar 3.8 Rancangan Rangkaian Serial RS232
RS 232
Mikrokontr oler
Driver Relay
Piranti
Universitas Sumatera Utara
3.3.6  Rancangan Mikrokontroler AT Mega-8
Mikrokontroler AT Mega88 yang digunakan untuk mengontrol relay  adalah seperti pada Gambar 3.9.
Gambar 3.9 Rancangan Mikrokontroler AT Mega88
Port yang digunakan - Port A0 – A5, B0 – B5, C0 – C5, dan D0 – D5 sebagai kendali rangkaian relay Lampu DC.  Port A6, B6, C7 sebagai kendali relay Lampu AC
- Port A7, B7, C7 sebagai input untuk Detektor - Port D1 dan D0 sebagai kendali Tx Rx
3.3.7  Rangkaian Driver Relay
Pada penelitian ini relay  yang diguankan sebanyak  8  buah  peralatan listrik dengan catu daya 220 Volt  AC.  Load relay  akan melakukan ON atau OFF dengan kendali
microcontroler AT-Mega8 seperti pada Gambar  3.10.
Gambar 3.10 Rancangan Driver Relay
Universitas Sumatera Utara
41 BAB IV
HASIL DAN PEMBAHASAN
4.1. PROTOKOL SERVER – MIKROKONTROLER