Laporan Skripsi

SISTEM INFORMASI PELAYANAN JASA SERVICE
KOMPUTER DAN PRINTER BERBASIS WEB

PADA CV. MULTINET COMPINDO CIREBON
SKRIPSI
Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang
S1 Program Studi Teknik Informatika
Disusun Oleh :
Arip Saripudin (171801004)
Mohamad Riziq Sobrun Jamil (171801018)
STMIK WIT – CIREBON
2021
KETERANGAN SELESAI PENULISAN SKRIPSI
Nama : Arip Saripudin
Program Studi : Teknik Informatika
NPM : 171801004
Judul Skripsi : Sistem Informasi Pelayanan Jasa Service Komputer dan
Printer Berbasis Web Pada CV. Multinet Compindo
Cirebon
Cirebon, 30 September 2021
Yang menyatakan,
(Arip Saripudin)
Menyetujui,
Pembimbing
(Niken Adityas Lestari, M. Kom)

NIDN. 0420018902
Nama : Mohamad Riziq Sobrun Jamil
NPM : 171801018
Cirebon
Yang menyatakan,
(Mohamad Riziq Sobrun Jamil)
Menyetujui,
Pembimbing
(Niken Adityas Lestari, M. Kom)

NIDN. 0420018902
SURAT KETERANGAN INSTANSI / PERUSAHAAN
Yang bertanda tangan dibawah ini, menyatakan bahwa :
NPM : 171801004
Prgram Studi : Teknik Informatika
Cirebon
Telah mengikuti beberapa aktifitas pada instansi / perusahaan ini, dan telah
memperoleh sejumlah data dan informasi dari kami, sesuai dengan judul skripsi
yang telah diajukan.
Nama Pemilik
SURAT KETERANGAN INSTANSI / PERUSAHAAN
Yang bertanda tangan dibawah ini, menyatakan bahwa :
NPM : 171801018
Prgram Studi : Teknik Informatika
Cirebon
Telah mengikuti beberapa aktifitas pada instansi / perusahaan ini, dan telah
memperoleh sejumlah data dan informasi dari kami, sesuai dengan judul skripsi
yang telah diajukan.
Nama Pemilik
LEMBAR PERSETUJUAN SKRIPSI

Disetujui Oleh : Mengetahui :
Pembimbing KETUA STMIK WIT
(Niken Adityas Lestari, M. Kom) Patricia Astrid A., S.Kom., M.T.
NIDN. 0420018902 NIDN. 0416068302

LEMBAR PENGESAHAN SKRIPSI

Disahkan Oleh:
Penguji I Penguji II
(Nama Penguji I) (Nama Penguji II)
NIDN. NIDN.
Mengetahui,
KETUA STMIK WIT
Patricia Astrid A., S.Kom., M.T.
NIDN. 0416068302
LEMBAR PERNYATAAN
NPM : 171801004
Cirebon
Menyatakan bahwa skripsi ini merupakan hasil karya saya sendiri yang dibuat
berdasarkan teori dan literatur yang telah disetujui pembimbing.
Saya mengerti bahwa gelar strata satu saya bisa dibatalkan jika saya terbukti telah
menyadur / menjiplak isi skripsi ini.
Yang menyatakan,
(Arip Saripudin)
LEMBAR PERNYATAAN
NPM : 171801018
Cirebon
Menyatakan bahwa skripsi ini merupakan hasil karya saya sendiri yang dibuat
berdasarkan teori dan literatur yang telah disetujui pembimbing.
Saya mengerti bahwa gelar strata satu saya bisa dibatalkan jika saya terbukti telah
menyadur / menjiplak isi skripsi ini.
Yang menyatakan,
(Mohamad Riziq Sobrun Jamil)

ABSTRAK
Arip Saripudin, 171801004, Mohamad Riziq Sobrun Jamil,

171801018, Sistem Informasi Pelayanan Jasa Service Komputer dan Printer
Berbasis Web Pada CV. Multinet Compindo Cirebon, Skripsi, Cirebon
Program Studi Teknik Informatika, STMIK WIT, September 2021.
Perkembangan perekonomian yang semakin pesat tidak dapat dipisahkan

oleh perkembangan teknologi. Salah satu penggunaan teknologi informasi yang
dibutuhkan bagi setiap perusahaan yakni sistem informasi. Semakin baik sebuah
sistem informasinya maka akan semakin efektif sistem yang dihasilkan. CV.
Multinet Compindo merupakan badan usaha milik sendiri yang bergerak dibidang
penjualan, dan service komputer maupun printer. Sistem service komputer masih
dilakukan secara konvensional sehingga kinerjanya belum efektif, sistem yang
digunakan masih menggunakan pencatatan manual kedalam buku untuk mencatat
semua transakasi service yang terjadi setiap harinya, sehingga sering terjadi
kesalahan pencatatan dan pengolahan data transaksi service, serta pengulangan
dalam pencatatan transaksi service. Dengan metode waterfall yang digunakan,
analisa kebutuhan menjadi lebih terlihat sehingga dapat dirancang sesuai dengan
kebutuhan perusahaan. Sistem informasi pelayanan jasa service yang dirancang
memberikan efektifitas dan efesiensi kepada sistem, dimana semua pengolahan
data menjadi lebih cepat dan mudah serta pembuatan laporan menjadi sesuai
dengan keinginan perusahaan.
Kata kunci : Sistem Informasi Pelayanan, Jasa Service

KATA PENGANTAR
Puji dan syukur penyusun panjatkan kepada Dzat yang maha segalanya
Allah SWT yang masih melimpahkan rahmat dan karunia-Nya hingga saat ini
sehingga penyusun dapat menyelesaikan Laporan skripsi ini. Shalawat serta salam
tak lupa penyusun curahkan kepada Nabi Besar Muhammad SAW, kepada
keluarganya, sahabatnya, tabi’in dan itba’uttabi’in sehingga sampai kepada kita.
Laporan ini disusun sebagai syarat menyelesaikan jenjang strata satu
program studi teknik informatika bagi mahasiswa di STMIK WIT Cirebon.
Dalam penyusunan laporan skripsi ini penyusun mendapatkan dorongan,
bimbingan dan petunjuk dari berbagai pihak, oleh karena itu rasa terima kasih dan
penghargaan yang setinggi-tingginya di sampaikan kepada :
1. Keluarga tercinta yang tak henti-hentinya memberikan do’a dan
dorongan baik secara moril maupun materil.
2. Patricia Astrid A., S.Kom., M.T., selaku Ketua STMIK WIT Cirebon.
3. Niken Adityas Lestari, M. Kom, selaku dosen pembimbing dalam
penyusunan laporan skripsi ini.
4. Siti Anisyah, S.Kom, selaku Koordinator Skripsi di STMIK WIT
Cirebon.
5. Serta dosen-dosen dan pihak-pihak lainnya yang tidak dapat kami
sebutkan satu per satu, yang telah membantu dan memberikan dukungan
baik secara langsung maupun tidak langsung.
i
Kami berharap laporan skripsi ini dapat memberikan kontribusi kepada
kemajuan ilmu pengetahuan. Penyusun menyadari bahwa masih banyak
kekurangan dan kelemahan dalam laporan ini. Oleh karena itu, kritik dan saran
pembaca sangat harapkan. Harapan penyusun, semoga laporan ini bermanfaat bagi
pembaca dan menjadi amalan baik bagi penyusun. Amin.
Penyusun
ii
DAFTAR ISI
HALAMAN JUDUL
SURAT KETERANGAN DARI INSTANSI/PERUSAHAAN
LEMBAR PERSETUJUAN SKRIPSI
LEMBAR PENGESAHAN SKRIPSI
LEMBAR PERNYATAAN
ABSTRAK
KATA PENGANTAR..............................................................................................i
DAFTAR ISI..........................................................................................................iii
DAFTAR TABEL..................................................................................................vii
DAFTAR GAMBAR..............................................................................................ix
DAFTAR LAMPIRAN..........................................................................................xii
BAB I PENDAHULUAN...................................................................................1
1.1. Latar Belakang Masalah...................................................................1
1.2. Rumusan Masalah............................................................................3
1.3. Batasan Masalah...............................................................................3
1.4. Tujuan...............................................................................................4
1.5. Metodologi Penelitian......................................................................5
1.6. Sistematika Penulisan.......................................................................7
BAB II LANDASAN TEORI..............................................................................9
iii
2.1. Konsep Dasar Sistem........................................................................9
2.1.1. Definisi Sistem........................................................................9
2.1.2. Klasifikasi Sistem...................................................................9
2.2. Konsep Dasar Informasi.................................................................11
2.2.1. Pengertian Informasi.............................................................11
2.2.2. Pengertian Data.....................................................................11
2.3. Pengertian Sistem Informasi..........................................................11
2.4. Pengertian Pelayanan atau Service.................................................12
2.5. Pengertian Jasa...............................................................................12
2.6. Analisis Sistem...............................................................................13
2.5.1. Flowmap / Blockchart...........................................................13
2.5.2. Diagram Alir Data (DAD)....................................................15
2.7. Perancangan Sistem........................................................................17
2.6.1. Unified Modelling Language (UML)....................................17
2.6.2. Basis Data (Database)..........................................................33
2.8. Bahasa Pemrograman dan Perangkat Lunak Pendukung...............33
2.7.1. PHP.......................................................................................33
2.7.2. MySQL.................................................................................33
2.7.3. Web Server............................................................................34
2.7.4. XAMPP.................................................................................34
iv
2.7.5. Notepad++............................................................................35
BAB III ANALISA SISTEM BERJALAN.........................................................36
3.1. Sejarah Singkat Perusahaan............................................................36
3.2. Struktur Organisasi Perusahaan......................................................37
3.3. Kondisi Perusahaan Saat Ini...........................................................38
3.4. Analisa Sistem Berjalan.................................................................38
3.4.1. Gambaran Kerja Sistem Berjalan..........................................38
3.4.2. Sistem Prosedur Diagram Sistem Berjalan...........................40
3.4.3. Diagram Alir Data Sistem Berjalan......................................43
BAB IV ANALISA DAN PERANCANGAN SISTEM.....................................45
4.1. Analisa Sistem Baru.......................................................................45
4.2. Arsitektur Website..........................................................................45
4.2.1. Design Sistem UML.............................................................45
4.2.2. Rancangan Database.............................................................64
4.2.3. Rancangan Masukan.............................................................74
4.2.4. Rancangan Keluaran.............................................................81
4.3. Manajemen User.............................................................................90
4.4. Modul-Modul Website...................................................................90
4.5. Konstruksi Isi Website...................................................................91
4.6. Manajemen File..............................................................................92
v
4.7. Rancangan Keamanan Web............................................................92
4.8. Penggunaan Aplikasi......................................................................92
4.9. Publikasi Aplikasi...........................................................................93
4.9.1. Nama Domain.......................................................................93
4.9.2. Kapasitas Hosting.................................................................93
4.9.3. Analisa Biaya........................................................................93
4.9.4. Perangkat Lunak...................................................................94
4.9.5. Perangkat Keras....................................................................94
BAB V PENUTUP.............................................................................................95
5.1. Kesimpulan.....................................................................................95
5.2. Saran...............................................................................................96
DAFTAR PUSTAKA
vi
DAFTAR TABEL
Tabel 2. 1 Simbol-Simbol Flowmap......................................................................13
Tabel 2. 2 Simbol-Simbol Diagram Alir Data.......................................................15
Tabel 2. 3 Simbol-Simbol Use Case Diagram.......................................................17
Tabel 2. 4 Simbol-Simbol Class Diagram.............................................................20
Tabel 2. 5 Simbol-Simbol Activity Diagram..........................................................21
Tabel 2. 6 Simbol-Simbol Sequence Diagram.......................................................23
Tabel 2. 7 Simbol-Simbol Object Diagram...........................................................25
Tabel 2. 8 Simbol-Simbol State Machine Diagram...............................................26
Tabel 2. 9 Simbol-Simbol Communication Diagram.............................................27
Tabel 2. 10 Simbol-simbol Component Diagram..................................................29
Tabel 2. 11 Simbol-Simbol Package Diagram......................................................30
Tabel 2. 12 Simbol-simbol Deployment Diagram.................................................31
Tabel 3. 1 Tugas dan Tanggung Jawab pada Struktur Organisasi Perusahaan
37
Tabel 3. 2 Flowmap Prosedur Mengelola Penerimaan Barang Service.................40
Tabel 3. 3 Flowmap Prosedur Mengelola Service Komputer dan Printer.............41
Tabel 3. 4 Flowmap Prosedur Mengelola Pembayaran Jasa Service.....................42
Tabel 4. 1 Definisi Aktor 48
Tabel 4. 2 Definisi Use Case.................................................................................49
vii
Tabel 4. 3 Detail Service........................................................................................64
Tabel 4. 4 Jenis Service..........................................................................................65
Tabel 4. 5 Login.....................................................................................................66
Tabel 4. 6 Pelanggan..............................................................................................67
Tabel 4. 7 Pembayaran...........................................................................................68
Tabel 4. 8 Service...................................................................................................69
Tabel 4. 9 Sparepart...............................................................................................70
Tabel 4. 10 Teknisi.................................................................................................71
Tabel 4. 11 Penerimaan..........................................................................................72
Tabel 4. 12 Pengambilan........................................................................................73
Tabel 4. 13 Analisa Biaya......................................................................................93
viii
DAFTAR GAMBAR
Gambar 1. 1 Tahapan-tahapan Metode Waterfall....................................................5
Gambar 3. 1 Struktur Organisasi Perusahaan 37
Gambar 3. 2 Diagram Konteks Sistem Berjalan....................................................43
Gambar 3. 3 Diagram Alir Data Level 1 Sistem Berjalan.....................................44
Gambar 4. 1 Use Case Diagram 47
Gambar 4. 2 Class Diagram...................................................................................54
Gambar 4. 3 Statechart Diagram...........................................................................55
Gambar 4. 4 Activity Diagram Mengelola Penerimaan..........................................56
Gambar 4. 5 Activity Diagram Mengelola Service................................................56
Gambar 4. 6 Activity Diagram Mengelola Pembayaran.........................................57
Gambar 4. 7 Activity Diagram Mengelola Pengambilan........................................57
Gambar 4. 8 Sequence Diagram Untuk Aktor Admin...........................................58
Gambar 4. 9 Sequence Diagram Untuk Aktor Kasir..............................................58
Gambar 4. 10 Sequence Diagram Untuk Aktor Pemilik........................................59
Gambar 4. 11 Collaboration Diagram...................................................................60
Gambar 4. 12 Component Diagram.......................................................................61
Gambar 4. 13 Package Diagram............................................................................62
Gambar 4. 14 Deployment Diagram......................................................................63
Gambar 4. 15 Tabel Detail Service........................................................................64
ix
Gambar 4. 16 Tabel Jenis Service..........................................................................65
Gambar 4. 17 Tabel Login.....................................................................................66
Gambar 4. 18 Tabel Pelanggan..............................................................................67
Gambar 4. 19 Tabel Pembayaran...........................................................................68
Gambar 4. 20 Tabel Service...................................................................................69
Gambar 4. 21 Tabel Sparepart...............................................................................70
Gambar 4. 22 Tabel Teknisi...................................................................................71
Gambar 4. 23 Tabel Penerimaan............................................................................72
Gambar 4. 24 Tabel Pengambilan..........................................................................73
Gambar 4. 25 Form Login......................................................................................74
Gambar 4. 26 Form Input Data Teknisi.................................................................74
Gambar 4. 27 Form Input Data Sparepart..............................................................75
Gambar 4. 28 Form Input Data Jenis Service........................................................75
Gambar 4. 29 Form Input Data Pelanggan............................................................76
Gambar 4. 30 Form Input Data Penerimaan..........................................................77
Gambar 4. 31 Form Input Data Service.................................................................78
Gambar 4. 32 Form Input Data Pembayaran.........................................................79
Gambar 4. 33 Form Input Data Pengambilan........................................................80
Gambar 4. 34 Invoice.............................................................................................81
Gambar 4. 35 Laporan Data Teknisi......................................................................82
Gambar 4. 36 Laporan Data Sparepart...................................................................83
Gambar 4. 37 Laporan Data Jenis Service.............................................................84
Gambar 4. 38 Laporan Data Pelanggan.................................................................85
x
Gambar 4. 39 Laporan Data Penerimaan Barang..................................................86
Gambar 4. 40 Laporan Data Service......................................................................87
Gambar 4. 41 Laporan Data Pembayaran..............................................................88
Gambar 4. 42 Laporan Data Pengambilan Barang................................................89
Gambar 4. 43 Kontruksi isi website.......................................................................91
Gambar 4. 44 Manajemen file................................................................................92
xi
DAFTAR LAMPIRAN
Listing Program ....................................................................................................L1
xii
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Seiring dengan perkembangan perekonomian yang semakin pesat
tidak dapat dipisahkan oleh perkembangan teknologi, terutama teknologi
informasi komputerisasi, Setiap perusahaan atau instansi baik pemerintah
maupun swasta dituntut untuk dapat menyesuaikan perkembangan teknologi
tersebut guna menghasilkan informasi yang cepat, tepat dan akurat. Hal ini
menjadi pemicu bagi setiap perusahaan untuk menggali potensi guna
meningkatkan performa perusahaan. Berbagai peluang yang ditemukan
dipasaran, sangat berguna untuk diubah menjadi potensi-potensi yang dapat
dimanfaatkan untuk menghasilkan pendapatan bagi perusahaan. Meskipun
pemanfaatan peluang terlihat sebagai suatu hal yang sederhana, namun jika
tidak dilakukan dengan kecepatan dan ketepatan perhitungan bisnis yang
benar, sebaik apapun peluang yang dimiliki tidak akan mampu
dimanfaatkan. Dalam hal ini penggunaan teknologi informasi sangat
dibutuhkan bagi setiap perusahaan.
Salah satu penggunaan teknologi informasi yang dibutuhkan bagi
setiap perusahaan yakni sistem informasi, Sistem informasi merupakan
elemen-elemen yang terdapat dalam suatu organisasi yang didalamnya
terdiri dari sekelompok orang, media, teknologi, prosedur-prosedur serta
pengendalian yang dapat digunakan untuk berkomunikasi, transaksi, serta
1
2
menyediakan informasi dalam pengambilan suatu keputusan. (Erliza &
Puspita, 2021)
Menurut Kotler definisi jasa adalah setiap tindakan atau kinerja yang
ditawarkan oleh satu pihak ke pihak lain yang secara prinsip tidak berwujud
dan tidak menyebabkan pemindahan kepemilikan. (Suhada & Putra, 2016)
Sedangkan Menurut Soegito mengemukakan pelayanan (service) adalah
setiap kegiatan atau manfaat yang dapat diberikan suatu pihak kepada pihak
lainnya yang pada dasarnya tidak berwujud dan tidak pula berakibat
pemilikan sesuatu dan produksinya dapat atau tidak dapat dikaitkan dengan
suatu produk fisik. (Tahendrika, 2015). Oleh karena itu, diperlukan sistem
informasi yang dapat menunjang pengambilan keputusan bagi manajemen.
Penerapan komputer dan sebuah sistem informasi jasa pelayanan service
menjadi suatu solusi karena dapat mendukung kinerja dalam bagian-bagian
yang berhubungan dengan Pelayanan jasa service serta mendukung
pengambilan keputusan bagi pihak manajerial untuk mencapai tujuan
perusahaan.
CV. Multinet Compindo merupakan badan usaha milik sendiri yang
bergerak dibidang penjualan, dan service komputer maupun printer. Sistem
service komputer masih dilakukan secara konvensional sehingga kinerjanya
belum efektif, sistem yang digunakan saat ini masih menggunakan
pencatatan manual kedalam buku untuk mencatat semua transakasi service
yang terjadi setiap harinya sehingga seringnya terjadi kesalahan pencatatan
dan pengolahan data transaksi service, serta pengulangan dalam pencatatan

