PROTOTYPE JASA PENGENDALIAN DAN PENGAWASAN RUMAH BERBASIS PHP.

PROTOTYPE J ASA PENGENDALIAN DAN PENGAWASAN RUMAH
BERBASIS PHP

SKRIPSI

Diajukan Untuk Memenuhi Per syaratan Dalam
Memperoleh Gelar Sarjana Komputer
Program Studi Sistem Informasi

Disusun Oleh :
IKA NOVI WIJ AYANTI
0935010001

PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
J AWA TIMUR
2013

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

IMPLEMENTASI METODE AHP (ANALYTICAL HIERARCHY PROCESS)
BERBASIS WEB MENGGUNAKAN PHP
UNTUK PEMILIHAN J URUSAN IPA DAN IPS
(STUDI KASUS : SMA NEGERI 1 TARIK)

SKRIPSI

Disusun Oleh :
ADITYA HARYO SANDY
(0935010036)

PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
J AWA TIMUR
2013

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

SKRIPSI
PROTOTYPE J ASA PENGENDALIAN DAN PENGAWASAN RUMAH
BERBASIS PHP

Disusun Oleh:
IKA NOVI WIJ AYANTI
NPM : 0935010001

Telah dipertahankan dihadapan dan diterima oleh Tim Penguji Skripsi
Program Studi Sistem Informasi Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur
Pada Tanggal 04 Oktober 2013
Pembimbing :

Tim Penguji :

1.

1.

Nur Cahyo Wibowo, S.Kom, M.Kom
NIP/NPT. 379030401971

Mohamad Irwan Afandi, S.T, M.Sc
NIP/NPT. 376070702201

2.

2.

Doddy Ridwandono, S.Kom
NIP/NPT. 378050702181

Priza Pandunata, S.Kom, M.Sc
NIP/NPT. 383010602121
3.
Rizka Hadiwiyanti, S.Kom, M.Kom
NIP/NPT. 386071303501

Mengetahui,
Dekan Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur

Ir. Sutiyono, M.T
NIP/NPT. 196007131987031001

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

LEMBAR PENGESAHAN

PROTOTYPE J ASA PENGENDALIAN DAN PENGAWASAN RUMAH
BERBASIS PHP

Disusun Oleh:
IKA NOVI WIJ AYANTI
NPM : 0935010001

Telah disetujui mengikuti Ujian Negara Lisan Gelombang I

Periode 2013/2014 pada Tanggal 04 Oktober 2013
Menyetujui,

Dosen Pembimbing 1

Nur Cahyo Wibowo, S.Kom, M.Kom
NIP/NPT. 379030401971

Dosen Pembimbing 2

Doddy Ridwandono, S.Kom
NIP/NPT. 378050702181

Mengetahui,
Ketua Program Studi Sistem Informasi
Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur

Nur Cahyo Wibowo, S.Kom, M.Kom
NIP/NPT. 379030401971

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

KATA PENGANTAR

Dengan mengucap puji syukur Alhamdulillahirobbil’alamin kepada Allah
SWT, yang telah melimpahkan berkah, rahmat dan hidayah-Nya sehingga dapat
menyelesaikan

Skripsi

ini,

dengan

judul

“

PROTOTYPE

JASA

PENGENDALIAN DAN PENGAWASAN RUMAH BERBASIS PHP “. Skripsi
ini disusun sebagai salah satu persyaratan untuk memperoleh gelar Sarjana (S1)
Program studi Sistem Informasi pada Fakultas Teknologi Industri Universitas
Pembangunan Nasional “Veteran” Jawa Timur.
Skripsi ini dapat terselesaikan berkat bantuan dan dorongan yang telah
diberikan, Penulis menyampaikan rasa terima kasih yang sangat mendalam
kepada :
1. Bapak Prof. Dr. Ir. Teguh Soedarto, MP, selaku Rektor Universitas
Pembangunan Nasional “Veteran” Jawa Timur.
2. Bapak Sutiyono, MT, selaku Dekan Fakultas Teknologi Industri Universitas
Pembangunan Nasional “Veteran” Jawa Timur.
3. Bapak Nur Cahyo Wibowo, S.Kom, M.Kom, selaku Ketua Program Studi
Sistem Informasi sekaligus Dosen Pembimbing I, Universitas Pembangunan
Nasional “Veteran” Jawa Timur.
4. Bapak Doddy Ridwandono, S.Kom, selaku Dosen Pembimbing II, Universitas
Pembangunan Nasional “Veteran” Jawa Timur.

5. Bapak dan Ibu Dosen serta Staff

Fakultas Teknologi Industri khususnya

Program studi Sistem Informasi yang telah memberikan bekal ilmu
pengetahuan serta wawasan yang cukup.

ii
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

6. Kedua Orang Tua Bapak Triyono, Ibu Suparni, Adik Dewi Ratnasari, Rizqi
Bagus Triwahyudi, dan Dwi Susanto terimakasih atas segala doa, motivasi, dan
dorongannya selama ini.
7. Mbah Mardi Wiryono, saudara DevitaPik, Anggi, Marsanto, Andrik, bang
Johan Ji Ha, mama Maria, mas Molhup yang selalu memberikan semangat
kepada penulis.
8. Hakim Alif Fianto, Rino Wahyu Irawan, Tutik Winarti, Subiyanto S.Kom,
Wildan, Aida, Bagas Satriya, Ie-ma, Resty, mbak Jia, Fatim, Yuniar, Yogi dan
Hafid yang selalu memberikan doa dan motivasi.

9.

Teman-teman Jurusan Sistem Informasi angkatan 2009 Septyan, Bernad,
Nurinda, Mega, Tori, Tukijan, Ibnu, Budi, Aan, Ferry, Toyeb, Eka, Yoan, Deki,
Adit, Agus, Pegox yang selalu membuat tersenyum. Sahabat serta semua
teman-teman yang tidak bisa disebutkan satu per satu “Terimakasih”.

Semoga Allah SWT melimpahkan berkah dan karunia-Nya kepada semua
pihak yang telah membantu dalam menyelesaikan Skripsi ini. Penulis menyadari
bahwa Skripsi ini masih banyak kekurangan, penulis berharap semoga Skripsi ini
dapat bermanfaat amin.
Surabaya, Mei 2013

Penulis

iii
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

Judul

: PROTOTYPE JASA PENGENDALIAN DAN PENGAWASAN
RUMAH BERBASIS PHP

Pembimbing 1 : Nur Cahyo Wibowo, S.Kom, M.Kom
Pembimbing 2 : Doddy Ridwandono, S.Kom

