i
LAPORAN SKRIPSI
SISTEM INFORMASI PELAYANAN SERVIS ELEKTRONIK PADA DANI SERVIS ELEKTRONIK
BERBASIS WEB MENGGUNAKAN NOTIFIKASI WA
LUTHFI ABDURROHMAN NIM. 201653132
DOSEN PEMBIMBING
ARIF SETIAWAN, S.Kom, M.Cs., MTA PRATOMO SETIAJI, S.Kom., M.Kom., MTA
PROGRAM STUDI SISTEM INFORMASI FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
2021
ii
HALAMAN PERSETUJUAN
iii
iv
v
SISTEM INFORMASI PELAYANAN SERVIS ELEKTRONIK PADA DANI SERVIS ELEKTRONIK BERBASIS WEB DAN MENGGUNAKAN
NOTIFIKASI WA
Nama mahasiswa : Luthfi Abdurrohman
NIM : 201653132
Pembimbing :1. Arif Setiawan, S.Kom, M.Cs., MTA 2. Pratomo Setiaji, S.Kom, M.Kom., MTA
RINGKASAN
Proposal penelitian skripsi yang berjudul “Sistem Informasi pelayanan servis elektronik pada Dani servis elektronik Berbasis Web Dan Menggunakan Notifikasi WA” bertujuan untuk menghasilkan suatu sistem yang dapat memudahkan konsumen atau pelanggan untuk melakukan pemesanan jasa, selain itu sistem informasi ini sangat membantu dalam proses pengolahan data barang, dan data barang servis yang masuk dan keluar .selain itu dapat membantu konsumen untuk mengetahui kapan barang servis elektroniknya jadi melalui Notifikasi WA.
Dalam penelitian ini menggunakan metode observasi lapangan dan melakukan wawancara kepada pemilik servis elektronik tersebut. Selain menggunakan metode observasi, juga menggunakan teori - teori yang telah di dapat selama perkuliahan dam menggunakan teori dari buku – buku penunjang.
Metode pengembangan sistem yang digunakan adalah metode pengembangan sistem dengan tahapannya adalah Investigasi, Analisis Sistem, Desain, Implementasi, Maintenance. Perancangan sistem informasi yang digunakan adalah Flow Of Document (FOD) dan Unified Modeling Language (UML) yang diharapkan dapat menghasilkan rancangan sistem baru dan yang lebih baik dan dapat menyelesaikan permasalahan yang ada.
Kata Kunci : Pengelolaan, Servis elektronik, data barang, Notifikasi WA.
vi
ELECTRONIC SERVICE INFORMATION SYSTEMS ON WEB-BASED ELECTRONIC SERVICES AND USING WA NOTIFICATIONS
Student Name : Luthfi Abdurrohman
NIM : 201653132
Supervisor : 1. Arif Setiawan, S.Kom, M.Cs., MTA 2. Pratomo Setiaji, S.Kom, M.Kom., MTA
ABSTRACT
The thesis research proposal entitled "Information Systems for electronic services on Web-based electronic services and Using WA Notifications" aims to produce a system that can make it easier for consumers or customers to place orders for services, besides this information system is very helpful in processing data goods. , and data of incoming and outgoing service items. Besides, it can help consumers to find out when their electronic service items are finished through WA Notifications.
In this study, using field observation methods and conducting interviews with the owners of these electronic services. In addition to using the observation method, it also uses theories that have been obtained during lectures and uses theories from supporting books. The system development method used is the system development method with the stages are Investigation, System Analysis, Design, Implementation, Maintenance. The design of the information system used is Flow Of Document (FOD) and Unified Modeling Language (UML) which are expected to produce new and better system designs and can solve existing problems.
Keywords: Management, electronic service, goods data, WA notification.
vii
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan penulisan laporan skripsi yang berjudul “Sistem Informasi Pelayanan Servis Elektronik Pada Dani Servis Elektronik Berbasis Web dan Menggunakan Notifikasi WA”.
Penyusunan skripsi ini ditujukan untuk memenuhi salah satu syarat memperoleh gelar sarjana S1 pada program studi sistem informasi fakultas teknik Universitas Muria Kudus.
Pelaksanaan penelitian dan penyusunan laporan skripsi ini tak lepas dari bantuan dan dukungan beberapa pihak, untuk itu penulis menyampaikan ucapan terima kasih kepada:
a. Bapak Prof. Dr. Ir. Darsono, M.Si selaku Rektor Universitas Muria Kudus.
b. Bapak Mohammad Dahlan, ST, MT selaku Dekan Fakultas Teknik Universitas Muria Kudus.
c. Bapak Dr. Eko Darmanto, S.Kom., M.Cs., MTA, selaku Ketua Progdi Sistem Informasi Fakultas Teknik Universitas Muria Kudus.
d. Bapak Arif Setiawan, S.Kom, M.Cs., MTA selaku dosen pembimbing utama yang telah memberikan pengarahan dan bimbingan selama penyusunan laporan skripsi ini.
e. Bapak Pratomo Setiaji, S.Kom, M.Kom., MTA selaku dosen pembimbing pendamping yang telah memberikan pengarahan dan bimbingan selama penyusunan laporan skripsi ini.
f. Saudara Bapak Dani , selaku pemilik Toko Dani servis elektronik yang telah memberikan izin untuk melakukan penelitian, sehingga penulis dapat menyelesaikan laporan skripsi ini.
g. Dosen-dosen di program studi sistem informasi yang telah mendidik dan membagi ilmu yang sudah didapat kepada penulis, serta seluruh staf.
viii
h. Bapak, Ibu selaku orang tua serta saudara-saudara yang telah memberikan kasih sayang, perhatian dan semangat serta doa yang dapat membangkitkan tujuan pencapaian saya dalam penulisan skripsi.
i. Tema-teman Program studi Sistem Informasi yang selalu memberikan dukungan satu sama lain dalam menyelesaikan penulisan skripsi ini.
Penulis berharap semoga langkah selanjutnya dalam mencari pekerjaan diridhoi oleh Allah SWT. Akhirnya sebagai penutup penulis berharap semoga Laporan Skripsi ini dapat memberikan manfaat bagi pembaca untuk mengembangkan ilmu pengetahuan, khususnya dibidang Ilmu Pengetahuan Teknologi dan sistem Informasi. Aamiin.
Kudus, 15 Januari 2021 Penulis,
Luthfi Abdurrohman 201653132
ix
DAFTAR ISI
LAPORAN SKRIPSI ... i
HALAMAN PERSETUJUAN ... ii
RINGKASAN ... v
ABSTRACT ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xiii
DAFTAR GAMBAR ... xiv
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan Penelitian ... 3
1.5 Manfaat Penelitian ... 3
1.5.1 Bagi Individu ... 3
1.5.2 Bagi Akademis ... 3
1.5.3 Bagi Instansi ... 3
1.6 Metode Penelitian ... 4
1.6.1 Metode Pengumpulan Data ... 4
1.6.1.1 Sumber Data Primer ... 4
1.6.1.2 Sumber Data Sekunder ... 4
1.6.2 Metode Pengembangan Sistem ... 4
1.6.3 Metode Perancangan Sistem ... 6
1.7 Kerangka Pemikiran ... 8
BAB II TINJAUAN PUSTAKA ... 9
2.1 Penelitian Terkait ... 9
2.2 Landasan Teori ... 11
2.2.1 WA Notifikasi ... 11
2.2.2 Web ... 11
x
2.2.3 Website ... 12
2.2.4 Use Case ... 12
2.2.5 Sequence Diagram ... 14
2.2.6 Activity Diagram ... 15
2.2.7 Class Diagram ... 15
2.2.8 Entity Relationalship Diagram (ERD) ... 16
2.2.9 White Box Testing dan Black Box Testing ... 18
2.2.10 Xampp ... 19
2.2.11 Notepad ++ ... 20
2.2.12 HTML (Hypertext Markup Language) ... 20
2.2.13 CSS (Cascading Style Sheet) ... 21
2.2.14 PHP (Hypertext Prepocessor) ... 21
BAB III METODOLOGI ... 23
3.1 Objek Penelitian ... 23
3.1.1 Sekilas Tentang Instansi ... 23
3.1.2 Visi Dan Misi ... 23
3.1.3 Struktur Organisasi ... 23
3.1.4 Uraian Jabatan ... 24
3.1.5 Letak Geografis Toko Dani Servis Elektronik ... 25
3.2 Perancangan Sistem ... 29
3.2.1 Business Use Case ... 29
3.2.2 Sistem Use Case ... 31
3.2.3 Skenario Use Case (Flow Of Event) ... 31
3.2.4 Class Diagram ... 38
3.2.5 Sequence Diagram ... 43
3.2.6 Activity Diagram ... 52
3.2.7 Statechart Diagram ... 70
3.3 Rancangan Basis Data ... 79
3.3.1 Entity Relationship Diagram ... 79
3.3.1.1 Menentukan Entitas ... 80
3.3.1.2 Menentukan Atribut Key ... 80
xi
3.3.1.3 Menentukan kardinalitas dan atribut deskriptif beserta foreign key 80
3.3.1.4 Mengidentifikasi Derajat Kardinalitas Relasi ... 83
3.3.2 Struktur Tabel ... 84
3.4 Perancangan Relasi Tabel ... 90
3.5 Perancangan Desain Interface ... 91
BAB IV IMPLEMENTASI DAN PEMBAHASAN ... 99
4.1 Hasil Pembahasan ... 99
4.2 Implementasi Sistem ... 99
4.3 Tampilan Sistem ... 99
4.3.1 Halaman Utama ... 99
4.3.2 Menu Login ... 100
4.3.3 Halaman Admin ... 101
4.3.4 Tampilan Input Pelanggan ... 101
4.3.5 Tampilan Input Transaksi ... 102
4.3.6 Tampilan input Komponen ... 102
4.3.7 Halaman input data penanganan ... 103
4.3.8 Halaman Tampil Data Pelanggan ... 103
4.3.9 Halaman tampil data komponen ... 104
4.3.10 Halaman tampil data penanganan ... 104
4.3.11 Halaman Tampil data Transaksi ... 105
4.3.12 Halaman Utama Teknisi ... 105
4.3.13 Halaman tampil Data antrian servis ... 106
4.3.14 Halaman Tampilan Daftar Komponen ... 106
4.3.15 Halaman Detail Penanganan ... 107
4.3.16 Halaman Utama Kepala Toko ... 107
4.3.17 Halaman Input Admin ... 108
4.3.18 Halaman Tampil data Admin ... 108
4.3.19 Halaman Data Laporan ... 109
4.3.20 Halaman Tampil Laporan ... 109
4.4 Pengujian Sistem ... 110
xii
4.4.1 Black Box Testing ... 110
4.4.2 Black Box Testing ... 112
BAB V PENUTUP ... 114
5.1 Kesimpulan ... 114
5.2 Saran 114 DAFTAR PUSTAKA ... 115
xiii
DAFTAR TABEL
Tabel 2.1 Perbandingan Penelitian ... 11
Tabel 2.2 Notasi dasar Use Case... 13
Tabel 2.3 Notasi dasar squence diagram ... 14
Tabel 2.4 Notasi dasar actifity diagram ... 15
Tabel 2.5 Notasi dasar class diagram ... 16
Tabel 2.6 Simbol ERD ... 17
Tabel 3.1. Proses Business Use Case ... 29
Tabel 3.2. Skenario Use Case Kelola User ... 32
Tabel 3.3. Skenario Use Case Data Pelanggan ... 32
Tabel 3.4. Skenario Use Case Transaksi ... 33
Tabel 3.5. Skenario Use Case Komponen ... 34
Tabel 3.6. Skenario Use Case Penanganan ... 34
Tabel 3.7. Skenario Use Case Detailtransaksi ... 35
Tabel 3.9. Skenario Use Case Status servis ... 36
Tabel 3.10. Skenario Use Case proses pembuatan laporan ... 37
Tabel 3.11. Skenario Use Case cek laporan ... 38
Tabel 3.8 Tabel Admin ... 85
Tabel 3.9 Tabel Detal Transaksi ... 85
Tabel 3.10 Tabel Kepala Toko ... 86
Tabel 3.11 Tabel Komponen ... 86
Tabel 3.12 Tabel Pelanggan ... 87
Tabel 3.13.Tabel Penanganan ... 87
Tabel 3.14. Tabel Teknisi ... 88
Tabel 3.15 Tabel Transaksi ... 88
Tabel 3.16. Tabel Laporan ... 89
Tabel 4.1 Tabel tes Case input pelanggan ... 110
Tabel 4.2 Tabel tes Case login ... 112
xiv
DAFTAR GAMBAR
Gambar 1.1 Kerangka Pemikiran ... 8
Gambar 3.1. Struktur Organisasi Dani Servis Elektronik ... 24
Gambar 3.2. Letak Toko Dani Elektronik ... 25
Gambar 3.3. FOD Perbaikan Barang Elektronik ... 26
Gambar 3.4 Flow Of Document Alur Laporan Servis ... 28
Gambar 3.5 Business Clas Diagram ... 30
Gambar 3.6. Sistem Use Case Pelayanan servis ... 31
Gambar 3.7. Class Pelanggan ... 38
Gambar 3.8. Class Admin ... 39
Gambar 3.9. Class Transaksi ... 39
Gambar 3.10. Class Penanganan ... 40
Gambar 3.11. Class Tansakai ... 40
Gambar 3.12. Class Detail Transaksi ... 41
Gambar 3.13. Class Komponen ... 41
Gambar 3.14. Class Kepala toko ... 42
Gambar 3.15. Class Diagram Servis Elektronik ... 42
Gambaar 3.16. Sequence Diagram Kelola Komponen... 43
Gambaar 3.17. Sequence Diagram Kelola Pelanggan ... 44
Gambaar 3.18. Sequence Diagram Kelola Penanganan ... 45
Gambaar 3.19. Sequence Diagram Kelola Transaksi ... 46
Gambaar 3.20. Sequence Diagram Kelola Detail Transaksi ... 47
Gambaar 3.21. Sequence Diagram Kelola user ... 49
Gambaar 3.22. Sequence Diagram status servis... 50
Gambar 3.23. Sequence Diagram cek laporan ... 51
Gambar 3.24. Sequence Diagram laporan ... 52
Gambar 3.23 Activity Diagram Login ... 52
Gambar 3.24. Activity Diagram Input Teknisi ... 54
Gambar 3.25. Activity Diagram Teknisi ... 55
Gambar 3.26. Activity Diagram Hapus Admin ... 56
xv
Gambar 3.27. Activity Diagram Ubah Admin ... 57
Gambar 3.28. Activity Diagram Input Komponen ... 58
Gambar 3.29. Activity Diagram Input pelanggan ... 59
Gambar 3.30. Activity Diagram Input Penanganan ... 59
Gambar 3.31. Activity Diagram Input Transaksi ... 60
Gambar 3.32. Activity Diagram Input Penanganan ... 61
Gambar 3.33. Activity Diagram Hapus Komponen ... 62
Gambar 3.34. Activity Diagram Hapus Pelanggan ... 63
Gambar 3.35. Activity Diagram Hapus Penanganan ... 64
Gambar 3.36. Activity Diagram Hapus Transaksi ... 65
Gambar 3.37. Activity Diagram Hapus Detail Transaksi ... 66
Gambar 3.38. Activity Diagram Input Penanganan ... 67
Gambar 3.39. Activity Diagram Ubah Pelanggan ... 68
Gambar 3.40. Activity Diagram Ubah Transaksi ... 69
Gambar 3.40. Activity Diagram Ubah Ubah Detail Transaksi ... 70
Gambar 3.41. Statechart Diagram Login ... 71
Gambar 3.42. Statechart Diagram Logout ... 71
Gambar 3.43. Statechart Diagram Simpan Perbaikan Elektronik ... 71
Gambar 3.44. Statechart Diagram Admin Pembayaran Servis ... 71
Gambar 3.44. Statechart Diagram Teknik Perbaikah Servis ... 73
Gambar 3.45. Statechart Diagram Simpan Penanganan ... 73
Gambar 3.46. Statechart Diagram Simpan Komponen ... 74
Gambar 3.47. Statechart Diagram Simpan Admin ... 77
Gambar 3.48. Statechart Diagram Simpan Teknisi ... 74
Gambar 3.49. Statechart Diagram Hapus Teknisi ... 78
... 75
Gambar 3.51. Statechart Diagram Hapus Komponen ... 75
Gambar 3.52. Statechart Diagram Hapus Penanganan ... 76
Gambar 3.53. Statechart Diagram Hapus Pelanggan ... 76
Gambar 3.54. Statechart Diagram Hapus Transaksi ... 72
Gambar 3.55. Statechart Diagram Ubah Komponen... 78 Gambar 3.56. Statechart Diagram Ubah Pelanggan
xvi
Gambar 3.57. Statechart Diagram Ubah Penanganan ... 74
Gambar 3.58. Statechart Diagram Ubah Pelanggan ... 76
Gambar 3.59. Statechart Diagram ubah Transaksi ... 72
Gambar 3.60. Statechart Diagram Ubah Detail Transaksi ... 78
Gambar 3.61. Statechart Diagram Ubah Admin ... 78
Gambar 3.62. Statechart Diagram ubah Teknisi ... 78
Gambar 3.63. Statechart Diagram Ubah Data Kepala Toko ... 79
Gambar 3.63. ERD Menentukan Entitas ... 80
Gambar 3.64. ERD Menentukan Primary Key ... 80
Gambar 3.65. Relasi antara pedagang dan transaksi ... 81
Gambar 3.66. Relasi antara teknisi dan transaksi ... 81
Gambar 3.67. Relasi antara admin dan transaksi ... 81
Gambar 3.68. Relasi antara detail transaksi dan transaksi ... 82
Gambar 3.69. Relasi antara detail transaksi dan komponen ... 82
Gambar 3.70. Relasi antara detail transaksi dan penanganan... 82
Gambar 3.71. Relasi antara admin dan laporan ... 83
Gambar 3.72. Relasi antara laporan dan kepala toko ... 83
Gambar 3.65.ERD Mengidentifikasi Derajat Kardinalitas Relasi ... 84
Gambar 3.67. Relasi Tabel ... 90
Gambar 3.12. Desain Tampilan Login ... 91
Gambar 3.13 Halaman Menu Admin ... 91
Gambar 3.14 Halaman Input Pelanggan ... 92
Gambar 3.15 Halaman Tampil Data Pelanggan ... 92
Gambar 3.16 Halaman Input Data Transaksi ... 93
Gambar 3.17 Halaman Transaksi Belum Lunas ... 93
Gambar 3.18 Halaman Transaksi Sudah Lunas... 94
Gambar 3.19 Halaman Input Komponen ... 94
Gambar 3.20 Halaman Tampil Komponen... 95
Gambar 3.21 Halaman Input Penanganan ... 95
Gambar 3.22 Halaman Tampil Penanganan ... 96
Gambar 3.23 Halaman Menu Teknisi... 96
xvii
Gambar 3.24 Halaman Menu Kepala Toko ... 97
Gambar 3.25 Halaman Tampil Laporan... 98
Gambar 4.1. Tampilan Halaman Utama ... 100
Gambar 4.2. Halaman Login Sistem ... 100
Gambar 4.3. Tampilan Halaman Admin ... 101
Gambar 4.4. Tampilan Input Pelanggan ... 101
Gambar 4.5. Tampilan Input Transaksi ... 102
Gambar 4.6. Halaman Input Komponen ... 102
Gambar 4.7. Halaman Input Data Penanganan ... 103
Gambar 4.8. Halaman Tampil Data Pelanggan ... 103
Gambar 4.9. Halaman Tampil Data Komponen ... 104
Gambar 4.10. Halaman Tampil Data Penanganan ... 104
Gambar 4.11. Halaman Tampil Data Transaksi ... 105
Gambar 4.12. Halaman Utama Teknisi ... 105
Gambar 4.13. Tampilan Data Antrian Servis ... 106
Gambar 4.14. Tampilan Daftar Komponen... 106
Gambar 4.15. Tampilan Detail Penanganan ... 107
Gambar 4.16. Halaman Utama Kepala Toko ... 107
Gambar 4.17. Halaman Input Admin ... 108
Gambar 4.18. Tampilan Data Admin ... 108
Gambar 4.19. Tampilan Data Laporan ... 109
Gambar 4.20. Tampilan Laporan Servis ... 109
Gambar 4.21. Pengujian Halaman Pelanggan 2 ... 111
Gambar 4.22. Pengujian Halaman Pelanggan 1 ... 111
Gambar 4.23. Pengujian login 1 ... 112
Gambar 4.24. Pengujian login 2 ... 113