3
transaksi service. Selain itu masih terdapat masalah tentang pencarian data
dan keterlambatan dalam proses pembuatan laporan.
Berdasarkan latar belakang diatas, maka akan dirancang sebuah sistem
infromasi yang dapat mengatasi permasalahan yang ada, adapun judul yang
diambil untuk laporan Skripsi ini adalah “Sistem Informasi Pelayanan Jasa
Service Komputer Dan Printer Berbasis Web Pada CV. Multinet Compindo
Cirebon“.
1.2. Rumusan Masalah
Berdasarkan masalah – masalah yang diuraikan di atas maka rumusan
masalah yang akan dibahas adalah :
1. Bagaimana merancang sistem informasi pelayanan jasa servis berbasis
web yang sesuai dengan kebutuhan CV. Multinet Compindo Cirebon?
2. Bagaimana merancang sistem informasi pelayanan jasa service berbasis
web yang dapat mengolah data service dan pembayaran secara cepat dan
akurat?
3. Bagaimana merancang sistem informasi pelayanan jasa servis berbasis
web yang dapat menghasilkan laporan secara berkala dan periodik?
1.3. Batasan Masalah
Cakupan masalah yang akan dibahas pada penelitian ini adalah
sebagai berikut:
1. Prosedur Mengelola Data Pelanggan

4
2. Prosedur Mengelola Data Sparepart
3. Prosedur Mengelola Data Teknisi
4. Prosedur Mengelola Penerimaan Barang Service
5. Prosedur Mengelola Service Komputer dan Printer
6. Prosedur Mengelola Pembayaran Jasa Service
7. Prosedur Mengelola Pengambilan Barang Service
8. Prosedur Pembuatan Laporan Antara Lain:
a. Laporan Data Pelanggan
b. Laporan Data Sparepart
c. Laporan Data Teknisi
d. Laporan Penerimaan Barang Service
e. Laporan Service Komputer dan Printer
f. Laporan Pembayaran Jasa Service
g. Laporan Pengambilan Barang Service
1.4. Tujuan
Tujuan dari perancangan Sistem Informasi Pelayanan Jasa Service
Komputer dan Printer Berbasis Web pada CV. Multinet Compindo Cirebon
adalah:
1. Untuk menyusun laporan Skripsi.
2. Membangun sistem informasi pelayanan jasa service berbasis web sesuai
dengan kebutuhan CV. Multinet Compindo.

5
3. Membangun sistem informasi pelayanan jasa service berbasis web yang
dapat mengolah data service dan pembayaran secara cepat dan akurat.
4. Membangun sistem informasi pelayanan jasa service berbasis web yang
dapat mencetak laporan secara berskala.
1.5. Metodologi Penelitian
Metode yang digunakan dalam penelitian sistem informasi pelayanan
jasa service pada CV. Multinet Compindo menggunakan model air terjun
(waterfall) yang sering disebut juga sekuensial linier (sequential linear) atau
alur hidup klasik (classic life cycle). Model waterfall menyediakan
pendekatan secara terurut dimulai dari analisis, desain, pengkodean, dan
pengujian.
Gambar 1. 1 Tahapan-tahapan Metode Waterfall
1. Analisis Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami
perangkat lunak seperti apa yang dibutuhkan oleh user.

6
2. Desain
Desain perankat lunak adalah proses multi langkah yang fokus
pada desain pembuatan perangkat lunak.
3. Pembuatan Kode Program
Desain harus ditranslasikan ke program perangkat lunak. Hasilnya
adalah program komputer sesuai dengan desain yang telah dibuat.
4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik. sistem
dan fungsional dan memastikan bahwa semua bagian sudah diuji.
5. Pendukung (support) dan pemeliharaan (maintenance)
Perangkat lunak bisa mengalami perubahan ketika dikirimkan ke
user, karena ada kesalahan yang muncul dan tidak terdeteksi saat
pengujian atas perangkat lunak harus beradaptasi dengan lingkungan
baru.
Teknik pengumpulan data yang digunakan dalam proses penelitian
adalah sebagai berikut:
1. Observasi
Dalam metode observasi ini dilakukan pengamatan langsung
mengenai proses penjualan yang dilakukan di CV. Multinet Compindo.

7
2. Wawancara
Merupakan pengumpulan data dengan tanya jawab dengan pihak
yang terkait yaitu Ibu Shan Shan., selaku pemilik CV. Multinet
Compindo.
3. Studi Pustaka
Untuk mendapatkan data yang bersifat teoritis maka dilakukan
pengumpulan data dengan mempelajari buku-buku, makalah ataupun
referensi lain yang berhubungan dengan masalah yang dibahas.
1.6. Sistematika Penulisan
Adapun sistematika yang akan ditulis dalam laporan skripsi kali ini
adalah sebagai berikut :
BAB I PENDAHULUAN
Menguraikan tentang permasalahan yang akan dibahas di
setiap pokok bahasan, yaitu Latar Belakang Masalah, Rumusan
Masalah, Batasan Masalah, Tujuan, Metodologi Penelitian dan
Sistematika Penulisan.
BAB II LANDASAN TEORI
Menguraikan tentang teori-teori yang akan digunakan untuk
menyelesaikan permasalah, dimana teori ini berupa teori-teori dasar
umum dan teori-teori khusus.

8
BAB III ANALISA SISTEM BERJALAN
Menguraikan tentang bagaimana sebuah sejarah perusahan
yang akan dibahas, bagaimana struktur organisasinya, bagaimana
kondisi perusahaan saat ini, dan bagaimana sistem yang sedang
berjalan pada perusahaan tersebut.
BAB IV ANALISA DAN PERANCANGAN SISTEM
Menguraikan tentang perancangan dan pembuatan program,
dari mulai penggambaran menggunakan UML, bagaimana
perancangan basis data, perancangan input, perancangan output,
kemudian pemilihan perangkat keras, perangkat lunak dan pemakai
programnya.
BAB V PENUTUP
Menguraikan tentang kesimpulan dari permasalahan yang
terjadi dan bagaimana pemecahanya, kemudian saran yang
disampaikan untuk memberikan masukan kepada pihak
perusahaan.
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Sistem
2.1.1. Definisi Sistem
Sebuah sistem terdiri dari elemen-elemen yang saling bekerja
sama dan berinteraksi untuk memproses masukan kemudian saling
berhubungan untuk mencapai tujuan tertentu. Sistem adalah
kumpulan dari elemen-elemen yang berinteraksi untuk mencapai
suatu tujuan tertentu. (Erliza & Puspita, 2021)
Sistem merupakan kumpulan elemen-elemen yang saling
terkait dan bekerja sama untuk memproses masukan (input) yang
ditujukan kepada sistem tersebut dan mengolah masukan tersebut
sampai menghasilkan keluaran (output) yang diinginkan.
(Kristanto, 2018)
2.1.2. Klasifikasi Sistem
Dari berbagai sudut pandang, sistem dapat diklasifikasikan
menjadi beberapa bagian yaitu :
a. Sistem abstrak dan sistem fisik
Sistem abstrak merupakan sistem yang tidak bisa
dilihat secara mata biasa dan biasanya sistem ini berupa
pemikiran atau ide-ide. Contoh dari sistem abstrak ini adalah
9
L10
filsafat. Sistem fisik merupakan sistem yang bisa dilihat
secara mata biasa dan biasanya sering digunakan oleh
manusia. Contoh dari sistem fisik ini adalah sistem akuntansi,
sistem komputer dan sebagainya.(Kristanto, 2018)
b. Sistem alamiah dan sistem buatan
Sistem alamiah merupakan sistem yang terjadi karena
pengaruh alam. Misalnya sistem rotasi bumi, sistem gravitasi
dan sebagainya. Sistem buatan merupakan sistem yang
dirancang dan dibuat oleh manusia. Misalnya, sistem
pengolahan gaji.(Kristanto, 2018)
c. Sistem tertutup dan sistem terbuka
Sistem tertutup merupakan sistem yang tidak
berhubungan dengan bagian luar sistem dan biasanya tidak
berpengaruh oleh kondisi di luar sistem. Sedangkan sistem
terbuka merupakan sistem yang berhubungan dengan bagian
luar sistem. (Kristanto, 2018)

L11
2.2. Konsep Dasar Informasi
2.2.1. Pengertian Informasi
Memahami konsep dasar informasi adalah sangat penting
(vital) dalam mendesain sebuah sistem informasi yang efektif
(effective business system). Menyiapkan langkah atau metode
dalam menyediakan informasi yang berkualitas adalah tujuan
dalam mendesain sistem baru. (Kristanto, 2018)
2.2.2. Pengertian Data
Sumber informasi adalah data. Data menggambarkan suatu
kejadian yang sedang terjadi, dimana data tersebut akan diolah dan
diterapkan dalam sistem menjadi input yang berguna dalam suatu
sistem.(Kristanto, 2018)
2.3. Pengertian Sistem Informasi
Sistem informasi merupakan elemen-elemen yang terdapat dalam
suatu organisasi yang didalamnya terdiri dari sekelompok orang, media,
teknologi, prosedur-prosedur serta pengendalian yang dapat digunakan
untuk berkomunikasi, transaksi, serta menyediakan informasi dalam
pengambilan suatu keputusan. (Erliza & Puspita, 2021)

