ABSTRAK
Universitas adalah tempat banyak orang datang untuk menimba ilmu di tingkat yang lebih lanjut lagi. Di dalamnya terdapat banyak sekali orang yang berasal dari luar kota datang untuk menempuh pendidikan dengan durasi yang sudah ditentukan oleh universitas tersebut. Banyak orang terkendala untuk mencari tempat tinggal sementara agar dapat datang ke universitas dengan lebih mudah lagi. Tetapi hal yang terjadi di lapangan adalah sulitnya mencari tempat tinggal sementara atau kost tersebut dikarenakan orang yang ingin menyewa kost harus datang ke area universitas tersebut dan melakukan pencarian dengan mengunjungi satu per satu. Pemilik kost juga terkadang sulit untuk mempromosikan kost yang dimiliki agar bisnis pemilik tersebut dapat berjalan dengan lebih lancar. Berdasarkan hasil survey dan wawancara, maka dibuatlah sebuah aplikasi berbasis web untuk melakukan pencarian kost bagi yang ingin melakukan penyewaan kost. Di dalamnya orang yang ingin mencari informasi kost dapat mengetahui kontak pemilik kost yang dapat dihubungi dan melihat ketersediaan kamar yang ada untuk disewakan. Aplikasi ini juga berguna bagi pemilik kost untuk memasarkan tempat tinggal yang dapat disewa. Dengan aplikasi yang ada diharapkan dapat memudahkan orang yang ingin menyewa tempat tinggal sementara di area universitas dan dapat membantu pemilik kost untuk mengiklankan kost yang dimiliki guna melancarkan bisnis yang ada.
ABSTRACT
University is a place where many people come to study in more advance level. There were many people come from other city or places to study for a duration that university has arranged. Many people feels difficult to search the boarding house for they can come to university, because if they want to rent a boarding place they must search by come to boarding house by boarding house and ask to the owner one by one. The owner also difficult to advertise the boarding house for their business. As in survey and interview then the web based application will be made for they who wants to rent a boarding house. They can search information, owner’s contact, and availability of the room for rent. This application will support the owner to advertise the boarding house. With this application be expected helping the owner to advertise for their business.
DAFTAR ISI
LEMBAR PENGESAHAN ... i
PERNYATAAN ORISINALITAS LAPORAN PENELITIAN... ii
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii
PRAKATA ... iv
BAB 1. PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Rumusan Masalah ... 2
1.3 Tujuan Pembahasan ... 2
1.4 Ruang Lingkup Kajian... 3
1.5 Sumber Data ... 3
1.6 Sistematika Penyajian ... 3
BAB 2. KAJIAN TEORI ... 5
2.1 Sistem Informasi ... 5
2.2 Proses Bisnis ... 5
2.3 Flowchart ... 5
2.4 Entity Relationship Diagram... 7
2.10 CSS ... 12
2.11 PHP ... 12
2.12 Blackbox Testing ... 13
2.13 Google Map ... 13
2.14 Bootstrap ... 14
BAB 3. ANALISIS DAN RANCANGAN SISTEM ... 15
3.1 Proses Bisnis ... 15
3.1.1 Pencarian Kos ... 15
3.1.2 Pengajuan Pengiklanan ... 17
3.1.3 Pembayaran Sewa Web ... 19
3.1.4 Perpanjangan Sewa ... 19
3.2 Entity Relationship Diagram (ERD) ... 21
3.3 Tabel Basis Data ... 22
3.3.1 Tabel Role ... 22
3.3.2 Tabel User... 22
3.3.3 Tabel Paket Sewa ... 22
3.3.4 Tabel Pembayaran Sewa ... 23
3.3.5 Tabel Kost ... 23
3.3.6 Tabel Kamar ... 24
3.3.7 Tabel Kamar_Fasilitas ... 24
3.3.8 Tabel Fasilitas ... 24
3.4 DFD ... 25
3.4.1 Diagram Konteks ... 25
3.5.2 Logout ... 33
3.5.3 Add User ... 34
3.5.4 UpdateUser ... 34
3.5.5 SearchUser ... 35
3.5.6 Add Kost ... 36
3.5.7 Update Kost ... 36
3.5.8 Search Kost... 37
3.5.9 Add Paket ... 37
3.5.10 Update Paket ... 38
3.5.11 Delete Paket ... 39
3.5.12 Add Transaksi ... 39
3.5.13 Update Transaksi ... 40
3.5.14 Search Transaksi ... 40
3.5.15 Cari Data Kost ... 41
3.5.16 Bandingkan Data Kost ... 42
3.6 Kamus Data ... 42
3.6.1 Data Role ... 42
3.6.2 Data User ... 43
3.6.3 Data Paket Sewa ... 43
3.6.4 Data Pembayaran Sewa... 44
3.6.5 Data Fasilitas ... 44
3.6.6 Data Kamar ... 45
3.6.7 Data Kost ... 45
3.7 Rancangan Desain Antarmuka ... 46
3.7.1 Login ... 46
3.7.2 Halaman Administrator ... 46
3.7.3 Halaman Pemilik Kost / Customer ... 55
3.7.4 Halaman Pengunjung ... 58
BAB 4. HASIL PENELITIAN ... 62
4.1 Tampilan Administrator ... 62
4.1.1 Tampilan Login ... 62
4.1.3 Halaman Customer ... 64
4.1.4 Halaman Add Customer ... 65
4.1.5 Halaman Update Customer ... 67
4.1.6 Halaman Kost ... 68
4.1.7 Halaman Add Kost ... 69
4.1.8 Halaman Data Kamar ... 70
4.1.9 Halaman Foto Kost... 70
4.1.10 Halaman Paket Sewa ... 71
4.1.11 Halaman Add Paket Sewa ... 72
4.1.12 Halaman Update Paket Sewa ... 73
4.1.13 Halaman Transaksi ... 74
4.1.14 Halaman Tambah Transaksi ... 75
4.2 Tampilan Pemilik Kos / Customer ... 75
4.2.1 Halaman Login ... 76
4.2.2 Halaman Data Kos ... 77
4.3 Tampilan Pengunjung ... 78
4.3.1 Halaman Utama ... 78
4.3.2 Halaman Kost ... 79
4.3.3 Halaman Pencarian ... 80
BAB 5. PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ... 81
5.1 Login ... 81
5.2 Tambah dan Merubah Data Customer ... 82
5.3 Tambah dan Merubah Data Kost ... 83
5.4 Tambah dan Merubah Data Kamar... 83
5.5 Tambah dan Merubah Data Paket Sewa ... 84
5.6 Tambah Transaksi ... 84
BAB 6. SIMPULAN DAN SARAN ... 86
6.1 Simpulan ... 86
6.2 Saran ... 86
DAFTAR GAMBAR
Gambar 2.1 Simbol Proses ... 6
Gambar 2.2 Simbol Alur... 6
Gambar 2.3 Simbol Terminator ... 6
Gambar 2.4 Simbol Operasi Manual ... 7
Gambar 2.5 Simbol Decision ... 7
Gambar 2.6 Simbol Entitas ... 7
Gambar 2.7 Simbol Atribut ... 8
Gambar 2.8 Simbol Relasi ... 8
Gambar 2.9 Relasi many-to-many ... 9
Gambar 2.10 Relasi one-to-many ... 9
Gambar 2.11 relasi one-to-one ... 9
Gambar 3.1 Flowchart pencarian kos ... 16
Gambar 3.2 Flowchart Pengajuan Pengiklanan ... 18
Gambar 3.3 Flowchart Pembayaran Sewa Web ... 19
Gambar 3.4 Flowchart Perpanjangan Sewa ... 20
Gambar 3.5 Entity Relationship Diagram ... 21
Gambar 3.6 DFD level 0 ... 25
Gambar 3.7 DFD level 1 ... 26
Gambar 3.8 DFD level 2 Proses 3 Kelola User ... 27
Gambar 3.9 DFD level 3 Proses 4 Kelola Data Kost ... 28
Gambar 3.10 DFD level 2 Proses 5 Kelola Sewa ... 29
Gambar 3.11 DFD level 2 Proses 6 Cari Kost ... 30
Gambar 3.12 DFD level 3 Proses 5.1 Kelola Paket Sewa ... 31
Gambar 3.13 DFD level 3 Proses 5.2 Kelola Periklanan ... 32
Gambar 3.14 Desain Login ... 46
Gambar 3.15 Halaman Utama Administrator ... 47
Gambar 3.16 Halaman Customer ... 48
Gambar 3.17 Halaman Tambah Customer ... 49
Gambar 3.18 Halaman Kost ... 50
Gambar 3.20 Halaman Kamar ... 52
Gambar 3.21 Halaman Tambah Kamar ... 53
Gambar 3.22 Halaman Paket Sewa ... 54
Gambar 3.23 Halaman Tambah Paket Sewa ... 55
Gambar 3.24 Halaman Kelola Kost ... 56
Gambar 3.25 Halaman Kamar ... 57
Gambar 3.26 Halaman Tambah Kamar ... 58
Gambar 3.27 Halaman Utama Pengguna ... 59
Gambar 3.28 Halaman Pencarian ... 60
Gambar 3.29 Halaman Data Kos ... 61
Gambar 4.1 Halaman Log In ... 62
Gambar 4.2 Halaman Utama Admin ... 63
Gambar 4.3 Halaman Customer ... 64
Gambar 4.4 Halaman Tambah Customer ... 65
Gambar 4.5 Halaman Customer Beserta Tabel Data ... 66
Gambar 4.6 Halaman Update Customer ... 67
Gambar 4.7 Halaman Kost ... 68
Gambar 4.8 Halaman Add Kost ... 69
Gambar 4.9 Halaman Data Kamar ... 70
Gambar 4.10 Halaman Foto Kost ... 70
Gambar 4.11 Halaman Paket Sewa ... 71
Gambar 4.12 Halaman Add Paket Sewa ... 72
Gambar 4.13 Halaman Ubah Data Paket ... 73
Gambar 4.14 Halaman Paket Sewa Beserta Tabel Data ... 73
Gambar 4.15 Halaman Transaksi ... 74
Gambar 4.16 Halaman Tambah Transaksi ... 75
Gambar 4.17 Halaman Login ... 76
Gambar 4.18 Halaman Pengaturan Kos ... 77
Gambar 4.21 Halaman Awal / Utama Pengunjung ... 78
Gambar 4.22 Halaman Kost ... 79
DAFTAR TABEL
Tabel 2.1 Simbol DFD ... 10
Tabel 2.2 Contoh tag HTML ... 12
Tabel 3.1 Role ... 22
Tabel 3.2 User ... 22
Tabel 3.3 Paket Sewa ... 22
Tabel 3.4 Pembayaran Sewa ... 23
Tabel 3.5 Kost ... 23
Tabel 3.6 Kamar ... 24
Tabel 3.7 Kamar_Fasilitas ... 24
Tabel 3.8 Fasilitas... 24
Tabel 3.9 PSPEC Login ... 33
Tabel 3.10 PSPEC Logout ... 33
Tabel 3.11 PSPEC AddUser ... 34
Tabel 3.12 PSPEC UpdateUser ... 34
Tabel 3.13 PSPEC Search User ... 35
Tabel 3.14 PSPEC Add Kost ... 36
Tabel 3.20 PSPEC Add Transaksi ... 39
Tabel 3.21 PSPEC Update Transaksi ... 40
Tabel 3.22 PSPEC Search Transaksi ... 41
Tabel 3.23 PSPEC Cari Data Kost ... 41
Tabel 3.24 PSPEC Bandingkan Data Kost ... 42
Tabel 3.25 Kamus Data Role ... 42
Tabel 3.26 Kamus Data User ... 43
Tabel 3.27 Kamus Data Paket Sewa ... 43
Tabel 3.29 Kamus Data Fasilitas ... 44
Tabel 3.30 Kamus Data Kamar ... 45
Tabel 3.31 Kamus Data Kost ... 45
Tabel 5.1 Pengujian Login ... 81
Tabel 5.2 Tambah dan Merubah Data Customer ... 82
Tabel 5.3 Tambah dan Merubah Data Kost ... 83
Tabel 5.4 Tambah dan Merubah Data Kamar ... 83
Tabel 5.5 Tambah dan Merubah Data Paket Sewa... 84
DAFTAR NOTASI/ LAMBANG
Jenis Notasi/Lambang Nama Arti
Flowchart Proses
Pengolahan atau proses menggunakan komputer
Flowchart Alir proses
Menunjukkan alur proses yang menghubungkan antar notasi / lambang
Flowchart Terminator
Memulai atau mengakhiri suatu proses
Flowchart Manual proses
Proses yang dilakukan secara manual
Flowchart Decision Percabangan kondisi
Flowchart Dokumen
ERD Atribut Karakteristik dari
suatu entitas
ERD Relasi Menghubungkan
DFD Entitas
Unit atau aktor yang berada di luar sistem dan memiliki interaksi dengan sistem
DFD Proses Proses yang ada di
dalam sebuah sistem
DFD Alir Data
Aliran data dengan arah yang
menunjukkan ke mana data itu mengalir
DFD Data Store Tempat penyimpanan
data / basis data
BAB 1. PENDAHULUAN
1.1 Latar Belakang Masalah
Informasi terkini sangatlah dibutuhkan oleh banyak orang dan akses pencarian yang mudah sangatlah bermanfaat dalam membantu orang dalam menemukan informasi yang diinginkannya. Internet sudah menjadi kebutuhan saat ini dan website menjadi media untuk menyediakan informasi yang bermanfaat. Kemudahan dan cepat dalam mengakses menjadi salah satu kelebihan penggunaan internet di masa kini, ditambah lagi semakin banyaknya penggunaan smart phone dan gadget yang dimanapun orang dapat menggunakannya untuk mengakses media di internet.
Universitas adalah tempat di mana banyak orang masuk di dalamnya untuk melanjutkan studi mereka di tingkat yang lebih lanjut lagi. Banyak orang datang dari banyak daerah untuk menimba ilmu di dalamnya. Selain untuk menimba ilmu orang-orang juga membutuhkan tempat di mana mereka dapat dengan cepat tiba di universitas tanpa terhalang lebih banyak halangan di jalanan seperti jarak yang jauh, macet, transportasi, dan lain-lain. Untuk mecari tempat tinggal tersebut membuat orang harus melakukan
survey ke tempat tinggal yang disewakan (kos) satu per satu tanpa mengetahui perkiraan biaya, gambaran kamar yang disewakan, dan orang yang dapat dihubungi lebih lanjut. Jika ada orang yang berasal dari luar kota yang ingin menimba ilmu di universitas dan tidak mengetahui di mana saja tempat yang bisa disewakan untuk tinggal (kos) membuat mereka harus datang terlebih dahulu ke kota di mana universitas berada dan harus banyak bertanya dan mengandalkan rekan-rekan yang ada di kota yang sama.
Dengan masalah yang ada maka akan dibuat sebuat aplikasi berbasis
2
tersebut. Dengan adanya aplikasi ini diharapkan orang dapat dengan mudah mencari tempat kos yang cocok dan mendekati kebutuhan dan keinginannya. Selain itu dengan sistem iklan di dalam aplikasi ini mempermudah pemilik kos untuk mengiklankan tempat kos agar dengan mudah dicari oleh penyewa. Pemilik kos juga dapat mengatur ketersediaan kamar yang ditampilkan pada web sehingga penyewa dapat melihat ketersediaan kamar yang ada dan dapat menghubungi pemilik kos jika ingin menyewanya.
1.2 Rumusan Masalah
Berdasarkan latar belakang yang ada maka dapat ditemukan beberapa rumusan masalah, yaitu:
1. Bagaimana pengunjung dapat mendapatkan informasi yang diinginkan dari layanan web pencarian kos yang ada?
2. Bagaimana pemilik dapat menjalankan bisnisnya sebagai pemilik kos dengan lebih mudah untuk mengiklankan kos yang dimilikinya?
3. Bagaimana pengunjung ada dapat memilih kos yang mendekati kebutuhannya?
1.3 Tujuan Pembahasan
Berdasarkan rumusan masalah yang ada maka dihasilkan tujuan pembahasan, yaitu:
1. Membuat aplikasi untuk pencarian kos secara online yang mana aplikasi ini menampilkan informasi kos tersebut.
2. Membuat aplikasi yang berfungsi juga untuk mengiklankan kos yang dimiliki oleh pemilik kos.
3. Membuat aplikasi yang memberikan rekomendasi dari pengelompokan /
3
1.4 Ruang Lingkup Kajian
Berikut ruang lingkup kajian yang ada di dalam Tugas Akhir ini: Perangkat keras:
- Komputer Perangkat lunak:
- Web Browser
- Microsoft Windows XP
- PHP MyAdmin untuk basis data Batasan Aplikasi:
- Data diambil dari hasil survey dan wawancara kepada pemilik kos b. Data sekunder:
- Materi perkuliahan seputar web
1.6 Sistematika Penyajian
BAB 1. Pendahuluan
Bab ini menjelaskan tentang latar belakang masalah, rumusan masalah, tujuan, ruang lingkup kajian, sumber data, sistematika penyajian dan waktu dan tempat penelitian.
BAB 2. Kajian Teori
Bab ini menjelaskan tentang teori-teori yang berhubungan dengan judul Kerja Praktek.
BAB 3. Analisis dan Rancangan Aplikasi
4
Relation Diagram (ERD), Data Flow Diagram, PSPEC, Kamus Data, dan Perancangan Sketsa User Interface.
BAB 4. Hasil Penelitian
Bab ini menjelaskan aplikasi yang dijalankan dengan contoh penggunaan berupa tampilan pengoperasian aplikasi tersebut.
BAB 5. Pembahasan dan Uji Coba Hasil Penelitian
Bab ini berisi pembahasan dan uji coba hasil aplikasi yang dilakukan.
BAB 6. Kesimpulan dan Saran
Pada bab ini dijelaskan mengenai kesimpulan dari perancangan aplikasi. Untuk dapat meningkatkan atau memperbaiki hasil akhir diberikan saran yang berguna untuk
BAB 6. SIMPULAN DAN SARAN
Pada Bab ini akan dijelaskan kesimpulan mengenai topik yang dibuat dan juga saran untuk ke depannya dapat membangun dalam pembuatan sistem ini menjadi lebih baik lagi.
6.1 Simpulan
Berdasarkan pembahasan yang ada maka dapat diambil kesimpulan , yaitu:
1. Apikasi ini dapat memberikan informasi seputar kos yang ada sehingga pengunjung dapat melihat gambaran mengenai kos.
2. Selain dapat memberikan informasi seputar kos, aplikasi ini dapat menjadi sarana untuk pemilik kos dapat mengiklankan kos yang dimilikinya sehingga pengunjung dapat lebih mudah menghubungi pemilik.
3. Aplikasi ini memberikan rekomendasi mengenai kos yang ada dan pengunjung dapat mengetahui gambaran kos tersebut.
6.2 Saran
Saran yang dapat diperoleh dalam pembuatan aplikasi ini untuk ke depannya menjadi lebih baik lagi adalah:
1. Fitur komunikasi antara pengunjung yang ingin ikut mengiklankan kos yang dimiliki dengan administrator web.
DAFTAR PUSTAKA
[1] L. Sidhartha, Pengantar Sistem Informasi Bisnis, Jakarta: Elex Media Komputindo, 1995.
[2] G. B. Davis, Kerangka Dasar Sistem Informasi Manajemen, Jakarta: Pustaka Binamas Pressindo, 1991.
[3] Alter, The Work System Method : Connecting People, Processes, and IT for Business Result, California: Works System Press, 1992.
[4] T. Davenport, Process Innovation : Reengineering Work Through Information Technology, Boston: Harvard Business School Press, 1993. [5] Malcolm Brady, John Loonam, Qualitative Research in Organizations
and Management, Dublin: Emerald Group Publishing Limited, 2010. [6] A. Saputra, Proyek 30 Juta : Proyek Toko Online dengan SmartyPHP,
Cirebon: CV. ASFA Solution, 2015.
[7] R. S. Pressman, Software Engineering : A Practitioner's Approach, New York: McGraw-Hill, 2005.
[8] Krismiaji, Sistem Informasi Akuntansi, Yogyakarta: UPP STIM YKPN, 2005.
[9] T. Sutabri, Analisa Sistem Informasi, Yogyakarta: Andi Publisher, 2005. [10] M. Mannino, Database Application Development and Design, New York:
McGraw-Hill, 2001.
[11] Yakub, Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu, 2012. [12] E. Castro, HTML for the World Wide Web, Visual Quickstart Guide,
2003.
[13] R. Andrew, CSS Anthology : 101 Essential Tips, Tricks, & Hacks, SitePoint Pty. Ltd., 2004.
88
[15] G. Svennerberg, Beginning Google Maps API 3, New York: Apress, 2010.
[16] H. Alatas, Responsive Web Design dengan PHP & Bootstrap, Yogyakarta: Lokomedia, 2013.
[17] A. Nugroho, Rekayasa Perangkat Lunak Menggunakan UML dan JAVA, Andi Publisher, 2010.
[18] M. Fowler, UML Distiled, Yogyakarta: Andi Publisher, 2005.
