PERANCANGAN SISTEM INFORMASI
PENGELOLAAN KOST BERBASIS WEB
PADA KOST PONDOK CLARA
IRMA SURYANI
41813120003
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
JAKARTA
2017
PERANCANGAN SISTEM INFORMASI
PENGELOLAAN KOST BERBASIS WEB
PADA KOST PONDOK CLARA
Laporan Tugas Akhir
Diajukan Untuk Melakukan Salah Satu Syarat
Memperoleh Gelar Sajana Komputer
Oleh :
IRMA SURYANI
41813120003
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
KATA PENGANTAR
Puji syukur Alhamdulillah kehadirat Allah SWT yang telah melimpahkan
segala rahmat dan karunia-Nya, sehingga penulis dapat menyelesaikan laporan
tugas akhir yang merupakan salah satu persyaratan untuk menyelesaikan program
studi Strata satu (S1) pada Jurusan Sistem Informasi Universitas Mercu Buana.
Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas
akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai
pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan
terima kasih kepada:
1.
Ibu Nur Ani, ST., MMSI, selaku KaProdi Sistem Informasi di Universitas
Mercu Buana.
2.
Ibu Inge Handriyani, SE, MMSI, M.Ak, selaku koordinator tugas akhir pada
program studi Sistem Informasi Universitas Mercu Buana.
3.
Bapak Gembit Soultan. S,STP.,M.Kom selaku pembimbing Tugas Akhir.
4.
Ibu Ruci Meiyanti, S.Kom, M.Kom yang mengarahkan penulis dalam
penyusunan tugas akhir ini.
5.
Dosen-dosen Sistem Informasi yang telah memberikan ilmu yang bermanfaat
bagi kemajuan penulis.
6.
Ibu Jojor selaku pemilik kost Pondok Clara.
7.
Keluarga tercinta, Ibu Sri Ani, Bapak Muhamad Dahri dan Muhamad Hamzah
yang selalu memberikan dukungan dan doa untuk keberhasilan penulis dalam
menyelesaikan pendidikan.
8.
Sahabat penulis Vivi Diah Permatasari, Rani Juita, Dwi Apriyanti, Rahayu
Dwi Pratiwi, Ririn, Yosian Nurvia, Fayyad dan Rayyan yang selalu
memberikan motivasi dan semangat kepada penulis.
Penulis menyadari bahwa tugas akhir ini masih jauh dari kesempurnaan
dikarenakan keterbatasan kemampuan dan waktu dalam penyusunan. Untuk itu
penulis sangat mengharapkan saran dan kritik yang bersifat membangun demi
kesempurnaan skripsi ini. Semoga karya ini bermanfaat bagi semua pihak.
Jakarta, Desember 2017
DAFTAR ISI
COVER
LEMBAR PERNYATAAN ... iii
LEMBAR PENGESAHAN ... iv
KATA PENGANTAR ... v
ABSTRAKS ... vii
ABSTRACT ... viii
DAFTAR ISI ... ix
DAFTAR GAMBAR ... xiii
DAFTAR TABEL ... xv
BAB I PENDAHULUAN ... 1
1.1Latar Belakang ... 1
1.2Rumusan Masalah ... 2
1.3Batasan Masalah ... 2
1.4Tujuan dan Manfaat ... 2
1.4.1Tujuan ... 2
1.4.2Manfaat ... 3
1.5Metode Penelitian ... 3
1.5.1Metode Pengumpulan Data ... 3
1.5.2Metode Pengembangan Sistem ... 3
1.6Sistematika Penulisan ... 4
BAB II LANDASAN TEORI ... 5
2.1Studi Literatur ... 5
2.2Teori Khusus ... 7
2.2.1Pengertian Sistem Informasi ... 7
2.3Teori Terkait ... 8
2.3.1WATERFALL ... 8
2.3.2Analisa PIECES ... 10
2.3.3Analisa SWOT ... 11
2.3.4Unified Modeling Language (UML) ... 12
2.3.4.1Use Case Diagram ... 13
2.3.4.2Activity Diagram ... 14
2.3.4.3Sequence Diagram ... 16
2.3.4.4Class Diagram ... 16
2.3.5XAMPP Control Panel ... 18
2.3.6MySQL (My Structure Query Languange) ... 18
2.3.7ASP.NET ... 19
2.3.8VISUAL BASIC.NET ... 19
BAB III ANALISA DAN PERANCANGAN SISTEM ... 21
3.1Tinjauan Objek Penelitian ... 21
3.1.1Sejarah Kost Pondok Clara ... 21
3.1.2Struktur Organisasi ... 21
3.2Analisa Masalah ... 22
3.2.1Analisa Sistem Berjalan ... 22
3.2.2Analisa PIECES ... 24
3.3Analisa Kebutuhan ... 26
3.3.1Analisa Kebutuhan Fungsional ... 26
3.3.2Use Case... 28
3.3.3Deskripsi Use Case ... 28
3.3.4Activity Diagram ... 34
3.3.3.1 Activity Diagram View Homepage ... 34
3.3.3.3 Activity Diagram Verifikasi Service Request ... 35
3.3.3.4 Activity Diagram Report Kost ... 36
3.3.3.5 Activity Diagram View Dashboard ... 37
3.3.3.6 Activity Diagram Mengelola Data Kamar ... 37
3.3.3.7 Activity Diagram Mengelola Data Penyewa... 38
3.3.3.8 Activity Diagram Mengelola Data Sewa Kamar ... 40
3.3.3.9Activity Diagram Follow Up Service Request... 40
3.3.3.10Activity Diagram Pembayaran Sewa ... 41
3.3.3.11Activity Diagram Mengajukan Service Request ... 42
3.3.3.12Activity Diagram Login ... 43
3.3.5Sequence Diagram ... 44
3.3.5.1Sequence Diagram View Homepage ... 44
3.3.5.2Sequence Diagram Confirm Pembayaran Sewa ... 44
3.3.5.3Sequence Diagram Verifikasi Service Request... 45
3.3.5.4Sequence Diagram Report Kost ... 45
3.3.5.5Sequence Diagram View Dahsboard ... 46
3.3.5.6Sequence Diagram Mengelola Data Kamar ... 46
3.3.5.7Sequence Diagram Mengelola Data Penyewa ... 47
3.3.5.8Sequence Diagram Mengelola Data Sewa Kamar ... 47
3.3.5.9Sequence Diagram Follow Up Service Request ... 48
3.3.5.10Sequence Diagram Pembayaran Sewa ... 48
3.3.5.11Sequence Diagram Pengajuan Service Request ... 49
3.3.5.12Sequence Diagram Login ... 49
3.3.6Class Diagram ... 50
3.3.7Struktur Basis Data ... 50
3.3.7.3Tabel Penyewa ... 51
3.3.7.4Tabel Sewa ... 52
3.3.7.5Tabel Tagihan ... 52
3.3.7.6Tabel Service ... 53
3.3.6.6Tabel Transaksi ... 53
BAB IV PERANCANGAN DAN PEMBAHASAN SISTEM ... 54
4.1Struktur Navigasi ... 54
4.2Rancangan Layar (User Interface) ... 55
4.2.1Rancangan Layar Homepage Website ... 55
4.2.2Rancangan Layar Login ... 56
4.2.3Rancangan Layar Dashboard ... 57
4.2.4Rancangan Layar Data Kamar ... 57
4.2.5Rancangan Layar Data Penyewa ... 58
4.2.6Rancangan Layar Confirm Sewa Kamar ... 60
4.2.7Rancangan Layar Verifikasi Service Request ... 60
4.2.8Rancangan Layar Report Kost ... 61
4.2.9Rancangan Layar Mengelola Data Sewa Kamar ... 62
4.2.10Rancangan Layar Follow Up Service Request... 65
4.3Kebutuhan Usulan ... 66
4.3.1Spesifikasi Perangkat Lunak (Hardware) ... 66
4.3.2Spesifikasi Perangkat Lunak (Software) ... 66
BAB V KESIMPULAN DAN SARAN ... 67
5.1Kesimpulan ... 67
5.2Saran ... 67
DAFTAR GAMBAR
1.Gambar 1.1 Model Waterfall [Roger S Pressman, 2015 : 42] 4
2.Gambar 2.1 Model Waterfall [Roger S Pressman, 2015 : 42] 9
3.Gambar 2.2 Contoh Use Case Diagram [Pressman, 2015 : 875] 13
4.Gambar 2.3 Simbol Pada Use Case Diagram 14
5.Gambar 2.4 Contoh Activity Diagram [Pressman, 2015 : 881] 15
6.Gambar 2.5 Simbol Pada Activity Diagram 15
7.Gambar 2.6 Contoh Sequence Diagram [Pressman, 2015 : 877] 16
8.Gambar 2.7 Simbol Pada Sequence Diagram 16
9.Gambar 2.8 Contoh Class Diagram [Pressman, 2015 : 870] 17
10.Gambar 2.9 Simbol Pada Class Diagram 17
11.Gambar 2.10 Logo XAMPP Control Panel 18
12.Gambar 2.11 Tampilan MySQL 18
13.Gambar 2.12 Logo ASP.Net 19
14.Gambar 2.13 Logo Microsoft Visual Studio 2010 20
15.Gambar 3.1 Struktur Organisasi Kost Pondok Clara 22
16.Gambar 3.2 Flowchart Pengelolaan Kost Pondok Clara 23
17.Gambar 3.3 Diagram Use Case Usulan Sistem Informasi Pengelolaan Kost 28
18.Gambar 3.4 Activity Diagram View Homepage 34
19.Gambar 3.5 Activity Diagram Confirm Pembayaran Sewa 35
20.Gambar 3.6 Activity Diagram Verifikasi Service Request 36
21.Gambar 3.7 Activity Diagram Report Kost 36
22.Gambar 3.8 Activity Diagram View Dashboard 37
23.Gambar 3.9 Diagram Mengelola Data Kamar 38
26.Gambar 3.12 Activity Diagram Follow up Service Request 41
27.Gambar 3.13 Activity Diagram Pembayaran Sewa 42
28.Gambar 3.14 Activity Diagram Mengajukan Service Request 42
29.Gambar 3.15 Activity Diagram Login 43
30.Gambar 3.16 Sequence Diagram View Homepage 44
31.Gambar 3.17 Sequence Diagram Confirm Pembayaran Sewa 44
32.Gambar 3.18 Sequence Diagram Verifikasi Service Request 45
33.Gambar 3.19 Sequence Diagram Report Kost 45
34.Gambar 3.20 Sequence Diagram View Dashboard 46
35.Gambar 3.21 Sequence Diagram Mengelola Data Kamar 46
36.Gambar 3.22 Sequence Diagram Mengelola Data Penyewa 47
37.Gambar 3.23 Sequence Diagram Mengelola Data Sewa Kamar 47
38.Gambar 3.24 Sequence Diagram Follow Up Service Request 48
39.Gambar 3.25 Sequence Diagram Pembayaran Sewa 48
40.Gambar 3.26 Sequence Diagram Pengajuan Service Request 49
41.Gambar 3.27 Sequence Diagram Login 49
42.Gambar 3.28 Class Diagram 50
43.Gmbar 4.1 Struktur Navigasi Usulan 54
44.Gambar 4.2 Rancangan layar Homepage 55
45.Gambar 4.3 Rancangan Layar Login 56
46.Gambar 4.4 Rancangan Layar Dashboard 57
47.Gambar 4.5 Rancangan Layar Data Kamar 57
48.Gambar 4.6 Rancangan Layar Form Add Kamar 58
49.Gambar 4.7 Rancangan Layar Penyewa 58
50.Gambar 4.8 Rancangan Layar Edit Penyewa 59
51.Gambar 4.9 Rancangan Layar Confirm Sewa Kamar 60
53.Gambar 4.11 Rancangan Layar FormVerifikasi Service Request 61
54.Gambar 4.12 Rancangan Layar Report Kost 61
55.Gambar 4. 13 Rancangan Layar Menu Sewa Kamar 62
56.Gambar 4.14 Rancangan Layar Sewa Kamar 63
57.Gambar 4.15 Rancanga Layar Detail SewaKamar 64
58.Gambar 4.16 Rancangan Layar Putus Sewa Kamar 64
59.Gambar 4. 17 Rancangan Layar Menu Service Request 65
DAFTAR TABEL
1.Tabel 3.1 Tipe Kost Pondok Clara 21
2.Tabel 3.2 Analisa SWOT 26
3.Tabel 3.3 Kebutuhan Fungsional Sistem Informasi Pengelolaan Kost 27
4.Tabel 3.4 Deskripsi Use Case View Homepage 29
5.Tabel 3.5 Deskripsi Use Case Confirm Pembayaran Sewa 29
6.Tabel 3.6 Deskripsi Use Case Verifikasi Service Request 29
7.Tabel 3.7 Deskripsi Use Case Report Kost 30
8.Tabel 3.8 Deskripsi Use Case View Dashboard 30
9.Tabel 3.9 Deskripsi Use Case Mengelola Data Kamar 31
10.Tabel 3.10 Deskripsi Use Case Mengelola Data Penyewa 31
11.Tabel 3.11 Deskripsi Use Case Mengelola Data Sewa Kamar 32
12.Tabel 3.12 Deskripsi Use Case Follow Up Service Request 32
13.Tabel 3.13 Deskripsi Use Case Pembayaran Sewa Kamar 33
14.Tabel 3.14 Deskripsi Use Case Mengajukan Service Request 33
15.Tabel 3.15 Deskripsi Use Case Login 33
16.Tabel 3.16 Tabel tbuser 50
17.Tabel 3.17 Tabel tbkamar 51
18.Tabel 3.18 Tabel tbpenyewa 51
19.Tabel 3.19 Tabel tbsewa 52
20.Tabel 3.20 Tabel tbtagihan 52
21.Tabel 3.21 Tabel tbservicerequest 53