L12
2.4. Pengertian Pelayanan atau Service
Menurut Soegito mengemukakan pelayanan (service) adalah setiap
kegiatan atau manfaat yang dapat diberikan suatu pihak kepada pihak
lainnya yang pada dasarnya tidak berwujud dan tidak pula berakibat
pemilikan sesuatu dan produksinya dapat atau tidak dapat dikaitkan dengan
suatu produk fisik. (Tahendrika, 2015)
2.5. Pengertian Jasa
Menurut Zeithaml dan Bitner dalam Hurriyati jasa pada dasarnya
adalah seluruh aktivitas ekonomi dengan output selain produk dalam
pengertian fisik, dikonsumsi dan diproduksi pada saat bersamaan,
memberikan nilai tambah dan secara prinsip tidak berwujud (intangible)
bagi pembeli pertamanya. (Tahendrika, 2015)
pengertian jasa yang dikemukakan oleh Hasan mengemukakan jasa
merupakan semua aktivitas ekonomi yang hasilnya tidak merupakan produk
dalam bentuk fisik atau kontruksi, yang biasanya dikonsumsi pada saat yang
sama dengan waktu yang dihasilkan dan memberikan nilai tambah atau
pemecahan atas masalah yang dihadapi konsumen. (Tahendrika, 2015)

L13
2.6. Analisis Sistem
2.5.1. Flowmap / Blockchart
Flowmap atau BlockChart berfungsi untuk memodelkan
masukan, keluaran, proses maupun transaksi dengan menggunakan
simbol-simbol tertentu. Pembuatan blockchart harus memudahkan
bagi pemakai dalam memahami alur dari sistem atau transaksi.
(Kristanto, 2018)
Tabel 2. 1 Simbol-Simbol Flowmap
SIMBOL ARTI
Menandakan dokumen, bisa dalam
bentuk surat, formulir,
buku/bendel/berkas atau cetakan
Multi Dokumen
Proses Manual
Proses yang dilakukan oleh komputer
Menandakan dokumen yang diarsipkan
(arsip manual)
L14
Tabel 2. 1 Simbol-Simbol Flowmap (Lanjutan)
SIMBOL ARTI
Data penyimpanan (data storage)
Proses apa saja yang tidak terdefinisi
termasuk aktivitas fisik
Terminasi yang mewakili simbol tertentu
untuk digunakan pada aliran lain pada
halaman yang lain
Terminasi yang mewakili simbol tertentu
untuk digunakan pada aliran lain pada
halaman yang sama
Terminasi yang menandakan awal dan
akhir dari suatu aliran
Pengambilan keputusan (decision)
Layar peraga (monitor)
Pemasukan data secara manual

L15
2.5.2. Diagram Alir Data (DAD)
Diagram Alir Data (DAD) awalnya dikembangkan oleh Chris
Gane dan Trish Sarson. Sistem yang dikembangkan ini berbasis
pada dekomposisi fungsional dari sebuah sistem. Edward Yourdon
dan Tom DeMarco memperkenalkan metode yang lain pada tahun
1980-an di mana mengubah persegi dengan sudut lengkung (pada
DAD Chris Gane dan Trish Sarson) dengan lingkaran untuk
menotasikan. DAD Edward Yourdon dan Tom DeMarco populer
digunakan sebagai model analisis sistem perangkat lunakuntuk
sistem perangkat lunak yang akan diimplementasikan dengan
pemrograman terstruktur. (Rosa & Shalahuddin, 2018).
Tabel 2. 2 Simbol-Simbol Diagram Alir Data
Simbol Keterangan
Entitas luar (external entity) atau
masukan (input) atau keluaran (output)

Entitas Luar
atau orang yang memakai /
berinteraksi dengan perangkat lunak
yang dimodelkan atau sistem lain yang
terkait dengan aliran datadari sistem
yang dimodelkan.
L16
Tabel 2. 2 Simbol-Simbol Diagram Alir Data (Lanjutan)
Simbol Keterangan
Aliran data; merupakan data yang
dikirim antar proses, dari

Aliran Data
penyimpanan ke proses, atau dari
proses ke masukan (input) atau
keluaran (output)
Proses atau fungsi atau prosedur; pada
pemodelan perangkat lunak yang akan

Proses
diimplementasikan dengan
pemrograman terstruktur, maka
pemodelan notasi inilah harusnya
menjadi fungsi atau prosedur di dalam
kode program.
File atau basis data atau penyimpanan

Penyimpanan Data (storage); pada pemodelan perangkat
lunak yang akan diimplementasikan
dengan pemrograman terstruktur.

L17
2.7. Perancangan Sistem
2.6.1. Unified Modelling Language (UML)
UML (Unified Modeling Language) adalah salah satu standar
bahasa yang banyak digunakan di dunia industri untuk
mendefinisikan requirement, membuat analisis & desain, serta
menggambarkan arsitektur dalam pemrograman berorientasi objek.
(Rosa & Shalahuddin, 2018)
1. Use Case Diagram
Use case atau diagram use case merupakan pemodelan
untuk kelakuan (behavior) sistem informasi yang akan dibuat.
Use case mendeskripsikan sebuah interaksi antara satu atau
lebih aktor dengan sistem informasi yang akan dibuat. Secara
kasar, use case digunakan untuk mengetahui fungsi apa saja
yang ada di dalam sebuah sistem informasi dan siapa saja yang
berhak menggunakan fungsi-fungsi itu. (Rosa & Shalahuddin,
2018)
Tabel 2. 3 Simbol-Simbol Use Case Diagram
Simbol Deskripsi
Use case Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
pesan antar unit atau aktor; biasanya
dinyatakan dengan menggunakan kata
kerja di awal fase nama use case

L18
Tabel 2. 3 Simbol-Simbol Use Case Diagram (Lanjutan)
Simbol Deskripsi
Aktor / actor Orang, proses, atau sistem lain yang
berinteraksi dengan sistem informasi yang
akan dibuat di luar sistem informasi yang
akan dibuat itu sendiri, jadi walaupun
simbol dari aktor adalah gambar orang;
biasanya dinyatakan menggunakan kata
benda di awal frase nama aktor
Asosisasi / Komunikasi antara aktor dan use case yang
association berpartisipasi pada use case atau use case
memiliki interaksi dengan aktor
Ekstensi / extend Relasi use case tambahan ke sebuah use
case dimana use case yang ditambahkan
dapat berdiri sendiri walau tanpa use case
tambahan itu; mirip dengan prinsip
inheritance pada pemrograman berorientasi
objek;
Generalisasi / Hubungan generalisasi dan spesialisasi
generalization (umum-khusus) antara dua buah use case
dimana fungsi yang satu adalah fungsi
yang lebih umum dari lainnya

L19
Tabel 2. 3 Simbol-Simbol Use Case Diagram (Lanjutan)
Simbol Deskripsi
Menggunakan / Relasi use case tambahan ke sebuah use
include / uses case di mana use case yang ditambahkan
memerlukan use case ini untuk
menjalankan fungsinya atau sebagai syarat
dijalan use case ini.Include berarti use case
yang ditambahkan akan selalu dipanggil
saat use case tambahan dijalankan.
2. Class Diagram
Diagram kelas atau class diagram menggambarkan
struktur sistem dari segi pendefinisian kelas-kelas yang akan
dibuat untuk membangun sistem. Kelas memiliki apa yang
disebut atribut dan metode operasi. (Rosa & Shalahuddin,
2018)
1. Atribut merupakan variabel-variabel yang dimiliki oleh
suatu kelas
2. Operasi atau metode adalah fungsi-fungsi yang dimiliki
oleh suatu kelas

L20
Tabel 2. 4 Simbol-Simbol Class Diagram
Simbol Deskripsi
Kelas Kelas pada struktur sistem
Antarmuka / Sama dengan konsep interface dalam
interface pemrograman berorientasi objek
Asosiasi / Relasi antarkelas dengan makna umum,
association asosiasi biasanya juga disertai dengan
multiplicity
Asosiasi berarah / Relasi antarkelas dengan makna kelas
directed association yang satu digunakan oleh kelas yang lain,
asosiasi biasanya juga disertai dengan
multiplicity
Generalisasi Relasi antarkelas dengan makna
generalisasi-spesialisasi (umum khusus)
Tabel 2. 4 Simbol-Simbol Class Diagram (Lanjutan)

L21
Simbol Deskripsi
Kebergantungan / Relasi antarkelas dengan makna
depedency kebergantungan antarkelas
Agregasi / Relasi antarkelas dengan makna semua-
aggregation bagian (whole-part)
3. Activity Diagram
Diagram Aktivitas atau activity diagram menggambarkan
workflow (aliran kerja) atau aktivitas dari sebuah sistem atau
proses bisnis atau menu yang ada pada perangkat lunak. Yang
perlu diperhatikan disini adalah bahwa diagram aktivitas
menggambarkan aktivitas sistem bukan apa yang dilakukan
aktor, jadi aktivitas yang dapat dilakukan oleh sistem. (Rosa &
Shalahuddin, 2018)
Tabel 2. 5 Simbol-Simbol Activity Diagram

L22
Simbol Deskripsi
Status awal Status awal aktivitas sistem, sebuah
diagram aktivitas memiliki sebuah status
awal
Aktivitas Aktivitas yang dilakukan sistem, aktivitas
biasanya diawali dengan kata kerja
Percabangan / Asosiasi percabangan dimana jika ada
decision pilihan aktivitas lebih dari satu
Penggabungan / Asosiasi penggabungan dimana lebih dari
join satu aktivitas digabungkan menjadi satu
Status akhir Status akhir yang dilakukan sistem, sebuah
diagram aktivitas memiliki sebuah status
akhir
Swimlane Memisahkan organisasi bisnis yang
bertanggung jawab terhadap aktivitas yang
terjadi
4. Sequence Diagram
L23
Sequence Diagram menggambarkan kelakuan objek pada
use case dengan mendeskripsikan waktu hidup objek dan
message yang dikirimkan dan diterima antar objek. Oleh
karena itu untuk menggambarkan diagram sekuen maka harus
diketahui objek-objek yang terlibat dalam sebuah use case
beserta metode-metode yang dimiliki kelas yang diinstansiasi
menjadi objek itu. Membuat sequence diagram juga
dibutuhkan untuk melihat skenario yang ada pada use case.
Tabel 2. 6 Simbol-Simbol Sequence Diagram
Simbol Deskripsi
Aktor Orang, proses, atau sistem lain yang
berinteraksi dengan sistem informasi yang
akan dibuat di luar sistem informasi yang
akan dibuat itu sendiri, jadi walaupun
simbol dari aktor adalah gambar orang,

Atau
tapi aktor belum tentu merupakan orang,
baiasanya dinyatakan menggunakan kata
benda di awal frase nama aktor.

Atau tanpa waktu
aktif
Tabel 2. 6 Simbol-Simbol Sequence Diagram (Lanjutan)

L24
Simbol Deskripsi
Garis hidup / Menyatakan kehidupan suatu objek
lifeline
Waktu aktif Menyatakan objek dalam keadaan aktif dan
berinteraksi, semua yang terhubung
dengan waktu aktif ini adalah sebuah
tahapan yang dilakukan di dalamnya.
Pesan tipe create Menyatakan suatu objek membuat objek
lain, arah panah mengarah pada objek yang
dibuat
Pesan tipe call Menyatakan suatu objek memanggil
operasi/metode yag ada pada objek lain
atau dirinya sendiri
5. Object Diagram
L25
Diagram objek menggambarkan struktur sistem dari segi
penamaan objek dan jalannya objek dalam sistem. Pada
diagram objek harus dipastikan semua kelas yang sudah
didefinisikan pada diagram kelas harus dipakai objeknya,
karena jika tidak, pendefinisian kelas itu tidak dapat
dipertanggungjawabkan. Diagram objek juga berfungsi untuk
mendefinisikan contoh nilai atau isi dari atribut tiap kelas.
Tabel 2. 7 Simbol-Simbol Object Diagram
Simbol Deskripsi
Objek Objek dari kelas yang berjalan
saat sistem dijalankan
Link Relasi antar objek
6. State Manchine Diagram
State machine diagram atau statechart diagram atau
dalam bahasa Indonesia disebut diagram mesin status atau
sering juga disebut diagram status digunakan untuk
menggambarkan perubahan status atau transisi status dari
sebuah mesin atau sistem atau objek. Jika diagram sekuen
digunakan untuk interaksi antar objek maka diagram status

L26
digunakan untuk interaksi dalam sebuah objek. Perubahan
tersebut digambarkan dalam suatu graf berarah. State machine
diagram merupakan pengembangan dari diagram Finite State
Automata (FSA) ini biasanya diajarkan dalam mata kuliah
Automata. (Rosa & Shalahuddin, 2018)
Tabel 2. 8 Simbol-Simbol State Machine Diagram
Simbol Deskripsi
Start / Status Awal Start atau initial state adalah state atau
(initial state) keadaan awal pada saat sistem mulai
hidup.
End / Status akhir End atau final state adalah state keadaan
(Final State) akhir dari daur hidup suatu sistem.
Event Event adalah kegiatan yang
menyebabkan berubahnya status mesin.
Tabel 2. 8 Simbol-Simbol State Machine Diagram (Lanjutan)

L27
Simbol Deskripsi
State State atau status adalah keadaan sistem
pada waktu tertentu. State dapat berubah
jika ada event tertentu yang memicu
perubahan tersebut.
7. Communication Diagram
Communication diagram atau diagram komunikasi pada
UML versi 2.x adalah penyederhanaan dari diagram kolaborasi
(collaboration diagram) pada UML versi 1.x. Collaboration
diagram sudah tidak muncul lagi pada UML versi 2.x.
Diagram komunikasi sebenarnya diagram kolaborasi tetapi
dibuat untuk tiap sekuen. Diagram komunikasi
menggambarkan interaksi antar objek/bagian dalam bentuk
urutan pengiriman pesan. Diagram komunikasi
mempresentasikan informasi yang diperoleh dari Diagram
kelas, Diagram sekuen, dan Diagram use case untuk
mendeskripsikan gabungan antara struktur statis dan tingkah
laku dinamis dari suatu sistem. (Rosa & Shalahuddin, 2018)
Tabel 2. 9 Simbol-Simbol Communication Diagram

