TUGAS AKHIR RANCANG BANGUN SISTEM INFORMASI AGEN PROPERTI BERBASIS WEB (STUDI KASUS PT. GRHA KUSUMA) NYOMAN ARSA SUARTANA NIM. 0519451030 JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS UDAYANA DENPASAR - BALI 2015 i
LEMBAR PENGESAHAN Tugas Akhir ini diajukan oleh : Nama : Nyoman Arsa Suartana NIM : 0519451030 Jurusan : Teknik Elektro Judul Skripsi : RANCANG BANGUN SISTEM INFORMASI AGEN PROPERTI BERBASIS WEB (STUDI KASUS PT. GRHA KUSUMA) Telah berhasil dipertahankan di hadapan Dewan Penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh gelar Sarjana Teknik (ST) pada Jurusan Teknik Elektro, Fakultas Teknik, Universitas Udayana DEWAN PENGUJI Pembimbing I : I Made Arsa Suyadnya, ST., M.Eng. (...) Pembimbing II : I Gst A. Komang Diafari Djuni H, ST., MT. (...) Penguji : Ni Made Ary Esta Dewi Wirastuti, S.T., M.Sc., Ph.D. (...) Penguji : Widyadi Setiawan, ST., MT. (...) Penguji : Duman Care Khrisne, ST., MT. (...) Ditetapkan di : Denpasar Tanggal : 31 Desember 2015 Mengetahui, Ketua Jurusan Teknik Elektro Wayan Gede Ariastina NIP. 196904131994121001 ii
LEMBAR PERNYATAAN ORISINALITAS Skripsi ini adalah hasil karya saya sendiri, dan semua sumber baik yang dikutip maupun dirujuk telah saya nyatakan dengan benar. Nama : Nyoman Arsa Suartana NIM : 0519451030 Tanda Tangan : Tanggal : 31 Desember 2015 iii
KATA PENGANTAR Pertama-tama, penulis memanjatkan puji syukur ke hadapan Tuhan Yang Maha Esa, karena berkat anugerah-nya skripsi yang berjudul RANCANG BANGUN SISTEM INFORMASI AGEN PROPERTI BERBASIS WEB (STUDI KASUS PT. GRHA KUSUMA) dapat diselesaikan. Dalam penyusunan skripsi ini, penulis banyak memperoleh petunjuk dan bimbingan dari berbagai pihak. Sehingga pada kesempatan ini perkenankanlah penulis mengucapkan terima kasih yang sebesar-besarnya kepada: 1. Bapak Prof. Ir. Ngakan Putu Gede Suardana, MT, Ph.D sebagai Dekan Fakultas Teknik Universitas Udayana. 2. Bapak Ir. I Nyoman Setiawan, MT sebagai Ketua Jurusan Teknik Elektro Fakultas Teknik Universitas Udayana. 3. Ibu Ni Made Ary Esta Dewi Wirastuti, S.T., M.Sc., Ph.D. sebagai Sekretaris Jurusan Teknik Elektro Fakultas Teknik Universitas Udayana. 4. Bapak I Made Arsa Suyadnya, ST., M.Eng. sebagai Dosen Pembimbing I Skripsi yang telah memberi petunjuk dan bimbingan kepada penulis selama penyusunan skripsi. 5. Bapak I Gst A. Komang Diafari Djuni H, ST., MT. sebagai Dosen Pembimbing II Skripsi yang telah memberi petunjuk dan bimbingan kepada penulis selama penyusunan skripsi. 6. Bapak A.A.K. Oka Sudana, S.Kom, MT sebagai Dosen Pembimbing Akademis yang telah memberikan bimbingan, perhatian dan dorongan selama menempuh kuliah di Program Studi Teknik Elektro Fakultas Teknik Universitas Udayana. 7. Bapak/Ibu Pegawai di Jurusan Teknik Elektro Non Reguler Fakultas Teknik Universitas Udayana yang telah membantu selama proses perkuliahan. 8. Ibu Margaretha Herfina sebagai Pimpinan Era King PT. Grha Kusuma yang telah memberi izin untuk mengadakan penelitian di PT. Grha Kusuma. 9. Bapak/Ibu Pegawai di PT. Grha Kusuma yang telah membantu selama proses penyusunan skripsi. iv
10. Teman-teman penulis khususnya Mahasiswa Teknik Elektro Non Reguler Angkatan 2005 Fakultas Teknik Universitas Udayana yang telah memberi dukungan selama menempuh kuliah dan penyusunan skripsi. 11. Wardatul Jannah, yang telah memberi dukungan dan semangat dalam penyusunan skripsi. 12. Keluarga yang telah memberi dukungan baik moral maupun material dan semua pihak yang telah membantu dalam penyelesaian skripsi yang tidak dapat disebutkan satu persatu. Penulis menyadari bahwa skripsi ini masih jauh dari sempurna. Oleh karena itu segala kritik dan saran yang bersifat membangun sangat diharapkan demi kesempurnaan penulisan di masa yang akan datang. Semoga Tuhan Yang Maha Esa selalu melimpahkan rahmat-nya kepada semua pihak yang telah membantu pelaksanaan dan penyelesaian skripsi. Denpasar, 31 Desember 2015 Penulis, Nyoman Arsa Suartana NIM. 0519451030 v
ABSTRAK Perkembangan dan persaingan bidang usaha jasa agen properti jual beli maupun sewa menyewa properti terus meningkat. Pada PT. Grha Kusuma (Era King) belum ada aplikasi sistem informasi agen properti sehingga proses kerjanya masih bersifat manual. Saat ini aplikasi web berkembang dengan pesat yang memiliki kelebihan dibandingkan dengan aplikasi lainnya. Keuntungan menggunakan aplikasi berbasis web yaitu lebih fleksibel (bisa dioperasikan di mana saja) baik dengan device mobile maupun device desktop. Untuk menangani permasalahan tersebut, diperlukan penelitian untuk merancang dan membuat aplikasi sistem informasi agen properti berbasis web dengan menggunakan bahasa pemrograman PHP dan DBMS MySQL serta Bootstrap (framework HTML, CSS dan Javascript) sehingga tercipta aplikasi yang diharapkan. Metode yang digunakan dalam penelitian ini yaitu dengan melakukan kajian pustaka, pengumpulan data dan pengamatan langsung proses kegiatan agen properti, pemodelan sistem, desain aplikasi, pemrograman aplikasi serta pengujian aplikasi dengan metode black box (pengujian yang berdasarkan pada fungsionalitas dari aplikasi). Hasil dari penelitian ini berupa aplikasi sistem informasi agen properti berbasis web yang dapat dijalankan dengan baik pada browser mode mobile maupun browser mode desktop. Dengan aplikasi ini, agen properti dapat memberikan layanan perantara jual beli maupun sewa menyewa properti yang cepat, tepat dan dapat diakses di mana saja. Kata kunci : Aplikasi Web, Sistem Informasi, Agen Properti, PHP, MySQL, Bootstrap. vi
ABSTRACT Development and competition field services business of buying and selling property agent or lease property continue to rise. PT. Grha Kusuma (Era King) there has been no application of information system so that property agents working process is still manual. Currently web applications is growing rapidly which has advantages compared to other applications. The advantages of using web-based applications that are more flexible (can be operated anywhere) both with mobile devices and desktop devices. To solve these problems, research is needed to design and create applications of information system property agent with a web-based using the programming language PHP, MySQL DBMS and Bootstrap (framework HTML, CSS and Javascript) so as to create an application that is expected. The method used in this research is to conduct a literature review, data collection and direct observation the activities of property agents, system modeling, application design, application programming and test of applications with a method black box (test based on the functionality of the application). Results of this research is the application of information system property agent with web-based and can run well on mobile mode browser and desktop browser mode. With this application, property agents can provide services intermediaries selling or renting property that is fast, precise, and can be accessed anywhere. Keywords: Web Application, System Information, Property Agent, PHP, MySQL, Bootstrap. vii
DAFTAR ISI LEMBAR PENGESAHAN... ii LEMBAR PERNYATAAN ORISINALITAS... iii KATA PENGANTAR... iv ABSTRAK... vi ABSTRACT... vii DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xv KODE PROGRAM... xvi BAB I PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Tujuan... 2 1.4 Manfaat... 2 1.5 Ruang Lingkup dan Batasan Masalah... 2 1.6 Sistematika Penulisan... 3 BAB II KAJIAN PUSTAKA... 5 2.1 Tinjauan Mutakhir... 5 2.2 Tinjauan Pustaka... 6 Sistem informasi... 6 Agen properti... 9 Perangkat pemodelan sistem... 16 2.2.3.1 Statement of purpose... 16 2.2.3.2 Diagram konteks... 16 viii
2.2.3.3 Data flow diagram... 16 2.2.3.4 Entity relationship diagram... 21 2.2.3.5 Kunci... 23 2.2.3.6 Normalisasi... 24 Bahasa pemrograman PHP... 25 2.2.4.1 Konsep kerja PHP... 27 2.2.4.2 Elemen dasar PHP... 28 2.2.4.3 PHP berorientasi objek... 31 2.2.4.4 Bootstrap... 34 DBMS MySQL... 35 2.2.5.1 Tipe tabel MySQL... 38 2.2.5.2 Tipe field MySQL... 39 2.2.5.3 Merancang database MySQL... 43 BAB III METODE DAN PERANCANGAN SISTEM... 44 3.1 Tempat dan Waktu Penelitian... 44 3.2 Data... 44 Sumber data... 44 Teknik pengumpulan data... 44 3.3 Alur Analisis... 44 3.4 Alat Penelitian... 46 3.5 Perancangan Sistem... 46 Gambaran umum sistem... 46 Pemodelan sistem... 48 3.5.2.1 Diagram konteks sistem... 48 3.5.2.2 Diagram berjenjang sistem... 49 ix
Rancangan basis data... 50 3.5.3.1 Relasi antar tabel... 50 3.5.3.2 Struktur tabel... 51 Rancangan antarmuka aplikasi... 59 3.5.4.1 Rancangan mode mobile... 59 3.5.4.2 Rancangan mode desktop... 63 3.6 Metode Pengujian Sistem... 65 3.7 Jadwal Kegiatan... 66 BAB IV HASIL DAN PEMBAHASAN... 67 4.1 Hasil... 67 4.2 Pembahasan... 68 Halaman awal aplikasi... 68 Halaman user administrator... 75 Halaman user staf perusahaan... 89 Halaman user agen pekerja... 98 4.3 Pengujian aplikasi... 114 4.4 Kelebihan dan kelemahan aplikasi... 123 Kelebihan aplikasi... 123 Kelemahan aplikasi... 124 BAB V SIMPULAN DAN SARAN... 125 5.1 Simpulan... 125 5.2 Saran... 125 DAFTAR PUSTAKA... 127 x
DAFTAR GAMBAR Gambar 2.1 Interaksi blok sistem informasi... 8 Gambar 2.2 Notasi kesatuan luar DFD... 17 Gambar 2.3 Notasi kesatuan luar DFD dengan identifikasi... 17 Gambar 2.4 Proses masukan dan keluaran data properti... 18 Gambar 2.5 Dua buah data mengalir menuju ke dua buah proses... 19 Gambar 2.6 Arus data menyebar (diverging data flow)... 19 Gambar 2.7 Arus data mengumpul (converging data flow)... 20 Gambar 2.8 Notasi proses DFD... 20 Gambar 2.9 Simbol simpanan data DFD... 20 Gambar 2.10 Entitas... 21 Gambar 2.11 Atribut... 21 Gambar 2.12 Hubungan dalam bentuk intan / diamonds... 22 Gambar 2.13 Hubungan one to one... 22 Gambar 2.14 Hubungan one to many... 22 Gambar 2.15 Hubungan many to many... 23 Gambar 2.16 Skema HTML... 28 Gambar 2.17 Skema PHP... 28 Gambar 2.18 Tampilan kode PHP pada browser... 29 Gambar 2.19 Kelas dan objek... 32 Gambar 2.20 Hasil penampilan tanggal.php... 34 Gambar 2.21 Hierarki database... 36 Gambar 3.1 Alur analisis perancangan dan pembuatan aplikasi... 45 Gambar 3.2 Gambaran umum sistem... 47 Gambar 3.3 Diagram konteks sistem... 48 Gambar 3.4 Diagram berjenjang sistem... 49 Gambar 3.5 Relasi antar tabel... 51 Gambar 3.6 Halaman awal aplikasi mode mobile... 59 Gambar 3.7 Halaman menu awal aplikasi mode mobile... 60 Gambar 3.8 Halaman login mode mobile... 60 xi
Gambar 3.9 Halaman menu agen pekerja mode mobile... 61 Gambar 3.10 Halaman menu staf perusahaan mode mobile... 61 Gambar 3.11 Halaman data properti mode mobile... 62 Gambar 3.12 Halaman masukan data agen pekerja mode mobile... 62 Gambar 3.13 Halaman menu administrator mode mobile... 63 Gambar 3.14 Halaman menu awal aplikasi mode desktop... 63 Gambar 3.15 Halaman login mode desktop... 64 Gambar 3.16 Halaman menu agen pekerja mode desktop... 64 Gambar 3.17 Halaman data properti mode desktop... 64 Gambar 3.18 Halaman menu staf perusahaan mode desktop... 65 Gambar 3.19 Halaman masukan data agen pekerja mode desktop... 65 Gambar 3.20 Halaman menu administrator mode desktop... 65 Gambar 4.1 Halaman awal aplikasi mode desktop... 69 Gambar 4.2 Halaman awal aplikasi mode mobile... 69 Gambar 4.3 Menu halaman awal aplikasi mode mobile... 70 Gambar 4.4 Halaman kontak mode dekstop... 70 Gambar 4.5 Halaman kontak mode mobile... 71 Gambar 4.6 Halaman login mode desktop... 71 Gambar 4.7 Halaman login mode mobile... 72 Gambar 4.8 Pesan login tidak valid mode desktop... 74 Gambar 4.9 Pesan login tidak valid mode mobile... 74 Gambar 4.10 Halaman awal user administrator mode desktop... 75 Gambar 4.11 Halaman awal user administrator mode mobile... 75 Gambar 4.12 Halaman pengaturan data staf perusahaan mode dekstop... 76 Gambar 4.13 Halaman pengaturan data staf perusahaan mode mobile... 76 Gambar 4.14 Form pendaftaran data staf perusahaan mode desktop... 78 Gambar 4.15 Form pendaftaran data staf perusahaan mode mobile... 78 Gambar 4.16 Pesan pilihan checkbox mode desktop... 79 Gambar 4.17 Pesan pilihan checkbox mode mobile... 79 Gambar 4.18 Form edit data staf perusahaan mode desktop... 81 Gambar 4.19 Form edit data staf perusahaan mode mobile... 81 xii
Gambar 4.20 Tampilan hapus data staf perusahaan mode dekstop... 82 Gambar 4.21 Tampilan hapus data staf perusahaan mode mobile... 82 Gambar 4.22 Halaman detail data staf perusahaan mode desktop... 83 Gambar 4.23 Halaman detail data staf perusahaan mode mobile... 83 Gambar 4.24 Tampilan cetak detail data staf perusahaan... 84 Gambar 4.25 Tampilan cetak data staf perusahaan... 84 Gambar 4.26 Form pencarian data staf perusahaan mode dekstop... 85 Gambar 4.27 Form pencarian data staf perusahaan mode mobile... 85 Gambar 4.28 Halaman master data mode desktop... 85 Gambar 4.29 Halaman master data mode mobile... 86 Gambar 4.30 Halaman komisi dan setting mode desktop... 86 Gambar 4.31 Halaman komisi dan setting mode mobile... 87 Gambar 4.32 Halaman data agen pekerja mode desktop... 90 Gambar 4.33 Halaman data agen pekerja mode mobile... 90 Gambar 4.34 Halaman data properti staf perusahaan mode dekstop... 91 Gambar 4.35 Halaman data properti staf perusahaan mode mobile... 91 Gambar 4.36 Halaman data transaksi staf perusahaan mode desktop... 93 Gambar 4.37 Halaman data transaksi staf perusahaan mode mobile... 93 Gambar 4.38 Halaman data profile user mode desktop... 94 Gambar 4.39 Halaman data profile user mode mobile... 95 Gambar 4.40 Form edit data login... 95 Gambar 4.41 Pesan password lama tidak valid... 96 Gambar 4.42 Pesan password baru kosong... 96 Gambar 4.43 Pesan password baru kurang dari 6 karakter... 96 Gambar 4.44 Pesan sukses update data login... 97 Gambar 4.45 Halaman data properti agen pekerja mode desktop... 98 Gambar 4.46 Halaman data properti agen pekerja mode mobile... 99 Gambar 4.47 Data properti mylist agen pekerja... 101 Gambar 4.48 Form pendaftaran data properti mode desktop... 103 Gambar 4.49 Form pendaftaran data properti mode mobile... 104 Gambar 4.50 Pesan form pendaftaran data properti valid... 105 xiii
Gambar 4.51 Pesan form pendaftaran data properti tidak valid... 105 Gambar 4.52 Halaman data transaksi agen pekerja mode desktop... 107 Gambar 4.53 Halaman data transaksi agen pekerja mode mobile... 107 Gambar 4.54 Halaman data properti transaksi mode desktop... 110 Gambar 4.55 Halaman data properti transaksi mode mobile... 110 Gambar 4.56 Form transaksi mode dekstop... 111 Gambar 4.57 Form transaksi mode mobile... 112 xiv
DAFTAR TABEL Tabel 2.1 Tipe data numerik... 40 Tabel 2.2 Tipe data string... 41 Tabel 2.3 Tipe data date dan time... 42 Tabel 2.4 Tipe data BLOB... 42 Tabel 2.5 Tipe data himpunan... 43 Tabel 3.1 Struktur tabel data properti... 52 Tabel 3.2 Struktur tabel jenis daftar properti... 53 Tabel 3.3 Struktur tabel jenis transaksi... 53 Tabel 3.4 Struktur tabel jenis properti... 53 Tabel 3.5 Struktur tabel pemilik properti... 54 Tabel 3.6 Struktur tabel agen pekerja... 54 Tabel 3.7 Struktur tabel foto properti... 55 Tabel 3.8 Struktur tabel status properti... 55 Tabel 3.9 Struktur tabel transaksi properti... 55 Tabel 3.10 Struktur tabel pembeli... 56 Tabel 3.11 Struktur tabel staf perusahaan... 56 Tabel 3.12 Struktur tabel user... 57 Tabel 3.13 Struktur tabel level user... 57 Tabel 3.14 Struktur tabel jenis pembayaran transaksi... 58 Tabel 3.15 Struktur tabel status kepemilikan properti... 58 Tabel 3.16 Struktur tabel setting umum aplikasi... 58 Tabel 3.17 Jadwal Kegiatan... 66 Tabel 4.1 Pengujian Black Box Pada Aplikasi Agen Properti Berbasis Web... 115 xv
KODE PROGRAM Kode Program 2.1 Contoh penulisan kode PHP... 29 Kode Program 2.2 Pendefinisian Kelas... 32 Kode Program 2.3 Skrip Penciptaan Objek... 33 Kode Program 2.4 Kode atau skrip umum bootstrap... 35 Kode Program 4.1 Form login... 73 Kode Program 4.2 Komisi dan setting... 88 Kode Program 4.3 Edit data login... 97 Kode Program 4.4 Perhitungan pembagian komisi agen pekerja... 110 xvi