SKRIPSI
Diajukan Untuk Memenuhi Per syaratan Dalam Memperoleh Gelar Sarjana Komputer
Pr ogram Studi Sistem Informasi
Disusun Oleh : IKA NOVI WIJ AYANTI
0935010001
PROGRAM STUDI SISTEM INFORMASI FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” J AWA TIMUR
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
BERBASIS PHP
Disusun Oleh: IKA NOVI WIJ AYANTI
NPM : 0935010001
Telah dipertahankan dihadapan dan diterima oleh Tim Penguji Skr ipsi Pr ogram Studi Sistem Informasi Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur Pada Tanggal 04 Oktober 2013
Pembimbing : 1.
Nur Cahyo Wibowo, S.Kom, M.Kom NIP/NPT. 379030401971
2.
Doddy Ridwandono, S.Kom NIP/NPT. 378050702181
Tim Penguji : 1.
Mohamad Irwan Afandi, S.T, M.Sc NIP/NPT. 376070702201
2.
Pr iza 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
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 Dosen Pembimbing 2
Nur Cahyo Wibowo, S.Kom, M.Kom Doddy Ridwandono, S.Kom NIP/NPT. 379030401971 NIP/NPT. 378050702181
Mengetahui,
Ketua Program Studi Sistem Informasi Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur
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.
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
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.
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.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
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.
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 ?
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.
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.
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
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
BAB II
TINJ AUAN PUSTAKA
2.1Macromedia 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).
Gambar 2.1 Contoh tampilan awal Dreamweaver CS6.
2.2Personal 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.
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 :
2.4Web 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.
11
Gambar 2.3 Webcam
2.5My 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)
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 :
13
2.6J 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 :
2.7Webcam 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
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1Analisis 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.
3.2Perancangan 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)
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.3Flowchart
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
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.4Data Flow Diagr am
19
3.4.1 Data Flow Diagr am Level 0
Gambar 3.3 Data Flow Diagram Level 0
3.4.2 Data Flow Diagr am 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
Tampilan Data Lihat Detail Member Data Lihat Detail Member
Data Lihat Detail Member
Tampilan Data Lihat Detail Member
Tampilan Data Kontak Kami Data Kontak Kami
Tampilan Data Alat Data Alat
Tampilan Data Master Alat Data Master Alat
Tampilan Data Lihat Voucher Data Lihat Voucher
Tampilan Data History Pengguna Data History Pengguna
Tampilan Data Pengaturan Data Pengaturan
Tampilan Data Pesan Data Pesan
Tampilan Data Pembayaran Paket Data Pembayaran Paket
Tampilan Data Paket yang DitawarkanTampilan Data Tambah Pengguna Data Paket yang Ditawarkan
Data Tambah Pengguna
Tampilan Data Kontak kami Tampilan Data Alat Tampilan Data Master Alat
Tampilan Data Lihat Voucher Tampilan Data History Pengguna
Tampilan Data Pesan Tampilan Data Pembayaran Paket Tampilan Data Paket yang Ditawarkan
Data Alat Data Kontak Kami
Data Master Alat Data Lihat Voucher
Data History Pengguna Data Pesan Data Pembayaran Paket
Data Paket yang Ditawarkan Tampilan Data Balas Pesan
Tampilan Data Detail Member
Tampilan Data Pengguna
Tampilan Data Pembayaran Paket
Tampilan History Pengguna Tampilan Data Voucher
Tampilan Data Paket
Tampilan Data Pelanggan
Data Detail Member Data Voucher History Pengguna
Data Balas Pesan Data Pembayaran Paket
Data Paket Data Pelanggan Data Pengguna Admin Pengguna 0
Sistem Jasa Pengendalian dan Pengawasan Rumah
+
21
Data Pengaturan [Tampilan Data Pengaturan]
id_alat Data Alat [Tampilan Data Alat] [Data Alat]
Data Alat [Data Alat]
[Data Pelanggan]
[Tampilan Data Kontak Kami] [Data Kontak Kami]
id_masteralat Data Master Alat [Tampilan Data Master Alat] Data Master Alat
id_detmember Data Lihat Detail Member [Data Lihat Detail Member] [Tampilan Data Lihat Detail Member]
id_detmember Data Lihat Detail Member [Tampilan Data Lihat Detail Member] [Data Lihat Detail Member]
id_bayarpaket Data Pembayaran Paket [Data Pembayaran Paket]
id_bayarpaket Data Pembayaran Paket [Data Pembayaran Paket]
[Tampilan Data Pembayaran Paket] [Data Pembayaran Paket]
id_voucher Data Lihat Voucher
id_voucher Data Lihat Voucher [Tampilan Data Lihat Voucher] [Data Lihat Voucher]
id_history
Data History Pengguna id_history Data History Pengguna [Data History Pengguna] [Tampilan Data History Pengguna]
id_pesan Data Pesan [Data Pesan]
id_pesan Data Pesan
[Tampilan Data Pesan]
id_paket Data Paket id_paket Data Pengguna Data Pengguna Data Paket Data Paket
[Tampilan Data Paket yang Ditawarkan] [Data Paket yang Ditawarkan]
id_pengguna
[Tampilan Data Pengguna] [Tampilan Data Tambah Pengguna] [Data Tambah Pengguna]
[Data Kontak Kami]
[Data Master Alat]
[Data Pengaturan]
[Tampilan Data Master Alat]
[Tampilan Data Alat] [Tampilan Data Lihat Voucher]
[Tampilan Data Kontak kami]
[Tampilan Data Pembayaran Paket] [Tampilan Data Pesan]
[Data Pesan]
[Tampilan Data Paket yang Ditawarkan]
[Tampilan Data History Pengguna] [Data History Pengguna]
Data Detail Member [Tampilan Data Detail Member] Data Voucher
[Tampilan Data Voucher]
Data History Pengguna [Tampilan History Pengguna] [History Pengguna]
Data Balas Pesan [Tampilan Data Balas Pesan] [Data Balas Pesan]
Data Pembayaran Paket [Tampilan Data Pembayaran Paket]
[Tampilan Data Paket]
Data Pelanggan
[Tampilan Data Pelanggan] [Data Master Alat]
[Data Lihat Voucher]
[Data Paket yang Ditawarkan]
3.5Perancangan 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.
23
3.6Perancangan PDM (Physical Data Model)
Pada perancangan PDM (Physical Data Model) hampir sama dengan perancangan CDM (Conceptual Data Model). Berikut gambar PDM (Physical Data Model).
3.7Struktur 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 Int 50 Primary Key
Nama_pelanggan Varchar 50 -
Alamat Varchar 50 -
No tlp Int 50 -
Status_pelanggan Varchar 50 -
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 Int 50 Primary Key
Id_pelanggan Int 50 -
Nama_pengguna Varchar 50 -
Jabatan Varchar 50 -
Status_pengguna Varchar 50 -
Password_pengguna Varchar 50 -
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 Tipe Data Length Keterangan
Id_alat Int 50 Primary Key
Id_pelanggan Int 50 -
Lampu 0 Int 10 -
Lampu 1 Int 10 -
Lampu 2 Int 10 -
Lampu 3 Int 10 -
Lampu 4 Int 10 -
Lampu 5 Int 10 -
Lampu 6 Int 10 -
Lampu 7 Int 10 -
Kipas 0 Int 10 -
Kipas 1 Int 10 -
Kipas 2 Int 10 -
Suhu 0 Int 10 -
Suhu 1 Int 10 -
Suhu 2 int 10 -
Pintu Int 10 -
Jendela Int 10 -
cahaya Int 10 -
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
Id_detail_member Int 50 -
Id_voucher Int 50 -
jumlah Int 50 -
Tgl_bayar Date - -
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 Int 50 Primary Key
Id_pelanggan Int 50 -
Id_paket Int 50 -
Tgl_mulai Date - -
Tgl_berakhir Date - -
Status Varchar 50 -
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 Int 50 Primary Key
Id_pengguna Int 50 -
Id_master_alat Int 50 -
Tgl Date - -
Jam Time - -
Keterangan Varchar 50 -
27
3.7.7 Tabel Admin
Tabel admin terdiri dari tiga field yaitu username, password_login, dan jabatan.
Tabel 3.7 Tabel Admin
Field Tipe Data Length Keterangan
Username Varchar 50 -
Password_login Varchar 50 -
Jabatan Varchar 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 Tipe Data Length Keterangan
Id_paket Int 50 Primary Key
Nama_paket Varchar 50 -
Harga Int 50 -
Keterangan Varchar 50 -
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 Int 50 Primary Key
Id_pengguna Int 50 -
Nama_master_alat Varchar 50 -
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 Int 50 Primary Key
Id_pengguna Int 50 -
Pengaturan_cahaya Int 100 -
Pengaturan_suhu1 Int 100 -
Pengaturan_suhu2 Int 100 -
Pengaturan_suhu3 Int 100 -
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 Tipe Data Length Keterangan
Id_pesan Int 50 Primary Key
Id_pengguna Int 50 -
Tanggal Date - -
Pesan_pengguna Varchar 100 -
Pesan_admin Varchar 100 -
3.7.12 Tabel Voucher
29
Tabel 3.12 Tabel Voucher
Field Tipe Data Length Keterangan
Id_voucher Int 50 Primary Key
Id_pelanggan Int 50 -
Id_paket Int 50 -
No_voucher Varchar 50 -
Masa_berlaku Date - -
Nama_paket Varchar 50 -
Nominal Int 50 -
Status Varchar 50 -
3.8Perancangan 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
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
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
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 :
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 :
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
35
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 Sistem
Peralatan yang akan digunakan untuk semua proses yang ada termasuk pembuatan laporan adalah menggunakan microcontroller yang terdiri dari delapan buah lampu led, tiga buah dynamo, satu buah servo, sensor cahaya dan sensor suhu untuk alat prototype, laptop, kabel DB9, Webcam dan miniatur rumah.
4.2.1 Perangkat Keras (Hardware) yang digunakan
37
1. Laptop , spesifikasinya : Merk : Axioo Seri : Neon Model : MNC 2152 RAM : 2GB
Sistem operasi : Windows 7 Ultimate, 32 bit Sistem model : M7x0S
Processor : Intel Core 2 duo 2. Prototype rumah
3. Microcontroller yang terdiri dari delapan buah lampu led, tiga buah dynamo, satu buah servo, sensor cahaya dan sensor suhu untuk alat prototype, laptop, kabel DB9 , Webcam tipe Logitech dan miniatur rumah.
4.2.2 Perangkat Lunak (Software) yang digunakan
Perangkat lunak yang digunakan dalam perancangan dan pembuatan penelitian kali ini adalah sebagai berikut :
1. Untuk sistem operasi yang digunakan adalah Microsoft Windows 7 Ultimate 32 bit.
2. Dreamweaver CS6
3. Visual Basic 6.0 digunakan pada alat microcontroller 4. MySQL digunakan untuk membuat database
4.3 Implementasi Desain Antar muka (Desain Inter face)
Pada bab ini akan diimplementasikan desain antarmuka (interface) yang telah dibuat pada bab sebelumnya. Dan desain antarmuka adalah sebagai berikut :
4.3.1 Antar muka Halaman Utama
Berikut ini adalah antarmuka halaman utama. Halaman utama merupakan awal dari halaman sebelum masuk ke halaman berikutnya. Lihat gambar di bawah ini :
Gambar 4.1 Antarmuka Halaman Utama
4.3.2 Antar muka Login Admin
39
Gambar 4.2 Antarmuka Login Admin
4.3.3 Antar muka Admin Gagal Login
Berikut ini merupakan antarmuka admin gagal login. Dimana ketika admin login, username dan password akan dicek oleh database.
Gambar 4.3 Antarmuka Admin Gagal Login
4.3.4 Antar muka Admin Sukses Login
Gambar 4.4 Antarmuka Admin Sukses Login
4.3.5 Antar muka Beranda Admin
Berikut ini merupakan antarmuka beranda admin. Dimana setelah admin berhasil login maka akan muncul ke beranda.
Gambar 4.5 Antarmuka Beranda Admin
4.3.6 Antar muka Admin Kelola Pengguna
41
Gambar 4.6 Antarmuka Admin Kelola Pengguna 4.3.7 Antar muka Admin Kelola Pelanggan
Berikut ini merupakan antarmuka admin kelola pelanggan. Dimana seorang admin dapat mengubah,menambah atau menghapus data pelanggan
4.3.8 Antar muka Admin Kelola Paket
Berikut ini merupakan antarmuka admin kelola paket. Diamana seorang admin dapat mengubah harga paket atau menghapus paket, bahkan dapat menambah paket baru.
Gambar 4.8 Antarmuka Admin Kelola Paket
4.3.9 Antar muka Admin Kelola Bayar Paket
Berikut ini merupakan antarmuka admin kelola bayar paket. Dimana seorang admin dapat melihat siapa saja yang melakukan bayar paket.
43
4.3.10 Antar muka Admin Balas Pesan
Berikut ini merupakan antarmuka admin balas pesan, dimana seorang admin dapat melihat semua isi pesan yang ada dan memberikan balasan pesan.
Gambar 4.10 Antarmuka Admin Balas Pesan
4.3.11 Antar muka Admin Lihat History Pengguna
Berikut ini merupakan antarmuka admin lihat history pengguna. dimana seorang admin dapat melihat history pengguna siapa saja yang sedang menggunakan alat.
4.3.12 Antar muka Admin Lihat Voucher
Berikut ini merupakan antarmuka admin lihat voucher. Dimana seorang admin mengetahui status voucher siapa saja yang aktif dan tidak aktif.
Gambar 4.12 Antarmuka Admin Lihat Voucher
4.3.13 Antar muka Admin Kelola Detail Member
Berikut ini merupakan antarmuka admin kelola detail member. Dimana seorang admin dapat mengetahui tanggal mulai dan tanggal berakhir serta status member.
Gambar 4.13 Antarmuka Admin Kelola Detail Member
4.3.14 Antar muka Admin Berhasil Keluar Halaman
45
Gambar 4.14 Antarmuka Admin Berhasil Keluar Halaman
4.3.15 Antar muka Login Pengguna
Berikut ini merupakan login pengguna. dimana seorang pengguna harus mengisi username dan password.
Gambar 4.15 Antarmuka Login Pengguna
4.3.16 Antar muka Pengguna Gagal Login
Gambar 4.16 Antarmuka Pengguna Gagal Login
4.3.17 Antar muka Beranda Pengguna
Berikut ini merupakan antarmuka beranda pengguna. dimana setelah pengguna login berhasil maka akan masuk ke halaman beranda.
Gambar 4.17 Antarmuka Beranda Pengguna
4.3.18 Antar muka Pengguna (Ayah) Tambah Pengguna
47
Gambar 4.18 Antarmuka Pengguna (Ayah) Tambah Pengguna
4.3.19 Antar muka Pengguna Lihat Paket
Berikut ini merupakan antarmuka pengguna lihat paket. Dimana seorang pengguna dapat mengetahui macam-macam paket yang ada
Gambar 4.19 Antarmuka Pengguna Lihat Paket
4.3.20 Antar muka Pengguna Lihat Bayar Paket
Gambar 4.20 Antarmuka Pengguna Lihat Bayar Paket
4.3.21 Antar muka Pengguna Tulis Pesan
Berikut ini merupakan antarmuka pengguna yang dapat melakukan tulis pesan. Pesan yang ditulis bisa merupakan pertanyaan atau saran yang nantinya akan dikirim ke petugas.
Gambar 4.21 Antarmuka Pengguna Tulis Pesan
4.3.22 Antar muka Pengguna Lihat History Pengguna
49
Gambar 4.22 Antarmuka Pengguna Lihat History Pengguna
4.3.23 Antar muka Pengguna isi Voucher
Berikut ini merupakan antarmuka pengguna isi voucher. Seorang pengguna harus melakukan isi voucher agar dapat menggunakan alat. Atau ketika masa aktif voucher sudah habis.
4.3.24 Antar muka Pengguna Sukses isi Voucher
Berikut ini merupakan antarmuka pengguna sukses isi voucher. Dan ketika voucher yang diisikan sudah terkirim maka akan muncul peringatan masa berlaku voucher.
Gambar 4.24 Antarmuka Pengguna Sukses Isi Voucher
4.3.25 Antar muka Pengguna isi nomor Voucher yang sama
Berikut ini merupakan antarmuka tentang isi nomor voucher dengan nomor yang sama. Maka akan muncul peringatan nomor voucher yang dimasukkan telah dipakai.
51
4.3.26 Antar muka Pengguna (Ayah) Kelola Pengaturan
Berikut ini merupakan antarmuka pengguna (ayah) yang melakukan kelola pengaturan alat. Pengaturan ini hanya dapat dilakukan oleh pelanggan saja atau ayah sebagai superuser
Gambar 4.26 Antarmuka Pengguna (Ayah) Kelola Pengaturan 4.3.27 Antar muka Pengguna Lihat Voucher
Berikut ini merupakan antarmuka pengguna yang dapat melihat voucher.
Gambar 4.27 Antarmuka Pengguna Lihat Voucher
4.3.28 Antar muka Pengguna Lihat Master Alat
Gambar 4.28 Antarmuka Pengguna Lihat Master Alat
4.3.29 Antar muka Pengguna Lihat Kontak Kami
Berikut ini merupakan antarmuka lihat kontak kami oleh seorang pengguna. lihat gambar di bawah ini :
Gambar 4.29 Antarmuka Pengguna Lihat Kontak Kami
4.3.30 Antar muka Pengguna Lihat Alat
53
Gambar 4.30 Antarmuka Pengguna Lihat Alat
4.3.31 Antar muka Pengguna Lihat Status Alat
Gambar 4.31 Antarmuka Pengguna Lihat Status Alat
4.3.32 Antar muka Pengguna Berhasil Keluar Halaman
Berikut ini merupakan antarmuka pengguna yang berhasil keluar ke halaman. Lihat gambar di bawah ini :
Gambar 4.32 Antarmuka Pengguna Berhasil Keluar Halaman
4.3.33 Antar muka Pengguna Lihat Webcam (Live View)
55
Gambar 4.33 Antarmuka Pengguna Lihat Webcam (Live View)
4.3.34 Antar muka Miniatur Rumah
Berikut ini merupakan antarmuka miniatur rumah. Dimana rumah tersebut memiliki delapan buah lampu dan tiga buah kipas.
4.3.35 Antar muka Alat (Lampu Menyala)
Berikut ini merupakan antarmuka alat yaitu lampu yang menyala. Lampu tersebut di nyalakan melalui web.
Gambar 4.35 Antarmuka Alat (Lampu Menyala)
4.3.36 Antar muka Alat (Kipas Menyala)
Berikut ini merupakan antarmuka alat yaitu kipas yang menyala. Lihat gambar di bawah ini :
57
4.3.37 Antar muka Otomasi Rumah
Berikut ini merupakan antarmuka otomasi rumah yang dibuat oleh Subiyanto (2012) menggunakan Visual Basic 6.0. Otomasi yang dibuat ini digunakan untuk menjalankan alat yaitu (lampu dan kipas) yang ada pada miniatur rumah. Pada gambar ini terdapat 7 (tujuh) buah tombol otomasi untuk lampu, dan 3 (tiga) buah tombol otomasi untuk kipas. Cara untuk menjalankan aplikasi ini yaitu tekan tombol open maka aplikasi ini siap untuk digunakan. Tombol alat yang ada pada aplikasi ini akan berubah menjadi warna merah jika ditekan dan alat seperti lampu dan kipas yang ada pada miniatur rumah akan berjalan. Untuk mengakhiri aplikasi yaitu tekan tombol close.
4.4Hasil Uji Coba dan Evaluasi
Pada sub bab hasil uji coba dan evaluasi ini akan dijelaskan langkah – langkah jalannya aplikasi ini dari awal samapai akhir. Dalam sub bab ini akan diberikan gambar uji coba dan penjelasan – penjelasan agar lebih mudah dipahami. Serta memastikan bahwa sistem berjalan dengan baik dan sesuai harapan.
4.4.1 Uji Coba Menu Sebelum Login
Dalam menu sebelum login ini terdapat menu – menu untuk pengunjung jika belum memiliki akses untuk login. Menu pertama adalah beranda yang berisi informasi tentang jasa pengendalian dan pengawasan rumah . Menu kedua adalah Kontak Kami yang berisi alamat dan nomor telepon yang bisa di akses oleh pengunjung. Menu ketiga adalah login untuk admin dan menu keempat adalah login untuk pengguna.
59
4.4.2 Uji Coba Login (Admin)
Uji coba login ini dilakukan oleh admin. Admin memilih menu login untuk admin kemudian masukkan username dan password, kemudian klik tombol masuk, jika berhasil login maka akan tampil halaman untuk admin.
Gambar 4.39 Tampilan Uji Coba Login (Admin)
4.4.3 Uji Coba Masuk Halaman Admin
4.4.4 Uji Coba Admin Lihat dan Kelola Pengguna
Uji coba ini adalah tampilan untuk admin yang dapat melihat pengguna dan dapat mengelola pengguna seperti mengubah, menghapus atau menambahkan pengguna.
Gambar 4.41 Tampilan Uji Coba Admin Lihat dan Kelola Pengguna
4.4.5 Uji Coba Admin Kelola Pelanggan
61
Gambar 4.42 Tampilan Uji Coba Admin Kelola Pelanggan
4.4.6 Uji Coba Admin Kelola Paket
4.4.7 Uji Coba Admin Lihat Bayar Paket
Gambar dibawah ini adalah tampilan uji coba admin untuk melihat siapa saja yang sudah membayar paket.
Gambar 4.44 Tampilan Uji Coba Admin Lihat Bayar Paket
4.4.8 Uji Coba Admin Kelola Pesan
Gambar dibawah ini merupakan tampilan untuk admin yang dapat melihat pesan dari pengguna dan admin juga dapat membalas pesan dari pengguna.
63
4.4.9 Uji Coba Admin Lihat Histor y Pengguna
Gambar dibawah ini merupakan tampilan untuk admin yang dapat melihat history pengguna. history pengguna ini adalah informasi tentang alat dan status alat kapan dan jam berapa alat telah digunakan.
Gambar 4.46 Tampilan Uji Coba Admin Lihat History Pengguna
4.4.10 Uji Coba Admin Lihat Voucher
Gambar 4.47 Tampilan Uji Coba Admin Lihat Voucher
4.4.11 Uji Coba Admin Lihat Detail Member
Gambar dibawah ini merupakan tampilan dimana admin dapat melihat detail member yang berisi id_pelanggan berapa, id_paket berapa, tanggal_mulai, tanggal_berakhir dan status.
65
4.4.12 Uji Coba Pengguna Login
Gambar dibawah ini merupakan tampilan uji coba pengguna login. Jika login berhasil maka akan tampil halaman pengguna.
Gambar 4.49 Tampilan Uji Coba Pengguna Login
4.4.13 Uji Coba Pengguna (Ayah) Tambah Anggota
4.4.14 Uji Coba Pengguna Lihat Paket
Berikut ini adalah tampilan uji coba untuk pengguna yang dapat melihat paket yang telah ditawarkan oleh perusahaan jasa pengendalian dan pengawasan rumah.
Gambar 4.51 Tampilan Uji Coba Pengguna Lihat Paket
4.4.15 Uji Coba Pengguna Lihat Bayar Paket
Berikut ini adalah tampilan uji coba untuk pengguna yang dapat melihat apakah voucher yang dimasukkan sukses dan masuk ke form bayar paket.
67
4.4.16 Uji Coba Pengguna Tulis Pesan
Berikut ini adalah tampilan uji coba untuk pengguna yang dapat menulis dan mengirim pesan kepada petugas.
Gambar 4.53 Tampilan Uji Coba Pelanggan Tulis Pesan
4.4.17 Uji Coba Pengguna Lihat History Pengguna
4.4.18 Uji Coba Pengguna (Ayah) Mengatur Pengatur an
Berikut ini adalah tampilan uji coba pengguna mengatur pengaturan. Yang dapat melakukan pengaturan adalah pengguna dengan jabatan ayah.
Gambar 4.55 Tampilan Uji Coba Pengguna (Ayah) Mengatur Pengaturan
4.4.19 Uji Coba Pengguna Masukkan Voucher
Berikut ini adalah tampilan uji coba pengguna dapat memasukkan voucher. Nomor voucher dimasukkan agar dapat menggunakan alat.
69
4.4.20 Uji Coba Pengguna Lihat Voucher
Berikut ini adalah tampilan uji coba pengguna yang dapat melihat dan memilih paket alat dan voucher apa saja yang telah ditawarkan oleh perusahaan.
Gambar 4.57 Tampilan Uji Coba Pengguna Lihat Voucher
4.4.21 Uji Coba Pengguna Lihat Master Alat
4.4.22 Uji Coba Pengguna Menjalankan Alat
Berikut ini adalah tampilan uji coba pengguna dapat menjalankan alat setelah mengisi voucher.
Gambar 4.59 Tampilan Uji Coba Pengguna Menjalankan Alat
4.4.23 Uji Coba Pengguna Lihat Status Alat
71
Gambar 4.60 Tampilan Uji Coba Pengguna Lihat Status Alat
4.4.24 Uji Coba Menyalakan Lampu
Berikut ini adalah tampilan uji coba untuk melihat reaksi lampu yang dijalankan pada miniatur rumah.
4.4.25 Uji Coba Menyalakan Kipas
Berikut ini adalah tampilan untuk uji coba melihat kipas yang menyala pada miniatur rumah.
Gambar 4.62 Tampilan Uji Coba Menyalakan Kipas.
4.4.26 Uji Coba Lihat Webcam
Berikut ini adalah uji coba melihat webcam yang terdapat pada website. Webcam ini menggunakan software webcam 7.
BAB V PENUTUP 5.1 Kesimpulan
Berdasarkan uraian dan analisa diatas, maka dapat ditarik kesimpulan sebagai berikut :
a. Aplikasi ini dapat mengendalikan 8 (delapan) buah lampu dan 3 (tiga) buah kipas yang ada pada miniatur rumah selain itu dapat mengawasi rumah dengan bantuan 1 (satu) buah Webcam yang juga dipasang pada miniatur rumah.
b. Aplikasi tersebut dapat dijadikan peluang bisnis terutama adanya voucher paket yang ditawarkan. Ada 3 (tiga) paket voucher yaitu paket pertama adalah paket kamera, kedua adalah paket lampu, ketiga adalah paket kamera dan lampu.
5.2 Sar an
Aplikasi “PROTOTYPE JASA PENGENDALIAN DAN
DAFTAR PUSTAKA
Deny, 2011. Belajar Data Flow Diagram. (Sumber :
http://antekkomputer.blogspot.com/2011/12/belajar-dfd.html ), diakses tanggal 18 Februari 2013.
Edukasi, 2012. Webcam 7. (Sumber : http://soerya.surabaya.go.id/AuP/e-DU.KONTEN/edukasi.net/SMK/TIK/Webcam/ ), diakses tanggal 18 Februari 2013.
Frieyadie, 2010. Mudah belajar pemrograman database MySQL dengan Microsoft Visual Basic 6.0. Penerbit Andi, Jakarta.
ITS, PAPSI. 2007. Pemrograman berbasis Web dengan PHP. Penerbit PAPSI ITS, Surabaya.
Nursal, 2007. Visual Basic I.
Purnomo, Subiyanto. 2012. Laporan Tugas Akhir “Prototype Sistem Otomasi Pengendalian dan Pengawasan Rumah Via Android Berbasis Web Service” . Surabaya.
Ratu, Nurah. 2010. Pengertian PHP. (Sumber :
http://www.nurahratu.com/tutorial/web-design/1-latest-news/203-php-adalah.html), diakses tanggal 18 Februari 2013.