L28
Simbol Deskripsi
Objek Objek yang melakukan interaksi pesan
Link Relasi antar objek yang menghubungkan objek
satu dengan lainnya atau dengan dirinya sendiri
Arah pesan / Arah pesan yang terjadi, jika pada suatu link ada
stimulus dua arah pesan yang berbeda maka arah juga
digambarkan dua arah pada dua sisi link
8. Component Diagram
Diagram komponen atau component diagram dibuat
untuk menunjukan organisasi dan ketergantungan diantara
kumpulan komponen dalam sebuah sistem. Diagram
komponen fokus pada komponen sistem yang dibutuhkan dan
ada didalam sistem. Diagram komponen juga dapat digunakan
untuk memodelkan hal-hal berikut :
1. Source code program perangkat lunak
2. Komponen executeable yang dilepas ke user
3. Basis data secara fisik
4. Sistem yang harus beradaptasi dengan sistem lain

L29
5. Framework sistem, framework pada perangkat lunak
merupakan kerja yang dibuat untuk memudahkan
pengembangan dan pemeliharaan aplikasi, contohnya
seperti Struts dari Apache yang menggunakan prinsip
desain Model-View-Controller (MVC) dimana source
code program dikelompokan berdasarkan fungsinya.
Tabel 2. 10 Simbol-simbol Component Diagram
Simbol Deskripsi
Package Package merupakan sebuah
bungkusan dari satu atau lebih
komponen
Komponen Komponen sistem
Kebergantungan / Kebergantungan antar komponen,
dependency arah panah mengarah pada
komponen yang dipakai
Tabel 2. 10 Simbol-simbol Component Diagram (Lanjutan)

L30
Simbol Deskripsi
Antarmuka / interface Sama dengan konsep interface
pada pemrograman berorientasi
objek, yaitu sebagai antarmuka
komponen agar tidak mengakses
langsung komponen
Link Relasi antar komponen
9. Package Diagram
Package diagram menyediakan cara mengumpulkan
elemen-elemen yang saling terkait dalam diagram UML.
Hampir semua diagram dalam UML dapat dikelompokan
menggunakan package diagram. (Rosa & Shalahuddin, 2018)
Tabel 2. 11 Simbol-Simbol Package Diagram
Simbol Deskripsi
kelas atau elemen diagram UML
lainnya.
Tabel 2. 11 Simbol-Simbol Package Diagram (Lanjutan)

L31
Simbol dan Deskripsi
Elemen dalam package digambarkan di dalam package
Elemen dalam package digambarkan di luar package
10. Deployment Diagram
Diagram deployment atau deployment diagram
menunjukan konfigurasi komponen dalam proses eksekusi
aplikasi. Diagram deployment juga dapat digunakan untuk
memodelkan hal-hal berikut :
1. Sistem tambahan (embedded system) yang
menggambarkan rancangan device, node, dan hardware.
2. Sistem client/server.
3. Sistem terdistribusi murni.
4. Rekayasa ulang aplikasi. (Rosa & Shalahuddin, 2018)
Tabel 2. 12 Simbol-simbol Deployment Diagram
Simbol Deskripsi
L32
node.
Node Biasanya mengacu pada perangkat
keras (hardware), perangkat lunak
yang tidak dibuat sendiri
(software), jika di dalam node
disertakan komponen untuk meng-
konsistensikan rancangan maka
komponen yang diikutsertakan
harus sesuai dengan komponen
yang telah didefinisikan
sebelumnya pada diagram
komponen.
Kebergantungan / Kebergantungan antar node, arah
dependency panah mengarah pada node yang
dipakai
Link Relasi antar node

L33
2.6.2. Basis Data (Database)
Database berfungsi untuk menghubungkan data-data atau
berkas dalam suatu tempat penyimpanan secara terstruktur agar
memudahkan dalam mengakses data yang digunakan. Database
adalah suatu kumpulan data terhubung (interrelated data) yang
disimpan secara bersama-sama pada suatu media, tanpa mengatap
satu sama lain atau tidak perlu suatu kerangkapan data (controlled
redundancy). (Erliza & Puspita, 2021)
2.8. Bahasa Pemrograman dan Perangkat Lunak Pendukung
2.7.1. PHP
PHP (Hypertext Preprocessor) adalah bahasa script yang
dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak
dipakai untuk membuat program situs web dinamis. PHP sering
juga digunakan untuk membuat CMS.(Madcoms, 2016)
2.7.2. MySQL
MySQL adalah sistem manajemen database SQL yang
bersifat Open Source dan paling populer saat ini. Sistem database
MySQL mendukung beberapa fitur seperti multithreaded, multi-
user, dan SQL database management system (DBMS). Database
ini dibuat untuk keperluan sistem database yang cepat, handal dan
mudah digunakan.(Madcoms, 2016)

L34
2.7.3. Web Server
Web Server adalah suatu program komputer yang mempunyai
tanggung jawab atau tugas menerima permintaan HTTP dari
komputer klien, yang dikenal dengan nama web browser dan
melayani mereka dengan menyediakan respon HTTP berupa
konten data, biasanya berupa halaman web yang terdiri dari
dokumen HTML dan objek terkait seperti gambar dan lain-lain.
Untuk dapat menjalankan PHP yang disertai database
MySQL dapat digunakan dua jenis web server yaitu Online Mode
dan Offline Mode. Pada Online Mode, selain komputer harus
mempersiapkan domain dan hosting serta koneksi internet yang
memadai untuk mengelolanya sehingga harus keluar biaya ekstra
terlebih dahulu. Sedangkan pada Offline Mode yang dipersiapkan
cukup komputer dan beberapa software untuk membuat webserver
lokal.(Madcoms, 2016)
2.7.4. XAMPP
XAMPP adalah sebuah paket kumpulan software yang terdiri
dari Apache, MySQL, PHPMyAdmin, PHP, Perl, Filezila dan lain-
lain. XAMPP berfungsi untuk memudahkan instalasi lingkungan
PHP, dimana biasanya lingkungan pengembangan web
memerlukan PHP, Apache, MySQL dan PHPMyAdmin serta

L35
software yang terkait dengan pengembangan web. Dengan
menggunakan XAMPP tidak perlu meng-install satu persatu.
(Madcoms, 2016)
2.7.5. Notepad++
Notepad++ adalah sebuah text editor yang sangat berguna
bagi setiap orang dan khususnya bagi para developer dalam
membuat program. Notepad++ menggunakan komponen Scintilla
untuk dapat menampilkan dan menyuntingkan teks dan berkas kode
sumber berbagai bahasa pemrograman yang berjalan di atas sistem
operasi Microsoft Windows. (Madcoms, 2016)

BAB III
ANALISA SISTEM BERJALAN
3.1. Sejarah Singkat Perusahaan
Toko Multinet Compindo merupakan sebuah usaha keluarga yang
bergerak di bidang penjualan komputer, servis dan specialist in computer
networking diantaranya adalah aksesori komputer, telepon, vcd, tv, printer,
cpu dan lainnya. Selain penjualan komponen komputer, Multinet
compindo juga melayani setting komputer, service komputer, service
printer, service FAX, pemasangan LAN, pemasangan CCTV, PABX dan
distributor madu nusantara. Toko multinet bisa disebut juga sebagai toko
multifungsi karena multinet compindo menyediakan berbagai kebutuhan
kita seperti perkakas, alat-alat tulis maupun peralatan mesin itu disebabkan
multinet compindo mempunyai prinsip melayani konsumen senyaman
mungkin.
Multinet Compindo didirikan oleh Loekmanjanto dan Oey Shan
Shan (pemilik) Pada tanggal 15 mei 1995 mulai merintis toko Multinet
Compindo di Daerah panjunan, kota cirebon. Pemilik memilih panjunan
sebagai tempat usahanya sebab disamping lokasinya sangat strategis,
pemilik juga melihat belum adanya toko komputer yang lengkap dan
murah di daerah Panjunan sedangkan kebutuhan perangkat komputer saat
ini sangat dibutuhkan masyarakat.Sampai sekarang multinet compindo
masih ramai dikunjungi oleh konsumen dari berbagai daerah karena selain
36
L37
harganya murah dan toko ini lebih mementingkan kualitas dari pada
kuantitas.
3.2. Struktur Organisasi Perusahaan
Adapun struktur organisasi yang ada pada perusahaan adalah sebagai
berikut :
Gambar 3. 1 Struktur Organisasi Perusahaan
Adapun tugas dan tanggung jawab dalam struktur organisasi diatas
adalah sebagai berikut :
Tabel 3. 1 Tugas dan Tanggung Jawab pada Struktur Organisasi
Perusahaan
No Jabatan Tugas dan Tanggung Jawab
1 Pemilik Bertugas dan tanggung jawab dalam
menentukan kebijakan toko dalam
menentukan harga service dan harga
sparepart.
L38
Tabel 3. 1 Tugas dan Tanggung Jawab pada Struktur Organisasi
Perusahaan (Lanjutan)
No Jabatan Tugas dan Tanggung Jawab
2 Admin Bertugas dan bertanggung jawab dalam
mengelola data penerimaan barang yang
akan diservice.
3 Teknisi Bertugas dan bertanggung jawab dalam
memperbaiki semua barang yang masuk
untuk di service.
3.3. Kondisi Perusahaan Saat Ini
Pengelolaan data service komputer dan printer pada toko masih
dilakukan secara manual. Sehingga seringnya terjadi kesalahan pencatatan
dan pengolahan data transaksi service, serta pengulangan dalam pencatatan
transaksi service. Selain itu masih terdapat masalah tentang pencarian data
dan keterlambatan dalam proses pembuatan laporan.
3.4. Analisa Sistem Berjalan
3.4.1. Gambaran Kerja Sistem Berjalan
1. Prosedur Mengelola Penerimaan Barang Service
a. Pelanggan memberikan data barang yang akan diservice
kepada admin
L39
b. Admin melakukan pengecekan barang service, apabila
barang dapat dilakukan service maka admin memberikan
nota penerimaan barang rangkap dua,
c. Nota penerimaan rangkap kedua diberikan kepada
pelanggan dan yang lainnya diarsipkan.
2. Prosedur Mengelola Service Komputer dan Printer
a. Admin memberikan nota penerimaan service kepada
teknisi
b. Teknisi membuat rekap pemakaian sparepart dan rincian
service rangkap dua
c. Rekap data service diberikan kepada admin dan diarsipkan
3. Prosedur Mengelola Pembayaran Jasa Service
a. Konsumen memberikan nota penerimaan service kepada
admin, kemudian admin membuat nota service rangkap
dua dari rekap data service yang diberikan teknisi
b. Nota service diberikan kepada pelanggan untuk dilakukan
pembayaran
c. Pelanggan melakukan pembayaran kepada admin
d. Admin mencap lunas nota service dan memberikan nota
service kepada pelanggan dan yang lain diarsipkan

L40
3.4.2. Sistem Prosedur Diagram Sistem Berjalan
1. Flowmap Prosedur Mengelola Penerimaan Barang Service
Tabel 3. 2 Flowmap Prosedur Mengelola Penerimaan Barang Service

L41
2. Flowmap Prosedur Mengelola Service Komputer dan Printer
Tabel 3. 3 Flowmap Prosedur Mengelola Service Komputer dan Printer

L42
3. Flowmap Prosedur Mengelola Pembayaran Jasa Service
Tabel 3. 4 Flowmap Prosedur Mengelola Pembayaran Jasa Service

L43
3.4.3. Diagram Alir Data Sistem Berjalan
1. Diagram Konteks Sistem Berjalan
Gambar 3. 2 Diagram Konteks Sistem Berjalan

L44
2. Diagram Alir Data Level 1 Sistem Berjalan
Gambar 3. 3 Diagram Alir Data Level 1 Sistem Berjalan

BAB IV
ANALISA DAN PERANCANGAN SISTEM
4.1. Analisa Sistem Baru
Sistem yang dirancang merupakan sistem yang dirancangan
menggunakan metode waterfall dimana pada analisa sistem yang berjalan
mendapatkan semua yang dibutuhkan perusahaan sehingga dalam
perancangan sistem yang baru menjadi sesuai keinginan perusahaan. Pada
sistem ini semua pengolahan data service dan pemakaian sparepart akan
tersimpan secara baik pada database sehingga dalam pencarian data dan
penyajian laporan menjadi lebih cepat dan mudah. Setiap rancangan
masukan dan keluaran didesain berdasarkan kebutuhan perusahaan sehingga
menjadi lebih optimal. Dengan sistem pengolahan data yang lebih mudah
dan cepat menjadikan kinerja yang lebih efektif dan efisien, sehingga setiap
karyawan dapat bekerja secara maksimal dalam memanfaatkan jam
kerjanya.
4.2. Arsitektur Website
4.2.1. Design Sistem UML
UML (Unified Modeling Language) adalah salah satu standar
bahasa yang banyak digunakan di dunia industri untuk
mendefinisikan requirement, membuat analisis & desain, serta
menggambarkan arsitektur dalam pemrograman berorientasi objek.
45
L46
Pada perkembangan teknik pemrograman berorientasi objek,
munculah sebuah standarisasi bahasa pemodelan untuk
pembangunan perangkat lunak yang dibangun dengan
menggunakan teknik pemrograman berorientasi objek, yaitu
Unified Modeling Language (UML). UML muncul karena adanya
kebutuhan pemodelan visual untuk menspesifikasikan,
menggambarkan, membangun, dan dokumentasi dari sistem
perangkat lunak. UML merupakan bahasa visual untuk pemodelan
dan komunikasi mengenai sebuah sistem dengan menggunakan
diagram dan teks-teks pendukung. UML hanya berfungsi untuk
melakukan pemodelan. (Rosa & Shalahuddin, 2018)
A. Use Case Diagram
Use case atau diagram use case merupakan pemodelan
untuk kelakuan (behavior) sistem informasi yang akan dibuat.
Use case mendeskripsikan sebuah interaksi antara satu atau
lebih aktor dengan sistem informasi yang akan dibuat. Secara
kasar, use case digunakan untuk mengetahui fungsi apa saja
yang ada di dalam sebuah sistem informasi dan siapa saja yang
berhak menggunakan fungsi-fungsi itu.

L47
Use case Diagram yang digunakan dalam rancangan web
dapat dilihat pada gambar 4. 1
Gambar 4. 1 Use Case Diagram

