APLIKASI PROMOSI AIR MINUM DALAM KEMASAN PADA PT TIRTA MAKMUR PERKASA HOLIFATU SA DIAH 41813110160 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
APLIKASI PROMOSI AIR MINUM DALAM KEMASAN PADA PT TIRTA MAKMUR PERKASA Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Sistem Informasi Oleh : Holifatu Sa diah 41813110160 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERITAS MERCU BUANA JAKARTA 2017
i
ii
iii
iv
v
DAFTAR ISI LEMBAR PERNYATAAN... i LEMBAR PERSETUJUAN SIDANG... ii LEMBAR PENGESAHAN... iii KATA PENGANTAR... iv ABSTRACT... vi ABSTRAK... vii DAFTAR ISI... viii DAFTAR GAMBAR... xiii DAFTAR TABEL... xvi BAB I PENDAHULUAN... 1 1.1 Latar Belakang...1 1.2 Rumusan Masalah...2 1.3 Batasan Masalah...2 1.4 Tujuan Penelitian...2 1.5 Manfaat Penelitian...2 1.6 Metode Penelitian...3 1.6.1 Metode Pengumpulan Data...3 1.6.2 Metode Pengembangan Perangkat Lunak...3 1.7 Sistematika Penulisan...5 BAB II LANDASAN TEORI... 7 2.1 Literature Review...7 2.2 Metodologi User Centered Design...8 2.3 Unified Modeling Language (UML)... 11 2.3.1 Use Case Diagram... 12 2.3.2 Activity Diagram... 13 2.3.3 Class Diagram... 15 2.3.4 Sequence Diagram... 16 2.4 Flow Chart... 18 viii
2.5 Aplikasi Pendukung... 20 2.4.1 PHP... 20 2.4.2 HyperText Markup Language (HTML)... 20 2.4.3 MySQL... 21 2.4.4 PhpMyAdmin... 21 2.4.5 XAMPP... 21 2.5 Pengujian Perangkat Lunak... 22 2.5.1 Metode Black Box... 22 2.5.2 Metode White Box... 22 BAB III ANALISA DAN PERANCANGAN... 23 3.1 Objek Penelitian... 23 3.1.1 Profil Umum PT. Tirta Makmur Perkasa... 23 3.1.2 Visi dan Misi Perusahaan... 24 3.2 Analisa Masalah... 25 3.3 Analisa Sistem Berjalan... 25 3.4 Proses Bisnis Sistem Berjalan... 25 3.5 Use Case Diagram Sistem Berjalan... 26 3.6 Activity Diagram Sistem Berjalan... 27 3.7 Analisa Sistem Usulan... 28 3.8 Use Case Diagram Usulan... 28 3.9 Activity Diagram Usulan... 40 3.9.1 Activity Diagram Mengelola Kategori... 40 3.9.2 Activity Diagram Menambah dan Mengupdate Merek... 41 3.9.3 Activity Diagram Menambah dan Mengupdate Produk... 42 3.9.4 Activity Diagram Menambah dan Mengupdate Promo... 43 3.9.5 Activity Diagram Melihat dan Menghapus Pesanan Pelanggan... 44 3.9.6 Activity Diagram Melihat Data Pelanggan... 45 3.9.7 Activity Diagram Melihat Pesanan Pelanggan... 46 3.9.8 Activity Diagram Melihat Produk... 46 3.9.9 Activity Diagram Mengorder Produk... 47 3.9.10 Activity Diagram Melihat dan Mengikuti Promo... 47 3.9.11 Activity Diagram Melihat Katalog Produk... 48 3.9.12 Activity Diagram Melihat Event... 48 3.9.13 Activity Diagram Melihat Keranjang Pesanan... 49 ix
3.9.14 Activity Diagram Melihat Informasi... 49 3.9.15 Activity Diagram Menambah dan Mengupdate Data Pengguna... 50 3.9.16 Activity Diagram Menambah dan Update Event Kegiatan... 51 3.9.17 Activity Diagram Setting Konfigurasai Aplikasi... 52 3.9.18 Activity Diagram Perubahan Logo... 52 3.10 Squence Diagram... 53 3.10.1 Sequence Diagram Pelanggan... 53 3.10.2 Sequence Diagram Staff... 55 3.10.3 Sequence Diagram Manager... 61 3.11 Class Diagram... 62 BAB IV IMPLEMENTASI DAN PENGUJIAN... 83 4.1. Implementasi Website... 83 4.1.1. Perangkat Keras (Hardware)... 83 4.1.2. Perangkat Lunak (Software)... 83 4.2. Tampilan Database... 84 4.2.1. Tampilan Database db_tirtamakmurperkasa... 84 4.2.2. Tampilan tbl_event... 84 4.2.3. Tampilan tbl_event_photo... 84 4.2.4. Tampilan tbl_halaman... 85 4.2.5. Tampilan tbl_konfigurasi... 85 4.2.6. Tampilan tbl_pelanggan... 85 4.2.7. Tampilan tbl_permintaan_detail... 85 4.2.8 Tampilan tbl_produk... 85 4.2.9 Tampilan tbl_produk_kategori... 86 4.2.10 Tampilan tbl_produk_merek... 86 4.2.11 Tampilan tbl_produk_photo... 86 4.2.12 Tampilan tbl_promo... 86 4.2.13 Tampilan tbl_promo_join... 86 4.2.14 Tampilan tbl_supplier... 86 4.2.15 Tampilan tbl_user_login... 87 4.3. Tampilan Antar Muka Menu Utama... 87 4.3.1. Halaman Depan... 87 4.3.2. Halaman Login... 88 4.3.3. Halaman Dashboard Staff... 88 x
4.3.4. Halaman Produk - Staff... 89 4.3.5. Halaman Tambah Produk - Staff... 89 4.3.6. Halaman Kategori - Staff... 89 4.3.7. Halaman Tambah Kategori - Staff... 90 4.3.8. Halaman Merek... 90 4.3.9. Halaman Promo - Staff... 90 4.3.10. Halaman Pesanan - Staff... 91 4.3.11. Halaman Daftar Pelanggan - Staff... 91 4.3.12. Halaman Katalog Produk - Pelanggan... 92 4.3.13. Halaman Order Produk - Pelanggan... 92 4.3.14. Halaman Keranjang Order - Pelanggan... 93 4.3.15. Halaman Event - Pelanggan... 93 4.3.16 Halaman Histori Belanja - Pelananggan... 94 4.3.17 Halaman Dashboard - Manager... 94 4.3.18 Halaman Daftar Produk - Manager... 95 4.3.19 Halaman Daftar Pelanggan - Manager... 95 4.3.20 Halaman Laporan Purchase Order Pelanggan - Manager... 96 4.3.21 Halaman Dashboard - IT... 96 4.3.22 Halaman Tambah Pengguna - IT... 96 4.3.23 Menu Halaman - IT... 97 4.3.24 Halaman Event - IT... 97 4.3.25 Halaman Konfigurasi Aplikasi - IT... 97 4.4. Pengujian Sistem... 98 4.3.1. Metode Pengujian... 98 4.3.2. Skenario Pengujian... 98 4.3.3. Hasil Pengujian... 99 4.3.4. Analisa Hasil Pengujian... 100 BAB V PENUTUP... 102 5.1. Kesimpulan... 102 5.2. Saran... 102 DAFTAR PUSTAKA... 103 LAMPIRAN... 104 1. Kartu Asistensi... 104 2. Surat Bukti Riset... 106 xi
DAFTAR GAMBAR Gambar 1.1 Metode Pendekatan Waterfall (Rosa A.S dan M.Salahuddin, 2016)...4 Gambar 2.1 Penggambaran penelitian terkait dengan penelitian ini...7 Gambar 2.3 Tahapan user centered design...9 Gambar 2.4 Contoh Use Case Diagram... 12 Gambar 2.5 Contoh Activity Diagram... 14 Gambar 2.6 Simbol pada Activity Diagram... 14 Gambar 2.7 Simbol Class Diagram... 15 Gambar 2.8 Sequence Diagram... 16 Gambar 3.1 Struktur Organisasi PT. TMP... 24 Gambar 3.2 Use Case Diagram Sistem Berjalan PT Tirta Makmur Perkasa... 26 Gambar 3.3 Activity Diagram mengajukan proposal... 27 Gambar 3.4 Use Diagram usulan... 28 Gambar 3.5 Activity Diagram usulan Mengelola Kategori... 40 Gambar 3.6 Activity Diagram usulan menambah dan mengupdate Merek... 41 Gambar 3.7 Activity Diagram usulan menambah dan mengupdate Produk... 42 Gambar 3.8 Activity Diagram usulan menambah dan mengupdate Promo... 43 Gambar 3.9 Activity Diagram usulan menambah dan menghapus pesanan pelanggan.. 44 Gambar 3.10 Activity Diagram usulan melihat data pelanggan... 45 Gambar 3.11 Activity Diagram usulan melihat pesanan pelanggan... 46 Gambar 3.12 Activity Diagram usulan melihat produk... 46 Gambar 3.13 Activity Diagram usulan mengorder produk... 47 Gambar 3.14 Activity Diagram usulan melihat dan mengikuti promo... 47 Gambar 3.15 Activity Diagram usulan melihat katalog produk... 48 Gambar 3.16 Activity Diagram usulan melihat event... 48 Gambar 3.17 Activity Diagram usulan melihat keranjang pesanan... 49 Gambar 3.18 Activity Diagram usulan melihat informasi... 49 Gambar 3.19 Activity Diagram usulan menambah dan mengupdate data pengguna... 50 Gambar 3.20 Activity Diagram usulan menambah dan update event kegiatan... 51 Gambar 3.21 Activity Diagram usulan setting konfigurasi aplikasi... 52 Gambar 3.22 Activity Diagram usulan perubahan logo... 52 Gambar 3.23 Sequence Diagram Home... 53 Gambar 3.24 Sequence Diagram Event... 53 Gambar 3.25 Sequence Diagram Menu Order... 54 Gambar 3.26 Sequence Diagram Informasi... 54 Gambar 3.27 Sequence Diagram Kategori... 55 Gambar 3.28 Sequence Diagram Merek... 56 Gambar 3.29 Sequence Diagram Produk... 57 Gambar 3.30 Sequence Diagram Promo... 58 Gambar 3.31 Sequence Diagram Pesanan... 59 Gambar 3.32 Sequence Diagram Pelanggan... 60 Gambar 3.33 Sequence Diagram Produk... 61 Gambar 3.34 Sequence Diagram Pelanggan... 61 Gambar 3.35 Sequence Diagram Laporan... 62 xii
Gambar 3.36 Class Diagram Sistem yang di usulkan... 63 Gambar 3.37 Tampilan Login Staff... 68 Gambar 3.38 Tampilan Awal Dashboard Staff... 69 Gambar 3.39 Tampilan Halaman Produk... 69 Gambar 3.40 Tampilan Tambah Produk... 70 Gambar 3.41 Tampilan Ubah Produk... 70 Gambar 3.42 Tampilan Hapus Produk... 71 Gambar 3.43 Tampilan Kategori... 71 Gambar 3.44 Tampilan Tambah Kategori... 71 Gambar 3.45 Tampilan Merek... 72 Gambar 3.46 Tampilan Promo... 72 Gambar 3.47 Tampilan Pesanan... 72 Gambar 3.48 Tampilan Daftra Pelanggan... 73 Gambar 3.49 Tampilan Login Pelanggan... 73 Gambar 3.50 Tampilan Katalog Produk Pelanggan... 74 Gambar 3.51 Tampilan Order Produk Pelanggan... 75 Gambar 3.52 Tampilan Keranjang Order Pelanggan... 76 Gambar 3.53 Tampilan Event Pelanggan... 77 Gambar 3.54 Tampilan Histori Belanjas Pelanggan... 78 Gambar 3.55 Tampilan Dashboard Manager... 78 Gambar 3.56 Tampilan Daftar Produk Manager... 79 Gambar 3.57 Tampilan Daftar Pelanggan Manager... 79 Gambar 3.58 Tampilan Laporan Purchase Order Manager... 80 Gambar 3.59 Tampilan Dashboard IT... 80 Gambar 3.60 Tampilan Tambah Pengguna IT... 81 Gambar 3.61 Tampilan Menu Halaman IT... 81 Gambar 3.62 Tampilan Event Kegiata IT... 81 Gambar 3.63 Tampilan Konfigurasi Aplikasi IT... 82 Gambar 4.1 Halaman Database db_tirtamakmurperkasa... 84 Gambar 4.2 Halaman tbl_event... 84 Gambar 4.3 Halaman tbl_event_photo... 84 Gambar 4.4 Halaman tbl_halaman... 85 Gambar 4.5 Halaman tbl_konfigurasi... 85 Gambar 4.6 Halaman tbl_pelanggan... 85 Gambar 4.7 Halaman tbl_permintaan_detail... 85 Gambar 4.8 Halaman tbl_produk... 85 Gambar 4.9 Halaman tbl_produk_kategori... 86 Gambar 4.10 Halaman tbl_produk_merek... 86 Gambar 4.11 Halaman tbl_produk_photo... 86 Gambar 4.12 Halaman tbl_promo... 86 Gambar 4.13 Halaman tbl_promo_join... 86 Gambar 4.14 Halaman tbl_supplier... 86 Gambar 4.15 Halaman tbl_user_login... 87 Gambar 4.16 Halaman Depan... 87 Gambar 4.17 Halaman Login... 88 Gambar 4.18 Halaman Dashboard Staff... 88 xiii
Gambar 4.19 Halaman Produk - Staff... 89 Gambar 4.20 Halaman Tambah Produk - Staff... 89 Gambar 4.21 Halaman Kategori - Staff... 89 Gambar 4.22 Halaman Tambah Kategori - Staff... 90 Gambar 4.23 Halaman Merek - Staff... 90 Gambar 4.24 Halaman Promo - Staff... 90 Gambar 4.25 Halaman Pesanan - Staff... 91 Gambar 4.26 Halaman Daftar Pelanggan - Staff... 91 Gambar 4.27 Halaman Katalog Produk Pelanggan... 92 Gambar 4.28 Halaman Order Produk - Pelanggan... 92 Gambar 4.29 Halaman Keranjang Oerer - Pelanggan... 93 Gambar 4.30 Halaman Event Pelanggan... 93 Gambar 4.31 Halaman Histori Belanja Pelanggan... 94 Gambar 4.32 Halaman Dashboard - Manager... 94 Gambar 4.33 Halaman Daftar Produk Manager... 95 Gambar 4.34 Halaman Daftar Pelanggan - Manager... 95 Gambar 4.35 Halaman Laporan Purchase Order Pelanggan Manager... 96 Gambar 4.36 Halaman Dashboard - IT... 96 Gambar 4.37 Halaman Tambah Pengguna - IT... 96 Gambar 4.38 Menu Halaman - IT... 97 Gambar 4.39 Halaman Event - IT... 97 Gambar 4.40 Halaman Konfigurasi Aplikasi - IT... 97 xiv
DAFTAR TABEL Tabel 2.1 Simbol Flowchart... 18 Tabel 3.2 Skenario Use Case Promosi Paket... 26 Tabel 3.3 Skenario Konfirmasi... 27 Tabel 3.4 Skenario Pendataan Peserta... 27 Tabel 3.5 Skenario Use Case Login... 29 Tabel 3.6 Skenario Use Case Mengelola Kategori... 29 Tabel 3.7 Skenario Use Case Mengelola Merek... 30 Tabel 3.8 Skenario Use Case Mengelola Promo... 30 Tabel 3.9 Skenario Use Case Mengelola Pesanan Pelanggan... 31 Tabel 3.10 Skenario Use Case Melihat Data Pelanggan... 32 Tabel 3.11 Skenario Use Case Melihat Produk... 32 Tabel 3.12 Skenario Use Case Mengelola Produk... 32 Tabel 3.13 Skenario Use Case Melihat Pesanan Pelanggan... 33 Tabel 3.14 Skenario Use Case Melihat Promo... 34 Tabel 3.15 Skenario Use Case Mengikuti Promo... 34 Tabel 3.16 Skenario Use Case Melihat Katalog Produk... 34 Tabel 3.17 Skenario Use Case Mengorder Produk... 35 Tabel 3.18 Skenario Use Case Melihat Event... 35 Tabel 3.19 Skenario Use Case Melihat Keranjang Pesanan... 36 Tabel 3.20 Skenario Use Case Melihat Informasi... 36 Tabel 3.21 Skenario Use Case Mengelola Pengguna... 37 Tabel 3.22 Skenario Use Case Mengelola Event... 37 Tabel 3.23 Skenario Use Case Mengelola Aplikasi... 38 Tabel 3.24 Skenario Use Case Mengupdate Data Aplikasi... 39 Tabel 3.25 Skenario Use Case Mengupdate Logo... 39 Tabel 3.26 Halaman... 64 Tabel 3.27 Tabel event... 64 Tabel 3.28 Tabel event_photo... 64 Tabel 3.29 Tabel konfigurasi... 64 Tabel 3.30 Tabel pelanggan... 65 Tabel 3.31 Tabel permintaan... 65 Tabel 3.32 Tabel permintaan_detail... 65 Tabel 3.33 Tabel produk... 65 Tabel 3.34 Tabel produk_kategori... 66 Tabel 3.35 Tabel produk_merek... 66 Tabel 3.36 Tabel produk_photo... 66 Tabel 3.37 Tabel promo... 66 Tabel 3.38 Tabel promo_join... 66 Tabel 3.39 Tabel supplier... 67 Tabel 3.40 Tabel userlogin... 67 xv