ABSTRAK
Rumah merupakan suatu tempat untuk menikmati kehidupan yang nyaman,
tempat untuk beristirahat, tempat berkumpulnya keluarga dan tempat untuk menunjukkan
tingkat sosial dalam masyarakat. Agar rumah menjadi tempat tinggal yang aman dan

nyaman maka pengendalian dan pengawasan rumah dapat dijadikan alternatifnya.
Pengendalian dan pengawasan rumah terdiri dari webcam sebagai pengawasan
rumah dan alat penggerak seperti lampu, kipas dan jendela sebagai alat untuk
dikendalikan.
Aplikasi pengendalian dan pengawasan rumah tersebut dibangun
menggunakan script PHP yang ditempatkan dalam server dan diproses oleh server.
Kemudian hasilnya akan dikirim ke client. Dengan demikian seorang user dapat
mengakses pengendalian dan pengawasan rumah melalui Web.

Dengan adanya aplikasi pengendalian dan pengawasan rumah dapat
memberikan keamanan dan kenyamanan bagi pemilik rumah tanpa khawatir
sedikitpun jika posisi rumah dalam keadaan kosong ditinggal oleh penghuni
rumah.
Kata Kunci : pengamanan rumah, pengendalian rumah, Webcam, PHP.

i
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

DAFTAR ISI

ABSTRAK ....................................................................................................... i
KATA PENGANTAR .................................................................................... ii
DAFTAR ISI ................................................................................................. iv
DAFTAR GAMBAR ..................................................................................... vi
DAFTAR TABEL ......................................................................................... ix

BAB I

PENDAHULUAN ........................................................................... 1
1.1

Latar Belakang .......................................................................... 1

1.2 Rumusan Masalah ..................................................................... 2
1.3 Batasan Masalah ........................................................................ 3
1.4 Tujuan ....................................................................................... 3
1.5 Manfaat .................................................................................... 3
1.6 Metode Penelitian ..................................................................... 4
1.7 Sistematika Penulisan....................................................................5
BAB II TINJ AUAN PUSTAKA ................................................................... 7
2.1 Macromedia Dreamweaver ........................................................ 7
2.2 PHP (Personal Hypertext Preprocessor) ..................................... 8
2.3 Visual Basic 6.0 ......................................................................... 9
2.4 Web Camera (Webcam)...............................................................10
2.5 My SQL.......................................................................................11
2.6 Jasa Pengamanan Rumah dengan Webcam pada Telkom
Speedy.........................................................................................13
2.7 Webcam 7....................................................................................14
BAB III ANALISIS DAN PERANCANGAN SISTEM ............................... 15
3.1 Analisis Sistem ........................................................................ 15
3.2 Perancangan Sistem ................................................................. 16
3.2.1 Arsitektur Sistem.........................................................................16
3.3 Flowchart.....................................................................................17
3.3.1 Flowchart jasa pengendalian dan pengawasan rumah.................17
3.4 Data Flow Diagram......................................................................18
iv
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.4.1 Data Flow Diagram Level 0........................................................19
3.4.2 Data Flow Diagram Level 1........................................................20
3.5 Perancangan CDM......................................................................22
3.6 Perancangan PDM.......................................................................23
3.8 Perancangan Antar Muka............................................................29
BAB IV HASIL DAN PEMBAHASAN ....................................................... 36
4.1 Lingkungan Implementasi........................................................ 36
4.2 Spesifikasi Sistem .................................................................... 36
4.2.1 Perangkat Keras (Hardware) yang digunakan ............... 36
4.2.2 Perangkat Lunak (Software) yang digunakan................ 37
4.3 Implementasi Desain Antarmuka (Desain Interface) ................ 38
BAB V PENUTUP ....................................................................................... 73
5.1 Kesimpulan.............................................................................. 73
5.2 Saran ....................................................................................... 73
DAFTAR PUSTAKA

v
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB I
PENDAHULUAN

1.1 Latar Belakang
Melihat perkembangan yang terjadi di masyarakat, keamanan rumah pada
saat ini telah menjadi salah satu hal yang sangat penting. Begitu banyaknya kasus
pencurian atau perampokan menjadikan masyarakat sadar akan pentingnya
mempunyai sistem keamanan rumah yang handal.
Pada umumnya sistem keamanan yang sering digunakan di masyarakat
berupa jasa pengamanan seperti kamera pengawas (Webcam), dan bisa juga
menggunakan jasa pengawas seperti petugas keamanan. Pengguna jasa petugas
keamanan tersebut

memiliki kekurangan yaitu seperti adanya kemungkinan

petugas yang bekerjasama dengan penjahat atau kecerobohan petugas dalam
pengawasan.
Penelitian yang telah dilakukan oleh Subiyanto Purnomo, (2012)
merupakan aplikasi yang berfungsi untuk memberikan kemudahan pada pengguna
untuk mengendalikan rumahnya dari jarak jauh yang dapat dijangkau WiFi
melalui Handphone Android. Adapun beberapa alat yang dapat dikendalikan
melalui Android yaitu: delapan buah Lampu (led), tiga buah Kipas (dynamo), tiga
buah sensor suhu, dan satu buah sensor cahaya. Otomasi rumah dapat berjalan
apabila status pengguna sedang tidak berada di rumah. Apabila salah satu
pengguna berada di dalam rumah, maka otomatisasi akan berhenti.
Berdasarkan persoalan di atas terdapat kekurangan, yaitu tidak adanya alat
pengawas yang dapat digunakan untuk pengawasan rumah. Untuk melengkapi

1
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

2

kekurangan tersebut, maka diperlukannya suatu sistem tambahan yang dapat
mengontrol

sekaligus

memberikan

pengawasan

keamanan

rumah

yaitu

menggunakan Webcam. Adanya tambahan Webcam tersebut dapat menjadikan
aplikasi yang dibuat menjadi lebih sempurna. Selain dapat mengendalikan
beberapa alat seperti lampu, pintu dan lain-lain, juga disediakan Webcam sebagai
alat yang dapat memberikan kemudahan dalam memantau rumah.
Selain itu terdapat juga fitur-fitur pada aplikasi yang akan dibuat yaitu
menawarkan paket satu kamera (Webcam), paket dua lampu ( lampu dan kipas
angin), paket tiga ( Webcam dan lampu ).
User dapat memilih paket-paket yang ada sesuai dengan voucher yang
ditawarkan. Yaitu dengan cara mendaftar terlebih dahulu sebagai member.
Pembayaran hanya dapat dilakukan secara langsung ketika pelanggan telah
mengisi voucher yang diinginkan, karena tidak melayani pembayaran melalui
ATM.
Pelanggan atau user dapat melihat Webcam secara live view, sehingga
pelanggan mengetahui bagaimana keadaan rumah secara langsung dan tidak
khawatir pada saat meninggalkan rumah dalam keadaan kosong.