L48
1. Definisi Aktor
Tabel 4. 1 Definisi Aktor
No Aktor Deskripsi
1 Admin Aktor yang melakukan
penginputan data master berupa
data teknisi, data sparepart, data
jenis service dan data pelanggan.
Serta penginputan data
penerimaan, service dan
pengambilan.
2 Kasir Aktor yang melakukan
penginputan data pembayaran
service.
3 Pemilik Aktor yang melakukan
pencetakan laporan-laporan
berupa laporan data teknisi,
laporan data sparepart, laporan
data jenis service, laporan data
pelanggan, laporan penerimaan,
laporan service, laporan
pembayaran dan laporan
pengambilan.
L49
2. Definisi Use Case
Tabel 4. 2 Definisi Use Case
No Use Case Deskripsi
1 Validasi Merupakan proses validasi login
user apakah sesuai dengan
username dan password saat
registrasi atau tidak.
2 Login Merupakan proses login user ke
dalam halaman akunya masing-
masing.
3 Logout Merupakan proses keluar dari
akun masing-masing user.
4 Periksa Status Merupakan proses pemeriksaan
Login user apakah sudah login atau
belum.
5 Pengolahan Merupakan proses pengolahan
Data Sparepart data sparepart yang dilakukan
oleh admin.
6 Tambah Data Merupakan proses menambah
Sparepart data sparepart oleh admin.
7 Ubah Data Merupakan proses merubah data
Sparepart sparepart oleh admin.

L50
Tabel 4.1 Definisi Use Case (Lanjutan)
8 Hapus Data Merupakan proses menghapus
Sparepart data sparepart oleh admin.
9 Cari Data Merupakan proses mencari data
Sparepart sparepart oleh admin.
Data data pelanggan yang dilakukan
Pelanggan oleh admin.
Pelanggan data pelanggan oleh admin.
Pelanggan pelanggan oleh admin.
Pelanggan data pelanggan oleh admin.
Pelanggan pelanggan oleh admin.
Data Teknisi data teknisi yang dilakukan oleh
admin.
Teknisi data teknisi oleh admin.

L51
Teknisi teknisi oleh admin.
Teknisi data teknisi oleh admin.
Teknisi teknisi oleh admin.
Data Service data service yang dilakukan oleh
admin.
Service data service oleh admin.
Service service oleh admin.
Service data service oleh admin.
Service service oleh admin.
25 Cetak Data Merupakan proses pencetakan
Service invoice service

L52
Data data pembayaran yang dilakukan
Pembayaran oleh admin.
Pembayaran data pembayaran oleh admin.
Pembayaran pembayaran oleh admin.
Pembayaran invoice service
Data data pembayaran yang dilakukan
Pembayaran oleh admin.

L53
Pembayaran invoice service
38 Cetak Laporan Merupakan proses mencetak
Data Sparepart laporan data sparepart oleh
pemilik
Data laporan data pelanggan oleh
Pelanggan pemilik
Data Teknisi laporan data teknisi oleh pemilik
Data Service laporan data service oleh pemilik
Data laporan data pembayaran oleh
Pembayaran pemilik
L54
43 Cetak Laporan Merupakan proses mencetak laporan
Data Penerimaan data penerimaan oleh pemilik
44 Cetak Laporan Merupakan proses mencetak laporan
Data Pengambilan data pengambilan oleh pemilik
B. Class Diagram
Class Diagram yang digunakan dalam rancangan web dapat
dilihat pada gambar 4. 2
Gambar 4. 2 Class Diagram

L55
C. Statechart Diagram
Statechart Diagram yang digunakan dalam rancangan
web dapat dilihat pada gambar 4. 3
Gambar 4. 3 Statechart Diagram
D. Activity Diagram
L56
1. Activity Diagram Mengelola Penerimaan
Gambar 4. 4 Activity Diagram Mengelola Penerimaan
2. Activity Diagram Mengelola Service
Gambar 4. 5 Activity Diagram Mengelola Service
3. Activity Diagram Mengelola Pembayaran

L57
Gambar 4. 6 Activity Diagram Mengelola Pembayaran
4. Activity Diagram Mengelola Pengambilan
Gambar 4. 7 Activity Diagram Mengelola Pengambilan
E. Sequence Diagram
L58
1. Sequence Diagram Untuk Aktor Admin
Gambar 4. 8 Sequence Diagram Untuk Aktor Admin
2. Sequence Diagram Untuk Aktor Kasir
Gambar 4. 9 Sequence Diagram Untuk Aktor Kasir
3. Sequence Diagram Untuk Aktor Pemilik

L59
Gambar 4. 10 Sequence Diagram Untuk Aktor Pemilik
F. Collaboration Diagram
L60
Collaboration Diagram yang digunakan dalam
rancangan web dapat dilihat pada gambar 4. 11
Gambar 4. 11 Collaboration Diagram
G. Component Diagram
L61
Component Diagram yang digunakan dalam rancangan
Gambar 4. 12 Component Diagram
H. Package Diagram
L62
Package Diagram yang digunakan dalam rancangan web
dapat dilihat pada gambar 4. 13
Gambar 4. 13 Package Diagram
I. Deployment Diagram
L63
Deployment Diagram yang digunakan dalam rancangan
Gambar 4. 14 Deployment Diagram
4.2.2. Rancangan Database
1. Tabel Detail Service

L64
Nama Tabel : detail_service
Jenis : transaksi
Tabel 4. 3 Detail Service
Tipe Ukuran
Nama Field Keterangan
Data Field
id_detail_service Int 11 Primary Key
id_service Int 11
id_jenis_service Int 11
id_sparepart Int 11
harga Double
Gambar 4. 15 Tabel Detail Service
2. Tabel Jenis Service
Nama Tabel : jenis_service

L65
Jenis : master
Tabel 4. 4 Jenis Service
Tipe Ukuran
Data Field
id_jenis_service Int 11 Primary Key
kode varchar 5
nama Varchar 50
harga Double
Gambar 4. 16 Tabel Jenis Service
3. Tabel Login
Nama Tabel : login

L66
Jenis : master
Tabel 4. 5 Login
Tipe Ukuran
Data Field
id_login Int 11 Primary Key
username Varchar 25
password Text
nama Varchar 50
tipe Int 1
Gambar 4. 17 Tabel Login
4. Tabel Pelanggan
Nama Tabel : pelanggan

L67
Jenis : master
Tabel 4. 6 Pelanggan
Tipe Ukuran
Data Field
id_pelanggan Int 11 Primary Key
kode Varchar 5
nama Varchar 50
alamat Text
telepon Varchar 20
Gambar 4. 18 Tabel Pelanggan
5. Tabel Pembayaran
Nama Tabel : pembayaran

L68
Jenis : transaksi
Tabel 4. 7 Pembayaran
Tipe Ukuran
Data Field
id_pembayaran Int 11 Primary Key
kode Varchar 10
tanggal Date
id_service Int 11
jumlah Double
dibayar Double
kembali Double
Gambar 4. 19 Tabel Pembayaran
6. Tabel Service
Nama Tabel : service

L69
Jenis : transaksi
Tabel 4. 8 Service
Tipe Ukuran
Data Field
id_service Int 11 Primary Key
tanggal Date
kode Varchar 10
id_penerimaan Int 11
selesai Int 1
dp Double
id_teknisi Int 11
Gambar 4. 20 Tabel Service
7. Tabel Sparepart
Nama Tabel : sparepart

L70
Jenis : master
Tabel 4. 9 Sparepart
Tipe Ukuran
Data Field
id_sparepart Int 11 Primary Key
kode Varchar 5
nama Varchar 50
harga Double
stok Int 11
Gambar 4. 21 Tabel Sparepart
8. Tabel Teknisi
Nama Tabel : teknisi

L71
Jenis : master
Tabel 4. 10 Teknisi
Tipe Ukuran
Data Field
id_teknisi Int 11 Primary Key
kode Varchar 5
nama Varchar 50
alamat Text
telepon Varchar 20
Gambar 4. 22 Tabel Teknisi
9. Tabel Penerimaan
Nama Tabel : penerimaan

L72
Jenis : transaksi
Tabel 4. 11 Penerimaan
Tipe Ukuran
Data Field
id_penerimaan Int 11 Primary Key
kode Varchar 20
tanggal Date
id_pelanggan Int 11
keluhan Text
barang Varchar 200
Gambar 4. 23 Tabel Penerimaan
10. Tabel Pengambilan
Nama Tabel : pengambilan

L73
Jenis : transaksi
Tabel 4. 12 Pengambilan
Tipe Ukuran
Data Field
id_pengambilan Int 11 Primary Key
kode Varchar 20
tanggal Date
id_service Int 11
diambil_oleh Varchar 200
Gambar 4. 24 Tabel Pengambilan
4.2.3. Rancangan Masukan
1. Form Login
L74
Form login merupakan akses utama untuk admin, kasir dan
pemilik dimana berfungsi untuk melakukan proses masuk
kedalam aplikasi web. Desain halaman form login sesuai
dengan gambar 4. 25
Gambar 4. 25 Form Login
2. Form Input Data Teknisi
Form input data teknisi merupakan akses utama untuk admin
dimana berfungsi untuk melakukan proses menginput data
teknisi. Desain halaman form input data teknisi sesuai dengan
gambar 4. 26
Gambar 4. 26 Form Input Data Teknisi
3. Form Input Data Sparepart

L75
Form input data sparepart merupakan akses utama untuk admin
dimana berfungsi untuk melakukan proses penginputan data
sparepart. Desain halaman form input data sparepart sesuai
dengan gambar 4. 27
Gambar 4. 27 Form Input Data Sparepart
4. Form Input Data Jenis Service
Form Input Data Jenis Service merupakan akses utama untuk
admin dimana berfungsi untuk melakukan proses penginputan
data jenis service Desain halaman form input data jenis service
sesuai dengan gambar 4. 28
Gambar 4. 28 Form Input Data Jenis Service
5. Form Input Data Pelanggan

L76
Form input data pelanggan merupakan akses utama untuk
data pelanggan Desain halaman form input data pelanggan
Gambar 4. 29 Form Input Data Pelanggan
6. Form Input Data Penerimaan

L77
Form input data penerimaan merupakan akses utama untuk
data penerimaan barang Desain halaman form input data
penerimaan sesuai dengan gambar 4. 30
Gambar 4. 30 Form Input Data Penerimaan
7. Form Input Data Service

L78
Form input data service merupakan akses utama untuk admin
dimana berfungsi untuk melakukan proses penginputan data
service. Desain halaman form input data service sesuai dengan
gambar 4. 31
Gambar 4. 31 Form Input Data Service
8. Form Input Data Pembayaran

L79
Form input data pembayaran merupakan akses utama untuk
kasir dimana berfungsi untuk melakukan proses penginputan
data pembayaran. Desain halaman form input data pembayaran
Gambar 4. 32 Form Input Data Pembayaran
9. Form Input Data Pengambilan

L80
Form input data pengambilan merupakan akses utama untuk
data pengambilan barang selesai service. Desain halaman form
input data pengambilan sesuai dengan gambar 4. 33
Gambar 4. 33 Form Input Data Pengambilan
4.2.4. Rancangan Keluaran
1. Invoice
L81
Invoice merupakan cetakan dari proses service dan
pembayaran serta dapat diakses oleh admin dan kasir. Desain
halaman invoice sesuai dengan gambar 4. 34
Gambar 4. 34 Invoice
2. Laporan Data Teknisi
Laporan data teknisi merupakan cetakan dari proses
penginputan data teknisi dan dapat diakses oleh pemilik.

L82
Desain halaman laporan data teknisi sesuai dengan gambar 4.
35
Gambar 4. 35 Laporan Data Teknisi
3. Laporan Data Sparepart
Laporan data sparepart merupakan cetakan dari proses
penginputan data sparepart dan dapat diakses oleh pemilik.

L83
Desain halaman laporan data sparepart sesuai dengan gambar
4. 36
Gambar 4. 36 Laporan Data Sparepart
4. Laporan Data Jenis Service
Laporan data jenis service merupakan cetakan dari proses
penginputan data jenis service dan dapat diakses oleh pemilik.

L84
Desain halaman laporan data jenis service sesuai dengan
gambar 4. 37
Gambar 4. 37 Laporan Data Jenis Service
5. Laporan Data Pelanggan
Laporan data pelanggan merupakan cetakan dari proses
penginputan data pelanggan dan dapat diakses oleh pemilik.

L85
Desain halaman laporan data pelanggan sesuai dengan gambar
4. 38
Gambar 4. 38 Laporan Data Pelanggan
6. Laporan Data Penerimaan Barang
Laporan data penerimaan barang merupakan cetakan dari
proses penginputan data penerimaan barang dan dapat diakses

L86
oleh pemilik. Desain halaman laporan data penerimaan barang
Gambar 4. 39 Laporan Data Penerimaan Barang
7. Laporan Data Service
Laporan data service merupakan cetakan dari proses
penginputan data service dan dapat diakses oleh pemilik.

L87
Desain halaman laporan data service sesuai dengan gambar 4.
40
Gambar 4. 40 Laporan Data Service
8. Laporan Data Pembayaran
Laporan data pembayaran merupakan cetakan dari proses
penginputan data pembayaran dan dapat diakses oleh pemilik.

L88
Desain halaman laporan data pembayaran sesuai dengan
gambar 4. 41
Gambar 4. 41 Laporan Data Pembayaran
9. Laporan Data Pengambilan Barang
Laporan data pengambilan barang merupakan cetakan dari
proses penginputan data pengambilan barang dan dapat diakses

L89
oleh pemilik. Desain halaman laporan data pengambilan
barang sesuai dengan gambar 4. 42
Gambar 4. 42 Laporan Data Pengambilan Barang
4.3. Manajemen User
Pada perancangan website, user dibagi menjadi tiga yaitu sebagai
berikut:
1. Admin
L90
User yang melakukan penginputan data master berupa data
teknisi, data sparepart, data jenis service dan data pelanggan. Serta
penginputan data penerimaan, service dan pengambilan.
2. Kasir
User yang melakukan penginputan data pembayaran service.
3. Pemilik
User yang melakukan pencetakan laporan-laporan berupa laporan
data teknisi, laporan data sparepart, laporan data jenis service, laporan
data pelanggan, laporan penerimaan, laporan service, laporan
pembayaran dan laporan pengambilan.
4.4. Modul-Modul Website
Module module yang digunakan dalam perancangan website antara
lain berupa modul library function javascript untuk error handling dan
modul paging library untuk membuat halaman dalam menampilkan data.
4.5. Konstruksi Isi Website
Kontruksi isi website yang digunakan dalam rancangan web dapat
dilihat pada Gambar 4. 43

L91
Gambar 4. 43 Kontruksi isi website
4.6. Manajemen File
Manajemen file yang digunakan dalam rancangan web dapat dilihat
pada Gambar 4. 44
L92
Gambar 4. 44 Manajemen file
4.7. Rancangan Keamanan Web
Dalam merancang keamanan web dilakukan berberapa metode
diantaranya adalah dengan MD5 Encryption saat mengakses login, dimana
password yang terdaftar disimpan menggunakan sistem encryption md5
berulang kali sehingga meminimalisir diretasnya sistem.
4.8. Penggunaan Aplikasi
Aplikasi ini dijalankan pada jaringan lokal dengan alamat yang
digunakan adalah http://localhost/arip_riziq/
4.9. Publikasi Aplikasi
4.9.1. Nama Domain
Nama Domain atau bisa disebut domain name atau URL
(Uniform Resource Locator) adalah alamat unik yang digunakan

