APLIKASI SISTEM INFORMASI PENYEWAAN BAJU
ADAT BERBASIS WEB ( STUDY KASUS : KELURAHAAN
KELAPA DUA WETAN )
TUGAS AKHIR
DIMAS ANDRIYANTO
1210501028
UNIVERSITAS PEMBANGUNAN NASIONAL“VETERAN”JAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI DIII SISTEM INFORMASI
2016
APLIKASI SISTEM INFORMASI PENYEWAAN BAJU
ADAT BERBASIS WEB ( STUDY KASUS : KELURAHAAN
KELAPA DUA WETAN )
TUGAS AKHIR
Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar
Ahli Madya
DIMAS ANDRIYANTO
1210501028
UNIVERSITAS PEMBANGUNAN NASIONAL“VETERAN”JAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI DIII SISTEM INFORMASI
2016
APLIKASI SISTEM INFORMASI PENYEWAAN BAJU
ADAT BERBASIS WEB ( STUDY KASUS : KELURAHAN
KELAPA DUA WETAN )
Dimas Andriyanto
Abstrak
Salon baju adat merupakan suatu tempat untuk melakukan penyewaan yang dapat dipesan oleh masyarakat. Saat ini masih banyak pengelola salon disekitar kelurahan Kelapa Dua Wetan yang belum memiliki web. Oleh karena itu masih sulit untuk mendapatkan informasi dan melakukan pemesanan baju adat tersebut. Sistem yang dirancang ini penulis melakukan wawancara dan observasi serta pengembangan sistem menggunakan waterfall. Perancangan web ini penulis menggunakan perangkat lunak CodeIgniter dengan membahas pemrograman PHP. Harapan penulis, web ini dapat mempublikasikan informasi dengan cepat sehingga para konsumen tidak kesulitan dalam mencari informasi dan juga dalam web ini konsumen dapat langsung memesan baju adat. Tujuan dari penelitian ini adalah membangun sebuah aplikasi berbasis web untuk mengelola pemesanan pakaian baju adat di Kelapa Dua Wetan dari mulai informasi sampai pemesanan baju adat.
CLOTHES RENTAL APPLICATION INFORMATION
SYSTEM BASED WEB ADAT (CASE STUDY: KELAPA
DUA WETAN)
Dimas Andriyanto
Abstract
Salon traditional clothing is a place to do the hiring, which can be ordered by the public. Currently there are many around the salon manager Kelapa Dua Wetan does not have web yet. Therefore, it is still difficult to get information and make a reservation of the traditional dresses. Systems designed this author conducted interviews and observations as well as the development of systems using the waterfall. This web designing software authors use CodeIgniter to discuss PHP programming. Hope writer, this website can publish information quickly so that consumers have no difficulty in finding information and also in this website consumers can directly order the traditional clothes. The purpose of this research is to build a web-based application to manage reservations clothes custom clothes in Kelapa Dua Wetan ranging from information to booking traditional dresses. Keywords : Design, WEB, Booking of Traditional Dress, Codeigniter
i
Kata Pengantar
Puji dan syukur penulis panjatkan kepada ALLAH SWT atas segala karunia-NYA sehingga Tugas Akhir ini berhasil diselesaikan. Judul yang dipilih adalah Aplikasi Sistem Informasi Penyewaan Baju Adat Berbasis Web ( Study
Kasus : Kelurahan Kelapa Dua Wetan ). Penelitian ini dilaksanakan untuk
menyelesaikan skripsi dalam perkuliahan pada Program Studi D3 Sistem Informasi Fakultas Ilmu Komputer Universitas Pembangunan Nasional Veteran Jakarta. Terima kasih penulis ucapkan kepada :
1. Bapak Dr.Nidjo Sandjojo, M.sc selaku Dekan Fakultas Ilmu Komputer UPN “VETERAN JAKARTA beserta jajaran Dekanat.
2. Ibu Erly Krisnanik, S.Kom., MM selaku Kaprogdi D3 Sistem Informasi yang telah membantu mengarahkan penulis dalam menyelesaikan tugas akhir ini.
3. Ibu Erly Krisnanik, S.Kom., MM selaku dosen pembimbing tugas akhir ini yang telah meluangkan waktu dalam memberikan bimbingan serta arahan sehingga tugas akhir ini dapat diselesaikan sesuai dengan waktu yang telah ditentukan.
4. Dosen-dosen Fakultas Ilmu Komputer beserta karyawan dan staff yang telah membantu dalam penyelesaian Tugas Akhir ini.
5. Keluarga besar penulis dari Dimas Andriyanto yaitu Bapak Slamet Nurwanto, Ibu Murdhaningsi, dan Kakak Bayu Rudiyanto yang selalu memberikan dukungan doa maupun materi yang membantu dalam penyelesaian Tugas Akhir ini.
Akhirnya, penulis berharap semoga Tugas Akhir ini bermanfaat bagi kita semua. Amiin.
Jakarta, 28 Desember 2016
ii
DAFTAR ISI
Halaman Judul
Pernyataan Orisinalitas Lembar Pengesahaan
Pernyataan Persetujuan Publikasi Abstrak
Abtract
Kata Pengantar ... i
DAFTAR ISI ... ii
DAFTAR GAMBAR ... iii
DAFTAR TABEL ... iv DAFTAR SIMBOL ... v DAFTAR LAMPIRAN BAB 1 PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 2 1.3 Ruang Lingkup ... 2
1.4 Tujuan dan Manfaat Penelitian ... 2
1.5 Luaran Yang Diharapkan ... 3
1.6 Sistematika Penulisan ... 3
BAB II TINJAUAN PUSTAKA ... 5
2.1 Tinjauan Umum Sistem, Informasi, dan Sistem Informasi ... 5
2.2 Aplikasi ... 6
2.3 Baju adat... 6
2.4 Penyewaan... 6
2.5 Sistem Informasi Penyewaan ... 7
2.6 Aplikasi Berbasis Web ... 7
2.7 Sistem Basis Data ... 8
2.8 UML (Unified Modeling Language) ... 9
2.9 Bahasa Pemrogramaan ... 9
2.10 Review Riset ... 11
BAB III METODE PENELITIAN ... 12
3.1 Desain Penelitian ... 12
3.2 Alur Penelitian ... 13
3.3 Tahapan Penelitian ... 14
3.4 Alat yang Digunakan... 15
3.5 Tahapan Kegiatan... 16
BAB IV HASIL DAN PEMBAHASAN ... 17
4.1 Indentifikasi Masalah ... 17
iii
4.3 Analisa Sistem ... 18
4.4 Analisa Kuisioner ... 20
4.5 Desain Sistem ... 23
4.6 Rancangan Kamus Data ... 41
4.7 Rancangan kode ... 42
4.8 Rancangan Layar Grapical User Interface ( GUI ) ... 45
4.9 Infrastruktur Jaringan ... 51
BAB V PENUTUP ... 52
5.1 Simpulan ... 52
5.2 Saran ... 52
DAFTAR PUSTAKA ... 54 DAFTAR RIWAYAT HIDUP
iv
DAFTAR GAMBAR
Gambar 1 Model-View-Controller ... 10
Gambar 2 Alur Penelitian ... 13
Gambar 3 Use Case Konsumen ... 25
Gambar 4 Use Case Pengelola ... 25
Gambar 5 Use Case Pemilik ... 26
Gambar 6 Use Case Login ... 28
Gambar 7 Activity Membuka Website Penyewaan Pakaian Baju Adat ... 33
Gambar 8 Activity Registrasi ... 34
Gambar 9 Activity Penyewaan ... 35
Gambar 10 Activity Pembayaran ... 36
Gambar 11 Activity Pemilik ... 37
Gambar 12 Sequence Diagram Registrasi ... 38
Gambar 13 Sequence Diagram Penyewaan... 39
Gambar 14 Sequence Diagram Pembayaran ... 40
Gambar 15 Class Diagram ... 41
Gambar 16 Rancangan Tampilan Beranda ... 45
Gambar 17 Rancangan Tampilan Galeri ... 46
Gambar 18 Rancangan Tampilan Penyewaan ... 46
Gambar 19 Rancangan Tampilan Login Admin ... 47
Gambar 20 Rancangan Tampilan Registrasi ... 47
Gambar 21 Rancangan Tampilan Login Konsumen ... 48
Gambar 22 Rancangan Tampilan Edit Stock Barang ... 48
Gambar 23 Rancangan Tampilan Pengisian Penyewaan ... 49
Gambar 24 Rancangan Tampilan Bukti Pembayaran ... 50
v
DAFTAR TABEL
Tabel 1 Review Riset ... 11
Tabel 2 Tahapan Kegiatan ... 16
Tabel 3 Profil Responden ... 20
Tabel 4 Tanggapan Responden ... 21
Tabel 5 Daftar Istilah Aktor Atau Pelaku Sistem ... 24
Tabel 6 Deskripsi Diagram Use Case Sistem Usulan ... 26
Tabel 7 Deskripsi Diagram Use Case Sistem Usulan ... 29
Tabel 8 Narative Use Case Melakukan Register ... 30
Tabel 9 Narative Use Case Melihat dan Mengelolah Data Konsumen ... 30
Tabel 10 Narative Use Case Diagram Melakukan Konfirmasi Konsumen Baru ... 31
Tabel 11 Narative Use Case Diagram Melihat dan Mengelola Informasi Pakaian Baju Adat ... 32
Tabel 12 Dokumen Masukan Sistem Usulan ... 42
vi
DAFTAR SIMBOL
1. Daftar Simbol Use Case Diagram
No. Notasi Simbol Deskripsi
1. Aktor
Actor menggambarkan orang, system atau
external entitas yang menyediakan atau menerima informasi dari sistem. Aktor memberi input atau menerima informasi dari sistem.
2. Usecase
Use case digambarkan sebagai lingkaran elips dengan nama use case dituliskan didalamnya. Usecase berfungsi untuk menunjukkan proses yang terjadi pada sistem.
3. Association
Associations digunakan untuk
menggambarkan bagaimana actor terlibat dalam use case. Association digambarkan dengan sebuah garis yang menghubungkan antara Actor dengan Use Case.
4. System
Boundary
Merupakan batas antara sistem dan aktor. Biasanya dinotasikan dengan bujur sangkar. Semua use case harus berada didalam system boundary.
vii 2. Daftar Simbol Activity Diagram
No. Notasi Simbol Deskripsi
1. Awal (Initial State)
Titik awal, untuk memulai suatu aktivitas.
2. Akhir (Final State)
Titik akhir, untuk mengakhiri aktivitas.
3. Aktifitas (Activity) Menandakan sebuah aktivitas.
4. Transisi (Transition) Komunikasi antar obyek-obyek.
5. Keputusan (Decision)
Pilihan untuk mengambil keputusan.
3. Daftar Simbol Sequence Diagram
No. Notasi Simbol Deskripsi
1. Objek (Object)
Instance dari sebuah class yang dituliskan tersusun secara horizontal diikuti lifeline.
2. Pesan
(Message)
Indikasi untuk komunikasi antar object.
3. Lifeline
Indikasi keberadaan sebuah objek dalam basis waktu. :Object1
viii
4. Activation
Indikasi dari sebuah objek yang melakukan suatu aksi.
4. Daftar Simbol Class Diagram
No. Notasi Simbol Deskripsi
1. Kelas (Class)
Menunjukkan class-class yang dibangun berdasarkan prosesproses sebelumnya (diagram sequence).
2. Pesan
(Message)
Menunjukkan hubungan antara class pada diagram
class.
Class +attribute +operation()
ix
DAFTAR LAMPIRAN
Lampiran A Input Berjalan Lampiran 1 Data Pesanan Lampiran B Output Berjalan Lampiran 1 Kwitansi 1
Lampiran 2 Kwitansi 2
Lampiran C Masukan Usulan Lampiran 1 From Penyewaan Lampiran 2 From Login Konsumen Lampiran 3 From Pembayaran Lampiran D Struktur File Lampiran 1 Tabel User Lampiran 2 Tabel Penyewaan Lampiran 3 Tabel Kode_Barang Lampiran 4 Tabel Admin Lampiran 5 Tabel Transaksi