1.2 Rumusan Masalah
Perumusan masalah di atas yang akan dijadikan bahan Tugas Akhir ini
adalah :
a. Bagaimana membuat aplikasi berbasis PHP yang dapat mengendalikan dan
mengawasi rumah menggunakan Webcam ?
b. Bagaimana menerapkan bisnis pada aplikasi yang dibuat ?

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3

1.3 Batasan Masalah
Beberapa batasan masalah yang terdapat pada rancang bangun aplikasi ini
adalah :
a. Alat yang dapat dikendalikan adalah delapan buah lampu, tiga buah kipas, tiga
buah sensor suhu, satu buah sensor cahaya dan satu buah Webcam.
b. Pada bisnis yang dibuat hanya menawarkan voucher atau paket jasa saja, tidak
menawarkan pembayaran melalui ATM.
c. Menggunakan 3 (tiga) jabatan pengguna yaitu ayah, ibu, dan anak.
d. Untuk saat ini belum tersedia ubah password. Password pelanggan diperoleh
dari admin dan pengguna diperoleh dari pelanggan dengan jabatan ayah.
e. Pelanggan ditambahkan oleh admin, sedangkan pengguna ditambahkan oleh
pelanggan dengan jabatan ayah.
f. Ayah dan ibu menggunakan semua alat, sedangkan anak hanya dapat
menggunakan lampu dan Webcam.
g. Aplikasi ini hanya bisa digunakan pada 1 (satu) pelanggan saja.
h. Webcam hanya dapat melakukan Streaming.

1.4 Tujuan
Adapun tujuan dalam pembuatan tugas akhir ini adalah :
Membuat aplikasi berbasis PHP yang menawarkan sistem pengendalian dan
pengawasan rumah.

1.5 Manfaat
Manfaat yang dapat diperoleh dalam pembuatan aplikasi ini adalah :

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

4

a. Aplikasi

ini

dapat

memberikan

kemudahan

bagi

pengguna

dalam

mengendalikan dan memantau rumah.
b. Memberikan kenyamanan dan keamanan bagi pengguna sehingga pengguna
tidak perlu khawatir dengan keadaan rumah ketika pergi jauh.

1.6 Metode Penelitian
Metode yang digunakan dalam penelitian dan perancangan aplikasi ini
antara lain:
a. Studi Literatur
Melihat literatur buku-buku pemrograman Visual Basic dan PHP, literatur
dari internet yaitu tentang otomasi rumah dan dari buku-buku koleksi dari
perpustakaan tentang “ prototype sistem otomasi pengendalian dan pengontrol
rumah via android berbasis web service ” oleh Subiyanto Purnomo, mahasiswa
UPN “Veteran” Jatim Jurusan Sistem Informasi 2008.

b. Rencana Desain Sistem
Langkah awal yaitu menyusun proses bisnis berupa UML, pembuatan Use
case untuk membahas bagaimana konsep dari aplikasi yang akan dibuat, Class
diagram untuk membahas database yang akan digunakan, Activity Diagram
untuk menggambarkan alur aktifitas sistem yang berjalan, dan Sequence
diagram untuk menggambarkan interaksi antar obyek dan mengindikasi
komunikasi diantara obyek-obyek tersebut.

c. Pembuatan Program

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

5

Setelah proses perancangan sistem dibuat, maka selanjutnya proses
pembuatan program dengan menggunakan aplikasi-aplikasi yang dapat
menunjang pembuatan program
d. Implementasi
Setelah program dibuat, maka selanjutnya mengimplementasikan aplikasi
yang dibuat pada miniatur rumah. Dalam tahap ini dapat direalisasikan apa
yang ada pada tahap sebelumnya menjadi aplikasi yang sesuai dengan apa yang
telah direncanakan

e. Uji Coba dan Evaluasi
Pada tahap ini dilakukan uji coba terhadap aplikasi. Kemudian hasil dari
uji coba tersebut dievaluasi. Apabila terdapat kesalahan atau kekurangan pada
aplikasi tersebut maka dapat dilakukan perbaikan.

f. Penyusunan Laporan
Tahap ini dilakukan penyusunan laporan dari semua dasar teori dan
metode yang digunakan dalam tugas akhir ini. Serta hasil dari implementasi
aplikasi yang dibuat.

1.7 Sistematika Penulisan
Agar lebih memahami materi, laporan ini dibagi menjadi lima bab yang
dilengkapi dengan penjelasan pada setiap bab, yaitu:

BAB I

PENDAHULUAN
Berisi latar belakang yang menjelaskan latar belakang tujuannya,
manfaatnya, dan lain-lain.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

6

BAB II

TINJAUAN PUSTAKA
Pada bab ini akan dijelaskan tentang landasan teori dari aplikasi
yang akan dibuat

BAB III

ANALISIS DAN PERANCANGAN
Pada bab ini akan dijelaskan rancangan alur dari program.

BAB IV

HASIL DAN PEMBAHASAN
Pada bab ini akan dijelaskan hasil dan pembahasan perangkat yang
menunjang dari program serta membahas mengenai hasil dari
aplikasi.

BAB V

PENUTUP
Bab ini menjelaskan tentang kesimpulan dan saran-saran mengenai
aplikasi yang telah dibuat

DAFTAR PUSTAKA
Pada bagian ini terdapat sumber-sumber literatur yang digunakan
dalam pembuatan laporan ini
LAMPIRAN
Pada bagian ini terdapat informasi tambahan seperti source code
dan sebagainya

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB II
TINJ AUAN PUSTAKA

2.1 Macromedia Dreamweaver
Menurut Musyawarah (2005), Dreamweaver adalah salah satu program
aplikasi yang menerapkan konsep (what you see is what you get), karena berisi
menu dan panel yang diberi nama atau simbol sesuai dengan fungsi kerja yang
ada di dalamnya Saat ini terdapat banyak software dari kelompok Macromedia
yang digunakan untuk mendesain suatu situs web.
Salah satu versi Macromedia Dreamweaver yang banyak digunakan adalah
Dreamweaver 8 (Eight) atau Dreamweaver delapan. Pada Dreamweaver 8
(Eight) , terdapat beberapa kemampuan bukan hanya sebagai software untuk
mendesain web saja, tetapi juga untuk menyunting kode serta pembuatan aplikasi
web dengan menggunakan berbagai bahasa pemrograman web, salah satunya PHP.
Fasilitas

penyuntingan

secara

visual

dari

Dreamweaver

8

(Eight)