L93
untuk mengidentifikasikan alamat website. Sedangkan URL yang
digunakan untuk mengakses sistem ini adalah
http://localhost/arip_riziq/ atau http://127.0.0.1/arip_riziq/
4.9.2. Kapasitas Hosting
Untuk kapasitas dalam menampung program yang akan
dijalankan menyesuaikan dengan kapasitas hardisk server dengan
minimal 250GB.
4.9.3. Analisa Biaya
Analisis biaya yang dikeluarkan untuk perancangan web
dijelaskan pada Tabel 4. 13
Tabel 4. 13 Analisa Biaya
No Keterangan Biaya
1 Penyewaan hosting per Tahun 1.000.000
2 Monitor dan CPU (2 Unit) 10.000.000
3 Printer (2 Unit) 4.000.000
Total 15.000.000
4.9.4. Perangkat Lunak
Dalam perangkat lunak yang dibutuhkan untuk menunjang
sistem yang dirancang berjalan adalah sebagai berikut :
1. Sistem Operasi : Windows 10

L94
2. Server Lokal / Hosting : XAMPP PHP 5.0
3. Database Server : MySQL 5.0
4. Databse Tools : PHPMyAdmin
Sedangkan perangkat lunak yang digunakan pada pembuatan
perancangan web adalah sebagai berikut :
1. PHP Editor : Notepad++ / Sublime Text
2. Browser : Google Chrome / Mozilla Firefox
4.9.5. Perangkat Keras
Perangkat keras yang digunakan pada pembuatan
perancangan web adalah sebagai berikut :
1. CPU Intel I5 SSD 120Gb RAM 4Gb DDR4
2. Monitor LED Samsung 22”
3. Keyboard dan Mouse Type USB Logitech
4. Printer Epson LX300 DotMetric

BAB V
PENUTUP
5.1. Kesimpulan
Adapun kesimpulan dari perancangan sistem yang telah dibuat dengan
membandingkan sistem yang berjalan sebelumnya adalah sebagai berikut :
1. Sistem Informasi Pelayanan Jasa Servis Berbasis Web pada CV.
Multinet Compindo Cirebon dirancang menggunakan metode Waterfall,
sehingga dalam analisis kebutuhan menjadi sesuai dengan kebutuhan
perusahaan.
2. Dengan Sistem Informasi Pelayanan Jasa Servis Berbasis Web pada
CV. Multinet Compindo Cirebon, semua transaksi menjadi lebih terdata
lebih mudah sehingga setiap pembayaran menjadi lebih cepat dan
akurat.
3. Dengan Sistem Informasi Pelayanan Jasa Servis Berbasis Web pada
CV. Multinet Compindo Cirebon, pengolahan data menjadi lebih rapih
sehingga laporan yang disajikan dapat lebih cepat dan sesuai dengan
keinginan perusahaan.
95
L96
5.2. Saran
Dalam memperbaiki sistem yang lebih baik lagi maka perusahaan
disarankan sebagai berikut :
1. Melatih sumber daya manusia untuk dapat terbiasa dengan sistem yang
baru dan pelatihan dalam penggunaan komputer.
2. Mencoba sistem yang baru dengan trial error sehingga dapat
mengetahui kelemahan dalam sistem yang dirancang dan dapat
diperbaiki kedepannya.
3. Melakukan pencadangan pada database secara berkala sehingga apabila
terjadi kerusakan pada database dapat dikembalikan sesuai dengan data
terakhir pencadangannya.
DAFTAR PUSTAKA
Erliza, Y. & Puspita, C. D., 2021. Sistem Informasi Pelayanan Jasa Servis
Komputer Pada CV. Technology Computer. Jurnal Jaringan Sistem
Informasi Robotik, V(1), pp. 28-33.
Kristanto, A., 2018. Perancangan Sistem Informasi dan Aplikasinya. Gava Media.
Yogyakarta.
Madcoms, 2016. Pemrograman PHP dan MySQL untuk Pemula. Penerbit Andi.
Yogyakarta.
Rosa & Shalahuddin, M., 2018. Rekayasa Perangkat Lunak (Terstruktur dan
Berorientasi Objek). Informatika. Bandung.
Suhada & Putra, A. E., 2016. Pengaruh Kualitas Pelayanan Jasa Terhadap
Kepuasan Pelanggan Pada CV. Nur Ihsan Palembang. Jurnal Media
Wahana Ekonomika, XIII(2), pp. 100-114.
Sujarweni, V. W., 2014. Metodologi Penelitian. Pustaka Baru. Yogyakarta.
Tahendrika, A., 2015. Analisis Kualitas Layanan Service Terhadap Tingkat

Kepuasan Pengguna Motor Suzuki Pada Bengkel PT. Sinar Galesong
Pratama Makasar. Jurnal Ekonomi, Manajemen dan Perbankan, I(3), pp.
85-99.
L1
LISTING PROGRAM
<?php
$nama_login="";
if(isset($_SESSION['login_success'])){
$paramQuery = array(":id"=>$_SESSION['id_login']);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM login WHERE
id_login=:id');
$rowQuery->execute($paramQuery);
$resultQuery = $rowQuery->fetchAll(PDO::FETCH_ASSOC);
$totalData = $rowQuery->rowCount();
if($totalData>0){
foreach($resultQuery as $data)
{
$nama_login=$data["nama"];
}
}
}
?>
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-
scale=1">
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<meta name="keywords" content="" />
<meta name="author" content="">
<meta name="description" content="">
<meta http-equiv="Cache-Control" content="no-cache, no-
store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<link rel="icon" href="" type="image/gif" sizes="16x16">

