PERANCANGAN APLIKASI RENTAL ALAT OUTDOOR
BERBASIS WEB MENGUNAKAN ARSITEKTUR HMVC
(Studi Kasus Kubu Barat Camp)
TUGAS AKHIR
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata I Teknik Informatika Universitas Muhammadiyah Malang
Muhammad Rizki Anzar Tanjung Putra 201410370311059
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH MALANG
2021
LEMBAR PERSETUJUAN
PERANCANGAN APLIKASI RENTAL ALAT OUTDOOR BERBASIS WEB MENGGUNAKAN ARSITEKTUR HMVC
(Studi Kasus Kubu Barat Camp)
Muhammad Rizki Anzar Tanjung Putra 201410370311059
Telah Direkomendasikan Untuk Diajukan Sebagai Judul Tugas Akhir Di
Teknik Informatika Universitas Muhammadiyah Malang
Menyetujui,
Pembimbing I
Ilyas Nuryasin, S.Kom, M.kom NIP. 108.1410.0561
Pembimbing II
Evi Dwi Wahyuni S.Kom., M.Kom NIP. 108.1703.0595
v
ABSTRAK
Penyewaan adalah sebuah persetujuan yang dimana sebuah pembayaran dilakukan atas penggunaan suatu barang secara sementra oleh pihak lain atau orang lain. Salah satu jenis bisnis penyewaan yang terjadi saat ini adalah penyewaan barang alat outdoor. Kubu Barat Camp merupakan salah satu penyedia jasa penyewaan alat outdoor yang sedang ingin membangun sebuah website. Tujuan pembuatan website ini didasari karena seiring berjalannya waktu jumlah permintaan penyewaan apada Kubu Barat Camp semakin hari makin meningkat. Sehingga menimbulkan permasalahan dalam proses penyewaan barang, salah satu permasalahan yang sering terjadi pada Kubu Barat Camp yaitu tidak adanya informasi ketersediaannya barang kepada penyewa. Metode perancangan website ini menggunakan metode waterfall, menggunakan bahasa pemrograman PHP, untuk basis data menggunakan MySQL sebagai basis data dari sitem informasi ini, serta menggunakan framework CodeIgniter dan arsitektur HMVC. Pengujian yang akan digunakan pada penelitian ini menggunakan metode black box dan UAT(User Acceptance Test). Hasil dari penelitian ini adalah sistem dapat memberi kemudahan bagi para pelanggan yang ingin melakukan penyewaan alat outdoor. Pelanggan juga dapat dengan mudah melihat referensi barang tanpa harus datang terlebih dahulu ke toko.
vi ABSTRACT
Rental is an agreement in which a payment is make for the temporary use of an item by another party or other person. One type of rental business that happening now is the rental of outdoor equipment. Kubu Barat Camp is one of the outdoor equipment rental service providers who are looking to build a website. The purpose of making this website is based on the fact that over time the number of requests for rental at Kubu Barat Camp is increasing day by day. So, the causing problems in the process of the renting, one of the problems that often occurs in the Kubu Barat Camp is the absence of information on the availability of item to tenants. This website designed using waterfall method, using the PHP programming language, for the database using MySQL as the database for this information system, and using the Code Igniter framework and the HMVC architecture. Tests that will be used in this study using the black box method and the UAT (User Acceptance Test). The result of this research is the system can make it easy for customers who want to rental outdoor equipment. Customers can also easily see producy references without having to come the store first.
vii
KATA PENGANTAR
Alhamdulillahirabbil’alamin Rasa syukur kepada Allah SWT yang telah melimpahkan Rahmat, Nikmat, dan Hidayah-Nya. Sholawat serta salam juga penulis haturkan kepada Nabi Muhammad SAW yang telah membawa manusia ke zaman yang penuh dengan ilmu pengetahuan, sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul :
PERANCANGAN APLIKASI RENTAL ALAT OUTDOOR BERBASIS WEB MENGGUNAKAN ARSITEKTUR HMVC (Studi Kasus Kubu Barat Camp)
Melalui kesempatan yang bahagia ini penulis menyampaikan ucapan terimakasih yang sebesar-besarnya kepada semua pihak yang sudah membantu dalam penyelesaian tugas ahir ini terutama kepada KUBU BARAT CAMP yang telah bersedia memberikan penulis kesempatan untuk melakukan penelitian ini.
Penulis menyadari bahwa dalam penulisan Tugas Akhir ini mengalami beberapa hambatan dan kesulitan, Namun dengan adanya doa, restu, dan dorongan dari kedua orang tua yang takpernah putus menjadikan penulis bersemangat dlam melanjutkan penelitian skripsi ini. Untuk itu dengan segala bakti dan kesugguhan hati penulis memberikan penghargaan dan ucapan terimakasih kepada mereka, Bapak H. Maslan dan Ibu Hj. Siti Rohana serta kakak penulis Febryanti Musvita Tanjung Putri. Dikarenakan masih banyak kekurangan, oleh karena itu penulis mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu pengetahuan kedepannya.
viii
DAFTAR ISI
TUGAS AKHIR ...i
LEMBAR PERSETUJUAN ... ii
LEMBAR PENGESAHAN ... iii
LEMBAR PERNYATAAN ... iv
ABSTRAK ... v
ABSTRACT ...vi
KATA PENGANTAR... vii
DAFTAR ISI ... viii
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xiii
BAB I ... 1 PENDAHULUAN... 1 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 3 1.3 Tujuan Penelitian ... 3 1.4 Batasan Masalah ... 3 BAB II ... 4 LANDASAN TEORI ... 4 2.1 Tinjauan Pustaka ... 4
2.2 SDLC (System Development Life Cycle) ... 5
2.3 Waterfall ... 5
2.4 MVC (Model, View, Controller) ... 6
2.5 HMVC (Hierarchical Model, View, Controller) ... 7
2.6 Perbedaan struktur MVC dan HMVC ... 8
2.7 Website ... 9
2.8 Sistem Informasi ... 10
2.9 UML (Unified Modelling Language) ... 10
BAB III... 13 METODE PENELITIAN ... 13 3.1 Studi Pustaka ... 13 3.2 Analisa Kebutuhan ... 14 3.2.1 Elisitasi ... 14 3.2.2 Kebutuhan Pengguna ... 19
ix
3.2.3 Kebutuhan Fungsional ... 19
3.2.4 Kebutuhan Non Fungsional ... 21
3.2.5 Use Case Diagram ... 22
3.2.6 Activity Diagram ... 22 3.2.7 Sequence Diagram ... 32 3.3 Desain Sistem ... 42 3.3.1 Arsitektur Sistem ... 42 3.3.2 Desain Interface ... 43 BAB IV ... 48
HASIL DAN PEMBAHASAN ... 48
4.1 Implementasi ... 48
4.1.1 Implementasi HMVC (Hierarchical, Model, View, Controller) pada Codeigniter... 48
4.2.1 Implementasi interface... 50
4.2 Pengujian Sistem ... 63
4.2.1 Pengujian Requirement Test Pada Sistem ... 63
4.2.2 Pengujian Blackbox ... 64
4.2.3 Pengujian User Acceptance Testing (UAT) ... 71
BAB V ... 72
KESIMPULAN DAN SARAN ... 72
5.1 Kesimpulan ... 72
5.2 Saran ... 72
DAFTAR PUSTAKA ... 74
LAMPIRAN ... 76
Lampiran 1 Dokumen Requirement Test ... 76
x
DAFTAR GAMBAR
Gambar 2.1 Metode Waterfall [7] ... 5
Gambar 2.2 Arsitektur MVC [9] ... 7
Gambar 2.3 Arsitektur HMVC [11] ... 8
Gambar 2.4 Struktur Directori MVC ... 8
Gambar 2.5 Struktur Directori HMVC ... 9
Gambar 3.1 Alur Metodologi Penelitian ... 12
Gambar 3.2 Use Case Diagram ... 21
Gambar 3.3 Activity Diagram (Admin) Login ... 21
Gambar 3.4 Activity Diagram (Admin) Tambah Data Barang ... 22
Gambar 3.5 Activity Diagram (Admin) Edit Data Barang ... 22
Gambar 3.6 Activity Diagram (Admin) Hapus Data Barang ... 23
Gambar 3.7 Activity Diagram (Admin) Tambah Kelola Wisata ... 23
Gambar 3.8 Activity Diagram (Admin) Edit Kelola Wisata ... 24
Gambar 3.9 Activity Diagram (Admin) Hapus Kelola Wisata ... 24
Gambar 3.10 Activity Diagram (Admin) Tambah Kelola Galeri ... 25
Gambar 3.11 Activity Diagram (Admin) Hapus Kelola Galeri ... 25
Gambar 3.12 Activity Diagram (Admin) Tambah Data Pelanggan ... 26
Gambar 3.13 Activity Diagram (Admin) Edit Data Pelangga ... 26
Gambar 3.14 Activity Diagram (Admin) Hapus Data Pelanggan ... 27
Gambar 3.15 Activity Diagram (Admin) Peminjaman Barang ... 27
Gambar 3.16 Activity Diagram (Admin) Pengembalian Barang ... 28
Gambar 3.17 Desain Activity Diagram (Admin) Pengembalian Barang ... 28
Gambar 3.18 Activity Diagram (Customer) Login ... 29
Gambar 3.19 Activity Diagram (Customer) Paket Wisata ... 29
Gambar 3.21 Activity Diagram (Customer) Galeri ... 30
Gambar 3.22 Activity Diagram (Customer) Pinjaman ... 30
Gambar 3.23 Sequence Diagram (Admin) Login ... 31
Gambar 3.24 Sequence Diagram (Admin) Tambah data barang ... 31
Gambar 3.25 Sequence Diagram (Admin) Edit data barang ... 32
Gambar 3.26 Sequence Diagram (Admin) Hapus data barang ... 32
Gambar 3.27 Sequence Diagram (Admin) Tambah kelola wisata ... 33
Gambar 3.28 Sequence Diagram (Admin) Edit kelola wisata ... 33
xi
Gambar 3.30 Sequence Diagram (Admin) Tambah kelola galeri ... 34
Gambar 3.31 Sequence Diagram (Admin) Edit kelola galeri ... 35
Gambar 3.32 Sequence Diagram (Admin) Hapus kelola galeri ... 35
Gambar 3.33 Sequence Diagram (Admin) Tambah kelola pelanggan ... 36
Gambar 3.34 Sequence Diagram (Admin) Edit kelola pelanggan ... 36
Gambar 3.35 Sequence Diagram (Admin) Hapus kelola pelanggan ... 37
Gambar 3.36 Sequence Diagram (Admin) Peminjaman barang ... 37
Gambar 3.37 Sequence Diagram (Admin) Pengembalian barang ... 38
Gambar 3.38 Sequence Diagram (Admin) Riwayat Peminjaman ... 38
Gambar 3.39 Sequence Diagram (Customer) Login ... 39
Gambar 3.40 Sequence Diagram (Customer) Paket wisata ... 39
Gambar 3.41 Sequence Diagram (Customer) Katalog ... 40
Gambar 3.42 Sequence Diagram (Customer) Galeri ... 40
Gambar 3.43 Sequence Diagram (Customer) Pinjaman ... 41
Gambar 3.44 Arsitektur Sistem Informasi rental alat outdoor ... 42
Gambar 3.45 Interface tampilan login admin ... 42
Gambar 3.46 Interface tampilan dashboard ... 43
Gambar 3.47 Interface tampilan Kelola Admin ... 43
Gambar 3.48 Interface tampilan Kelola Barang ... 44
Gambar 3.49 Interface tamilan Kelola Wisata... 44
Gambar 3.50 Interface tampilan Kelola Galeri ... 44
Gambar 3.51 Interface tampilan Keola Pelanggan ... 45
Gambar 3.52 Interface tampilan Peminjaman Barang ... 45
Gambar 3.53 Interface tampilan Pengembalian Barang ... 46
Gambar 3.54 Interface tampilan Riwayat Peminjaman ... 46
Gambar 4.1 Isi File Modular Extension HMVC ... 47
Gambar 4.2 Membuat Folder Modules ... 48
Gambar 4.3 Membuat Folder dengan Nama admin dan user ... 48
Gambar 4.4 Membuat Folder Dengan Nama Controller, Models, dan Views 48 Gambar 4.5 Struktur Direktori HMVC ... 50
Gambar 4.6 Tampilan Login Web ... 51
Gambar 4.7 Tampilan Daftar Akun Web ... 51
Gambar 4.8 Tampilan Home ... 52
xii
Gambar 4.10 Tampilan Paket Wisata ... 53
Gambar 4.11 Tampilan Katalog ... 53
Gambar 4.12 Tampilan Data Pinjaman Alat ... 54
Gambar 4.13 Tampilan Katalog ... 54
Gambar 4.14 Tampilan Lokasi ... 55
Gambar 4.15 Tampilan Login Administrator ... 55
Gambar 4.16 Tampilan Dashboard Administrator ... 56
Gambar 4.17 Tampilan Kelola Admin ... 56
Gambar 4.18 Tampilan Kelola Barang ... 57
Gambar 4.19 Tampilan Tambah Data Barang ... 57
Gambar 4.20 Tampilan Edit Data Barang... 58
Gambar 4.21 Tampilan Kelola Wisata ... 58
Gambar 4.22 Tampilan Tambah Data Wisata ... 59
Gambar 4.23 Tampilan Edit Data Wisata ... 59
Gambar 4.24 Tampilan Edit Data Wisata ... 60
Gambar 4.25 Tampilan Kelola Pelanggan ... 60
Gambar 4.26 Tampilan Peminjaman Barang ... 59
Gambar 4.27 Tampilan Proses Peminjaman ... 61
Gambar 4.28 Tampilan Pengembalian Barang ... 61
Gambar 4.29 Tampilan Proses Pengembalian Barang ... 62
Gambar 4.30 Tampilan Riwayat Peminjaman ... 62
xiii
DAFTAR TABEL
Table 3.1 Daftar hasil elisitasi tahap I ... 13
Table 3.2 Daftar hasil elisitasi tahap II ... 15
Table 3.3 Daftar hasil elisitasi tahap III... 16
Table 3.4 Kebutuhan Berdasarkan Pengguna ... 18
Table 3.5 Kebutuhan Fungsional Pengguna Admin ... 19
Table 3.6 Kebutuhan Fungsional Pengguna Customer ... 19
Table 3.7 Kebutuhan Non Fungsional ... 20
Table 4.1 Hasil Pengujian Requirement ... 64
Table 4.2 Hasil Pengujian halaman admin dengan Blackbox ... 65
Table 4.3 Hasil Pengujian halaman pelanggan dengan Blackbox ... 70
Table 4.3 Hasil Pengujian UAT ... 71
Table 4.3 Hasil Pengujian UAT ... 71
74
DAFTAR PUSTAKA
[1] F. Nugraha, “Sistem Informasi Penyewaan Alat Outdoor di Malindo Kota Tasikmalaya Berbasis Web,” Jumantaka, vol. 02, no. 01, pp. 41–50, 2018. [2] S. Alfina, P. Said, B. Priyambadha, and F. Amalia, “Pembangunan Sistem
Aplikasi Penyewaan pada DO-RENT berbasis Web ( Studi Kasus : DO-RENT Malang ),” vol. 3, no. 8, pp. 8098–8103, 2019.
[3] A. Shidqy, H. Nugraha, and R. Arnie, “Sistem Informasi Penjualan Dan Penyewaan Peralatan Camping Berbasis Web Pada Oasis Camp,” pp. 1741– 1752.
[4] J. Speed and S. P. Engineering, “Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 4 – November - 2018,” vol. 10, no. 4, pp. 111–116, 2018.
[5] A. R. I. Muzakir, “Implementasi Manajemen Perpustakaan menggunakan Framework Codeigniter ( CI ) Dengan Teknik Hierarchical model – view – controller ( HMVC ) Abstrak,” vol. 1, no. Ci, 2005.
[6] I. Journal and S. Engineering, “Kata kunci : sistem informasi, penjadwalan, berbasis web,” vol. 2, no. 1, pp. 31–38, 2016.
[7] G. W. Sasmito, “Penerapan Metode Waterfall Pada Desain Sistem Informasi Geografis Industri Kabupaten Tegal,” vol. 2, no. 1, pp. 6–12, 2017.
[8] J. Informatika, “Model view controller,” vol. 17, no. 1, pp. 11–21, 2017. [9] I. Akil, “OPTIMASI MODULARITAS DENGAN HIERARCHY MODEL VIEW
CONTROLLER ( HMVC ) PADA FRAMEWORK CODE IGNITER,” vol. 4, no. 2, pp. 78–83, 2018.
[10] D. Prabowo, “WEBSITE E-COMMERCE MENGGUNAKAN MODEL VIEW CONTROLLER ( MVC ) DENGAN FRAMEWORK CODEIGNITER Studi Kasus : Toko Miniatur Pendahuluan Landasan Teori,” vol. 16, no. 1, pp. 23–29, 2015.
75
[11] Z. Arifin and D. M. Khairina, “PHP FRAMEWORK DESIGN WITH HIERARCHICAL MODEL-VIEW- CONTROLLER ARCHITECTURE,” pp. 2–7. [12] P. M. Kepegawaian et al., “KOTA YOGYAKARTA MENGGUNAKAN KONSEP
HIERARCHICAL MODEL VIEW CONTROLLER KOTA YOGYAKARTA MENGGUNAKAN VIEW CONTROLLER,” 2019.
[13] M. Destiningrum and Q. J. Adrian, “SISTEM INFORMASI PENJADWALAN DOKTER BERBASSIS WEB DENGAN MENGGUNAKAN FRAMEWORK CODEIGNITER ( STUDI KASUS : RUMAH SAKIT YUKUM MEDICAL CENTRE ),” vol. 11, no. 2, pp. 30–37, 2017.
[14] D. E. Hendrianto, “Pembuatan Sistem Informasi Perpustakaan Berbasis Website Pada Sekolah Menegah Pertama Negeri 1 Donorojo Kabupaten Pacitan,” vol. 3, no. 4, pp. 57–64, 2014.
[15] Y. Heriyanto, “Perancangan Sistem Informasi Rental Mobil Berbasis Web Pada PT.APM Rent Car,” J. Intra-Tech, vol. 2, no. 2, pp. 64–77, 2018.
[16] P. Air, M. Pada, and C. V Air, “Jurnal Sistem Informasi,” vol. 3, no. 2, 2014. [17] A. Rahadi, M. Al Musadieq, H. Susilo, F. I. Administrasi, and U. Brawijaya,
“BERBASIS KOMPUTER ( Studi Kasus pada Toko Arta Boga ),” vol. 8, no. 2, pp. 1–8, 2014.
[18] P. Sulistyorini, “Pemodelan Visual dengan Menggunakan UML dan Rational Rose,” vol. XIV, no. 1, pp. 23–29, 2009.
[19] I. G. T. Isa and G. P. Hartawan, “Perancangan Aplikasi Koperasi Simpan Pinjam Berbasis Web (Studi,” J. Ilm. Ilmu Ekon., vol. 5, no. 10, pp. 139–151, 2017.
[20] F. M. F. A. Bakthier, F. Pradana, and B. Priyambadha, “Sistem Elisitasi Kebutuhan dengan Konsep Gamification Berbasis Website,” vol. 3, no. 5, pp. 4491–4499, 2019.