memungkinkan untuk menambah desain dan fungsionalitas halaman-halaman web.
Membuat dan mengedit image dapat dilakukan dalam Macromedia Firework dan
dapat juga menambahkan objek Flash ke dalam Dreamweaver 8 (Eight).
Tetapi aplikasi yang akan dibuat pada kali ini adalah menggunakan
Dreamweaver CS6. Berikut ini adalah contoh tampilan awal untuk Dreamweaver
CS6 yang dapat dilihat pada Gambar 2.1.

7
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

8

Gambar 2.1 Contoh tampilan awal Dreamweaver CS6.

2.2 Personal Hypertext Pr eprocessor (PHP)
Menurut Nugroho (2004), PHP adalah program aplikasi yang bersifat server
side, yang artinya hanya dapat berjalan pada sisi server saja dan tidak dapat
berfungsi tanpa adanya sebuah server di dalamnya. PHP juga bukan sebuah
bahasa pemrograman yang lengkap. Maksudnya program ini tidak menyertakan
sebuah compiler tersendiri yang membuat program hasilnya menjadi program .exe
yang dapat dijalankan sendiri.
Program ini akan selalu membutuhkan sebuah server pendukung yang disebut
Web Server dan program PHP itu sendiri untuk menjalankan semua script
program. PHP merupakan sebuah bahasa pemrograman yang berlisensi open
source. Script ini dapat bercampur dengan Script Tag HTML sehingga karena
kemampuannya tersebut, ia disebut sebagai bahasa yang embeded pada Tag
HTML.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

9

2.3 Visual Basic 6.0
Menurut Yuswanto (2003), Microsoft Visual Basic merupakan pemrograman
kendali kejadian (Event Driven Programming) yang artinya program menunggu
sampai adanya respon dari pemakai berupa event atau kejadian tertentu. Ketika
event terdeteksi, kode yang berhubungan dengan program akan dijalankan.
Menurut Nursal S.Kom, dalam bukunya Visual Basic I tahun 2007 ,
menjelaskan tentang Visual Basic, beliau menerangkan bahwa : Microsoft Visual
Basic, yaitu aplikasi yang dijalankan dengan menggunakan sistem operasi
windows yang juga merupakan hasil karya dari perusahaan Microsoft corporation.
Aplikasi Visual Basic memilki keunggulan antara lain memiliki kemampuan
untuk mengkompilasi program dalam bentuk native code, yaitu optimisasi pada
saat prosesor mengkompilasi dan menjalankan program, sehingga menjadikan
Visual Basic memiliki kemudahan dan kecepatan di dalam mengakses program.
Berikut ini adalah tampilan awal dari Visual Basic 6.0 :

Gambar 2.2 Tampilan awal Visual Basic 6.0

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

10

2.4 Web Camera (WebCam)

Webcam adalah kamera video sederhana berukuran relatif kecil. sering
digunakan untuk konferensi video jarak jauh atau sebagai kamera pemantau.
WebCam pada umumnya tidak membutuhkan kaset atau tempat penyimpanan
data, data hasil perekaman yang didapat langsung ditransfer ke komputer.

Defenisi yang lain tentang Webcam adalah sebuah periferal berupa kamera
sebagai pengambil citra/gambar dan mikropon ( optional ) sebagai pengambil
suara/audio yang dikendalikan oleh sebuah komputer atau oleh jaringan komputer.
Gambar yang diambil oleh Webcam ditampilkan ke layar monitor, karena
dikendalikan oleh komputer maka ada interface atau port yang digunakan untuk
menghubungkan WebCam dengan komputer atau jaringan. Ada beberapa orang
mengartikan WebCam sebagai Web pages + Camera, karena dengan
menggunakan WebCam untuk mengambil gambar video secara aktual bisa
langsung di upload bila komputer yang mengendalikan terkoneksi internet.
Gambar Webcam merk Dlink.

Webcam (singkatan dari web camera ), merupakan sebutan bagi kamera realtime (bermakna keadaan pada saat ini juga) yang gambarnya bisa diakses atau
dilihat melalui internet , program instant messaging seperti Yahoo Messenger ,
AOL Instant Messenger (AIM), Windows Live Messenger , dan Skype .Istilah
“webcam” mengarah pada jenis kamera yang digunakan untuk kebutuhan layanan
berbasis web. Dan berikut ini contoh gambar Webcam :

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

11

Gambar 2.3 Webcam

2.5 My SQL

Menurut Nugroho (2004), MySQL adalah sebuah program database server
yang mampu menerima dan mengirimkan datanya dengan sangat cepat, multi user
serta menggunakan perintah standar SQL (Structured Query Language). MySQL
juga dapat berperan sebagai client/server, yang pen source dengan kemampuan
dapat berjalan baik di OS (Operating System) manapun. Selain itu database ini
memiliki kelebihan dibanding database lain, diantaranya adalah :
1. MySQL sebagai Database Management System (DBS)
2. MySQL sebagai Relation Database Management System (RDBMS)
3. MySQL adalah sebuah software database yang bebas digunakan oleh
siapa saja tanpa harus membeli dan membayar lisensi kepada
pembuatnya.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

12

4. MySQL merupakan database server, jadi dengan menggunakan database
ini, dapat dihubungkan ke media internet sehingga dapat diakses dari
jauh.
5. Selain menjadi server yang melayani permintaan, MySQL juga dapat
melakukan query yang mengakses database pada server.
6. Mampu menerima query yang bertumpuk dalam satu permintaan atau
yang disebut Multi-Threading.
7. Mampu menyimpan data yang berkapasitas besar hingga berukuran
gigabyte sekalipun.
8. Memiliki kecepatan dalam pembuatan tabel maupun update tabel.
9. Menggunakan bahasa permintaan standar yang bernama SQL (Structure
Query Language) yaitu sebuah bahasa permintaan yang distandarkan
pada beberapa database server seperti oracle. Dengan beberapa
kelebihan yang dimiliki, MySQL menjadi sebuah program database yang
sangat terkenal digunakan. Pada umumnya MySQL digunakan sebagai
database yang diakses melalui web. Berikut ini adalah contoh tampilan
database MySQL :

Gambar 2.4 Tampilan Database MySQL

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

13

2.6 J asa Pengamanan Rumah dengan Webcam pada Telkom Speedy
Diakses dari http://telkomspeedy.com/speedy-monitoring (2013), bahwa
bisnis jasa pengamanan rumah dengan Webcam pada Telkom Speedy yaitu pihak
Speedy tersebut menawarkan jasa pengamanan rumah dengan Webcam kepada
pelanggan dan fitur-fitur yang ditawarkan cukup menarik yaitu pelanggan dapat
melakukan lihat video, menyimpan hasil rekaman video, download video, dapat
mengakses kondisi rumah melalui Smartphone Android, Windows Phone dan
Iphone. Untuk melakukan pemasangan Webcam pada rumah tersebut seorang
pelanggan harus registrasi terlebih dahulu. Webcam yang ditawarkan ada
bermacam-macam yaitu satu unit, dua unit dan empat unit. Terdapat juga durasi
rekam dan beberapa kapasitas penyimpanan yang diberikan oleh pihak Speedy.
Ada juga paket SILVER yaitu Minimum Speedy 512kbps (apabila kedua
kamera dipasang pada satu line Speedy). Dan GOLD minimum Speedy 1Mbps
(apabila keempat kamera dipasang pada satu line Speedy yang sama). Berikut ini
adalah contoh halaman Web pada Speedy Monitoring :