<script type="application/x-javascript">
addEventListener("load", function() { setTimeout(hideURLbar,
0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
</script>

<script type="application/x-javascript">
addEventListener("load", function() { setTimeout(hideURLbar,
0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
</script>

<link href="<?php echo
link_file(FOLDER_STYLE);?>/css/bootstrap.min.css" rel='stylesheet'
type='text/css' />

link_file(FOLDER_STYLE);?>/css/style.css" rel='stylesheet'
type='text/css' />
L2


link_file(FOLDER_STYLE);?>/css/lines.css" rel='stylesheet'
type='text/css' />
<link href="<?php echo link_file(FOLDER_STYLE);?>/css/font-
awesome.css" rel="stylesheet">

<script src="<?php echo
link_file(FOLDER_STYLE);?>/jquery/jquery-1.12.4.js"></script>


link_file(FOLDER_STYLE);?>/css/custom.css" rel="stylesheet">

link_file(FOLDER_STYLE);?>/js/metisMenu.min.js"></script>
link_file(FOLDER_STYLE);?>/js/custom.js"></script>

link_file(FOLDER_STYLE);?>/js/d3.v3.js"></script>
link_file(FOLDER_STYLE);?>/js/rickshaw.js"></script>

<link rel="stylesheet" href="<?php echo
link_file(FOLDER_STYLE);?>/css/tampilan.css">

<link rel="stylesheet" href="<?php echo
link_file(FOLDER_STYLE);?>/jquery/jquery-ui.css">

link_file(FOLDER_STYLE);?>/jquery/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker({dateFormat: 'dd-mm-
yy' });
});
$(function() {
$( "#datepicker2" ).datepicker({dateFormat: 'dd-mm-yy'
});
});
$(function() {
$( "#datepicker3" ).datepicker({dateFormat: 'dd-mm-yy'
});
});
</script>

<script type="text/javascript" src="<?php echo
link_file(FOLDER_LIBRARY);?>/library.js"></script>
<?php
$folder_library=$namafolder."/library/";
if(file_exists($folder_library."lib_".$id.".js")){
echo '<script type="text/javascript"
src="'.link_file($folder_library).'lib_'.$id.'.js"'.'></script>';
}
?>
L3
</head>
<body>
<div id="wrapper">

<nav class="top1 navbar navbar-default navbar-static-top"
role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-
toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<?php echo
FOLDER_HOST.'/menu/home'; ?>">CV. Multinet Compindo Cirebon</a>
</div>

<ul class="nav navbar-nav navbar-right">
<?php
?>
<li class="dropdown">
<a href="#" class="dropdown-toggle avatar"
data-toggle="dropdown"><img src="<?php echo
link_file(FOLDER_STYLE);?>/images/users2.png"></a>
<ul class="dropdown-menu">
<li class="dropdown-menu-
header text-center">
<strong>Account</strong>
</li>
<li class="m_2"><a
onClick="return confirm('Apa anda yakin akan logout?');" href="<?
php echo FOLDER_HOST.'/menu/logout'; ?>"><i class="fa
fa-lock"></i> Logout</a></li>
</ul>
</li>
<?php
}
?>
</ul>
<div class="navbar-default sidebar" role="navigation">

<div class="sidebar-nav navbar-collapse">
<ul class="nav" id="side-menu">
<li>
<a href="<?php echo
FOLDER_HOST.'/menu/home'; ?>"><i class="fa fa-dashboard fa-fw
nav_icon"></i>Home</a>
</li>
<?php
L4
if($_SESSION['tipe_login']==0 || $_SESSION['tipe_login']==1
|| $_SESSION['tipe_login']==2){
?>
<li>
<a href="#"><i class="fa fa-laptop
nav_icon"></i>Data Master<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<?php if($_SESSION['tipe_login']==0
|| $_SESSION['tipe_login']==2){ ?>
<li><a href="<?php echo
FOLDER_HOST.'/menu/teknisi'; ?>">Data Teknisi</a></li>
FOLDER_HOST.'/menu/sparepart'; ?>">Data Sparepart</a></li>
FOLDER_HOST.'/menu/jenis_service'; ?>">Data Jenis Service</a></li>
FOLDER_HOST.'/menu/pelanggan'; ?>">Data Pelanggan</a></li>
<?
php }elseif($_SESSION['tipe_login']==0 ||
$_SESSION['tipe_login']==1){ ?>
FOLDER_HOST.'/menu/users'; ?>">Data Admin/Kasir</a></li>
<?php
}
?>
</ul>

</li>
<?php
}
if($_SESSION['tipe_login']==0 || $_SESSION['tipe_login']==2
|| $_SESSION['tipe_login']==3){
?>
<li>
<a href="#"><i class="fa fa-flask
nav_icon"></i>Data Transaksi<span class="fa arrow"></span></a>
<?php if($_SESSION['tipe_login']==0
|| $_SESSION['tipe_login']==2){ ?>
FOLDER_HOST.'/menu/service'; ?>">Data Service</a></li>
<?
php }elseif($_SESSION['tipe_login']==0 ||
$_SESSION['tipe_login']==3){ ?>
FOLDER_HOST.'/menu/pembayaran'; ?>">Data Pembayaran</a></li>
<?php
}
?>
</ul>
</li>
<?php
}
L5
if($_SESSION['tipe_login']==0 || $_SESSION['tipe_login']==1)
{
?>
<li>
<a href="#"><i class="fa fa-sitemap
nav_icon"></i>Laporan-Laporan<span class="fa arrow"></span></a>
FOLDER_HOST.'/menu/laporan_teknisi'; ?>">Laporan Data
Teknisi</a></li>
FOLDER_HOST.'/menu/laporan_sparepart'; ?>">Laporan Data
Sparepart</a></li>
FOLDER_HOST.'/menu/laporan_jenis_service'; ?>">Laporan Data Jenis
Service</a></li>
FOLDER_HOST.'/menu/laporan_pelanggan'; ?>">Laporan Data
Pelanggan</a></li>
FOLDER_HOST.'/menu/laporan_service'; ?>">Laporan Data
Service</a></li>
FOLDER_HOST.'/menu/laporan_pembayaran'; ?>">Laporan Data
Pembayaran</a></li>
</ul>
</li>
<?php
}
}
?>
</ul>
</div>

</div>

</nav>
<div id="page-wrapper">
<div class="graphs">
<div class="col_12" style="min-height: 600px;">
<div class="clearfix"> </div>

</div>
<div class="copy">
<p>Copyright © 2021 CV. Multinet
Compindo Cirebon. All Rights Reserved | Design by Arip Saripudin
dan Mohamad Riziq Sobrun Jamil </p>
</div>
</div>
L6
</div>

</div>


link_file(FOLDER_STYLE);?>/js/bootstrap.min.js"></script>
</body>
</html>
<?php
session_start();
//error_reporting(0);
require_once("pengaturan/pengaturan.php");
if(empty($_GET['id'])){$id='home';}else{$id=$_GET['id'];}
if($id=="logout"){
unset($_SESSION['tipe_login']);
unset($_SESSION['login_success']);
unset($_SESSION['id_login']);
echo
"<script>window.location.href='".FOLDER_HOST."/menu/home';</script
>";
}
include("halaman/halaman.php");
if(empty($_GET['type'])){$type='menu';}else{$type=$_GET['type'];}
switch ($_SESSION['tipe_login']) {
case 0:
$logintipe="it";
$namafolder= FOLDER_ADMIN;
$hakaksesfile =
array('home','logout','users','akun','teknisi','sparepart','jenis_
service','pelanggan','service','pembayaran','laporan_teknisi','lap
oran_sparepart','laporan_jenis_service','laporan_pelanggan','lapor
an_service','laporan_pembayaran');
break;
case 1:
$logintipe="pemilik";
$hakaksesfile =
array('home','logout','users','akun','laporan_teknisi','laporan_sp
arepart','laporan_jenis_service','laporan_pelanggan','laporan_serv
ice','laporan_pembayaran');
break;
case 2:
$logintipe="admin";
$hakaksesfile =
array('home','logout','akun','teknisi','sparepart','jenis_service'
,'pelanggan','service');
break;
L7
case 3:
$logintipe="kasir";
$hakaksesfile =
array('home','logout','akun','pembayaran');
break;
default:
$folderid="publik";
$namafolder= FOLDER_PUBLIK;
break;
}
}else{
$logintipe="publik";
$namafolder= FOLDER_PUBLIK;
}
if($logintipe=="publik"){
$hakaksesfile = array('home');
}
require_once(FOLDER_MASUKAN.'/header.php');
$folderid="";
switch ($type){
case 'menu':
$folderid=$namafolder."/menu/";
break;
case 'input':
$folderid=$namafolder."/input/";
break;
case 'delete':
$ai=$_GET['ai'];
include($namafolder.'/module/mod_list/mod_delete.php');
delete($ai,$id);
break;
case 'proses':
$ai=$_GET['ai'];
include($namafolder.'/module/mod_list/mod_proses.php');
proses($ai,$id);
break;
default:
$folderid="";
break;
}
}else{
if(file_exists($folderid.$id.'.php')){
if (in_array($id, $hakaksesfile)){
include($folderid.$id.'.php');
L8
}else{
echo '<div class="page_error">';
echo '<h2><a href="'.FOLDER_HOST.'">Anda tidak
mempunyai hak akses untuk menu ini!!!</a></h2>';
echo '</div>';
}
}else{
echo '<div class="page_error">';
echo '<h2><a href="'.FOLDER_HOST.'">Halaman tidak
ditemukan</a></h2>';
echo '</div>';
}
include(FOLDER_MASUKAN.'/menu.php');
}else{
require_once(FOLDER_MASUKAN.'/footer.php');
$folder_module=$namafolder."/module/mod_submit/";
if(file_exists($folder_module.'/mod_'.$id.'.php')){
include_once($folder_module.'/mod_'.$id.'.php');
}
if(isset($_POST['login_user'])){
$username=$_POST['username'];
$password=$_POST['password'];
$cryptPassword=ngecrypt($password);
try{
$paramQuery = array(":username"=>$username);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM login
WHERE username=:username');
}catch (PDOException $e){
$resultQuery=false;
}
if(!$resultQuery){
echo "<script>alert('Username tidak
ditemukan');</script>";
}else{
try{
$paramQuery =
array(":username"=>$username,":password"=>$cryptPassword);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM
login WHERE username=:username AND password=:password');
$resultQuery = $rowQuery-
>fetchAll(PDO::FETCH_ASSOC);
L9

$resultQuery=false;
}
if(!$resultQuery){
echo "<script>alert('Username dan Password tidak
cocok');</script>";
}else{
unset($_SESSION['tipe_login']);
unset($_SESSION['login_success']);
unset($_SESSION['id_login']);
if($totalData>0){
{
$_SESSION['tipe_login']=$data["tipe"];
$_SESSION['login_success']=$data["username"];
$_SESSION['id_login']=$data["id_login"];
}
}
echo
"<script>window.location.href='".FOLDER_HOST."/menu/home';</script
>";
}
}
}
if(isset($_POST['register_user'])) {
$nama=$_POST['nama'];
$alamat=$_POST['alamat'];
$telepon=$_POST['telepon'];
$jk=$_POST['jk'];
$username=$_POST['username'];
$password=$_POST['password'];
$password=ngecrypt($password);
try{
$paramQuery = array(":username"=>$username);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM login
WHERE username=:username');
$resultQuery=false;
}
if($resultQuery){
echo "<script>alert('Username sudah digunakan
!!');</script>";
}else{
try{
L10
$paramQuery = array(
":nama"=>$nama,
":username"=>$username,
":password"=>$password,
":tipe"=>3 //untuk member
);
$rowQuery = $dbKoneksi->prepare("INSERT INTO
login(username,password,nama,tipe)
VALUES(:username,:password,:nama,:tipe)");

login ORDER BY id_login DESC LIMIT 0,1');
if($totalData>0){
{
$id_login=$data["id_login"];
}
}
$rowQuery = $dbKoneksi->prepare('SELECT
RIGHT(kode,4) as no FROM member ORDER BY RIGHT(kode,4) DESC LIMIT
0,1');
if($totalData>0){
{
$no=$data["no"]+1;
}
}else{
$no=1;
}
$kode="M".str_pad($no, 4, "0", STR_PAD_LEFT);
$paramQuery = array(
":nama"=>$nama,
":kode"=>$kode,
":alamat"=>$alamat,
":telepon"=>$telepon,
":jk"=>$jk,
":id_login"=>$id_login
);
$rowQuery = $dbKoneksi->prepare("INSERT INTO
member(kode,nama,alamat,telepon,jk,id_login)
VALUES(:kode,:nama,:alamat,:telepon,:jk,:id_login)");
if($rowQuery){
L11
echo "<script>alert('Data sudah

tersimpan');window.location.href='".FOLDER_HOST."/menu/login';</sc
ript>";
}else{
echo "<script>alert('Data tidak dapat
disimpan');window.location.href='".FOLDER_HOST."/menu/login';</scr
ipt>";
}
$resultQuery=false;
}
}
$dbKoneksi=null;
?>
<div class="text-center">
<h2>Data Service</h2>
</div>
<?php
$n=0;
$p = new Paging();
$batas=5;
$posisi = $p->cariPosisi($batas);
if(isset($_SESSION['tanggal1'])){
$tanggal1=$_SESSION['tanggal1'];
$tanggal2=$_SESSION['tanggal2'];
}else{
$tanggal1=date('Y').'-'.date('m').'-01';
$bulan_depan=date("Y-m-d",mktime(0, 0, 0,
date("m",strtotime($tanggal1))+1, date("d",strtotime($tanggal1)),
date("Y",strtotime($tanggal1))));
$tanggal2=date("Y-m-d",mktime(0, 0, 0,
date("m",strtotime($bulan_depan)),
date("d",strtotime($bulan_depan))-1,
date("Y",strtotime($bulan_depan))));
$_SESSION['tanggal1']=$tanggal1;
}
$where_sql="WHERE (service.tanggal>=:tanggal1 AND

service.tanggal<=:tanggal2)";
$arrayParam=array(
":tanggal1"=>$tanggal1,
":tanggal2"=>$tanggal2
);
$kode="Kode";
$nama="Pelanggan";
if(isset($_POST["cari_data"])){
$kode=$_POST["kode"];
$nama=$_POST["nama"];
L12
$tanggal1=date("Y-m-d",strtotime($_POST['tanggal1']));
$tanggal2=date("Y-m-d",strtotime($_POST['tanggal2']));
if($kode<>"Kode" && $nama=="Pelanggan"){

service.tanggal<=:tanggal2) AND service.kode LIKE :kode";
$arrayParam=array(
":kode"=>'%'.$kode.'%',
);
}elseif($kode=="Kode" && $nama<>"Pelanggan"){
service.tanggal<=:tanggal2) AND pelanggan.nama LIKE :nama";
$arrayParam=array(
":nama"=>'%'.$nama.'%',
);
}else{
service.tanggal<=:tanggal2)";
$arrayParam=array(
);
}
}
$stringQuery="SELECT service.*,pelanggan.nama as
namapelanggan,teknisi.nama as namateknisi FROM service
INNER JOIN pelanggan ON
service.id_pelanggan=pelanggan.id_pelanggan
INNER JOIN teknisi ON
service.id_teknisi=teknisi.id_teknisi
".$where_sql." ORDER BY service.id_service DESC";
$rowQuery = $dbKoneksi->prepare($stringQuery);
$paramQuery = $arrayParam;
$jmlrecord = $rowQuery->rowCount();
$jmlhalaman = $p->jumlahHalaman($jmlrecord,$batas);
?>
<form method="post" name="form_cari">

<table class="table table-input"style="width:100%;">
<tr>
<td style="border:0px;text-align: right;vertical-
align:middle;font-weight:bold;">Cari Data</td>
<td style="border:0px;padding: 20px;"><input type="text"
style="width:100%;" class="form-control" name="kode" id="kode"
placeholder="Kode" value="<?php echo $kode; ?>"
onBlur="if(this.value=='') this.value='Kode'"
onFocus="if(this.value =='Kode' ) this.value=''"></td>
L13
<td style="border:0px;padding: 20px;"><input type="text"

style="width:100%;" class="form-control" name="nama" id="nama"
placeholder="nama" value="<?php echo $nama; ?>"
onBlur="if(this.value=='') this.value='Pelanggan'"
onFocus="if(this.value =='Pelanggan' ) this.value=''"></td>
<td style="width: 15%;border:0px;padding: 20px;">
<input type="text" class="form-control" id="datepicker"
style="width:100%;" name="tanggal1" value="<?php echo date("d-m-
Y",strtotime($tanggal1)); ?>">
</td>
<td style="width: 15%;border:0px;padding: 20px;">
<input type="text" class="form-control" id="datepicker2"
style="width:100%;" name="tanggal2" value="<?php echo date("d-m-
Y",strtotime($tanggal2)); ?>">
</td>
<td style="padding: 20px;border:0px;">
<input style="min-width: 100px;" class="btn btn-primary"
type="submit" name="cari_data" value="Cari"/>
</td>
</tr>
</table>
</form>
<h4 align="center">
<a class="btn btn-primary" href="<?php echo
FOLDER_HOST.'/input/service'; ?>">
<b>Tambah Data</b>
</a>
</h4>
<br/>
<table align="center" class="table table-bordered table-hover

table-menu">
<thead class="btn-primary">
<th style="width: 5%;text-align: center;">No</th>
<th style="text-align: center;">Kode</th>
<th style="text-align: center;">Tangal</th>
<th style="text-align: center;">Pelanggan</th>
<th style="text-align: center;">Teknisi</th>
<th style="text-align: center;">Total</th>
<th style="text-align: center;">DP</th>
<th style="text-align: center;">Sisa</th>
<th style="text-align: center;">Lunas</th>
<th style="text-align: center;">Selesai</th>
<th colspan="2" style="width: 13%;text-align:
center;">Action</th>
</thead>
<?php
if($jmlrecord<=0){
?>
<tr>
<td colspan="11" align="center" style="font-weight:bold;text-
align: center;"><i class="fa fa-ban btn-lg"
aria-hidden="true"></i> Belum ada data apapun</td>
</tr>
<?php
L14
}else{
$rowQuery = $dbKoneksi->prepare($stringQuery." LIMIT $posisi,
$batas");
$n=($_GET['halaman']-1)*$batas;
foreach($resultQuery as $data){
$paramQueryX = array(":id"=>$data["id_service"]);
$rowQueryX = $dbKoneksi->prepare('SELECT SUM(harga) as total
FROM detail_service WHERE id_service=:id');
$rowQueryX->execute($paramQueryX);
$resultQueryX = $rowQueryX->fetchAll(PDO::FETCH_ASSOC);
$totalDataX = $rowQueryX->rowCount();
if($totalDataX>0){
foreach($resultQueryX as $dataX)
{
$total=$dataX["total"];
}
}
if($data["selesai"]==0){
$ketselesai="BELUM";
}elseif($data["selesai"]==1){
$ketselesai="SELESAI";
}
$paramQueryX = array(":id"=>$data["id_service"]);
$rowQueryX = $dbKoneksi->prepare('SELECT * FROM pembayaran WHERE
id_service=:id');
if($totalDataX>0){
{
$bayar=$dataX["jumlah"];
}
}else{
$bayar=0;
}
if($data['dp']+$bayar>=$total){
$ketbayar="LUNAS";
}else{
$ketbayar="BELUM";
}
?>
<tr>
<td style="text-align: center;"><?php echo ++$n; ?></td>
<td><?php echo $data["kode"]; ?></td>
<td><?php echo date('d/m/Y',strtotime($data["tanggal"])); ?></td>
<td><?php echo $data["namapelanggan"]; ?></td>
<td><?php echo $data["namateknisi"]; ?></td>
<td><?php echo number_format($total); ?></td>
L15
<td><?php echo number_format($data['dp']); ?></td>

<td><?php echo number_format($total-$data['dp']); ?></td>
<td><?php echo $ketbayar; ?></td>
<td><?php if($data["selesai"]==0){ ?> <a href="<?php echo
FOLDER_HOST.'/proses/service/'.$data["id_service"]; ?>"
onclick="return confirm('Apa anda yakin service sudah
selesai ?');" title="Klik apabila selesai"> <?php echo
$ketselesai; ?></a> <?php }else{ echo $ketselesai; } ?></td>
<td style="text-align: center;">
<a class="btn btn-danger btn-sm" href="<?php echo
FOLDER_HOST.'/delete/service/'.$data["id_service"]; ?>"
onclick="return confirm('Apa anda yakin akan menghapus data
ini ?');">
HAPUS
</a>
</td>
<td>
<a class="btn btn-info btn-sm" target="_blank" href="<?php echo
FOLDER_HOST.'/laporan/invoice.php?id='.$data["id_service"]; ?>">
CETAK
</a>
</td>
</tr>
<?php
}
}
?>
</table>
<ul class="pagination">
<?php
$linkHalaman = $p->navHalaman($_GET['halaman'],$jmlhalaman, $n,
"service", "");
echo $linkHalaman;
?>
</ul>
<?php
if(empty($_GET['ai'])){
$tipeForm = "Tambah";
}else{
$tipeForm = "Ubah";
}
$ai=0;
$id_service="";
$tanggal=date('d-m-Y');
$id_jenis_service="";
$id_sparepart="";
$jumlah="";
$harga="0";
$pilihan_service="";
$total=0;
$pilihan_sebelumnya=0;
$id_pelanggan="";
$id_teknisi="";
$stok="";
L16
//nomor urut terakhir untuk kode

$paramQuery = array();
$rowQuery = $dbKoneksi->prepare('SELECT RIGHT(kode,7) as no FROM
service ORDER BY RIGHT(kode,7) DESC LIMIT 0,1');
if($totalData>0){
{
$no=$data["no"];
}
}else{
$no=0;
}
$kode = 'SVC'.str_pad(($no+1), 7, "0", STR_PAD_LEFT);
//selesai
if(empty($_GET['halaman'])){
if(!empty($_GET['ai'])){
$paramQuery = array(":id"=>$_GET['ai']);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM service WHERE
id_service=:id');
if($totalData>0){
{
$id_service=$data["id_service"];
$id_pelanggan=$data["id_pelanggan"];
$id_teknisi=$data['id_teknisi'];
$tanggal=$data["tanggal"];
$kode=$data["kode"];
$dp=$data["dp"];
}
}
}
}else{
if(!empty($_GET['jml'])){
$paramQuery = array(":id"=>$_GET['jml']);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM detail_service
WHERE id_detail_service=:id');
if($totalData>0){
{
$ai=$data["id_detail_service"];
$id_jenis_service=$data["id_jenis_service"];
$id_sparepart=$data["id_sparepart"];
$harga=$data["harga"];
if($id_jenis_service>0){
L17
$pilihan_service=1;
}elseif($id_sparepart>0){
$pilihan_service=2;
}
$pilihan_sebelumnya=$pilihan_service;
}
}
}
}
if(isset($_POST['pilihan_service']) && (!
isset($_POST['simpan_service_baru']) || !
isset($_POST['simpan_service_ubah']))){
$tanggal=$_POST['tanggal'];
$id_pelanggan=$_POST['id_pelanggan'];
$id_teknisi=$_POST['id_teknisi'];
$pilihan_service=$_POST['pilihan_service'];
$pilihan_sebelumnya=$_POST['pilihan_sebelumnya'];
}
if(isset($_POST['id_jenis_service']) && (!
$id_jenis_service=$_POST['id_jenis_service'];
$id_sparepart=$_POST['id_sparepart'];
}
if(isset($_POST['id_sparepart']) && (!
$id_jenis_service=$_POST['id_jenis_service'];
$id_sparepart=$_POST['id_sparepart'];
}
if($pilihan_sebelumnya>0 && $pilihan_sebelumnya!=$pilihan_service)

{
$id_jenis_service="";
$id_sparepart="";
}
if($id_service>0){
$paramQuery = array(":id"=>$id_service);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM service WHERE
id_service=:id');
L18
if($totalData>0){
{
$id_pelanggan=$data["id_pelanggan"];
$id_teknisi=$data["id_teknisi"];
$tanggal=date('d-m-Y',strtotime($data["tanggal"]));
$kode=$data["kode"];
$dp=$data["dp"];
$paramQueryX = array(":id"=>$id_service);
$rowQueryX = $dbKoneksi->prepare('SELECT SUM(harga) as total
FROM detail_service WHERE id_service=:id');
if($totalDataX>0){
{
$total=$dataX["total"];
}
}
}
}
}
if($id_pelanggan>0){
$paramQuery = array(":id"=>$id_pelanggan);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM pelanggan WHERE
id_pelanggan=:id');
if($totalData>0){
{
$nama_pelanggan=$data["nama"];
}
}
}else{
$nama_pelanggan="";
}
if($id_teknisi>0){
$paramQuery = array(":id"=>$id_teknisi);
$rowQuery = $dbKoneksi->prepare('SELECT * FROM teknisi WHERE
id_teknisi=:id');
if($totalData>0){
{
$nama_teknisi=$data["nama"];
}
}
L19
}else{
$nama_teknisi="";
}
if($id_jenis_service>0){
$paramQuery = array(":id"=>$id_jenis_service);
$rowQuery = $dbKoneksi->prepare('SELECT jenis_service.* FROM
jenis_service
WHERE id_jenis_service=:id');
if($totalData>0){
{
$nama_jenis_service=$data["nama"];
$stok=0;
}
}
}else{
$nama_jenis_service="";
}
if($id_sparepart>0){
$paramQuery = array(":id"=>$id_sparepart);
$rowQuery = $dbKoneksi->prepare('SELECT sparepart.* FROM
sparepart
WHERE id_sparepart=:id');
if($totalData>0){
{
$nama_sparepart=$data["nama"];
$stok=$data["stok"];
}
}
}else{
$nama_sparepart="";
}
if($pilihan_service==1){
$nama_pilihan_service="Service";
}elseif($pilihan_service==2){
$nama_pilihan_service="Sparepart";
}else{
$nama_pilihan_service="";
}
?>
<div class="text-center">
<h2><?php echo $tipeForm; ?> Data Service</h2>
L20
</div>
<form action="" name="form_service" method="post" onsubmit="return

cek_service();">
<input name="id_detail_service" value="<?php echo $ai; ?>"
hidden="hidden"/>
<input name="id_service" value="<?php echo $id_service; ?>"
hidden="hidden"/>
<input name="id_sparepart_sebelumnya" value="<?php echo
$id_sparepart; ?>" hidden="hidden"/>
<input name="pilihan_sebelumnya" value="<?php echo
$pilihan_service; ?>" hidden="hidden"/>
<table class="table table-input" style="width:60%;"
align="center">
<tr>
<td style="font-weight:bold;">Tanggal</td>
<td <?php if($pilihan_service>0){ echo 'colspan="2"'; } ?>>
<input style="width:30%;" class="form-control"
id="datepicker" type="text" name="tanggal" value="<?php echo
$tanggal; ?>">
</td>
</tr>
<tr>
<td style="font-weight:bold;">Pelanggan</td>
<select class="form-control" style="width:100%;font-
size:14px;border-color:#000 !important;" name="id_pelanggan">
<option value="<?php echo $id_pelanggan; ?>"><?php echo
$nama_pelanggan; ?></option>
<?php
pelanggan ORDER BY nama ASC');
if($totalData>0){
{
if($id_pelanggan!=$data["id_pelanggan"]){
echo '<option value="'.
$data["id_pelanggan"].'">'.$data["nama"].'</option>';
}
}
}
?>
</select>
</td>
</tr>
<tr>
<td style="font-weight:bold;">Teknisi</td>
size:14px;border-color:#000 !important;" name="id_teknisi">
<option value="<?php echo $id_teknisi; ?>"><?php echo
$nama_teknisi; ?></option>
L21
<?php
$rowQuery = $dbKoneksi->prepare('SELECT * FROM teknisi
ORDER BY nama ASC');
if($totalData>0){
{
if($id_teknisi!=$data["id_teknisi"]){
echo '<option value="'.$data["id_teknisi"].'">'.
$data["nama"].'</option>';
}
}
}
?>
</select>
</td>
</tr>
<tr>
<td style="font-weight:bold;">Pilihan Service</td>
size:14px;border-color:#000 !important;" name="pilihan_service"
onchange="this.form.submit();">
<option value="<?php echo $pilihan_service; ?>"><?php
echo $nama_pilihan_service; ?></option>
<?php if($pilihan_service!=1){ ?><option
value="1">Service</option> <?php } ?>
<?php if($pilihan_service!=2){ ?><option
value="2">Sparepart</option> <?php } ?>
</select>
</td>
</tr>
<?php
if($pilihan_service>0){
if($pilihan_service==1){
?>
<tr>
<td style="font-weight:bold;">Service</td>
<td>
size:14px;border-color:#000 !important;" name="id_jenis_service"
<option value="<?php echo $id_jenis_service; ?>"><?php
echo $nama_jenis_service; ?></option>
<?php
jenis_service ORDER BY nama ASC');
if($totalData>0){
L22
{
if($id_jenis_service!=$data["id_jenis_service"]){
$data["id_jenis_service"].'">'.$data["nama"].'</option>';
}
}
}
?>
</select>
</td>
<td style="width:30%;">
<input class="form-control" disabled="disabled"
type="text" name="hargaX" value="<?php echo number_format($harga);
?>">
<input name="harga" value="<?php echo $harga; ?>"
hidden="hidden"/>
<input name="stok" value="<?php echo $stok; ?>"
hidden="hidden"/>
<input name="id_sparepart" value="" hidden="hidden"/>
</td>
</tr>
<?php
}elseif($pilihan_service==2){
?>
<tr>
<td style="font-weight:bold;">Sparepart</td>
<td>
size:14px;border-color:#000 !important;" name="id_sparepart"
<option value="<?php echo $id_sparepart; ?>"><?php echo
$nama_sparepart; ?></option>
<?php
sparepart ORDER BY nama ASC');
if($totalData>0){
{
if($id_sparepart!=$data["id_sparepart"]){
$data["id_sparepart"].'">'.$data["nama"].'</option>';
}
}
}
?>
</select>
</td>
<td style="width:30%;">
<input class="form-control" disabled="disabled"
type="text" name="hargaX" value="<?php echo number_format($harga);
?>">
L23
<input name="harga" value="<?php echo $harga; ?>"

hidden="hidden"/>
<input name="stok" value="<?php echo $stok; ?>"
hidden="hidden"/>
<input name="id_jenis_service" value="" hidden="hidden"/>
</td>
</tr>
<tr>
<td style="font-weight:bold;">Stok Sparepart</td>
<td colspan="2">
<?php echo $stok; ?> Pcs
</td>
</tr>
<?php
}
}
?>
<tr>
<td></td>
<td <?php if($pilihan_service>0){ echo 'colspan="2"'; } ?
>><input type="submit" class="btn btn-primary btn-sm" name="<?php
if(empty($ai)){ echo "simpan_service_baru";}else{echo
"simpan_service_ubah";} ?>" value="Simpan">
<input type="button" class="btn btn-danger btn-sm"
onclick="window.location.href='<?php echo
FOLDER_HOST.'/menu/service'; ?>';" value="Kembali">
</td>
</tr>
</table>
</form>
<form action="" name="form_dp" method="post">
<input name="id_service" value="<?php echo $id_service; ?>"
hidden="hidden"/>
<?php
if($total>0){
?>
<table align="center" class="table table-bordered table-hover
table-menu" style="width:60%;">
<thead class="btn-primary">
<th style="width: 5%;text-align: center;">No</th>
<th style="width: 40%;text-align: center;">Service</th>
<th style="text-align: center;">Harga</th>
<th colspan="2" style="width: 13%;text-align:
center;">Action</th>
</thead>
<?php
$subtotal=0;
$n=0;
$arrayParam=array(
":id"=>$id_service
);
$rowQuery = $dbKoneksi->prepare("SELECT detail_service.* FROM
detail_service
WHERE detail_service.id_service=:id");
$rowQuery->execute($arrayParam);
L24
foreach($resultQuery as $data){
if($data['id_jenis_service']>0){
$paramQueryX = array(":id"=>$data['id_jenis_service']);
$rowQueryX = $dbKoneksi->prepare('SELECT jenis_service.* FROM
jenis_service
WHERE id_jenis_service=:id');
if($totalDataX>0){
{
$nama_service=$dataX["nama"];
}
}
}elseif($data['id_sparepart']>0){
$paramQueryX = array(":id"=>$data['id_sparepart']);
$rowQueryX = $dbKoneksi->prepare('SELECT sparepart.* FROM
sparepart
WHERE id_sparepart=:id');
if($totalDataX>0){
{
$nama_service=$dataX["nama"];
}
}
}else{
$nama_service="";
}
?>
<tr>
<td style="text-align: center;"><?php echo ++$n; ?></td>
<td><?php echo $nama_service; ?></td>
<td><?php echo number_format($data["harga"]); ?></td>
<a class="btn btn-warning btn-sm" href="<?php echo
FOLDER_HOST.'/input/service/'.$data["id_service"].'/'.
$data["id_detail_service"]; ?>">
UBAH
</a>
</td>
<a class="btn btn-danger btn-sm" href="<?php echo
FOLDER_HOST.'/delete/detail_service/'.
$data["id_detail_service"]; ?>" onclick="return confirm('Apa anda
yakin akan menghapus data ini ?');">
HAPUS
</a>
</td>
</tr>
L25
<?php
$subtotal+=($data["harga"]);
}
?>
<tr>
<td colspan="2" style="text-align:right;">Total</td>
<td><?php echo number_format($subtotal); ?></td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2" style="text-align:right;">DP</td>
<td>
<input class="form-control" type="text" name="dp" value="<?php
echo $dp; ?>">
</td>
<td colspan="2">
<input type="submit" class="btn btn-primary btn-sm"
name="simpan_dp" value="Simpan DP">
</td>
</tr>
<tr>
<td colspan="2" style="text-align:right;">Sisa Bayar</td>
<td><?php echo number_format($subtotal-$dp); ?></td>
<td colspan="2"></td>
</tr>
</table>
<?php
}
?>
</form>

Laporan Skripsi

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan Skripsi

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI PELAYANAN JASA SERVICE

KOMPUTER DAN PRINTER BERBASIS WEB

Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang

S1 Program Studi Teknik Informatika

Arip Saripudin (171801004)

Mohamad Riziq Sobrun Jamil (171801018)

STMIK WIT – CIREBON

Nama : Arip Saripudin

Program Studi : Teknik Informatika

Judul Skripsi : Sistem Informasi Pelayanan Jasa Service Komputer dan

Printer Berbasis Web Pada CV. Multinet Compindo

Cirebon, 30 September 2021

(Niken Adityas Lestari, M. Kom)

Nama : Mohamad Riziq Sobrun Jamil

Program Studi : Teknik Informatika

Judul Skripsi : Sistem Informasi Pelayanan Jasa Service Komputer dan

Printer Berbasis Web Pada CV. Multinet Compindo

Cirebon, 30 September 2021

(Mohamad Riziq Sobrun Jamil)

(Niken Adityas Lestari, M. Kom)

Yang bertanda tangan dibawah ini, menyatakan bahwa :

Nama : Arip Saripudin

Prgram Studi : Teknik Informatika

Judul Skripsi : Sistem Informasi Pelayanan Jasa Service Komputer dan

Printer Berbasis Web Pada CV. Multinet Compindo

yang telah diajukan.

Cirebon, 30 September 2021

Yang bertanda tangan dibawah ini, menyatakan bahwa :

Nama : Mohamad Riziq Sobrun Jamil

Prgram Studi : Teknik Informatika

Judul Skripsi : Sistem Informasi Pelayanan Jasa Service Komputer dan

Printer Berbasis Web Pada CV. Multinet Compindo

yang telah diajukan.

Cirebon, 30 September 2021

SISTEM INFORMASI PELAYANAN JASA SERVICE

Disetujui Oleh : Mengetahui :

Pembimbing KETUA STMIK WIT

(Niken Adityas Lestari, M. Kom) Patricia Astrid A., S.Kom., M.T.

NIDN. 0420018902 NIDN. 0416068302

SISTEM INFORMASI PELAYANAN JASA SERVICE

(Nama Penguji I) (Nama Penguji II)

KETUA STMIK WIT

Patricia Astrid A., S.Kom., M.T.

Nama : Arip Saripudin

Program Studi : Teknik Informatika

Judul Skripsi : Sistem Informasi Pelayanan Jasa Service Komputer dan

Printer Berbasis Web Pada CV. Multinet Compindo

berdasarkan teori dan literatur yang telah disetujui pembimbing.

menyadur / menjiplak isi skripsi ini.

Cirebon, 30 September 2021

Nama : Mohamad Riziq Sobrun Jamil

Program Studi : Teknik Informatika

Judul Skripsi : Sistem Informasi Pelayanan Jasa Service Komputer dan

Printer Berbasis Web Pada CV. Multinet Compindo

berdasarkan teori dan literatur yang telah disetujui pembimbing.

menyadur / menjiplak isi skripsi ini.

Cirebon, 30 September 2021

(Mohamad Riziq Sobrun Jamil)

Arip Saripudin, 171801004, Mohamad Riziq Sobrun Jamil,

Perkembangan perekonomian yang semakin pesat tidak dapat dipisahkan

Kata kunci : Sistem Informasi Pelayanan, Jasa Service

keluarganya, sahabatnya, tabi’in dan itba’uttabi’in sehingga sampai kepada kita.

Laporan ini disusun sebagai syarat menyelesaikan jenjang strata satu

program studi teknik informatika bagi mahasiswa di STMIK WIT Cirebon.