APLIKASI S ISTEM PEMESANAN DESAIN LUKISAN DEKORASI (STUDI KASUS BUILD UP STORE) Dedi Royadi 41813010062 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017 1
APLIKASI S ISTEM PEMESANAN DESAIN LUKISAN DEKORASI (STUDI KASUS BUILD UP STORE) Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Dedi Royadi 41813010062 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
i
ii
iii
KATA PENGANTAR Puji syukur alhamdulillah kehadirat Allah SWT yang telah melimpahkan segala rahmat dan karunia-nya, sehingga dapat menyelesaikan Laporan Tugas Akhir ini yang berjudul Aplikasi Sistem Pemesanan Desain Lukisan Dekorasi (Studi Kasus Build Up store). Pemulis menyadari sepenuhnya bahwa Laporan Tugas Akhir ini tidak terlepas dari kekurangan. Namun kekurangan tersebut dapat teratasi oleh banyak pihak yang turut serta membantu dalam penulisan Laporan Tugas Akhir ini. Maka dari itu, dengan segala kerendahan hati menyampaikan ucapan terimakasih kepada: 1. Bapak Ardiansyah, M.T.I selaku Dosen Pembimbing Tugas Akhir pada jurusan Sistem Informasi yang telah memberikan pengarahan. 2. Ibu Nur Ani, ST., M.MSI, Ketua Bidang Studi Sistem Informasi yang telah memberikan kesempatan kepada penulis untuk melaksanakan Laporan Tugas Akhir. 3. Ibu Inge Handriani, M.Ak., M.MSI, Selaku Kordinator Tugas Akhir pada jurusan Sistem Informasi. 4. Bapak Wawan Gunawan pemilik Build Up Store yang mengijinkan saya untuk melakukan riset dan pembuatan web Build Up Store. 5. Kedua Orang Tua dan Kakak penulis yang telah mendukung baik secara riil maupun materil serta nasihat nasihat yang banyak membantu penulis selama penulisan Laporan Tugas Akhir. 6. Teman-teman dan Siti Fatimah yang telah membantu serta memberi dukungan kepada penulis dalam melaksanakan penulisan Laporan Tugas Akhir. Jakarta, 03 Juni 2017 Dedi Royadi iv
DAFTAR ISI LEMBAR PERNYATAAN... i LEMBAR PERSETUJUAN SIDANG... ii LEMBAR PENGESAHAN... iii KATA PENGANTAR.....iv ABSTRACT... v ABSTRAK... vi DAFTAR ISI... vii DAFTAR GAMBAR... xi DAFTAR TABEL... xiv BAB I PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan dan Manfaat Penelitian... 3 1.4.1 Tujuan Penelitian... 3 1.4.2 Manfaat Penelitian... 3 1.5 Metodologi Penelitian... 4 1.6 Metode Rekayasa Perangkat Lunak... 4 1.7 Sistematika Penulisan... 5 BAB II LANDASAN TEORI 2.1 Konsep Dasar Sistem... 7 2.1.1 Pengertian Sistem... 7 2.1.2 Karakteristik Sistem... 7 2.1.3 Klasifikasi Sistem... 9 2.2 Konsep Dasar Informasi... 10 2.2.1 Pengertian informasi... 10 2.3 Konsep Dasar Sistem Informasi... 11 2.3.1 Pengertian Sistem Informasi... 11 2.4 Pengertian E-commerce... 12 2.5 Metode Pengembangan Sistem... 12 2.5.1 Metodologi Waterfall... 13 2.5.2 Metode Pengujian Sistem... 14 2.6 Unified Modeling Language (UML)... 15 2.6.1 Pengertian UML... 15 vii
2.6.2 Use Case Diagram... 16 2.6.3 Class Diagram... 18 2.6.4 Sequence Diagram... 19 2.7 Software Pendukung... 20 2.7.1 XAMPP... 21 2.7.2 Adobe Dreamweaver CC... 21 2.7.3 PhpMyAdmin... 22 2.7.4 Pengertian MySQL... 22 2.7.5 HTML... 22 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Sejarah Berdirinya Toko Build Up Store... 24 3.1.1 Sejarah singkat... 24 3.1.2 Visi dan Misi... 24 3.1.3 Struktur Organisasi... 25 3.1.4 Deskripsi Tugas... 25 3.2 Analisa Sistem Berjalan... 26 3.2.1 Use Case Diagram Berjalan... 26 3.3 Perancangan Sistem Usulan... 28 3.3.1 Use Case Diagram Usulan... 28 3.3.2 Activity Diagram Usulan... 32 3.4 Sequence Diagram... 40 3.4.1 Sequence Diagram Login... 41 3.4.2 Sequence Diagram Pendaftaran... 41 3.4.3 Sequence Diagram Upload Produk... 42 3.4.4 Sequence Diagram Cek Data Pemesanan... 43 3.4.5 Sequence Diagram Update Pembayaran... 44 3.4.6 Sequence Diagram Cari Produk... 45 3.4.7 Sequence Diagram Menerima Pembayaran... 46 3.4.8 Sequence Diagram Laporan... 48 3.5 Class Diagram... 48 3.6 Mockup Sistem Website... 49 3.6.1 Halaman awal... 49 3.6.2 Halaman Produk Baju... 50 3.6.3 Halaman Dinding Airbush... 50 3.6.4 Halaman Pylox Pada Cat Semprot... 50 viii
3.6.5 Halaman Lukis Wajah Pada Request Pesanan... 51 3.6.6 Halaman Konfirmasi Pembayaran... 51 3.6.7 Halaman Galeri... 51 3.6.8 Halaman Daftar... 52 3.6.9 Halaman Login... 52 3.6.10 Halaman Keranjang... 52 3.6.11 Halaman Pemesanan Baju... 53 3.6.12 Halaman Pemesanan Cat Semprot... 53 3.6.13 Halaman Pemesanan Dinding Mural... 53 3.6.14 Halaman Alamat Pengiriman... 54 3.6.15 Halaman Pilih Bank Transfer... 54 3.6.16 Halaman Review Pesanan... 54 3.6.17 Halaman Daftar Transaksi... 55 3.6.18 Halaman Home Admin... 55 3.7 Rancangan Layar Database... 56 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi... 61 4.2 Spesifikasi Perangkat Keras... 61 4.3 Spesifikasi Perangkat Lunak... 61 4.4 Cara Penggunaan Website... 62 4.5 Implementasi Basis Data... 62 4.6 Metode Pengujian... 75 4.7 Skenario Pengujian... 76 4.8 Analisa Hasil Pengujian... 79 BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan... 81 5.2 Saran... 81 Daftar Pustaka... 82 Lampiran ix
DAFTAR GAMBAR Gambar 2.1 Tahapan Metodologi Waterfall (Pressman, 2012)... 13 Gambar 2.2 Klasifikasi DiagramUML(Alan Dennis, 2012)... 16 Gambar 2.3 XAMPP... 20 Gambar 2.4 Adobe Dreamweaver CC... 21 Gambar 3.1 Struktur Organisasi Toko Build Up... 25 Gambar 3.2 Use Case Diagram Sistem Berjalan... 27 Gambar 3.3 Use Case Diagram Usulan... 29 Gambar 3.4 Activity Diagram Usulan Melakukan Pendaftaran... 33 Gambar 3.5 Activity Diagram Usulan Upload Produk... 34 Gambar 3.6 Activity Diagram Usulan Data Pemesanan... 35 Gambar 3.7 Activity Diagram Usulan Menerima Pembayaran... 36 Gambar 3.8 Activity Diagram Usulan Update Pembayaran... 37 Gambar 3.9 Activity Diagram Usulan Laporan... 38 Gambar 3.10 Activity Diagram Usulan Cari Produk... 39 Gambar 3.11 Activity Diagram Usulan Konfirmasi Pembayaran... 40 Gambar 3.12 Sequence Diagram Login... 41 Gambar 3.13 Sequence Diagram Pendaftaran... 42 Gambar 3.14 Sequence Diagram Upload Produk... 43 Gambar 3.15 Sequence Diagram Cek Data Pemesanan... 44 Gambar 3.16 Sequence Diagram Update Pembayaran... 45 Gambar 3.17 Sequence Diagram Cari Produk... 46 Gambar 3.18 Sequence Diagram Menerima Pembayaran... 47 Gambar 3.19 Sequence Diagram Laporan... 48 Gambar 3.20 Class Diagram... 49 Gambar 3.21 Desain Halaman awal website... 49 Gambar 3.22 Desain Halaman produk baju... 50 Gambar 3.23 Desain Halaman dinding airbush... 50 Gambar 3.24 Desain Halaman pylox pada cat semprot... 50 Gambar 3.25 Desain Halaman lukis wajah pada request pesanan... 51 Gambar 3.26 Desain Halaman Konfirmasi pembayaran... 51 Gambar 3.27 Desain Halaman Galeri... 51 Gambar 3.28 Desain Halaman Daftar... 52 Gambar 3.29 Desain Halaman Login... 52 x
Gambar 3.30 Desain Halaman Keranjang... 52 Gambar 3.31 Desain Halaman Pemesanan Baju... 53 Gambar 3.32 Desain Halaman Pemesanan Cat Semprot... 53 Gambar 3.33 Desain Halaman Pemesanan Dinding Mural... 53 Gambar 3.34 Desain Halaman Alamat Pengiriman... 54 Gambar 3.35 Desain Halaman Pilih Bank Transfer... 54 Gambar 3.36 Desain Halaman Review Pesanan... 55 Gambar 3.37 Desain Halaman Daftar Transaksi... 55 Gambar 3.38 Desain Halaman Home Admin... 56 Gambar 4.1 Tampilan Localhost XAMPP... 62 Gambar 4.2 Implementasi Tabel Basis Data... 63 Gambar 4.3 Implementasi Table Admin... 63 Gambar 4.4 Implementasi Table Bank... 63 Gambar 4.5 Implementasi Table Detail Transaksi... 64 Gambar 4.6 Implementasi Table Kategori... 64 Gambar 4.7 Implementasi Table Keranjang... 64 Gambar 4.8 Implementasi Table Konfirmasi Pembayaran... 65 Gambar 4.9 Implementasi Table Pilihan Ukuran... 65 Gambar 4.10 Implementasi Table Pilihan Warna... 65 Gambar 4.11 Implementasi Table Produk... 66 Gambar 4.12 Implementasi Table Sub Kategori... 66 Gambar 4.13 Implementasi Table Transaksi... 66 Gambar 4.14 Implementasi Table Ukuran... 67 Gambar 4.15 Implementasi Table User... 67 Gambar 4.16 Implementasi Table Warna... 67 Gambar 4.17 Tampilan Halaman Home... 68 Gambar 4.18 Tampilan Halaman Login... 68 Gambar 4.19 Tampilan Halaman Daftar... 69 Gambar 4.20 Tampilan Halaman Produk Baju... 69 Gambar 4.21 Tampilan Halaman Dinding Mural... 70 Gambar 4.22 Tampilan Halaman Cat Semprot... 70 Gambar 4.23 Tampilan Halaman Request Pesanan... 71 Gambar 4.24 Tampilan Halaman Konfirmasi Pembayaran... 71 Gambar 4.25 Tampilan Halaman Galeri... 71 Gambar 4.26 Tampilan Halaman Login Admin... 72 xi
Gambar 4.27 Tampilan Halaman Dashbord Admin... 72 Gambar 4.28 Tampilan Halaman Kategori Pemesanan... 72 Gambar 4.29 Tampilan Halaman Kategori Pilox... 73 Gambar 4.30 Tampilan Halaman Kategori Dinding... 73 Gambar 4.31 Tampilan Halaman Data Pilihan Ukuran... 74 Gambar 4.32 Tampilan Halaman Data Pilihan Warna... 74 Gambar 4.33 Tampilan Halaman Data Bank... 74 Gambar 4.34 Tampilan Halaman Laporan Penjualan... 75 Gambar 4.35 Tampilan Halaman Data Pesanan Produk... 75 xii
DAFTAR TABEL Tabel 2.1 Simbol Use Case (Alan Dennis, 2012)... 17 Tabel 2.2 Simbol Pada Class Diagram (Alan Dennis, 2012... 18 Tabel 2.3 Simbol Sequence Diagram (Alan Dennis, 2012)... 19 Tabel 3.1 Skenario Use Case Memilih Barang... 27 Tabel 3.2 Skenario Use Case Melakukan Pembayaran... 27 Tabel 3.3 Skenario Use Case Cetak Struk Pembayaran... 27 Tabel 3.4 Skenario Use Case Memesan Barang... 28 Tabel 3.5 Skenario Use Case Melakukan Pendaftaran... 29 Tabel 3.6 Skenario Use Case Upload Produk... 29 Tabel 3.7 Skeario Use Case Cek Data Pemesanan... 30 Tabel 3.8 Skenario Use Case Menerima Pembayaran... 30 Tabel 3.9 Skenario Use Case Update Pembayaran... 31 Tabel 3.10 Skenario Use Case Cari Produk... 31 Tabel 3.11 Skenario Use Case Konfirmasi Pembayaran... 32 Tabel 3.12 Skenario Use Case Laporan... 32 Tabel 3.13 Skenario Aktivity Diagram Melakukan Pendaftaran... 33 Tabel 3.14 Skenario Use Case Cari Produk... 34 Tabel 3.15 Skenario Activity Diagram Data Pemesanan... 35 Tabel 3.16 Skenario Activity Diagram Menerima Pembayaran... 36 Tabel 3.17 Skenario Activity Diagram Update Pembayaran... 37 Tabel 3.18 Skenario Activity Diagram Laporan... 38 Tabel 3.19 Skenario Activity Diagram Cari Produk... 39 Tabel 3.20 Skenario Activity Diagram Konfirmasi Pembayaran... 40 Tabel 3.21 Deskripsi Sequence Diagram Login... 41 Tabel 3.22 Deskripsi Sequence Diagram Pendaftaran... 42 Tabel 3.23 Deskripsi Sequence Diagram Upload Produk... 43 Tabel 3.24 Deskripsi Sequence Diagram Cek Data Pemesanan... 44 Tabel 3.25 Deskripsi Sequence Diagram Update Pembayaran... 45 Tabel 3.26 Deskripsi Sequence Diagram Cari Produk... 46 Tabel 3.27 Deskripsi Sequence Diagram Menerima Pembayaran... 47 Tabel 3.28 Deskripsi Sequence Diagram Laporan... 48 Tabel 4.1 Skenario Pengujian... 76 xiii