Gambar 2.5 Website Speedy Monitoring.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

14

2.7 Webcam 7
Webcam 7 merupakan aplikasi Webcam profesional yang sangat cocok untuk
melakukan segala macam perekaman. Fungsi dari Webcam 7 adalah untuk
memonitoring dan streaming kamera jaringan, baik untuk kepentingan profesional
atau hal-hal pribadi. Aplikasi ini bisa bekerja secara parallel untuk mengelola
beberapa sumber video pada komputer yang sama. Aplikasi ini merupakan utiliti
video yang canggih dan ideal misalnya untuk memantau barang-barang, atau
mengawasi rumah dari jarak jauh, cukup melalui jalur telepon atau melalui
koneksi internet lainnya. Dan pada aplikasi yang dibuat saat ini menggunakan
Webcam 7 yang dapat melakukan streaming saja. Gambar 2.6 ini adalah tampilan
awal dari Webcam 7 :

Gambar 2.6 Tampilan Webcam 7

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB III
ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem
Pada bab ini akan dijelaskan mengenai analisa sistem pada “Prototype Jasa
Pengendalian dan Pengawasan Rumah berbasis Php”. Jasa pengendalian dan
pengawasan rumah tentu saja akan memberikan kemudahan penggunanya dalam
mengawasi rumah.
Aplikasi ini menawarkan paket jasa yaitu paket pengendalian rumah seperti
paket lampu (meliputi lampu dan kipas), paket kamera (yaitu webcam), serta
paket lampu dan kamera (paket lengkap) yang dapat diakses melalui Web dan
dikomersilkan menggunakan voucher. Pengguna dapat mengendalikan rumah
melalui website yaitu dengan cara membeli paket voucher yang diinginkan ,
kemudian memasukkan id_voucher ke website tersebut. Tetapi sebelum itu
pengguna harus mendaftarkan diri terlebih dahulu sebagai member, setelah
menjadi member baru akan memasukkan id dan password. Setelah itu baru
memasukkan id_vouchernya untuk mengaktifkan paket yang dipilih.
Aplikasi ini dapat mengendalikan rumah seperti : lampu dan kipas. Pada
aplikasi ini digunakan miniatur rumah, yaitu menggunakan delapan buah lampu
led, tiga buah kipas angin (dynamo), pintu rumah menggunakan tiga buah saklar.
Aplikasi ini juga terdapat tiga buah sensor suhu dan satu sensor cahaya untuk
mendeteksi cahaya, serta terdapat Webcam untuk merekam kejadian apa saja yang
ada di rumah. Sehingga kondisi rumah menjadi terpantau dan aman.

15
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

16

3.2 Perancangan Sistem
Pada bagian ini akan dibahas mengenai perancangan sistem yang ada pada
“Prototype Jasa Pengendalian dan Pengawasan Rumah berbasis Php”. Pembuatan
proses desain sistem aplikasi dalam sub-bab ini dibagi menjadi 4 (empat) tahap
yaitu : pembuatan usecase diagram, activity diagram, sequence diagram, dan
class diagram.
Berikut ini Gambar perancangan sistem dari aplikasi “Prototype Jasa
Pengendalian dan Pengawasan Rumah berbasis PHP.

3.2.1 Arsitektur Sistem

Gambar 3.1 Arsitektur Sistem Pengendalian dan Pengawasan Rumah.
Keterangan Gambar 3.1 adalah sebagai berikut :
a. Server (berada di kantor)
b. Pengguna (berada diluar rumah)
c. Pelanggan 1 dengan komputer yang sudah terinstal Visual Basic 6.0
dan Webcam.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

17

d. Alat yang dikendalikan pelanggan C.
e. Pelanggan 2 dengan komputer yang sudah terinstal Visual Basic 6.0
dan Webcam.
f. Alat yang dikendalikan pelanggan E.
g. Koneksi pengguna ke server.
Dari keterangan diatas dapat di jelaskan bahwa seorang pelanggan dapat
menggunakan atau menjalankan alat yang yang ada dirumah mereka dengan
komputer yang sudah terinstal software Visual Basic 6.0 dan Webcam 7. Visual
Basic tersebut akan terus-menerus memantau database yang ada pada server, jika
ada perubahan maka langsung ke alat. Pada server terdapat program PHP dan
database MySQL, Sedangkan pengguna yang berada diluar rumah dapat
mengakses menggunakan IP address yang ada pada komputer rumah.

3.3 Flowchart
Flowchart merupakan suatu arus data diagram yang digunakan untuk
menggambarkan aliran kerja dari sistem manual. Berikut ini adalah gambaran
flowchart Sistem Prototypr jasa pengendalian dan pengawasan rumah berbasis
PHP.
3.3.1 Flowchart jasa pengendalian dan pengawasan rumah
Flowchart jasa pengendalian dan pengawasan rumah pada website ini
menjelaskan tentang bagaimana seorang pelanggan pertama kali daftar sebagai
member dan dicatat oleh petugas atau admin. Pelanggan akan diberikan password
otomatis oleh admin kemudian pelanggan memilih paket yaitu berupa voucher.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

18

Setelah itu pelanggan memasukkan nomor voucher tersebut dan langsung dapat
menggunakan alat pengendalian dan pengawasan rumah.

Gambar 3.2 Flowchart jasa pengendalian dan pengawasan rumah.
3.4 Data Flow Diagram
Dalam sub bab ini akan dijelaskan DFD sesuai dengan urutannya, yaitu : DFD
Level 0, dan DFD Level 1.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

19

