RANCANG BANGUN SISTEM INFORMASI AGEN PROPERTI BERBASIS WEB (STUDI KASUS PT. GRHA KUSUMA)

Transkripsi

1 TUGAS AKHIR RANCANG BANGUN SISTEM INFORMASI AGEN PROPERTI BERBASIS WEB (STUDI KASUS PT. GRHA KUSUMA) NYOMAN ARSA SUARTANA NIM JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS UDAYANA DENPASAR - BALI 2015 i

2 LEMBAR PENGESAHAN Tugas Akhir ini diajukan oleh : Nama : Nyoman Arsa Suartana NIM : 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 ii

3 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 : Tanda Tangan : Tanggal : 31 Desember 2015 iii

4 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

5 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 v

6 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

7 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

8 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 Latar Belakang Rumusan Masalah Tujuan Manfaat Ruang Lingkup dan Batasan Masalah Sistematika Penulisan... 3 BAB II KAJIAN PUSTAKA Tinjauan Mutakhir Tinjauan Pustaka... 6 Sistem informasi... 6 Agen properti... 9 Perangkat pemodelan sistem Statement of purpose Diagram konteks viii

9 Data flow diagram Entity relationship diagram Kunci Normalisasi Bahasa pemrograman PHP Konsep kerja PHP Elemen dasar PHP PHP berorientasi objek Bootstrap DBMS MySQL Tipe tabel MySQL Tipe field MySQL Merancang database MySQL BAB III METODE DAN PERANCANGAN SISTEM Tempat dan Waktu Penelitian Data Sumber data Teknik pengumpulan data Alur Analisis Alat Penelitian Perancangan Sistem Gambaran umum sistem Pemodelan sistem Diagram konteks sistem Diagram berjenjang sistem ix

10 Rancangan basis data Relasi antar tabel Struktur tabel Rancangan antarmuka aplikasi Rancangan mode mobile Rancangan mode desktop Metode Pengujian Sistem Jadwal Kegiatan BAB IV HASIL DAN PEMBAHASAN Hasil Pembahasan Halaman awal aplikasi Halaman user administrator Halaman user staf perusahaan Halaman user agen pekerja Pengujian aplikasi Kelebihan dan kelemahan aplikasi Kelebihan aplikasi Kelemahan aplikasi BAB V SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA x

11 DAFTAR GAMBAR Gambar 2.1 Interaksi blok sistem informasi... 8 Gambar 2.2 Notasi kesatuan luar DFD Gambar 2.3 Notasi kesatuan luar DFD dengan identifikasi Gambar 2.4 Proses masukan dan keluaran data properti Gambar 2.5 Dua buah data mengalir menuju ke dua buah proses Gambar 2.6 Arus data menyebar (diverging data flow) Gambar 2.7 Arus data mengumpul (converging data flow) Gambar 2.8 Notasi proses DFD Gambar 2.9 Simbol simpanan data DFD Gambar 2.10 Entitas Gambar 2.11 Atribut Gambar 2.12 Hubungan dalam bentuk intan / diamonds Gambar 2.13 Hubungan one to one Gambar 2.14 Hubungan one to many Gambar 2.15 Hubungan many to many Gambar 2.16 Skema HTML Gambar 2.17 Skema PHP Gambar 2.18 Tampilan kode PHP pada browser Gambar 2.19 Kelas dan objek Gambar 2.20 Hasil penampilan tanggal.php Gambar 2.21 Hierarki database Gambar 3.1 Alur analisis perancangan dan pembuatan aplikasi Gambar 3.2 Gambaran umum sistem Gambar 3.3 Diagram konteks sistem Gambar 3.4 Diagram berjenjang sistem Gambar 3.5 Relasi antar tabel Gambar 3.6 Halaman awal aplikasi mode mobile Gambar 3.7 Halaman menu awal aplikasi mode mobile Gambar 3.8 Halaman login mode mobile xi

12 Gambar 3.9 Halaman menu agen pekerja mode mobile Gambar 3.10 Halaman menu staf perusahaan mode mobile Gambar 3.11 Halaman data properti mode mobile Gambar 3.12 Halaman masukan data agen pekerja mode mobile Gambar 3.13 Halaman menu administrator mode mobile Gambar 3.14 Halaman menu awal aplikasi mode desktop Gambar 3.15 Halaman login mode desktop Gambar 3.16 Halaman menu agen pekerja mode desktop Gambar 3.17 Halaman data properti mode desktop Gambar 3.18 Halaman menu staf perusahaan mode desktop Gambar 3.19 Halaman masukan data agen pekerja mode desktop Gambar 3.20 Halaman menu administrator mode desktop Gambar 4.1 Halaman awal aplikasi mode desktop Gambar 4.2 Halaman awal aplikasi mode mobile Gambar 4.3 Menu halaman awal aplikasi mode mobile Gambar 4.4 Halaman kontak mode dekstop Gambar 4.5 Halaman kontak mode mobile Gambar 4.6 Halaman login mode desktop Gambar 4.7 Halaman login mode mobile Gambar 4.8 Pesan login tidak valid mode desktop Gambar 4.9 Pesan login tidak valid mode mobile Gambar 4.10 Halaman awal user administrator mode desktop Gambar 4.11 Halaman awal user administrator mode mobile Gambar 4.12 Halaman pengaturan data staf perusahaan mode dekstop Gambar 4.13 Halaman pengaturan data staf perusahaan mode mobile Gambar 4.14 Form pendaftaran data staf perusahaan mode desktop Gambar 4.15 Form pendaftaran data staf perusahaan mode mobile Gambar 4.16 Pesan pilihan checkbox mode desktop Gambar 4.17 Pesan pilihan checkbox mode mobile Gambar 4.18 Form edit data staf perusahaan mode desktop Gambar 4.19 Form edit data staf perusahaan mode mobile xii

