laporan skripsi rancang bangun sistem informasi dan … · 2019-10-01 · keluar masuk barang, data...
TRANSCRIPT
LAPORAN SKRIPSI
RANCANG BANGUN SISTEM INFORMASI DAN
PENGARSIPAN FILE ADMINISTRASI BERBASIS WEB
(STUDI KASUS PADA PERCETAKAN TWINS PRINTING
JEPARA)
MUHAMMAD EDI KURNIAWAN
NIM. 201551013
DOSEN PEMBIMBING
MUKHAMAD NURKAMID, S.Kom.,M.Cs
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
2019
ii
HALAMAN PENGESAHAN
RANCANG BANGUN SISTEM INFORMASI DAN PENGARSIPAN FILE
ADMINISTRASI BERBASIS WEB (STUDI KASUS PADA PERCETAKAN
TWINS PRINTING JEPARA)
MUHAMMAD EDI KURNIAWAN
NIM. 201551013
Kudus, 14 Agustus 2019
Menyetujui,
Menyetujui,
Pembimbing Utama,
Mukhamad Nurkamid, S.Kom.,M.Cs
NIDN. 0620068302
Mengetahui,
Dekan Fakultas Teknik
Mohammad Dahlan, S.T., M.T
NIDN. 0601076901
Ketua Program Studi
Teknik Informatika
Ahmad Jazuli,S.Kom,M.Kom
NIDN. 0406107004
Ketua Penguji,
Rizkysari Meimaharani,S.Kom.,M.Kom
NIDN. 0620058501
Anggota Penguji I,
Ahmad Abdul Chamid,S.Kom M.Kom
NIDN. 0616109101
Anggota Penguji II,
Aditya Akbar Riadi,S.Kom.,M.Kom
NIDN. 0912078902
iii
PERNYATAAN KEASLIAN
Saya yang bertanda tangan dibawah ini :
Nama : Muhammad Edi Kurniawan
NIM : 201551013
Tempat & Tanggal Lahir : Kudus, 16 April 1997
Judul Skripsi : Rancang Bangun Sistem Informasi Dan
Pengarsipan File Administrasi Berbasis Web
(Studi Kasus Pada Percetakan Twins Printing)
Menyatakan dengan sebenarnya bahwa penulisan skripsi ini berdasarkan hasil
penelitian, pemikiran dan pemaparan asli dari diri saya sendiri, baik untuk naskah
laporan maupun kegiatan lain yang tercantum sebagai bagian dari skripsi ini.
Seluruh ide, pendapat, atau materi dari sumber lain telah di kutip dalam skripsi
dengan cara penulisan referensi yang sesuai.
Demikian pernyataan ini saya buat dengan sesungguhnya dan apabila di kemudian
hari terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini, maka saya
bersedia menerima sanki akademik berupa pencabutan gelar dan sanksi lain sesuai
dengan peraturan yang berlaku di Universitas Muria Kudus.
Demikian pernyataan ini saya buat dalam keadaan sadar tanpa paksaan dari pihak
manapun.
Kudus, 14 Agustus 2019
Yang memberi pernyataan,
Muhammad Edi Kurniawan
201551013
iv
RANCANG BANGUN SISTEM INFORMASI DAN PENGARSIPAN FILE
ADMINISTRASI BERBASIS WEB ( STUDI KASUS PADA PERCETAKAN
TWINS PRINTING JEPARA )
Nama : Muhammad Edi Kurniawan
NIM : 201551013
Pembimbing : Mukhamad Nurkamid, S.Kom,M.Cs
RINGKASAN
Tujuan dari penelitian ini adalah menghasilkan aplikasi perangkat lunak
dalam membantu pengelolaan data pengarsipan pada percetakan Twins Printing
Jepara. Pengelolaan data pengarsipan meliputi data karyawan percetakan, data
keluar masuk barang, data customer dan jenis - jenis layanan percetakan sekaligus
rekapitulasi laporan secara global maupun pilihan. Percetakan merupakan sebuah
proses industri untuk memproduksi secara masal tulisan maupun gambar,
percetakan juga mempunyai peranan penting dalam dunia bisnis, mulai dari
peranannya mencetak sebuah banner, kertas, kain yang terus berlangsung dan tidak
terbatas oleh waktu. Manfaat penelitian ini sebagai kontrol tehadap data pesanan
(order), data pelanggan dan produk juga dapat digunakan untuk pengambilan
keputusan pada percetakan. Metode pengembangan perangkat lunak ini
menggunakan pendekatan waterfall, bahasa pemrograman PHP dan basisdata
MySQL. Hasil penelitian ini adalah sistem informasi berbasis website yang dapat
digunakan oleh admin, karyawan maupun customer dengan level pengguna yang
sudah diatur sedemikian rupa untuk menunjang kegiatan pengarsipan percetakan
pada Twins Printing tunggulpandean - nalumsari - Jepara sehinga proses
pengarsipan lebih mudah dikelola dan tertata secara rapi.
Kata kunci : Percetakan, Administrasi, Pengarsipan, Waterfall, MySQL, PHP
v
DESIGN OF INFORMATION SYSTEM AND WEB-BASED
ADMINISTRATION FILING (CASE STUDY ON TWINS PRINTING
JEPARA)
Student Name : Muhammad Edi Kurniawan
Student Identity Number : 201551013
Supervisor : Mukhamad Nurkamid, S.Kom,M.Cs
ABSTRACT
The purpose of this research is to produce a software application to help
manage data archiving in Twins Printing Jepara. Archiving data management
includes employee data, in and out data product, customer data, other types of
printing services and report recapitulation globally and optionally. Printing is an
industrial process for mass-producing text or images, printing also has an
important role in the business world, starting from the task of printing a banner,
paper, fabric that continues and is not consumed by time. The benefits of this
research as a control of order data, customer data and products can also be used
for twins printing to make a decision making. This software development method
uses a waterfall model system, PHP programming language and MySQL database.
The results of this research are a website-based information systems that can be
used by admins, employees and customers with user levels that have been set up in
such a way as to support archiving activities on Twins Printing located in
tunggulpandean – nalumsari – jepara, so that the archiving process is easier to
manage and neatly organized.
Keywords : Printing, Administration, Archiving, Waterfall, MySQL, PHP
vi
KATA PENGANTAR
Syukur Alhamdulillah penulis panjatkan kehadirat Allah SWT atas rahmat,
taufiq, hidayah serta inayah-Nya yang telah dilimpahkan kepada penulis, sehingga
penulis dapat menyelesaikan Laporan Skripsi dengan judul “Rancang Bangun
Sistem Informasi Dan Pengarsipan File Administrasi Berbasis Web (Studi Kasus
Pada Percetakan Twins Printing Jepara)”. Sholawat serta salam senantiasa penulis
haturkan kepangkuan Nabi Muhammad SAW semoga kita semua mendapatkan
syafa’atnya. Amin. Atas tersusunnya Laporan Skripsi ini, penulis mengucapkan
terima kasih yang sebesar-besarnya kepada :
1. Dr. Suparyono, SH, MS selaku Rektor Universitas Muria Kudus.
2. Bapak Mohammad Dahlan ST, MT selaku Dekan Fakultas Teknik
Universitas Muria Kudus
3. Bapak Ahmad Jazuli, M.Kom selaku Kepala Program Studi Teknik
Informatika Fakultas Teknik Universitas Muria Kudus.
4. Mukhamad Nurkamid, S.Kom.,M.Cs, selaku dosen pembimbing. Terima
kasih atas waktu, ilmu, saran, semangat dan nasehat yang bapak berikan
selama bimbingan.
5. Kedua orang tua dan keluarga yang selalu mendo’akan, membimbing,
menasehati, dan memberikan semangat kepada penulis sehingga
terselesainya laporan ini.
6. Teman-teman Fakultas Teknik Progdi Teknik Informatika yang selalu
memberikan semangat dan dukungan satu sama lain.
Penulis menyadari bahwa dalam penyusunan Laporan Skripsi masih jauh
dari sempurna. Oleh karena itu, kritik dan saran yang membangun sangat penulis
harapkan guna perbaikan penulisan di masa-masa mendatang. Penulis mohon maaf
atas segala kekurangan dan kesalahan yang ada. Akhirnya, penulis berharap
semoga tulisan ini bermanfaat. Amin.
Kudus, 14 Agustus 2019
Penulis
vii
DAFTAR ISI
HALAMAN JUDUL ...................................................................................... i
HALAMAN PENGESAHAN ........................................................................ ii
PERNYATAAN KEASLIAN ........................................................................ iii
RINGKASAN ................................................................................................. iv
ABSTRACT .................................................................................................... v
KATA PENGANTAR .................................................................................... vi
DAFTAR ISI ................................................................................................... vii
DAFTAR TABEL .......................................................................................... xiii
DAFTAR GAMBAR ...................................................................................... xiv
DAFTAR LAMPIRAN .................................................................................. xviii
BAB I PENDAHULUAN
1.1. Latar Belakang ..................................................................................... 1
1.2. Perumusan Masalah .............................................................................. 2
1.3. Batasan Masalah ................................................................................... 2
1.4. Tujuan Penelitian .................................................................................. 3
1.5. Manfaat Penelitian ................................................................................ 3
BAB II TINJAUAN PUSTAKA
2.1. Penelitian Terkait ................................................................................. 5
2.2. Landasan Teori ................................................................................ 8
2.2.1 Sistem ............................................................................................ 8
2.2.2 Percetakan ...................................................................................... 8
2.2.3 Administrasi ................................................................................... 9
2.2.4 Arsip .............................................................................................. 9
2.3. Metode Pengembangan Sistem ............................................................ 11
2.4. Perancangan .......................................................................................... 13
2.4.1 DFD (Data Flow Diagram) ............................................................ 13
2.4.2 ERD (Entity Relationship Diagram) .............................................. 15
2.5. Alat Bantu Perangkat Lunak ................................................................ 17
2.5.1 MySQL (My Structure Query Language)...................................... 17
2.5.2 Sublime Text .................................................................................. 18
2.5.3 Database ......................................................................................... 18
viii
2.5.4 PHP (Personal Home Page) ........................................................... 18
2.5.5 HTML (Hypertext Markup Language) .......................................... 18
2.6. Pengujian Black Box ............................................................................ 19
BAB III METODOLOGI
3.1. Metode Penelitian ................................................................................. 21
3.2. Metode Pengumpulan Data .................................................................. 21
3.2.1 Studi Lapangan .............................................................................. 21
3.2.2 Studi Pustaka ................................................................................. 21
3.2.3 Studi Dokumentasi ........................................................................ 21
3.3. Metode Pengembangan Sistem ............................................................ 22
3.3.1 Analisa Kebutuhan/ Requirement .................................................. 22
3.3.2 Perancangan/Design ...................................................................... 22
3.3.3 Implementation .............................................................................. 23
3.3.4 Verification .................................................................................... 23
3.3.5 Maintenance ................................................................................... 23
3.4. Analisa Masalah ................................................................................... 23
3.4.1 Deskripsi Masalah ......................................................................... 23
3.5. Analisa Kebutuhan Sistem ................................................................... 24
3.5.1 Analisa Kebutuhan Data ................................................................ 24
3.5.2 Analisa Kebutuhan Informasi ........................................................ 25
3.6. Perancangan .......................................................................................... 25
3.6.1 Perancangan Diagram Konteks ..................................................... 25
3.6.2 Perancangan Dekomposisi Diagram .............................................. 27
3.6.3 Perancangan Data Flow Diagram (DFD) Level 0 ......................... 28
3.6.4 Perancangan Data Flow Diagram (DFD) Level 1 ......................... 29
3.6.5 Perancangan Entity Relationship Diagram (ERD) ........................ 31
3.6.6 Perancangan Tabel Database ......................................................... 31
3.7 Desain Interface ..................................................................................... 36
3.7.1 Desain Hal. Beranda/ Hal. Awal Sistem ........................................ 36
3.7.2 Desain Halaman Model Percetakan ............................................... 36
3.7.3 Desain Halaman Profil Customer .................................................. 37
3.7.4 Desain Halaman Tambah Profil Customer .................................... 37
ix
3.7.5 Desain Halaman Login .................................................................. 38
3.7.6 Desain Hal. Pendaftaran Username dan Password ........................ 38
3.7.7 Desain Halaman Karyawan (Admin)............................................. 39
3.7.8 Desain Halaman Tambah Karyawan (Admin) .............................. 39
3.7.9 Desain Halaman Ubah Karyawan (Admin) ................................... 40
3.7.10 Desain Halaman Data Barang (Admin) ....................................... 40
3.7.11 Desain Halaman Tambah Data Barang (Admin) ......................... 41
3.7.12 Desain Halaman Ubah Data Barang (Admin) ............................. 41
3.7.13 Desain Halaman Data Nota Masuk (Admin) ............................... 42
3.7.14 Desain Hal. Tambah Nota Masuk (Admin, Opr) ......................... 42
3.7.15 Desain Hal. Ubah Nota Masuk (Admin, Opr) ............................. 43
3.7.16 Desain Hal. Cetak Nota Masuk (Admin, Opr) ............................ 43
3.7.17 Desain Halaman Nota Keluar (Admin) ....................................... 44
3.7.18 Desain Hal. Cetak Nota Keluar (Admin, Opr) ............................ 45
3.7.19 Desain Halaman User dan Password Cs (Admin) ....................... 45
3.7.20 Desain Hal. Tambah User dan Pass. Cs (Adm, Opr) ................... 46
3.7.21 Desain Hal. Ubah User dan Pass. Cs (Adm, Opr) ....................... 46
3.7.22 Desain Halaman Profil Customer (Admin) ................................. 47
3.7.23 Desain Hal. Tambah Profil Cs (Admin, Opr, Cs) ........................ 47
3.7.24 Desain Hal. Ubah Profil Cs (Admin, Opr, Cs) ............................ 48
3.7.25 Desain Halaman Pesan Cetakan (Admin).................................... 48
3.7.26 Desain Hal. Tambah Pesanan Cs (Admin, Opr) .......................... 49
3.7.27 Desain Hal. Ubah Pesanan Cs (Admin, Opr) .............................. 50
3.7.28 Desain Halaman Cek Pesanan Cs (Admin) ................................. 50
3.7.29 Desain Halaman Upload Desain Cs (Admin, Opr, Cs) ............... 51
3.7.30 Desain Halaman Ubah Desain Cs (Admin, Opr, Cs)................... 52
3.7.31 Desain Halaman Balasan Percetakan (Admin, Opr).................... 52
3.7.32 Desain Halaman Form Pembayaran (Admin) .............................. 53
3.7.33 Desain Halaman Upload Bukti (Admin, Opr, Cs) ....................... 53
3.7.34 Desain Halaman Ubah Bukti (Admin, Opr, Cs) .......................... 54
3.7.35 Desain Hal. Laporan Cetak Nota Masuk (Admin) ...................... 54
3.7.36 Desain Hal. Laporan Cetak Nota Keluar (Admin) ...................... 55
x
3.7.37 Desain Halaman Setting (Admin) ................................................ 55
3.7.38 Desain Halaman Setting Tambah User (Admin) ......................... 56
3.7.39 Desain Halaman Setting Ubah User (Admin) ............................. 56
3.7.40 Desain Halaman Karyawan (Operator) ....................................... 57
3.7.41 Desain Halaman Kelola Barang (Operator) ................................. 57
3.7.42 Desain Halaman Nota Masuk (Operator) .................................... 58
3.7.43 Desain Halaman Nota Keluar (Operator) .................................... 58
3.7.44 Desain Halaman User & Password (Operator) ............................ 59
3.7.45 Desain Halaman Profil Customer (Opr) ...................................... 60
3.7.46 Desain Halaman Pesanan Customer (Operator) .......................... 60
3.7.47 Desain Halaman Cari Pesanan Cs (Operator) .............................. 61
3.7.48 Desain Halaman Form Pembayaran (Operator) ......................... 62
3.7.49 Desain Halaman Profil Customer (Cs) ........................................ 62
3.7.50 Desain Halaman Pesan Cetakan (Customer) ............................... 63
3.7.51 Desain Halaman Tambah Pesanan Customer (Cs) ...................... 63
3.7.52 Desain Halaman Cek Pesanan Customer (Cs) ............................. 64
3.7.53 Desain Halaman Ulasan Customer .............................................. 65
3.7.54 Desain Halaman Pembayaran Pesanan (Customer) ..................... 65
BAB IV HASIL ANALISIS DAN PEMBAHASAN
4.1. Implementasi Sistem ............................................................................ 67
4.2. Implementasi Database ......................................................................... 67
4.2.1 Tabel Database............................................................................... 67
4.2.2 Relasi Tabel Database.................................................................... 70
4.3. Implementasi Sistem ............................................................................ 71
4.3.1 Halaman Beranda/ Halaman Utama Sistem .................................. 71
4.3.2 Halaman Model Percetakan ........................................................... 71
4.3.3 Halaman Profil Customer .............................................................. 72
4.3.4 Halaman Tambah Profil Customer ................................................ 72
4.3.5 Halaman Login User ...................................................................... 73
4.3.6 Halaman Pendaftaran Username dan Password ............................ 73
4.3.7 Halaman User Interface Admin ..................................................... 74
4.3.8 Halaman Karyawan (Admin) ......................................................... 74
xi
4.3.9 Halaman Tambah Karyawan (Admin)........................................... 75
4.3.10 Halaman Ubah Data Karyawan (Admin) .................................... 75
4.3.11 Halaman Kelola Data Barang (Admin) ....................................... 76
4.3.12 Halaman Tambah Data Barang (Admin) ..................................... 76
4.3.13 Halaman Ubah Data Barang (Admin) ......................................... 77
4.3.14 Halaman Data Nota Masuk (Admin) ........................................... 77
4.3.15 Halaman Tambah Nota Masuk (Admin, Opr) ............................. 78
4.3.16 Halaman Ubah Nota Masuk (Admin, Opr).................................. 78
4.3.17 Halaman Cetak Nota Masuk (Admin, Opr) ................................. 79
4.3.18 Halaman Nota Keluar (Admin) ................................................... 80
4.3.19 Halaman Cetak Nota Keluar (Admin, Opr) ................................. 80
4.3.20 Halaman User dan Password (Admin) ....................................... 81
4.3.21 Halaman Tambah Data User Cs (Admin, Opr) .......................... 81
4.3.22 Halaman Ubah Data User Cs (Admin, Opr) ................................ 82
4.3.23 Halaman Customer (Admin) ...................................................... 82
4.3.24 Halaman Tambah Profil Cs (Admin, Opr, Cs) ........................... 83
4.3.25 Halaman Ubah Profil Cs (Admin, Opr, Cs) ................................. 83
4.3.26 Halaman Data Pesanan Customer (Admin) ................................ 84
4.3.27 Halaman Tambah Data Pesanan Cs (Admin, Opr) ..................... 85
4.3.28 Halaman Ubah Data Pesanan Cs (Admin, Opr) ......................... 85
4.3.29 Halaman Pesanan Customer (Admin) ........................................ 86
4.3.30 Halaman Upload Desain Cs (Admin, Opr, Cs)............................ 87
4.3.31 Halaman Ubah Desain Cs (Admin, Opr, Cs) .............................. 87
4.3.32 Halaman Form Pembayaran (Admin) ......................................... 88
4.3.33 Halaman Upload Bukti (Admin, Opr, Cs) .................................. 88
4.3.34 Halaman Ubah Bukti (Admin, Opr, Cs) ..................................... 89
4.3.35 Halaman Laporan Nota Masuk (Admin) .................................... 89
4.3.36 Halaman Laporan Nota Keluar (Admin) .................................... 90
4.3.37 Halaman User Setting (Admin) .................................................. 90
4.3.38 Halaman Tambah User Setting (Admin) .................................... 91
4.3.39 Halaman Ubah User Setting (Admin)......................................... 91
4.3.40 Halaman User Interface Operator ................................................ 92
xii
4.3.41 Halaman Data Karyawan (Operator) ........................................... 92
4.3.42 Halaman Kelola Data Barang (Operator) .................................... 93
4.3.43 Halaman Data Nota Masuk (Operator) ........................................ 93
4.3.44 Halaman Data Nota Keluar (Operator) ........................................ 94
4.3.45 Halaman User dan Password Cs (Opr) ........................................ 94
4.3.46 Halaman Profil Customer (Operator) .......................................... 95
4.3.47 Halaman Data Pesanan Cs (Operator) ......................................... 95
4.3.48 Halaman Cek Pesanan (Operator) ............................................... 96
4.3.49 Halaman Form Pembayaran (Operator)....................................... 96
4.3.50 Halaman User Interface Customer............................................... 97
4.3.51 Halaman Profil Customer (Customer) ......................................... 97
4.3.52 Halaman Data Pesanan (Customer) ............................................. 98
4.3.53 Halaman Cek Pesanan (Customer) .............................................. 98
4.3.54 Halaman Ulasan Customer (Customer) ....................................... 99
4.3.55 Halaman Form Pembayaran (Customer) ..................................... 99
4.4. Pengujian Sistem Dengan Blackbox .................................................... 100
4.5. Tahap Pemeliharaan ............................................................................. 100
BAB V PENUTUP
5.1. Kesimpulan ........................................................................................... 101
5.2. Saran ..................................................................................................... 101
DAFTAR PUSTAKA ..................................................................................... 103
xiii
DAFTAR TABEL
Tabel 2.1. Notasi dasar DFD ............................................................................ 13
Tabel 2.2. Simbol ERD .................................................................................... 16
Tabel 3.1. Daftar Karyawan ............................................................................. 24
Tabel 3.2. Data Barang..................................................................................... 24
Tabel 3.3. Data User Sistem ............................................................................. 25
Tabel 3.4. Tabel User ....................................................................................... 32
Tabel 3.5. Tabel Karyawan .............................................................................. 32
Tabel 3.6. Tabel Barang ................................................................................... 33
Tabel 3.7. Tabel Profil ..................................................................................... 33
Tabel 3.8. Tabel Customer ............................................................................... 34
Tabel 3.9. Tabel Nota Masuk ........................................................................... 35
Tabel 4.1. Pengujian Sistem Dengan Black Box ............................................. 100
xiv
DAFTAR GAMBAR
Gambar 3.1. Diagram Konteks User Admin .................................................... 26
Gambar 3.2. Diagram Konteks User Operator ................................................. 26
Gambar 3.3. Diagram Konteks User Customer ............................................... 27
Gambar 3.4. Dekomposisi Diagram ................................................................. 28
Gambar 3.5. Data Flow Diagram (DFD) Level 0 ........................................... 28
Gambar 3.6. Data Flow Diagram (DFD) Level 1 .......................................... 30
Gambar 3.7. Entity Relationship Diagram (ERD) ........................................... 31
Gambar 3.8. Desain halaman Beranda ............................................................. 36
Gambar 3.9. Desain halaman Model Percetakan ............................................. 36
Gambar 3.10. Desain halaman Profil Customer............................................... 37
Gambar 3.11. Desain halaman Tambah Profil Customer ................................ 37
Gambar 3.12. Desain halaman Login ............................................................... 38
Gambar 3.13. Desain halaman Pendaftaran Username dan Password ............. 38
Gambar 3.14. Desain halaman Karyawan (admin) .......................................... 39
Gambar 3.15. Desain hal. Tambah Karyawan (admin) .................................... 39
Gambar 3.16. Desain halaman Ubah Karyawan (admin) ............................... 40
Gambar 3.17. Desain halaman Data Barang (Admin) ..................................... 40
Gambar 3.18. Desain halaman Tambah Data Barang (Admin) ....................... 41
Gambar 3.19. Desain halaman Ubah Data Barang (Admin) ........................... 41
Gambar 3.20. Desain halaman Data Nota Masuk (Admin) ............................. 42
Gambar 3.21. Desain halaman Tambah Nota Masuk (Adm, Opr)................... 42
Gambar 3.22. Desain halaman Ubah Nota Masuk (Adm, Opr) ....................... 43
Gambar 3.23. Desain halaman Cetak Nota Masuk (Admin, Opr) ................... 43
Gambar 3.24. Desain halaman Nota Keluar (Admin) ...................................... 44
Gambar 3.25. Desain halaman Cetak Nota Keluar (Admin, Opr) ................... 45
Gambar 3.26. Desain halaman User dan Password Cs (Admin)...................... 45
Gambar 3.27. Desain hal. Tambah User Dan Pass CS (Admin, Operator)...... 46
Gambar 3.28. Desain hal. Ubah User Dan Pass Cs (Admin, Opr) ................... 46
Gambar 3.29. Desain halaman Profil Customer (Admin) ................................ 47
Gambar 3.30. Desain hal. Tambah Profil Cs (Admin,Opr,Cs) ........................ 47
Gambar 3.31. Desain hal. Ubah Profil Cs (Admin, Opr, Cs) ........................... 48
xv
Gambar 3.32. Desain halaman Pesan Cetakan (Admin) .................................. 48
Gambar 3.33. Desain hal. Tambah Pesanan Cs (Admin, Opr) ........................ 49
Gambar 3.34. Desain hal. Ubah Pesanan Cs (Admin, Opr) ............................. 50
Gambar 3.35. Desain halaman Cek Pesanan Cs (Admin) ................................ 51
Gambar 3.36. Desain hal. Upload Desain Cs (Admin, Opr, Cs)...................... 51
Gambar 3.37. Desain hal. Ubah Desain Cs (Admin, Opr, Cs) ......................... 52
Gambar 3.38. Desain halaman Balasan Percetakan (Admin, Opr) .................. 52
Gambar 3.39. Desain halaman Form Pembayaran (Admin) ............................ 53
Gambar 3.40. Desain halaman Upload Bukti (Admin, Opr, Cs) ..................... 53
Gambar 3.41. Desain halaman Ubah Bukti (Admin, Opr, Cs) ........................ 54
Gambar 3.42. Desain halaman Laporan Cetak Nota Masuk (Admin) ............. 54
Gambar 3.43. Desain hal. Laporan Cetak Nota Keluar (Admin) ..................... 55
Gambar 3.44. Desain halaman Setting (Admin) .............................................. 55
Gambar 3.45. Desain halaman Setting Tambah User (Admin) ....................... 56
Gambar 3.46. Desain halaman Setting Ubah User (Admin) ............................ 56
Gambar 3.47. Desain halaman Karyawan (Operator) ...................................... 57
Gambar 3.48. Desain halaman Kelola Barang (Operator) ............................... 57
Gambar 3.49. Desain halaman Nota Masuk (Operator) ................................... 58
Gambar 3.50. Desain halaman Nota Keluar (Operator) ................................... 58
Gambar 3.51. Desain halaman Username dan Password (Opr) ....................... 59
Gambar 3.52. Desain halaman Profil Customer (Opr) ..................................... 60
Gambar 3.53. Desain halaman Pesanan Customer (Operator) ......................... 60
Gambar 3.54. Desain halaman Cari Pesanan Customer (Operator) ................. 61
Gambar 3.55. Desain halaman Form Pembayaran (Operator) ......................... 62
Gambar 3.56. Desain halaman Profil Customer (Customer) ........................... 62
Gambar 3.57. Desain halaman Pesan Cetakan (Customer).............................. 63
Gambar 3.58. Desain halaman Tambah Pesanan Customer (Cs)..................... 63
Gambar 3.59. Desain halaman Cek Pesanan Customer (Cs) ........................... 64
Gambar 3.60. Desain halaman Ulasan Customer (Customer) ......................... 65
Gambar 3.61. Desain halaman Pembayaran Pesanan (Customer) ................... 65
Gambar 4.1. Implementasi Tabel User ............................................................ 67
Gambar 4.2. Implementasi Tabel Karyawan.................................................... 68
xvi
Gambar 4.3. Implementasi Tabel Barang ........................................................ 68
Gambar 4.4. Implementasi Tabel Nota Masuk ................................................ 69
Gambar 4.5. Implementasi Tabel profil ........................................................... 69
Gambar 4.6. Implementasi Tabel Customer .................................................... 70
Gambar 4.7. Implementasi Relasi Database .................................................... 70
Gambar 4.8. Halaman Beranda/ Halaman Utama Sistem ............................... 71
Gambar 4.9. Halaman Model Percetakan ........................................................ 71
Gambar 4.10. Halaman Profil Customer .......................................................... 72
Gambar 4.11. Halaman Tambah Profil Customer ............................................ 72
Gambar 4.12. Halaman Login User ................................................................. 73
Gambar 4.13. Halaman Pendaftaran Username dan Password ........................ 73
Gambar 4.14. Halaman User Interface Admin................................................. 74
Gambar 4.15. Halaman Karyawan (Admin) .................................................... 74
Gambar 4.16. Halaman Tambah Karyawan (Admin) ...................................... 75
Gambar 4.17. Halaman Ubah Data Karyawan (Admin) .................................. 75
Gambar 4.18. Halaman Kelola Data Barang (Admin) ..................................... 76
Gambar 4.19. Halaman Tambah Data Barang (Admin) .................................. 76
Gambar 4.20. Halaman Ubah Data Barang (Admin) ....................................... 77
Gambar 4.21. Halaman Data Nota Masuk (Admin) ........................................ 77
Gambar 4.22. Halaman Tambah Nota Masuk (Admin, Opr) ........................... 78
Gambar 4.23. Halaman Ubah Nota Masuk (Admin, Opr) ............................... 79
Gambar 4.24. Halaman Cetak Nota Masuk (Admin, Operator) ...................... 79
Gambar 4.25. Halaman Nota Keluar (Admin) ................................................. 80
Gambar 4.26. Halaman Cetak Nota Keluar (Admin, Opr) .............................. 80
Gambar 4.27. Halaman User dan Password Cs (Admin) ................................. 81
Gambar 4.28. Halaman Tambah Data User Cs (Admin, Opr) ......................... 81
Gambar 4.29. Halaman Ubah User Cs (Admin, Opr) ...................................... 82
Gambar 4.30. Halaman Customer (Admin) ..................................................... 82
Gambar 4.31. Halaman Tambah Profil Cs (Admin, Opr, Cs) .......................... 83
Gambar 4.32. Halaman Ubah Profil Cs (Admin, Opr, Cs) .............................. 84
Gambar 4.33. Halaman Data Pesanan Customer (Admin) .............................. 84
Gambar 4.34. Halaman Tambah Data Pesanan Cs (Admin, Opr) ................... 85
xvii
Gambar 4.35. Halaman Ubah Data Pesanan Cs (Admin, Opr) ........................ 86
Gambar 4.36. Halaman Pesanan Customer (Admin) ....................................... 86
Gambar 4.37. Halaman Upload Desain Cs (Admin, Opr, Cs) ......................... 87
Gambar 4.38. Halaman Ubah Desain Cs (Admin, Opr, Cs) ............................ 87
Gambar 4.39. Halaman Form Pembayaran (Admin) ....................................... 88
Gambar 4.40. Halaman Upload Bukti (Admin, Opr, Cs)................................. 88
Gambar 4.41. Halaman Ubah Bukti (Admin, Opr, Cs) .................................... 89
Gambar 4.42. Halaman Laporan Nota Masuk (Admin) ................................... 89
Gambar 4.43. Halaman Laporan Nota Keluar (Admin) ................................... 90
Gambar 4.44. Halaman User Setting (Admin) ................................................. 90
Gambar 4.45. Halaman Tambah User Setting (Admin) ................................... 91
Gambar 4.46. Halaman Ubah User Setting (Admin) ....................................... 91
Gambar 4.47. Halaman User Interface Operator ............................................. 92
Gambar 4.48. Halaman Data Karyawan (Operator)......................................... 92
Gambar 4.49. Halaman Kelola Data Barang (Operator) .................................. 93
Gambar 4.50. Halaman Data Nota Masuk (Operator) ..................................... 93
Gambar 4.51. Halaman Data Nota Keluar (Operator) ..................................... 94
Gambar 4.52. Halaman User dan Password Cs (Opr) ...................................... 94
Gambar 4.53. Halaman Profil Customer (Operator) ........................................ 95
Gambar 4.54. Halaman Data Pesanan Cs (Operator) ....................................... 95
Gambar 4.55. Halaman Cek Pesanan (Operator) ............................................. 96
Gambar 4.56. Halaman Form Pembayaran (Operator) .................................... 96
Gambar 4.57. Halaman User Interface Customer ............................................ 97
Gambar 4.58. Halaman Profil Customer (Customer) ...................................... 97
Gambar 4.59. Halaman Data Pesanan (Customer)........................................... 98
Gambar 4.60. Halaman Cek Pesanan (Customer) ............................................ 98
Gambar 4.61. Halaman Ulasan Customer (Customer)..................................... 99
Gambar 4.62. Halaman Form Pembayaran (Customer) ................................... 99
xviii
DAFTAR LAMPIRAN
Lampiran 1. Biodata Penulis ............................................................................ 106
Lampiran 2. Pengujian Sistem Dengan Black Box .......................................... 107
Lampiran 3. Lembar Berita Acara UAT (User Accepted Testing) .................. 116
Lampiran 4. Surat Balasan Keterangan Penelitian ........................................... 121
Lampiran 5. Lembar Konsultasi ....................................................................... 122
Lampiran 6. Lembar Revisi.............................................................................. 123