3.4.1 Data Flow Diagram Level 0
Data Flow diagram dibuat untuk menggambarkan sistem sebagai suatu
kesatuan dari jaringan proses fungsional yang dihubungkan satu dengan yang lain
menggunakan alur data sehingga pembuatan DFD ini memberikan penekanan
hanya pada fungsi sistem. Pada DFD Level 0 ini terdapat tiga buah entity yaitu
admin, pelanggan, dan pengguna. untuk admin itu dapat melakukan tambah
pelanggan, tambah pengguna, lihat data pelanggan, lihat data pengguna,
menentukan paket, lihat history pengguna, lihat voucher, lihat detail member, lihat
bayar paket. Untuk pelanggan itu dapat melakukan tambah pengguna yang
diinginkan, menjalankan alat, lihat history pengguna, lihat paket yang ditawarkan,
lihat bayar paket, tulis pesan, lihat master_alat, lihat status alat yang dijalankan,
memasukkan voucher, lihat voucher, melakukan pengaturan. Dan untuk pengguna
itu dapat menjalankan alat, lihat history pengguna, lihat paket yang ditawarkan,
lihat bayar paket, tulis pesan, lihat master_alat, lihat status alat yang dijalankan,
memasukkan voucher, lihat voucher.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

20

Data Pengguna
Data Pelanggan
Data Paket
Data Pembayaran Paket
Data Balas Pesan

Admin

History Pengguna
Data Voucher
Data Detail Member

Tampilan Data Pengguna
Tampilan Data Pelanggan

Data Lihat Detail Member
Data Paket yang Ditawarkan
Data Pembayaran Paket

0

Tampilan Data Pembayaran Paket
Tampilan Data Paket
Tampilan Data Balas Pesan
Tampilan History Pengguna
Tampilan Data Voucher
Tampilan Data Detail Member
Data Paket yang Ditawarkan
Data Tambah Pengguna
Data Pembayaran Paket
Data Pesan
Data Pengaturan
Data History Pengguna
Data Lihat Voucher
Data Master Alat
Data Alat
Data Kontak Kami
Data Lihat Detail Member

Data Pesan
Data History Pengguna
Data Lihat Voucher
Data Master Alat
Data Alat
Data Kontak Kami

Sistem Jasa Pengendalian dan Pengawasan Rumah
Tampilan Data Lihat Detail Member
Tampilan Data Paket yang Ditawarkan
Tampilan Data Pembayaran Paket
Tampilan Data Pesan
Tampilan Data History Pengguna

+

Tampilan Data Lihat Voucher
Tampilan Data Master Alat
Tampilan Data Alat
Tampilan Data Kontak kami

Pengguna

Tampilan Data Tambah Pengguna
Tampilan Data Paket yang Ditawarkan
Tampilan Data Pembayaran Paket
Tampilan Data Pesan
Tampilan Data Pengaturan
Pelanggan

Tampilan Data History Pengguna
Tampilan Data Lihat Voucher
Tampilan Data Master Alat
Tampilan Data Alat
Tampilan Data Kontak Kami
Tampilan Data Lihat Detail Member

Gambar 3.3 Data Flow Diagram Level 0
3.4.2 Data Flow Diagram Level 1
Dalam sub bab ini akan dijelaskan tentang DFD Level 1. DFD ini
merupakan pecahan atau hasil decompose dari DFD level 0. Agar lebih jelas dapat
dilihat pada Gambar 3.4

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

21
20
Pelanggan

Manaj Data
Pengguna

[Data Tambah Pengguna]

[Tampilan Data Tambah Pengguna]

21

Pelanggan
Pelanggan

Manaj Data
Paket
[Tampilan Data Paket yang Ditawarkan]

[Data Paket yang Ditawarkan]

Admin

Pelanggan

3

[Data Pengguna]

19
[Tampilan Data Pengguna]
Data Pengguna
id_pengguna Manaj Data
Pengguna

Admin

[Tampilan Data Paket]

Manaj Data
Paket

Admin
[Data Paket]

Data Pengguna

Admin
Data Paket
id_paket

Data Paket

tb pengguna
tb paket
id_paket

22
Pelanggan

[Data Pesan]

[Tampilan Data Pesan]

Manaj Data
Pesan

Data Paket

Pelanggan
12

[Data Paket yang Ditawarkan]
Pengguna

[Data Balas Pesan]
Admin

5
Data Pesan id_pesan
Manaj Data
[Tampilan Data Balas Pesan]
Balas Pesan

[Tampilan Data Paket yang Ditawarkan]

Manaj Data
Paket yang
Ditawarkan

Pengguna

23
Manaj [Tampilan Data History Pengguna]
History
Pengguna

[Data History Pengguna]
Pelanggan

Pelanggan

Admin

Data Balas Pesan
tb pesan

6
Data History Pengguna
Manaj
id_history
History
[Tampilan History Pengguna]
Pengguna

id_pesan
[History Pengguna]

Data Pesan
[Data Pesan]
Pengguna

Admin

13
[Tampilan Data Pesan]

Manaj Data
Pesan

Pengguna

Admin

Data History Pengguna

tb historypengguna
24
Pelanggan

[Data Lihat Voucher]

id_history

Manaj Data [Tampilan Data Lihat Voucher]
Lihat Voucher

Pelanggan

Data History Pengguna

10
Pengguna

[Tampilan Data History Pengguna]

Manaj Data
History
Pengguna

[Data History Pengguna]

Pengguna

7
[Data Voucher]
Admin

[Tampilan Data Voucher]

Manaj Data
Voucher

25
Admin

id_voucher

Data Voucher

Data Lihat Voucher

Pelanggan

4
Data Pembayaran Paket
Manaj Data [Tampilan Data Pembayaran Paket]
Pembayaran id_bayarpaket
Paket

tb voucher
[Data Pembayaran Paket]

id_voucher

[Tampilan Data Pembayaran Paket]

Manaj Data
Pembayaran
Paket

[Data Pembayaran Paket]
Pelanggan

Admin

Admin

Data Lihat Voucher

Pengguna

Data Pembayaran Paket
16

[Data Lihat Voucher]

Pengguna

[Tampilan Data Lihat Voucher]

tb bayarpaket

Manaj Data
Lihat Voucher

id_bayarpaket
Data Pembayaran Paket
14

Pelanggan

[Data Lihat Detail Member]

Admin

[Data Detail Member]

26
Manaj Data [Tampilan Data Lihat Detail Member]
Lihat Detail
Member

8
Manaj Data
Detail
Member

[Tampilan Data Detail Member]
Data Lihat Detail Member

Pelanggan

Pengguna

Manaj Data
Pembayaran
Paket

[Data Pembayaran Paket]

[Tampilan Data Pembayaran Paket]

Pengguna

18

Admin

Manaj Data [Tampilan Data Master Alat]
Master Alat

[Data Master Alat]
Pengguna

Pengguna

id_detmember
Data Master Alat

Data Detail Member
tb masteralat
id_detmember
27
[Data Lihat Detail Member]
Pengguna

id_masteralat

tb detailmember

Data Lihat Detail Member

Manaj Data
Lihat Detail
Member

Pelanggan

[Data Master Alat]

Data Master Alat

28

[Tampilan Data Master Alat]

Manaj Data
Master Alat

[Tampilan Data Lihat Detail Member]
Pengguna