13 Gambar 4.20 Tampilan hapus data staf perusahaan mode dekstop Gambar 4.21 Tampilan hapus data staf perusahaan mode mobile Gambar 4.22 Halaman detail data staf perusahaan mode desktop Gambar 4.23 Halaman detail data staf perusahaan mode mobile Gambar 4.24 Tampilan cetak detail data staf perusahaan Gambar 4.25 Tampilan cetak data staf perusahaan Gambar 4.26 Form pencarian data staf perusahaan mode dekstop Gambar 4.27 Form pencarian data staf perusahaan mode mobile Gambar 4.28 Halaman master data mode desktop Gambar 4.29 Halaman master data mode mobile Gambar 4.30 Halaman komisi dan setting mode desktop Gambar 4.31 Halaman komisi dan setting mode mobile Gambar 4.32 Halaman data agen pekerja mode desktop Gambar 4.33 Halaman data agen pekerja mode mobile Gambar 4.34 Halaman data properti staf perusahaan mode dekstop Gambar 4.35 Halaman data properti staf perusahaan mode mobile Gambar 4.36 Halaman data transaksi staf perusahaan mode desktop Gambar 4.37 Halaman data transaksi staf perusahaan mode mobile Gambar 4.38 Halaman data profile user mode desktop Gambar 4.39 Halaman data profile user mode mobile Gambar 4.40 Form edit data login Gambar 4.41 Pesan password lama tidak valid Gambar 4.42 Pesan password baru kosong Gambar 4.43 Pesan password baru kurang dari 6 karakter Gambar 4.44 Pesan sukses update data login Gambar 4.45 Halaman data properti agen pekerja mode desktop Gambar 4.46 Halaman data properti agen pekerja mode mobile Gambar 4.47 Data properti mylist agen pekerja Gambar 4.48 Form pendaftaran data properti mode desktop Gambar 4.49 Form pendaftaran data properti mode mobile Gambar 4.50 Pesan form pendaftaran data properti valid xiii

14 Gambar 4.51 Pesan form pendaftaran data properti tidak valid Gambar 4.52 Halaman data transaksi agen pekerja mode desktop Gambar 4.53 Halaman data transaksi agen pekerja mode mobile Gambar 4.54 Halaman data properti transaksi mode desktop Gambar 4.55 Halaman data properti transaksi mode mobile Gambar 4.56 Form transaksi mode dekstop Gambar 4.57 Form transaksi mode mobile xiv

15 DAFTAR TABEL Tabel 2.1 Tipe data numerik Tabel 2.2 Tipe data string Tabel 2.3 Tipe data date dan time Tabel 2.4 Tipe data BLOB Tabel 2.5 Tipe data himpunan Tabel 3.1 Struktur tabel data properti Tabel 3.2 Struktur tabel jenis daftar properti Tabel 3.3 Struktur tabel jenis transaksi Tabel 3.4 Struktur tabel jenis properti Tabel 3.5 Struktur tabel pemilik properti Tabel 3.6 Struktur tabel agen pekerja Tabel 3.7 Struktur tabel foto properti Tabel 3.8 Struktur tabel status properti Tabel 3.9 Struktur tabel transaksi properti Tabel 3.10 Struktur tabel pembeli Tabel 3.11 Struktur tabel staf perusahaan Tabel 3.12 Struktur tabel user Tabel 3.13 Struktur tabel level user Tabel 3.14 Struktur tabel jenis pembayaran transaksi Tabel 3.15 Struktur tabel status kepemilikan properti Tabel 3.16 Struktur tabel setting umum aplikasi Tabel 3.17 Jadwal Kegiatan Tabel 4.1 Pengujian Black Box Pada Aplikasi Agen Properti Berbasis Web xv

16 KODE PROGRAM Kode Program 2.1 Contoh penulisan kode PHP Kode Program 2.2 Pendefinisian Kelas Kode Program 2.3 Skrip Penciptaan Objek Kode Program 2.4 Kode atau skrip umum bootstrap Kode Program 4.1 Form login Kode Program 4.2 Komisi dan setting Kode Program 4.3 Edit data login Kode Program 4.4 Perhitungan pembagian komisi agen pekerja xvi