Pelanggan

2
15
Pengguna

[Data Kontak Kami]

[Tampilan Data Kontak kami]

Manaj Data
Kontak Kami

[Data Pelanggan]

Admin
Pengguna

[Tampilan Data Pelanggan]

Manaj Data
Pelanggan

Admin

Data Pelanggan
tb pelanggan
29
Pelanggan

[Tampilan Data Kontak Kami]

[Data Kontak Kami]
Manaj Data
Kontak Kami

17

Pelanggan
[Data Alat]

Manaj Data
Alat

Pengguna

Pengguna

[Tampilan Data Alat]

Data Alat
31
[Tampilan Data Pengaturan]
Pelanggan

[Data Pengaturan]

Manaj Data
Pengaturan

Pelanggan

tb alatpenggerak
id_alat

Data Pengaturan

tb pengaturan

Pelanggan

30
[Data Alat]

Manaj data
Alat

Data Alat
[Tampilan Data Alat]

Gambar 3.4 Data Flow Diagram Level 1

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

Pelanggan

22

3.5 Perancangan CDM (Conceptual Data Model)
Pembuatan CDM adalah suatu tahap dimana dilakukan proses identifikasi dan
analisa kebutuhan-kebutuhan data dan ini disebut pengumpulan data dan analisa.
Untuk menentukan kebutuhan-kebutuhan suatu sistem database, harus mengenal
terlebih dahulu bagian-bagian lain dari sistem informasi yang akan berinteraksi
dengan sistem database.

Gambar 3.5 CDM (Conceptual Data Model)

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

23

3.6 Perancangan PDM (Physical Data Model)
Pada perancangan PDM (Physical Data Model) hampir sama dengan
perancangan CDM (Conceptual Data Model). Berikut gambar PDM (Physical
Data Model).

Gambar 3.6 PDM (Physical Data Model)

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

24

3.7 Struktur Tabel
Struktur tabel merupakan uraian struktur fisik dari tabel-tabel yang
terdapat pada database sistem yang berfungsi untuk menyimpan data-data yang
saling berhubungan.

3.7.1 Tabel Pelanggan
Tabel

pelanggan

terdiri

dari

lima

field

yaitu

id_pelanggan,

nama_pelanggan, alamat, nomor telephone, status_pelanggan dan primary key
terdapat pada field id_pelanggan.
Tabel 3.1 Tabel Pelanggan
Field

Tipe Data

Length

Keterangan

Id_pelanggan
Nama_pelanggan
Alamat
No tlp
Status_pelanggan

Int
Varchar
Varchar
Int
Varchar

50
50
50
50
50

Primary Key
-

3.7.2 Tabel Pengguna
Tabel pengguna terdiri dari tujuh field yaitu id_pengguna, id_pelanggan,
nama_pengguna, jabatan, status_pengguna, password_pengguna, level dan
primary key terdapat pada field id_pengguna.
Tabel 3.2 Tabel Pengguna
Field

Tipe Data

Length

Keterangan

Id_pengguna
Id_pelanggan
Nama_pengguna
Jabatan
Status_pengguna
Password_pengguna
level

Int
Int
Varchar
Varchar
Varchar
Varchar
Varchar

50
50
50
50
50
50
50

Primary Key
-

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

25

3.7.3 Tabel Alat Penggerak
Tabel alat penggerak terdiri dari sembilan belas field yaitu id_alat,
id_pelanggan, lampu 0, lampu 1, lampu 2, lampu 3, lampu 4, lampu 5, lampu 6,
lampu 7, kipas 0, kipas 1, kipas 2, suhu 0, suhu 1, suhu 2, pintu, jendela, cahaya
dan primary key terdapat pada id_alat.
Tabel 3.3 Tabel Alat Penggerak
Field
Id_alat
Id_pelanggan
Lampu 0
Lampu 1
Lampu 2
Lampu 3
Lampu 4
Lampu 5
Lampu 6
Lampu 7
Kipas 0
Kipas 1
Kipas 2
Suhu 0
Suhu 1
Suhu 2
Pintu
Jendela
cahaya

Tipe Data

Length

Keterangan

Int
Int
Int
Int
Int
Int
Int
Int
Int
Int
Int
Int
Int
Int
Int
int
Int
Int
Int

50
50
10
10
10
10
10
10
10
10
10
10
10
10
10
10
10
10
10

Primary Key
-

3.7.4 Tabel Bayar Paket
Tabel bayar paket terdiri dari lima field yaitu id_bayar_paket,
id_detail_member, id_voucher, jumlah, tgl_bayar dan primary key terdapat pada
field id_bayar_paket.
Tabel 3.4 Tabel Bayar Paket
Field
Id_bayar_paket

Tipe Data

Length

Keterangan

Int

50

Primary Key

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

26

Int
Int
Int
Date

Id_detail_member
Id_voucher
jumlah
Tgl_bayar

50
50
50
-

-

3.7.5 Tabel Detail Member
Tabel detail member terdiri dari enam field yaitu id_detail_member,
id_pelanggan, id_paket, tgl_mulai, tgl_berakhir, status dan primary key terdapat
pada field id_detail_member.
Tabel 3.5 Tabel Detail Member
Field

Tipe Data

Length

Keterangan

Id_detail_member
Id_pelanggan
Id_paket
Tgl_mulai
Tgl_berakhir
Status

Int
Int
Int
Date
Date
Varchar

50
50
50
50

Primary Key
-

3.7.6 Tabel History Pengguna
Tabel history pengguna terdiri dari enam field yaitu id_history_pengguna,
id_pengguna, id_master_alat, tgl, jam, keterangan dan primary key terdapat pada
field id_history_pengguna.
Tabel 3.6 Tabel History Pengguna
Field

Tipe Data

Length

Keterangan

Id_history_pengguna
Id_pengguna
Id_master_alat
Tgl
Jam
Keterangan

Int
Int
Int
Date
Time
Varchar

50
50
50
50

Primary Key
-

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

27

3.7.7 Tabel Admin
Tabel admin terdiri dari tiga field yaitu username, password_login, dan
jabatan.
Tabel 3.7 Tabel Admin
Field
Username
Password_login
Jabatan

Tipe Data

Length

Keterangan

Varchar
Varchar
Varchar

50
50
50

-

3.7.8 Tabel Paket
Tabel paket terdiri dari empat field yaitu id_paket, nama_paket, harga,
keterangan dan primary key terdapat pada field id_paket.
Tabel 3.8 Tabel Paket
Field
Id_paket
Nama_paket
Harga
Keterangan

Tipe Data

Length

Keterangan

Int
Varchar
Int
Varchar

50
50
50
50

Primary Key
-

3.7.9 Tabel Master Alat
Tabel master alat terdiri dari empat field yaitu id_master_alat,
id_pengguna, nama_master_alat, keterangan dan primary key terdapat pada field
id_master_alat.
Tabel 3.9 Tabel Master Alat
Field

Tipe Data

Length

Keterangan

Id_master_alat
Id_pengguna
Nama_master_alat
Keterangan

Int
Int
Varchar
Varchar

50
50
50
50

Primary Key
-

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

28

3.7.10 Tabel Pengaturan
Tabel pengaturan terdiri dari enam field yaitu id_pengaturan, id_pengguna,
pengaturan_cahaya, pengaturan_suhu1, pengaturan_suhu2, pengaturan_suhu3 dan
primary key terdapat pada field id_pengaturan.
Tabel 3.10 Tabel Pengaturan
Field

Tipe Data

Length

Keterangan

Id_pengaturan
Id_pengguna
Pengaturan_cahaya
Pengaturan_suhu1
Pengaturan_suhu2
Pengaturan_suhu3

Int
Int
Int
Int
Int
Int

50
50
100
100
100
100

Primary Key
-

3.7.11 Tabel Pesan
Tabel pesan terdiri dari lima field yaitu id_pesan, id_pengguna, tanggal,
pesan_pengguna, pesan_admin dan primary key terdapat pada id_pesan.
Tabel 3.11 Tabel Pesan
Field
Id_pesan
Id_pengguna
Tanggal
Pesan_pengguna
Pesan_admin

Tipe Data

Length

Keterangan

Int
Int
Date
Varchar
Varchar

50
50
100
100

Primary Key
-

3.7.12 Tabel Voucher
Tabel voucher terdiri dari delapan field yaitu id_voucher, id_pelanggan,
id_paket, no_voucher, masa_berlaku, nama_paket, nominal, status dan primary
key terdapat pada field id_voucher.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

29

Tabel 3.12 Tabel Voucher
Field
Id_voucher
Id_pelanggan
Id_paket
No_voucher
Masa_berlaku
Nama_paket
Nominal
Status

Tipe Data

Length

Keterangan

Int
Int
Int
Varchar
Date
Varchar
Int
Varchar

50
50
50
50
50
50
50

Primary Key
-

3.8 Perancangan Antar Muka
Pada sub bab ini akan dijelaskan perancangan antar muka aplikasi
prototype jasa pengendalian dan pengawasan rumah berbasis php yang akan
ditampilkan sebagai berikut :

3.8.1 Desain Halaman Utama
Desain halaman utama adalah halaman website pertama kali yang dibuat
dan terdapat beberapa menu seperti beranda, kontak kami, login admin, serta login
pengguna atau user. Di bawah ini merupakan Gambar desain halaman utama

Gambar 3.7 Desain Halaman Utama

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

30

3.8.2 Desain Halaman Login Admin
Berikut ini adalah desain halaman untuk login admin. Lihat gambar di
bawah ini

Gambar 3.8 Desain Halaman Login Admin

3.8.3 Desain Halaman Login Pengguna
Berikut ini adalah desain halaman login untuk pengguna. lihat gambar di
bawah ini

Gambar 3.9 Desain Halaman Login Pengguna

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

31

3.8.4 Desain Halaman Admin
Berikut ini adalah desain halaman untuk admin. Lihat gambar yang ada di
bawah ini

Gambar 3.10 Desain Halaman Admin

3.8.5 Desain Halaman Pengguna
Berikut ini adalah desain halaman untuk seorang pengguna. lihat gambar
di bawah ini

Gambar 3.11 Desain Halaman Pengguna

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

32

3.8.6 Desain Halaman Pengguna Ayah (memakai alat)
Berikut ini adalah desain halaman pengguna yaitu ayah yang sedang
memakai alat atau menjalankan alat. Ayah merupakan seorang pelanggan
sekaligus pengguna, dimana mempunyai hak akses lebih banyak dibandingkan
dengan seorang ibu dan anak. Ayah memakai semua alat lengkap mulai dari
lampu, kipas, serta webcam . Ayah yang akan melakukan pengaturan alat yaitu
mengatur suhu dan cahaya. Selain itu ayah dapat menambahkan pengguna. Lihat
gambar yang ada di bawah ini :

Gambar 3.12 Desain Halaman Pengguna Ayah (memakai alat)

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

33

3.8.7 Desain Halaman Pengguna Ibu (memakai alat)
Berikut ini adalah desain halaman pengguna yaitu ibu. Ibu ini dapat
memakai alat atau menjalankan alat. Ibu juga dapat menjalankan semua alat
termasuk lihat webcam.
Tetapi ibu tidak memiliki hak akses untuk melakukan pengaturan alat dan
menambah jumlah pengguna seperti yang dilakukan oleh ayah. Ibu bukan seorang
pelanggan tetapi seorang pengguna. Untuk lebih jelas lihat gambar yang ada di
bawah ini :

Gambar 3.13 Desain Halaman Pengguna Ibu (memakai alat)

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

34

3.8.8 Desain Halaman Pengguna Anak (memakai alat)
Berikut ini adalah desain halaman pengguna yaitu anak yang dapat
memakai alat atau menjalankan alat. Seorang anak hanya dapat menjalankan
lampu.
Anak adalah seorang pelanggan tetapi seorang pengguna. Seorang anak
tidak mempunyai hak akses untuk melakukan pengaturan dan menambah jumlah
pengguna.
Karena hak akses hanya diperbolehkan untuk seorang pelanggan saja yaitu
ayah yang menjabat sebagai kepala rumah tangga. Untuk lebih jelas, lihat gambar
di bawah ini :

Gambar 3.14 Desain Halaman Pengguna Anak (memakai alat)

3.8.9 Desain Halaman Pengguna Lihat Webcam
Berikut ini merupakan desain halaman pengguna lihat webcam. Seorang
pengguna dapat melihat langsung tampilan dari webcam yang sedang aktif.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

35

Gambar 3.15 Desain Halaman Pengguna Lihat Webcam

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB IV
HASIL DAN PEMBAHASAN

Pada bab ini akan dibahas secara terstruktur mengenai pembangunan
sistem pada pengendalian dan pengawasan rumah berbasis php, dimana user akan
lebih mudah memahami bagaimana cara menggunakan dan bagaimana website ini
dibuat.

4.1 Lingkungan Implementasi
Lingkungan implementasi akan dibahas mengenai implementasi dari
rancangan sistem yang telah dibuat pada bab sebelumnya. Untuk implementasi
sistem tersebut diperlukan peralatan komputer yang berupa perangkat keras
(hardware) dan perangkat lunak (software) yang mencukupi, yaitu sebagai berikut:
4.2 Spesifikasi