Sistem Informasi Antrian Servis Motor Di PT. AHASS Surya Cipta Pratama Semarang

LAPORAN PRAKTIK KERJA LAPANGAN
SISTEM INFORMASI ANTRIAN SERVIS MOTOR DI PT. AHASS

SURYA CIPTA PRATAMA
SEMARANG
Disusun oleh:
Gantina Juliana Putri Tamaria Praise
24010315120041
DEPARTEMEN ILMU KOMPUTER/INFORMATIKA

FAKULTAS SAINS DAN MATEMATIKA
UNIVERSITAS DIPONEGORO
2019
HALAMAN PENGESAHAN
Laporan Praktik Kerja Lapangan (PKL) dengan judul:

“Sistem Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama
Semarang”
Disusun oleh:
Nama : Gantina Juliana Putri Tamaria Praise
NIM : 24010315120041
Fakultas : Sains dan Matematika
Departemen / Jurusan : Ilmu Komputer / Informatika
Telah diseminarkan pada Seminar PKL dan dinyatakan lulus pada tanggal 21 Mei 2019
Semarang, 19 Juni 2019

Menyetujui,
Koordinator PKL Dosen Pembimbing,
Rismiyati, B.Eng, M.Cs Priyo Sidik Sasongko, S.Si, M.Kom

NIP. 198511252018032001 NIP. 197007051997021001
Mengetahui,
Ketua Departemen Ilmu Komputer/Informatika
Dr. Retno Kusumaningrum, S.Si, M.Kom

NIP. 198104202005012001
ii
ABSTRAK
PT. AHASS Surya Cipta Pratama Semarang merupakan salah satu cabang perusahaan
bengkel servis motor terbesar di Semarang. Salah satu hal yang tidak asing dilihat dalam
pelayanan servis motor yaitu mengantri . Mengantri merupakan suatu kejadian sehari-hari
yang dapat ditemukan di berbagai tempat. Munculnya antrian disebabkan oleh kapasitas
layanan oleh pelanggan yang melebihi kemampuan sehingga pengguna fasilitas tidak bisa
segera mendapatkan pelayanan disebabkan kesibukan layanan. Salah satu solusi agar dapat
mengelola antrian servis motor pelanggan yaitu adanya sistem informasi antrian yang
dikelola oleh front desk. Front Desk bertugas untuk mencatat data pelanggan sesuai antrian
serta keluhan yang sesuai kebutuhan pelanggan. PT. AHASS Surya Cipta Pratama memiliki
sistem informasi antrian yang masih bersifat statis. Oleh karena itu, dibuatlah Sistem
Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang
(SISERAHAS) dengan tampilan sistem yang lebih menarik. Sistem Informasi Antrian Servis
Motor di PT. AHASS Surya Cipta Pratama Semarang merupakan sistem berbasis web.
Sistem ini dibuat menggunakan Framework Bootstrap yang berbasis bahasa pemrograman
PHP dan Javascript serta Sistem Manajemen Basis Data (SMBD) MySQL. Dalam proses
pembuatan sistem menggunakan model Object Oriented Software Engineering. Proses
pembuatan sistem ini melalui 5 tahapan yang terstruktur, yaitu tahap elisitasi persyaratan
analisis, desain sistem, implementasi, dan pengujian. Hasil dari sistem yang dibuat adalah
dokumen daftar antrian servis motor dalam bentuk excel, dokumen reminder dalam bentuk
pdf, dan notifikasi pesan dalam bentuk SMS untuk pelanggan servis motor.
Kata kunci : Sistem Informasi, Mengantri, Servis Motor, PT. AHASS Surya Cipta
Pratama Semarang, Front Desk, Bootstrap, Model Object Oriented Software
Engineering, Antrian, Reminder, SMS
iii
ABSTRACT
AHASS Surya Cipta Pratama Semarang Inc. is one of The biggest Branch Company for
Motorcycle Service Atelier at Semarang. One thing that never strange to look within
motorcycle service is queuing. Queuing is the daily case that we catch in many places. Queue
appearances cause over capability of capacity services so the user can’t get the service
compatible the user’s necessary. The solution of managing queue service is making the
information system of queue which is managed by front desk. Front Desk was served to
attain customer’s data and complaint according to queue and customer’s necessary. AHASS
Surya Cipta Pratama Semarang Inc. had a static’s information system. Therefore, the
Information System of Motorcycle Service’s Queue at AHASS Surya Cipta Pratama
Semarang Inc. is made with an interesting display. the Information System of Motorcycle
Service’s Queue at AHASS Surya Cipta Pratama Semarang Inc. is a web-based system. The
system was created using the Bootstrap Framework based on the PHP and Javascript
programming languages and the MySQL Database Management System (DBMS). in the
process of making system using Object Oriented Software Engineering model. The process
through five (5) structured phases , namely the requirement elicitation, analysis, system
design, implementation, and testing. The result of the system was the document of excel for
the list of motorcycle service’s queue, the document of pdf for the reminder, and the message
notification of SMS for motorcycle service’s customer.
Keywords : AHASS Surya Cipta Pratama Semarang Inc., Motorcycle Service, Queuing,
Front Desk, Bootstrap, Object Oriented Software Engineering Model, Queue, Reminder,
SMS
iv
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas rahmat dan karunia-
Nya sehingga penulis dapat menyelesaikan laporan praktik kerja lapangan yang berjudul
“Sistem Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang”.
Laporan ini disusun untuk melengkapi pengambilan mata kuliah Praktik Kerja
Lapangan (PKL) setelah melakukan praktik kerja lapangan di PT. AHASS Surya Cipta
Pratama Semarang .
Dalam penyusunan laporan ini , penulis banyak mendapatkan bimbingan dan bantuan
dari berbagai pihak. Untuk itu, pada kesempatan ini penulis mengucapkan rasa hormat dan
terima kasih kepada :
1. Prof. Dr. Widowati, M.Si. selaku Dekan Fakultas Sains dan Matematika,
Universitas Diponegoro.
2. Dr. Retno Kusumaningrum, S.Si, M.Kom selaku Ketua Departemen Ilmu
Komputer/ Informatika.
3. Priyo Sidik Sasongko, S.Si, M.Kom. selaku Dosen Pembimbing Praktik
Kerja Lapangan.
4. Rismiyati, B.Eng., M.Cs. selaku Koordinator Praktik Kerja Lapangan.
5. Semua pihak yang telah membantu kelancaran dalam pelaksanaan Praktik
Kerja Lapangan, yang tidak dapat penulis sebutkan satu per satu.
Penulis menyadari bahwa dalam laporan ini masih terdapat banyak kekurangan, baik
dalam penyampaian materi maupun isi dari materi tersebut. Hal ini disebabkan oleh
keterbatasan kemampuan dan pengetahuan dari penulis. Oleh karena itu, kritik dan saran
yang bersifat membangun sangat penulis harapkan. Semoga laporan praktik kerja lapangan
ini dapat bermanfaat bagi pembaca dan penulis pada khususnya.
Semarang, 3 Desember 2018
Penulis
v
DAFTAR ISI
HALAMAN PENGESAHAN ............................................................................................... ii

ABSTRAK ........................................................................................................................... iii
ABSTRACT ......................................................................................................................... iv
KATA PENGANTAR ........................................................................................................... v
DAFTAR ISI ........................................................................................................................ vi
DAFTAR GAMBAR............................................................................................................ ix
DAFTAR TABEL .............................................................................................................. xiii
DAFTAR LISTING ............................................................................................................ xiv
BAB I PENDAHULUAN .................................................................................................. 1
1.1. Latar Belakang ................................................................................................. 1
1.2. Rumusan Masalah ............................................................................................ 2
1.3. Tujuan dan Manfaat ......................................................................................... 2
1.4. Ruang Lingkup ................................................................................................. 2
BAB II TINJAUAN PERUSAHAAN ................................................................................. 3
2.1. Profil Perusahaan.............................................................................................. 3
2.2. Visi dan Misi Perusahaan ................................................................................. 4
2.3. Struktur Organisasi PT. AHASS Surya Cipta Pratama Semarang ................... 4
BAB III LANDASAN TEORI .............................................................................................. 6
3.1. Studi Pustaka .................................................................................................... 6
3.1.1. Aplikasi Website .................................................................................... 6
3.1.2. Sistem Informasi .................................................................................... 6
3.1.3. Software untuk membangun Website .................................................... 7
3.2. Konsep Berorientasi Objek .............................................................................. 8

3.3. Unified Modelling Language ......................................................................... 11
3.4. Software Requirement Specification .............................................................. 14
3.5. Pengujian Metode Blackbox ........................................................................... 15
3.6. Model Object Oriented Software Engineering............................................... 16
BAB IV PEMBAHASAN ................................................................................................... 18
4.1. Gambaran Umum Perangkat Lunak ............................................................... 18
4.2. Requirement Elicitation.................................................................................. 19
vi
4.2.1. Kebutuhan Fungsional ......................................................................... 19
4.2.2. Kebutuhan Non – Fungsional .............................................................. 19
4.2.3. Model Use Case .................................................................................. 20
4.2.3.1. Aktor ................................................................................................ 20
4.2.3.2. Daftar Use Case ............................................................................... 20
4.2.3.3. Use Case Diagram ........................................................................... 21
4.2.3.4. Skenario Use Case ........................................................................... 22
4.3. Analysis .......................................................................................................... 26

4.3.1. Class Analysis dan Class Diagram...................................................... 26
4.3.2. Sequence Diagram............................................................................... 32
4.4. System Design ................................................................................................ 44

4.4.1. Basis Data ............................................................................................ 44
4.4.2. Class Diagram ..................................................................................... 47
4.4.3. Rancangan Antarmuka ........................................................................ 49
4.5. Implementation ............................................................................................... 63

4.5.1. Implementasi Basis Data ..................................................................... 64
4.5.2. Implementasi Class ............................................................................. 68
4.5.2.1. Entity ................................................................................................ 68
4.5.2.2. Boundary .......................................................................................... 70
4.5.2.3. Control ............................................................................................. 74
4.5.3. Implementasi Antarmuka .................................................................... 77
4.6. Testing ............................................................................................................ 89

4.6.1. Rencana Pengujian .............................................................................. 89
4.6.2. Deskripsi dan Hasil Uji ....................................................................... 92
BAB V PENUTUP .......................................................................................................... 106

5.1. Kesimpulan................................................................................................... 106
5.2. Saran ............................................................................................................. 106
DAFTAR PUSTAKA ........................................................................................................ 107
vii
LAMPIRAN-LAMPIRAN ................................................................................................ 108
viii
DAFTAR GAMBAR
Gambar 2.1. Struktur Organisasi PT. AHASS Surya Cipta Pratama .................................... 5
Gambar 3.1. Kelas AccountItem ............................................................................................ 9
Gambar 3.2. Use Case Diagram Clinic ............................................................................... 12
Gambar 3.3. Class Diagram Pemesanan barang secara online ........................................... 13
Gambar 3.4. Sequence Diagram Login Administrator ........................................................ 14
Gambar 3.5. Pengujian metode Blackbox ............................................................................ 16
Gambar 4.1. Arsitektur Sistem Informasi Antrian Servis Motor di PT. AHASS
Surya Cipta Pratama Semarang ...................................................................... 19
Gambar 4.2. Diagram Use Case Sistem Antrian Servis Motor di PT. AHASS
Surya Cipta Pratama Semarang ...................................................................... 21
Gambar 4.3. Class Diagram Tahap Analisis Sistem Antrian Servis Motor di
PT. AHASS Surya Cipta Pratama Semarang ................................................. 31
Gambar 4.4. Sequence Diagram Login ............................................................................... 32
Gambar 4.5. Sequence Diagram Logout ............................................................................. 33
Gambar 4.6. Sequence Diagram Mengubah Akun Admin.................................................. 33
Gambar 4.7. Sequence Diagram Tambah Antrian Servis Motor ........................................ 34
Gambar 4.8. Sequence Diagram Edit Antrian Servis Motor ............................................... 34
Gambar 4.9. Sequence Diagram Hapus Antrian Servis Motor ........................................... 35
Gambar 4.10. Sequence Diagram Hapus Semua Antrian Servis Motor ............................. 35
Gambar 4.11. Sequence Diagram Unduh Antrian Servis Motor......................................... 36
Gambar 4.12. Sequence Diagram Mencari Antrian Servis Motor ...................................... 36
Gambar 4.13. Sequence Diagram Tambah Reminder Servis Motor ................................... 37
Gambar 4.14. Sequence Diagram Edit Reminder Servis Motor ......................................... 37
Gambar 4.15. Sequence Diagram Hapus Reminder Servis Motor ...................................... 38
Gambar 4.16. Sequence Diagram Unduh Reminder Servis Motor ..................................... 38
Gambar 4.17. Sequence Diagram Lihat Kontak Pelanggan Servis Motor .......................... 39
Gambar 4.18. Sequence Diagram Tambah Kontak Pelanggan Servis Motor ..................... 39
Gambar 4.19. Sequence Diagram Edit Kontak Pelanggan Servis Motor............................ 40
Gambar 4.20. Sequence Diagram Hapus Kontak Pelanggan Servis Motor ........................ 40
Gambar 4.21. Sequence Diagram Cari Kontak Pelanggan Servis Motor ........................... 41
ix
Gambar 4.22. Sequence Diagram Pesan Baru..................................................................... 41
Gambar 4.23. Sequence Diagram Kirim Ulang Pesan Keluar ............................................ 42
Gambar 4.24. Sequence Diagram Hapus Pesan Keluar ...................................................... 42
Gambar 4.25. Sequence Diagram Edit Pesan Kirim ........................................................... 43
Gambar 4.26. Sequence Diagram Hapus Pesan Kirim........................................................ 43
Gambar 4.27. Class Diagram Tahap Desain Sistem Antrian Servis Motor di
PT. AHASS Surya Cipta Pratama Semarang............................................... 48
Gambar 4.28. Rancangan Antarmuka Login ....................................................................... 49
Gambar 4.29. Rancangan Antarmuka Logout ..................................................................... 49
Gambar 4.30. Rancangan Antarmuka Tampilan Awal Admin ........................................... 50
Gambar 4.31. Rancangan Antarmuka Mengubah Akun Admin ......................................... 50
Gambar 4.32. Rancangan Antarmuka Tampilan Awal Antrian Servis Motor .................... 51
Gambar 4.33. Rancangan Antarmuka Tambah Antrian Servis Motor ................................ 51
Gambar 4.34. Rancangan Antarmuka Edit Antrian Servis Motor....................................... 52
Gambar 4.35. Rancangan Antarmuka Hapus Antrian Servis Motor ................................... 52
Gambar 4.36. Rancangan Antarmuka Hapus Semua Antrian Servis Motor ....................... 53
Gambar 4.37. Rancangan Antarmuka Unduh Antrian Servis Motor .................................. 53
Gambar 4.38. Rancangan Antarmuka Mencari Antrian Servis Motor ................................ 54
Gambar 4.39. Rancangan Antarmuka Tampilan Awal Reminder Servis Motor ................. 54
Gambar 4.40. Rancangan Antarmuka Tambah Reminder Servis Motor ............................. 55
Gambar 4.41. Rancangan Antarmuka Edit Reminder Servis Motor ................................... 55
Gambar 4.42. Rancangan Antarmuka Hapus Reminder Servis Motor ................................ 55
Gambar 4.43. Rancangan Antarmuka Unduh Reminder Servis Motor ............................... 56
Gambar 4.44. Rancangan Antarmuka Tampilan Awal Kontak Pelanggan Servis Motor ... 57
Gambar 4.45. Rancangan Antarmuka Tambah Kontak Pelanggan Servis Motor ............... 57
Gambar 4.46. Rancangan Antarmuka Lihat Kontak Pelanggan Servis Motor .................... 58
Gambar 4.47. Rancangan Antarmuka Edit Kontak Pelanggan Servis Motor ..................... 58
Gambar 4.48. Rancangan Antarmuka Hapus Kontak Pelanggan Servis Motor .................. 59
Gambar 4.49. Rancangan Antarmuka Cari Kontak Pelanggan Servis Motor ..................... 59
Gambar 4.50. Rancangan Antarmuka Tampilan Awal Pesan Baru .................................... 60
Gambar 4.51. Rancangan Antarmuka Tampilan Awal Pesan Keluar ................................. 60
Gambar 4.52. Rancangan Antarmuka Kirim Ulang Pesan Keluar ...................................... 61
Gambar 4.53. Rancangan Antarmuka Hapus Pesan Keluar ................................................ 61
x
Gambar 4.54. Rancangan Antarmuka Tampilan Awal Pesan Kirim ................................... 62
Gambar 4.55. Rancangan Antarmuka Edit Pesan Kirim ..................................................... 62
Gambar 4.56. Rancangan Antarmuka Hapus Pesan Kirim ................................................. 63
Gambar 4.57. Implementasi Basis Data Sistem Informasi Antrian Servis Motor
di PT. AHASS Surya Cipta Pratama Semarang........................................... 64
Gambar 4.58. Implementasi Halaman Login ....................................................................... 77
Gambar 4.59. Implementasi Halaman Logout ..................................................................... 77
Gambar 4.60. Implementasi Halaman Tampilan Awal Admin ........................................... 78
Gambar 4.61. Implementasi Halaman Mengubah Akun Admin ......................................... 78
Gambar 4.62. Implementasi Halaman Tampilan Awal Antrian Servis Motor .................... 78
Gambar 4.63. Implementasi Halaman Tambah Antrian Servis Motor ................................ 79
Gambar 4.64. Implementasi Halaman Edit Antrian Servis Motor ...................................... 79
Gambar 4.65. Implementasi Halaman Hapus Antrian Servis Motor................................... 79
Gambar 4.66. Implementasi Halaman Hapus Semua Antrian Servis Motor ....................... 80
Gambar 4.67. Implementasi Halaman Unduh Antrian Servis Motor .................................. 80
Gambar 4.68. Implementasi Halaman Mencari Antrian Servis Motor................................ 81
Gambar 4.69. Implementasi Halaman Tampilan Awal Reminder Servis Motor................. 81
Gambar 4.70. Implementasi Halaman Tambah Reminder Servis Motor ............................ 81
Gambar 4.71. Implementasi Halaman Edit Reminder Servis Motor ................................... 82
Gambar 4.72. Implementasi Halaman Hapus Reminder Servis Motor ............................... 82
Gambar 4.73. Implementasi Halaman Unduh Reminder Servis Motor............................... 83
Gambar 4.74. Implementasi Halaman Tampilan Kontak Pelanggan Servis Motor ............ 83
Gambar 4.75. Implementasi Halaman Lihat Kontak Pelanggan Servis Motor ................... 84
Gambar 4.76. Implementasi Halaman Tambah Kontak Pelanggan Servis Motor............... 84
Gambar 4.77. Implementasi Halaman Edit Kontak Pelanggan Servis Motor ..................... 84
Gambar 4.78. Implementasi Halaman Hapus Kontak Pelanggan Servis Motor ................. 85
Gambar 4.79. Implementasi Halaman Cari Kontak Pelanggan Servis Motor .................... 85
Gambar 4.80. Implementasi Halaman Tampilan Awal Pesan Baru .................................... 85
Gambar 4.81. Implementasi Halaman Tampilan Awal Pesan Keluar ................................. 86
Gambar 4.82. Implementasi Halaman Kirim Ulang Pesan Keluar...................................... 86
Gambar 4.83. Implementasi Halaman Hapus Pesan Keluar ................................................ 86
Gambar 4.84. Implementasi Halaman Tampilan Awal Pesan Kirim .................................. 87
Gambar 4.85. Implementasi Halaman Edit Pesan Kirim..................................................... 87
xi
Gambar 4.86. Implementasi Halaman Hapus Pesan Kirim ................................................. 88
xii
DAFTAR TABEL
Tabel 3.1. Konsep Dasar pada UML ................................................................................... 11

Tabel 3.2. Hubungan Antar Kelas dan Pewarisannya ......................................................... 13
Tabel 3.3. Software Requirement Specification .................................................................. 15
Tabel 4.1. Kebutuhan Fungsional Sistem ............................................................................ 19
Tabel 4.2. Kebutuhan Non - Fungsional Sistem.................................................................. 19
Tabel 4.3. Aktor Admin pada Use Case .............................................................................. 20
Tabel 4.4. Daftar Use Case.................................................................................................. 20
Tabel 4.5. Skenario Login ................................................................................................... 22
Tabel 4.6. Skenario Logout ................................................................................................. 22
Tabel 4.7. Skenario Mengubah Akun Admin ...................................................................... 23
Tabel 4.8. Mengelola Antrian Servis Motor ........................................................................ 23
Tabel 4.9. Mencari Antrian Servis Motor............................................................................ 24
Tabel 4.10. Mengelola Reminder Servis Motor .................................................................. 24
Tabel 4.11. Mengelola SMS Servis Motor .......................................................................... 25
Tabel 4.12. Identifikasi Class Analysis ............................................................................... 26
Tabel 4.13. Entity Objects ................................................................................................... 27
Tabel 4.14. Control Objects ................................................................................................ 28
Tabel 4.15. Boundary Objects ............................................................................................. 29
Tabel 4.16. Deskripsi Tabel Admin..................................................................................... 44
Tabel 4.17. Deskripsi Tabel KontakPelanggan ................................................................... 44
Tabel 4.18. Deskripsi Tabel PesanBaru............................................................................... 45
Tabel 4.19. Deskripsi Tabel PesanKeluar ........................................................................... 45
Tabel 4.20. Deskripsi Tabel PesanKirim ............................................................................. 46
Tabel 4.21. Deskripsi Tabel Antrian ................................................................................... 46
Tabel 4.22. Deskripsi Tabel Reminder ................................................................................ 47
Tabel 4.23. Tabel Rencana Pengujian ................................................................................. 89
Tabel 4.24. Tabel Deskripsi dan Hasil Uji .......................................................................... 93
xiii
DAFTAR LISTING
Listing 4.1. Membuat Database Siserahas .......................................................................... 64

Listing 4.2. Membuat Tabel Admin .................................................................................... 65
Listing 4.3. Membuat Tabel KontakPelanggan ................................................................... 65
Listing 4.4. Membuat Tabel PesanBaru .............................................................................. 65
Listing 4.5. Membuat Tabel PesanKeluar ........................................................................... 66
Listing 4.6. Membuat Tabel PesanKirim............................................................................. 66
Listing 4.7. Membuat Tabel Antrian ................................................................................... 66
Listing 4.8. Membuat Tabel Reminder ................................................................................ 67
Listing 4.9. Entity Admin ................................................................................................... 68
Listing 4.10. Boundary FormTambahAntrian ................................................................. 70
Listing 4.11. Control FormAntrian ................................................................................... 74
xiv
BAB I
PENDAHULUAN
Bab ini mencakup latar belakang, rumusan masalah, tujuan dan manfaat, serta ruang
lingkup dalam penulisan laporan praktik kerja lapangan yang berjudul Sistem Informasi
Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang.
1.1. Latar Belakang
PT. Astra Honda Motor atau dikenal dengan PT. AHASS yang merupakan perusahaan
bengkel motor terbesar dengan keunggulan yang diakui di seluruh dunia di berbagai jaringan
di Indonesia salah satunya adalah di kota Semarang. PT. AHASS Surya Cipta Pratama
Semarang merupakan salah satu cabang perusahaan bengkel servis motor besar di Semarang.
Mengantri merupakan suatu kejadian sehari-hari yang dapat ditemukan di berbagai
tempat. Munculnya antrian disebabkan oleh kapasitas layanan oleh pelanggan yang melebihi
kemampuan sehingga pengguna fasilitas tidak bisa segera mendapatkan pelayanan
disebabkan kesibukan layanan. Salah satu solusi agar dapat mengelola antrian servis motor
pelanggan yaitu adanya sistem informasi antrian yang dikelola oleh front desk. Front Desk
bertugas untuk mencatat data pelanggan sesuai antrian serta keluhan yang sesuai kebutuhan
pelanggan. PT. AHASS Surya Cipta Pratama memiliki sistem informasi antrian yang masih
bersifat statis.
Oleh karena itu penulis mengembangkan sebuah sistem informasi berbasis web yang
bernama sistem antrian servis motor dengan tampilan halaman web yang lebih menarik dan
mudah dipahami sehingga dapat digunakan oleh front desk dalam mengelola sistem
informasi antrian servis motor untuk mendapatkan pelayanan servis yang dibutuhkan.
Model Waterfall merupakan model yang merepresentasikan sebagai fase-fase pada
proses dari spesifikasi persyaratan, perancangan perangkat lunak, implementasi, pengujian
sampai ke perawatan dan operasional. Model Waterfall mengadopsi konsep Object Oriented
Software Engineering dan Unified Modelling Language (UML).
Praktik kerja lapangan yang dilakukan adalah membuat Sistem Informasi Antrian
Servis Motor di PT. AHASS Surya Cipta Pratama Semarang. Sistem ini dibangun untuk
mempermudah front desk sebagai admin sistem dalam mengelola antrian servis motor.
1
1.2. Rumusan Masalah
Berdasarkan permasalahan yang dijelaskan pada latar belakang, maka rumusan

masalah adalah bagaimana membangun sistem informasi antrian servis motor di PT.
AHASS Surya Cipta Pratama Semarang berbasis web.
1.3. Tujuan dan Manfaat
Tujuan dilaksanakannya Praktik Kerja Lapangan (PKL) ini adalah :

1. Menghasilkan sistem informasi antrian service motor yang mudah dipahami front
desk.
2. Menerapkan ilmu pengetahuan yang didapatkan di perkuliahan pada sistem yang
akan dibuat.
Manfaat dilaksanakannya PKL adalah :
1) Bagi Front Desk
Mempermudah front desk sebagai admin dalam mengelola data antrian servis
motor PT. AHASS Surya Cipta Pratama Semarang.
2) Bagi Mahasiswa
Mahasiswa mendapatkan pengetahuan yang telah diterapkan di perkuliahan
dan pengalaman baru dalam membangun suatu sistem dan pengujian kepada
front desk , manajemen waktu, pertanggungjawaban terhadap kepuasan
pelanggan dalam pelayanan sistem yang akan dibuat.
1.4. Ruang Lingkup
Ruang lingkup PKL dalam perancangan Sistem Informasi Antrian Servis Motor Di
PT. AHASS Surya Cipta Pratama Semarang ini adalah sebagai berikut :
1. Bentuk implementasi pada Sistem Informasi Antrian Servis Motor di PT.
AHASS Surya Cipta Pratama Semarang berbasis web menggunakan model
Waterfall dengan bahasa pemrograman, yaitu PHP dan Javascript dengan DBMS
MySQL dan framework Bootstrap.
2. Sistem ini memiliki fitur khusus, yaitu SMS gateaway secara otomatis untuk
peringatan kepada pelanggan servis motor.
3. Sistem ini memiliki satu (1) penggguna yang berperan, yaitu Front Desk.
4. Sistem ini hanya memiliki satu (1) akun untuk admin dalam pengelolaan data
antrian pelanggan servis motor.
2
BAB II
TINJAUAN PERUSAHAAN
Bab ini berisikan gambaran secara umum mengenai perusahaan tempat penulis
melaksanakan praktik kerja lapangan yang terdiri dari profil perusahaan yang ditinjau, visi
dan misi serta struktur penyusunan organisasi perusahaan.
2.1. Profil Perusahaan
Profil Perusahaan PT. AHASS Surya Cipta Pratama Semarang akan dijelaskan sebagai
berikut .
Nama Perusahaan : AHASS SURYA CIPTA PRATAMA SEMARANG
Alamat : Jl. Doktor Cipto Mangunkusumo No. 82, Sarirejo,
Semarang Timur, Kota Semarang, Jawa Tengah 50124
Telepon : 024 – 3546526
PT Astra Honda Motor (AHM) merupakan pelopor industri sepeda motor di Indonesia.
Didirikan pada 11 Juni 1971 dengan nama awal PT Federal Motor. Saat itu, PT Federal
Motor hanya merakit, sedangkan komponennya diimpor dari Jepang dalam bentuk CKD
(completely knock down). Tipe sepeda motor yang pertama kali di produksi Honda adalah
tipe bisnis, S 90 Z bermesin 4 tak dengan kapasitas 90cc. Jumlah produksi pada tahun
pertama selama satu tahun hanya 1500 unit, namun melonjak menjadi sekitar 30 ribu pada
tahun dan terus berkembang hingga saat ini. Sepeda motor terus berkembang dan menjadi
salah satu moda transportasi andalan di Indonesia. Seiring dengan perkembangan kondisi
ekonomi serta tumbuhnya pasar sepeda motor terjadi perubahan komposisi kepemilikan
saham di pabrikan sepeda motor Honda ini. Pada tahun 2001, PT Federal Motor dan
beberapa anak perusahaan di merger menjadi satu dengan nama PT Astra Honda Motor,
yang komposisi kepemilikan sahamnya menjadi 50% milik PT Astra International Tbk dan
50% milik Honda Motor Co. Japan. Saat ini PT Astra Honda Motor memiliki 4 fasilitas
pabrik perakitan, pabrik pertama berlokasi Sunter, Jakarta Utara yang juga berfungsi sebagai
kantor pusat. Pabrik ke dua berlokasi di Pegangsaan Dua, Kelapa Gading. Pabrik ke 3
berlokasi di kawasan MM 2100 Cikarang Barat, Bekasi. Pabrik ke 4 berlokasi di Karawang.
Pabrik ke 4 ini merupakan fasilitas pabrik perakitan terbaru yang mulai beroperasi sejak
tahun 2014. Dengan keseluruhan fasilitas ini PT Astra Honda Motor saat ini memiliki
kapasitas produksi 5.8 juta unit sepeda motor per-tahunnya, untuk permintaan pasar sepeda
3
motor di Indonesia yang terus meningkat. Salah satu puncak prestasi yang berhasil diraih PT
Astra Honda Motor adalah pencapaian produksi ke 50 juta pada tahun 2015. Prestasi ini
merupakan prestasi pertama yang yang berhasil diraih oleh industri sepeda motor di
Indonesia bahkan untuk tingkat ASEAN.
2.2. Visi dan Misi Perusahaan
PT. AHASS Surya Cipta Pratama memiliki visi yang merupakan visi PT. Astra Honda
Motor “AHM ingin menjadi pemimpin pasar sepeda motor di Indonesia dan menjadi pemain
kelas dunia, dengan mewujudkan impian konsumen, menciptakan kegembiraan bagi
konsumen dan berkontribusi kepada masyarakat Indonesia.”
PT. AHASS Surya Cipta Pratama memiliki misi yang merupakan misi PT. Astra
Honda Motor “Menciptakan solusi mobilitas bagi masyarakat dengan produk dan
pelayanan terbaik.”
2.3. Struktur Organisasi PT. AHASS Surya Cipta Pratama Semarang
Struktur Organisasi PT. AHASS Surya Cipta Pratama Semarang sebagai berikut :
1. Kepala Bengkel : Sunardi
2. Service Advisor 1 : M. Fahmi
a. Kepala Mekanik : Bambang P.
b. Final Inspector : Sunardi
c. Front Desk : 1) Alma
2) Fatul
3) Anggun
d. Part Warehouse : Anita
e. Admin CRM : Murti
f. Mekanik TTL3 : 1) Bambang P.
2) Pramono
3. Service Advisor 2 : Tri Hermanto
a. Mekanik TTL2 : 1) Slamet
2) Achmad
3) Alip
4) Khakiman
5) Budiono
6) Deni
4
7) Purwanto
8) Rizky
9) Trie
10) Wardi
4. Mekanik TTL1 : 1) Niam
2) Pujo
Gambaran umum dari struktur organisasi PT. AHASS Surya Cipta Pratama Semarang
dapat dilihat pada gambar 2.1.
Gambar 2.1. Struktur Organisasi PT. AHASS Surya Cipta Pratama
5
BAB III
LANDASAN TEORI
Bab ini dijabarkan mengenai landasan teori yang mencakup studi pustaka, teori
pendukung, dan garis besar penyelesaian masalah dalam pembuatan Sistem Informasi
Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang.
3.1. Studi Pustaka
Website adalah keseluruhan halaman – halaman web yang terdapat dalam sebuah
domain yang mengandung informasi. Sebuah website biasanya dibangun atas banyak
halaman web yang saling berhubungan. Hubungan antara satu halaman web dengan
halaman web lainnya disebut dengan hyperlink, sedangkan teks yang dijadikan media
penguhubung disebut hypertext. Istilah lain yang sering ditemui sehubungan dengan
webiste adalah homepage. Homepage adalah halaman awal sebuah domain. Misalnya
website www.lintau.com , halaman pertama yang muncul disebut dengan homepage, jika
mengklik menu – menu yang ada dan masuk ke lokasi lainnya disebut web page, sedangkan
keseluruhan isi/konten domain disebut website. (Yuhefizar, et al., 2006)
3.1.1. Aplikasi Website
Ada dua (2) macam aplikasi website, yaitu statis dan dinamis. Perbedaan antara
website statis dan dinamis adalah mengenai tingkat kepraktisan dalam pengelolaan website
itu sendiri, termasuk pengelolaan tingkat keamanan suatu website. (Jovan, 2007)
3.1.2. Sistem Informasi
Sistem Informasi adalah suatu sistem didalam suatu organisasi yang

mempertemukan kebutuhan pengelolaan transaksi harian, mendukung operasi, bersifat
6
manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu
dengan laporan-laporan yang dibutuhkan (Hutahaean, 2014).
3.1.3. Software untuk membangun Website
Terdapat beberapa software yang digunakan untuk membangun sebuah Sistem

Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang berbasis
website, yaitu :
1. Database Server
Database Server adalah tempat untuk menyimpan data yang akan dimunculkan di
website. Contoh Database Server yang digunakan adalah MySQL. (Suyoto, 2007)
2. Web Server
Web Server merupakan tempat untuk melayani request. Contoh web server yang akan
dipilih adalah Apache. (Suyoto, 2007)
3. Web Browser
Web Browser merupakan tempat untuk menampilkan hasil pada user. Contoh web
browser yang akan digunakan adalah IE (Internet Explorer) dan Mozilla Firefox.
(Suyoto, 2007)
4. Text Editor
Text Editor merupakan program yang digunakan untuk membuat dokumen HTML.
Contoh text editor yang bisa digunakan diantaranya: Ms. FrontPage, Dreamweaver,
dan Notepad. (Ali, 2010)
Terdapat tiga (3) bahasa pemrograman dan satu (1) framework yang digunakan untuk
membangun sebuah website , yaitu :
1) MySQL
Dalam bahasa SQL pada umumnya informasi tersimpan dalam tabel-tabel yang
secara logik merupakan struktur dua dimensi terdiri dari baris (record) dan kolom
(field), Sedangkan dalam sebuah database dapat terdiri dari beberapa tabel
(Setiawan, 2017).
2) Javascript
Javascript adalah bahasa scripting yang populer di sebagian besar browser.
Javascript disisipkan pada halaman web menggunakan tag <script></script>
7
(Setiawan, 2017). Kegunaan Javascript dalam bahasa scripting adalah menambah
interaktif suatu website.
3) PHP
PHP atau “Hypertext Prepocessor” merupakan sebuah bahasa scripting tingkat
tinggi yang dipasang pada dokumen HTML dengan tujuan utamanya adalah
memungkinkan perancang web yang dinamis dan dapat bekerja secara otomatis
(Setiawan, 2017). Aturan dasar dalam pemrograman PHP dalam penulisan dengan
menggunakan camel case atau case sensitive yang berarti perubahan pada huruf
dan penggunaan spasi dalam membuat kode berpengaruh pada methodnya dan file
disimpan dengan tipe “.php”.
4) Framework Bootstrap
Bootstrap adalah framework front-end yang intuitif dan kuat untuk pengembangan
aplikasi web yang lebih cepat dan mudah (Jubilee, 2016). Bootstrap menggunakan
HTML, CSS, dan Javascript. Bootstrap dikembangkan oleh Mark Otto dan Jacob
Thornton dari Twitter dan diluncurkan sebagai produk open source pada Agustus
2011 di GitHub. Bootstrap memiliki fitur-fitur komponen interface yang menarik
seperti Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts,
Modals, Tabs, Accordion, Carousel, dan lain sebagainya.
3.2. Konsep Berorientasi Objek
Konsep Berorientasi Objek (Object Oriented) adalah sebuah pendekatan

pengembangan perangkat lunak dan struktur perangkat lunak ini berdasarkan oleh benda-
benda berinteraksi satu sama lain untuk menyelesaikan tugas (Clark, 2011). Pembangunan
berorientasi objek menawarkan model yang berbeda dari pendekatan pengembangan
perangkat lunak tradisional, yang didasarkan pada fungsi dan prosedur.
Beberapa karakteristik yang terdapat dalam konsep berorientasi objek adalah sebagai
berikut:
1. Kelas
Kelas merupakan penggambaran satu set objek yang memiliki atribut yang sama.
Kelas mirip dengan tipe data ada pemrograman non objek, akan tetapi lebih
komprehensif karena terdapat struktur sekaligus karakteristiknya. Contoh kelas
dapat dilihat pada gambar 3.1.
8
AccountItem Nama
+ Notes : string
+ Order : OrderID
+ OrderBalance :currency Atribut
+ OrderStatus : String
+ GetItemalance() : currency
Method
+ GetOrderID() : OrderID
Gambar 3.1. Kelas AccountItem

Kelas baru dapat dibentuk lebih spesifik dari kelas ada. Pada umumnya, kelas
merupakan jantung dalam pemrograman berorientasi objek. Kelas memiliki dua (2)
elemen utama, yaitu :
a) Atribut
Atribut dari sebuah kelas adalah variabel global yang dimiliki sebuah kelas,
Atribut dapat memiliki hak akses private, public maupun protected. Sebuah
atribut yang dinyatakan sebagai private hanya dapat diakses secara langsung
oleh kelas yang membungkusnya, sedangkan kelas lainnya tidak dapat
mengakses atribut ini secara langsung.
b) Method
Method adalah fungsi atau prosedur yang dibuat oleh seorang programmer di
dalam suatu kelas. Dengan kata lain, method pada sebuah kelas hampir sama
dengan fungsi atau prosedur pada pemrograman prosedural. Pada sebuah
method di dalam sebuah kelas juga memiliki izin akses seperti halnya atribut
pada kelas, izin akses itu antara lain :
a. Private, tidak dapat dipanggil dari luar kelas yang
bersangkutan.
b. Protected, hanya dapat dipanggil oleh kelas yang
bersangkutan dan anak-anak yang mewarisinya.
c. Public, dapat dipanggil oleh siapa saja.
Sebuah kelas boleh memiliki lebih dari satu method dengan nama yang sama
asalkan memiliki parameter masukan yang berbeda sehingga kompiler dapat
9
mengenali method mana yang dipanggil. Didalam suatu kelas, behavior
(perilaku) disimpan dalam bentuk method.
Sebuah method memiliki peranan yang sangat penting, yaitu:
• mengubah nilai atribut dari suatu objek,
• menerima informasi dari objek lain
• mengirim informasi ke objek lain untuk melakukan suatu task
(cara objek berkomunikasi dengan objek lain adalah dengan
menggunakan method).
2. Objek
Objek merupakan struktur data untuk menggabungkan data dan prosedur agar
dapat bekerja dengan data.
3. Abstraksi
Abstraksi adalah kemampuan untuk melakukan abstraksi atau menyaring sifat

benda asing, akan terjadi kesulitan untuk memproses sejumlah informasi dan
konsentrasi pada tugas yang sedang dilakukan.
4. Enkapsulasi
Enkapsulasi adalah proses agar data yang ada tidak dapat diakses langsung,
melainkan tersembunyi.
5. Polimorfisme
Polimorfisme merupakan kemampuan dari dua objek yang berbeda untuk

melakukan pesan permintaan yang sama dengan cara yang berbeda.
6. Inheritance
Inheritance berguna untuk mengklasifikasikan objek dalam program sesuai

dengan karakteristik dan fungsi yang umum. Hal itu membuat bekerja dengan
objek menjadi lebih mudah dan intuitif dan juga membuat program menjadi lebih
mudah.
7. Agregrasi
Agregasi adalah ketika sebuah objek terdiri dari gabungan dari benda-benda lain
yang bekerja sama. Misalnya, mesin pemotong rumput adalah gabungan dari
10
objek roda, mesin, dan sebagainya. Bahkan, objek mesin adalah gabungan dari
berbagai objek.
3.3. Unified Modelling Language
Unified Modeling Language adalah bahasa yang digunakan untuk memodelkan

sebuah sistem sehingga dapat mengambil keputusan dan memahami tentang sistem yang
harus dibangun (Hermawan, 2004). UML dapat memodelkan dengan semua jenis aplikasi
yang dimana dapat berjalan pada piranti keras dan sistem operasi serta dikodekan dengan
berbagai jenis bahasa pemrograman . Notasi UML merupakan sekumpulan bentuk khusus
untuk menggambarkan berbagai diagram piranti lunak. Setiap bentuk memiliki makna
tertentu, dan UML syntax mendefinisikan bagaimana bentuk-bentuk tersebut dapat
dikombinasikan. Konsep dasar pada UML dapat dilihat pada tabel 3.1.
Tabel 3.1. Konsep Dasar pada UML
Major Area View Diagrams Main Concepts

Stack view Class diagram Class, association,
generalization,
dependency,
realization,
Structural interface
Use case view Use case diagram Use case, actor,
association,
extend, include, use
case generalization
Dynamic Interaction View Sequence Diagram Interaction, object,
message,
activation
Model Model Class Diagram Package,
management management view subsystem, model
Extensibility All All Constraint,
stereotype, tagged
values
Abstraksi pada konsep dasar UML yang terdiri dari structural classification,
dynamic behavior, dan model management. Main concepts dapat dipandang sebagai subjek
yang akan muncul pada saat kita membuat diagram.
UML memiliki tiga (3) diagram utama yang digunakan sebagai berikut :
11
1. Use Case Diagram
Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari

sebuah sistem yang menekankan adalah “apa” yang diperbuat sistem, dan
bukan “bagaimana”. Sebuah use case merepresentasikan sebuah interaksi
antara aktor dengan sistem. Seorang/sebuah aktor adalah sebuah entitas
manusia atau mesin yang berinteraksi dengan sistem untuk melakukan
pekerjaan-pekerjaan tertentu. Contoh Use Case Diagram dapat dilihat pada
Gambar 3.2.
Gambar 3.2. Use Case Diagram Clinic

2. Class Diagram
Class Diagram adalah sebuah spesifikasi yang jika diinstansiasi akan

menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain
berorientasi objek. Class Diagram menggambarkan keadaan (atribut/properti)
suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan
tersebut (metoda/fungsi). kelas dapat didefinisikan sebagai implementasi dari
sebuah interface, yaitu kelas abstrak yang hanya memiliki metoda. Interface
tidak dapat langsung diinstansiasikan, tetapi harus diimplementasikan dahulu
menjadi sebuah kelas.
12
Class Diagram menggambarkan struktur dan deskripsi kelas, package dan
objek beserta hubungan satu sama lain seperti containment, pewarisan,
asosiasi, dan lain-lain. Contoh Class Diagram, dapat dilihat pada Gambar 3.3.
Gambar 3.3. Class Diagram Pemesanan barang secara online

Pada Class Diagram, terdapat hubungan antar kelas serta penjelasannya yang
dapat dilihat pada tabel 3.2.
Tabel 3.2. Hubungan Antar Kelas dan Pewarisannya
No. Simbol Penjelasan
1. Asosiasi Relasi antar kelas dengan makna
umum.
2. Asosiasi berarah Relasi antar kelas dengan makna
kelas yang satu digunakan oleh
kelas yang lain.
3. Generalisasi Relasi antar kelas dengan makna
generalisasi – spesialisasi
(umum – khusus)
4. Dependency Relasi antar kelas dengan makna
kebergantungan antar kelas
5. Agregrasi Relasi antar kelas dengan makna
semua bagian
13
3. Sequence Diagram
Sequence Diagram menggambarkan skenario atau rangkaian langkah-langkah

yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output
tertentu. Diawali dari apa yang memicu aktivitas tersebut, proses dan perubahan
apa saja yang terjadi secara internal dan output apa yang dihasilkan. Masing-
masing objek, termasuk aktor, memiliki lifeline vertikal. Message digambarkan
sebagai garis berpanah dari satu objek ke objek lainnya. Pada fase desain
berikutnya, message akan dipetakan menjadi operasi/metoda dari kelas.
Activation bar menunjukkan lamanya eksekusi sebuah proses, biasanya diawali
dengan diterimanya sebuah message. Contoh Sequence Diagram dapat dilihat
pada gambar 3.4.
Gambar 3.4. Sequence Diagram Login Administrator

3.4. Software Requirement Specification
Software Requirement Specification (SRS) adalah permulaan dari suatu aktivitas

dalam mengembangkan sebuah perangkat lunak. Asumsi yang diperhatikan adalah seorang
pengembang harus memahami secara jelas ketika permasalahan tersebut dijelaskan oleh
user secara verbal dan informal. Secara luas, Software Requirement Specification yang
berarti menerjemahkan sebuah ide klien ke dalam bentuk dokumen yang bersifat formal
(Jalote, 1991).
SRS memiliki dua (2) persyaratan yang diklarifikasikan sebagai berikut
(Sommerville, 2001) :
14
1. Persyaratan Fungsional
Persyaratan Fungsional untuk sistem mendeskripsikan fungsionalitas atau
layanan yang diharapkan akan diberikan oleh sistem yang bergantung pada jenis
perangkat lunak yang sedang dikembangkan, user yang diharapkan
menggunakan perangkat lunak tersebut dan jenis sitem yang sedang
dikembangkan.
2. Persyaratan Non - Fungsional
Persyaratan Non – Fungsional adalah persyaratan yang tidak langsung
berhubungan dengan fungsi spesifik yang disediakan oleh sistem. Persyaratan
ini mungkin berhubungan dengan properti sistem yang muncul belakangan
seperti keandalan, waktu tanggap, dan penempatan pada media penyimpanan.
Alternatifnya, persyaratan ini dapat mendefinisikan batasan pada sistem seperti
kemampuan piranti I/O dan representasi data yang dipakai pada interface sistem.
Dalam pembuatannya, developer harus mengkuti standar penulisan yang ada. Standar
penulisan SRS dibuat dalam bentuk tabel dengan kode dan deskripsi yang mendefinisikan
setiap kebutuhan software (IEEE, 1998). Tabel standar penulisan SRS dapat dilihat pada
tabel 3.3.
Tabel 3.3. Software Requirement Specification
NO. SRS-ID DESKRIPSI
... SRS-XX-F/NF-YY …………..
Keterangan :
SRS : Software Requirement Spesification
XX : Nickname sistem yang dibangun
F/NF : F adalah fungsional dapat optional berupa NF (Non Fungsional)
YY : Nomor urut SRS (Software Requirement Spesification)
3.5. Pengujian Metode Blackbox
Pengujian metode blackbox merupakan pengujian yang memungkinkan perangkat

lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua
persyaratan fungsional untuk suatu program (Pressman, 2005). Pengujian metode blackbox
berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya :
1. Fungsi-fungsi yang salah atau hilang
2. Kesalahan interface
3. Kesalahan dalam struktur data atau akses database eksternal
15
4. Kesalahan performa
5. kesalahan inisialisasi dan terminasi
Representasi pengujian blackbox dapat dilihat pada gambar 3.5.
Gambar 3.5. Pengujian metode Blackbox

3.6. Model Object Oriented Software Engineering
Software Engineering merupakan suatu aktivitas permodelan perangkat lunak yang

berfokus pada rincian yang relevan. Model Object Oriented Software Engineering (OOSE)
menggabungkan domain aplikasi (dimodelkan sebagai satu set objek dan relasi) dan
aktivitas pemodelan domain solusi menjadi satu (Bruegge, 2010).
Beberapa tahap yang berkaitan dengan model Object Oriented Software Engineering
adalah sebagai berikut :
1. Requirement Elicitation
Requirement Elicitation merupakan tahapan awal dari pengembangan software
engineering yang mendefinisikan tujuan sistem yang dibuat serta spesifikasi yang
dibutuhkan untuk membuat sebuah sistem tersebut . Hasil dari tahapan ini adalah
deskripsi sistem secara fungsional dan non fungsional serta aktor dan use case.
2. Analysis
Dalam tahapan analisis, Pengembang mengubah kasus penggunaan yang
dihasilkan selama tahapan requirement elicitation menjadi model objek yang
menggambarkan sistem. Hasil analisis adalah class diagram dan sequence
diagram.
3. System Design
16
Pada tahap desain sistem, pengembang menentukan tujuan desain proyek dan
menguraikan sistem menjadi subsistem lebih kecil yang bisa direalisasikan oleh
tim secara individu. Pengembang juga menentukan strategi yang tepat untuk
membangun sebuah sistem.
4. Implementation
Dalam tahapan Implementasi, pengembang menerjemahkan model solusi (class
diagram) dalam kode sumber serta penerapan atribut dan metode masing-masing
objek serta mengintegrasikan semua objek sehingga dapat berfungsi sebagai satu
sistem.
5. Testing
Selama pengujian, pengembang akan menemukan perbedaan antara sistem dan
modelnya dengan mengeksekusi sistem (bagiannya) dengan kumpulan data
masukan sampel. Tujuan pengujian adalah menemukan banyak kesalahan
semaksimal mungkin sehingga dapat diberbaiki sebelum delivery system.
17
BAB IV
PEMBAHASAN
Bab ini membahas mengenai gambaran umum perangkat lunak, analisis sistem yang
dibuat, serta menjelaskan perancangan sistem informasi secara lebih rinci mengenai Sistem
Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang.
4.1. Gambaran Umum Perangkat Lunak
Mengantri merupakan suatu kejadian sehari-hari yang dapat ditemukan di berbagai

tempat. Munculnya antrian disebabkan oleh kapasitas layanan oleh pelanggan yang
melebihi kemampuan sehingga pengguna fasilitas tidak bisa segera mendapatkan
pelayanan disebabkan kesibukan layanan. Salah satu solusi agar dapat mengelola antrian
servis motor pelanggan yaitu adanya sistem informasi antrian yang dikelola oleh front desk.
Front Desk bertugas untuk mencatat data pelanggan sesuai antrian serta keluhan yang
sesuai kebutuhan pelanggan. PT. AHASS Surya Cipta Pratama memiliki sistem informasi
antrian yang masih bersifat statis.
Sistem informasi antrian servis motor di PT. AHASS Surya Cipta Pratama Semarang
dibuat dengan mengubah tampilan halaman web yang lebih menarik dan mudah dipahami
sehingga dapat digunakan oleh front desk dalam mengelola antrian servis motor untuk
mendapatkan pelayanan servis yang dibutuhkan. Sistem ini hanya digunakan oleh satu (1)
admin yang bertugas mengelola sistem, yaitu mengubah profil , mengatur data antrian
pelanggan servis motor dan reminder servis motor dimulai dari membaca, menambah,
mengubah, menghapus serta mengunduh dalam bentuk dokumen excel untuk daftar antrian
pelanggan servis motor dan dokumen pdf untuk reminder servis motor . Admin juga berhak
mengatur notifikasi pelanggan servis motor dengan SMS gateway dimulai dari mengetik dan
mengirim pesan serta mengelola kontak SMS pelanggan seperti menambah, mengubah,
menghapus kontak pelanggan servis motor. Arsitektur Sistem Informasi Antrian Servis
Motor di PT. AHASS Surya Cipta Pratama Semarang dapat dilihat pada gambar 4.1.
18
Gambar 4.1. Arsitektur Sistem Informasi Antrian Servis Motor di PT. AHASS
Surya Cipta Pratama Semarang
4.2. Requirement Elicitation
Requirement Elicitation dari sistem yang dibangun menghasilkan kebutuhan

fungsional , aktor, dan diagram use case.
4.2.1. Kebutuhan Fungsional
Kebutuhan fungsional Sistem Informasi Antrian Servis Motor di PT. AHASS Surya
Cipta Pratama Semarang dapat dilihat pada tabel 4.1.
Tabel 4.1. Kebutuhan Fungsional Sistem
No. SRS-SISERAHAS-F-ID Deskripsi Aktor

1. SRS-SISERAHAS-F-01 Login Admin
2. SRS-SISERAHAS-F-02 Logout Admin
3. SRS-SISERAHAS-F-03 Mengubah Akun Admin Admin
4. SRS-SISERAHAS-F-04 Mengelola Antrian Servis Motor Admin
5. SRS-SISERAHAS-F-05 Mencari Antrian Servis Motor Admin
6. SRS-SISERAHAS-F-06 Mengelola Reminder Servis Motor Admin
7. SRS-SISERAHAS-F-07 Mengelola SMS Servis Motor Admin
4.2.2. Kebutuhan Non – Fungsional
Kebutuhan non - fungsional Sistem Informasi Antrian Servis Motor di PT. AHASS
Surya Cipta Pratama Semarang dapat dilihat pada tabel 4.2.
Tabel 4.2. Kebutuhan Non - Fungsional Sistem
No. SRS-SISERAHAS-NF-ID Deskripsi

1. SRS-SISERAHAS-NF-01 Sistem hanya dapat diakses pada jaringan
perusahaan
19
4.2.3. Model Use Case
Model use case didefinisikan untuk mengetahui requirement sistem, khususnya

kebutuhan fungsional sistem. Model use case terdiri dari aktor, diagram use case , dan
skenario use case.
4.2.3.1. Aktor
Aktor yang digunakan pada diagram use case yaitu Admin. Deskripsi aktor Admin
dapat dilihat pada tabel 4.3.
Tabel 4.3. Aktor Admin pada Use Case
No. Aktor Deskripsi Hak Akses

1. Admin Pengguna yang memiliki 1. Login
akses untuk masuk ke dalam 2. Logout
sistem untuk mengelola 3. Mengubah Akun Admin
sistem informasi antrian 4. Mengelola Antrian Servis Motor
servis motor di PT. AHASS 5. Mencari Antrian Servis Motor
Surya Cipta Pratama 6. Mengelola Reminder Servis Motor
Semarang 7. Mengelola SMS Servis Motor
4.2.3.2. Daftar Use Case
Sistem Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama
Semarang memiliki daftar use case yang dapat dilihat pada tabel 4.4.
Tabel 4.4. Daftar Use Case
No. Use Case Deskripsi

1. Login Admin dapat masuk ke dalam sistem
dengan memasukkan username dan
password
2. Logout Admin dapat keluar dari sistem dengan
menekan tombol logout
3. Mengubah Akun Admin Admin dapat mengubah akun adminnya
4. Mengelola Antrian Servis Motor Admin dapat mengelola antrian servis
motor seperti menambah, mengubah,
menghapus, dan mengunduh data antrian
dalam bentuk dokumen excel
20
5. Mencari Antrian Servis Motor Admin dapat menampilkan data antrian
melalui pencarian berdasarkan nomor
polisi ataupun nama pemilik
6. Mengelola Reminder Servis Admin dapat mengelola reminder servis
Motor motor seperti menambah , mengubah,
menghapus , dan mengunduh reminder
dalam bentuk dokumen pdf.
7. Mengelola SMS Servis Motor Admin dapat mengelola SMS servis motor
seperti mengetik dan mengirim pesan serta
mengelola kontak pelanggan seperti
menambah, mengubah, dan menghapus
kontak
4.2.3.3. Use Case Diagram
Use Case Diagram merepresentasikan sebuah interaksi antara sebuah aktor

dengan kebutuhan fungsional sistem. Sistem Informasi Antrian Servis Motor di PT.
AHASS Surya Cipta Pratama Semarang memiliki diagram Use Case yang dapat dilihat
pada gambar 4.2.
Gambar 4.2. Diagram Use Case Sistem Antrian Servis Motor di PT. AHASS Surya
Cipta Pratama Semarang
21
4.2.3.4. Skenario Use Case
Skenario merupakan rincian dari use case. Skenario ini terdiri dari nomor, nama
aktor yang terlibat, flow of event, alternate scenario, dan exceptional scenario. Skenario
Use Case yang dibentuk dapat dilihat pada tabel 4.5. sampai tabel 4.11.
1. Login
Tabel 4.5. Skenario Login
Use Case : Login
ID UC-SISERAHAS-1
Aktor Admin
Initial State 1. Tabel Admin sudah tersedia
2. Pengguna berada di halaman login
Flow Of Events 1. Admin memasukkan username dan password
2. Admin mencocokkan username dan password yang
tersimpan pada tabel Admin
3. Username dan password tervalidasi benar
4. Pengguna berhasil masuk ke dalam sistem
Alternate Scenario -
Exceptional Scenario 1.1.Username dan password tervalidasi salah
1.2. Sistem menampilkan peringatan untuk memasukkan
kembali username dan password
Final State Admin masuk ke dalam sistem
2. Logout
Tabel 4.6. Skenario Logout
Use Case : Logout

ID UC-SISERAHAS-2
Aktor Admin
Initial State Pengguna berada dalam satu sesi sistem
Flow Of Events 1. Pengguna memilih menu keluar (Logout)
2. Pengguna berhasil keluar dari sistem
3. Menampilkan halaman login
22
Exceptional Scenario -
Final State Admin keluar dari sistem
3. Mengubah Akun Admin

Tabel 4.7. Skenario Mengubah Akun Admin
Use Case : Mengubah Akun Admin

ID UC-SISERAHAS-3
Aktor Admin
Initial State Tabel Admin sudah tersedia
Flow Of Events Admin dapat mengubah akun adminnya
Final State Data disimpan pada tabel Admin
4. Mengelola Antrian Servis Motor

Tabel 4.8. Mengelola Antrian Servis Motor
Use Case : Mengelola Antrian Servis Motor

ID UC-SISERAHAS-4
Aktor Admin
Initial State 1. Admin sudah melakukan login ke sistem
2. Tabel Antrian sudah tersedia
Flow Of Events 1. Admin dapat melihat antrian servis motor
2. Admin dapat menambah antrian servis motor
3. Admin dapat mengubah antrian servis motor
4. Admin dapat menghapus antrian servis motor
5. Admin dapat menghapus seluruh data antrian servis motor
6. Admin dapat mengunduh data antrian servis motor dalam
bentuk dokumen excel
Final State Data disimpan pada tabel Antrian
23
5. Mencari Antrian Servis Motor
Tabel 4.9. Mencari Antrian Servis Motor
Use Case : Mencari Antrian Servis Motor

ID UC-SISERAHAS-5
Aktor Admin
2. Data list Antrian sudah ada
Flow Of Events 1. Melakukan pencarian pada kotak pencarian yang sudah
tersedia
2. Mencari data dapat dilihat dari nomor polisi dan nama
pelanggan
3. Menampilkan data yang dicari
Final State data yang dicari ditampilkan
6. Mengelola Reminder Servis Motor

Tabel 4.10. Mengelola Reminder Servis Motor
Use Case : Mengelola Reminder Servis Motor

ID UC-SISERAHAS-6
Aktor Admin
2. Tabel Reminder sudah tersedia
Flow Of Events 1. Admin dapat melihat reminder servis motor
2. Admin dapat menambah reminder servis motor
3. Admin dapat mengubah reminder servis motor
4. Admin dapat menghapus reminder servis motor
5. Admin dapat mengunduh data reminder servis motor
dalam bentuk dokumen pdf
Final State Data disimpan pada tabel Reminder
24
7. Mengelola SMS Servis motor
Tabel 4.11. Mengelola SMS Servis Motor
Use Case : Mengelola SMS Servis Motor

ID UC-SISERAHAS-7
Aktor Admin
2. Tabel KontakPelanggan, PesanBaru, PesanKeluar,
PesanKirim sudah tersedia
Flow Of Events 1. Admin dapat mengetik pesan SMS
2. Admin dapat mengirim pesan SMS
3. Admin dapat melihat kontak pelanggan
4. Admin dapat menambah kontak pelanggan
5. Admin dapat mengubah kontak pelanggan
6. Admin dapat menghapus kontak pelanggan
7. Admin dapat mencari kontak pelanggan
8. Admin dapat melihat pesan keluar
9. Admin dapat mengirim ulang pesan keluar
10. Admin dapat menghapus pesan keluar
11. Admin dapat melihat pesan terkirim
12. Admin dapat mengubah pesan terkirim
13. Admin dapat menghapus pesan terkirim
Exceptional Scenario 1. Pesan yang belum terkirim akan masuk ke menu pesan
keluar dengan status “menunggu”
2. Pesan yang tidak terkirim ke pelanggan, maka pesan
tersebut berada di menu pesan keluar dengan status
“gagal”
Final State Data disimpan pada tabel KontakPelanggan, PesanBaru,
PesanKeluar, PesanKirim
25
4.3. Analysis
Analisis (Analysis) pada sebuah sistem mengubah kasus penggunaan yang dihasilkan
selama tahapan requirement elicitation menjadi model objek yang menggambarkan sistem.
Hasil analisis yang akan direprensetasikan adalah class diagram tahap analisis dan
sequence diagram.
4.3.1. Class Analysis dan Class Diagram
Class Analysis akan mentransformasikan use case menjadi class atau objek berupa
boundary, control, dan entity, sedangkan Class Diagram menggambarkan struktur dan
deskripsi kelas, package dan objek beserta hubungan satu sama lain. Hasil identifikasi class
analysis dapat dilihat pada tabel 4.11. dan untuk masing – masing boundary, control, dan
entity beserta deskripsinya dapat ditunjukkan pada tabel 4.12. sampai 4.14.
Tabel 4.12. Identifikasi Class Analysis
No. Nama Class Analysis Deskripsi

1. Admin Entity
2. Antrian Entity
3. Reminder Entity
4. KontakPelanggan Entity
5. PesanBaru Entity
6. PesanKeluar Entity
7. PesanKirim Entity
8. FormLogin Boundary
9. FormUbahAdmin Boundary
10. FormTambahAntrian Boundary
11. FormEditAntrian Boundary
12. FormHapusAntrian Boundary
13. FormTambahReminder Boundary
14. FormEditReminder Boundary
15. FormHapusReminder Boundary
16. FormLihatKontakPelanggan Boundary
17. FormTambahKontakPelanggan Boundary
18. FormEditKontakPelanggan Boundary
26
19. FormHapusKontakPelanggan Boundary
20. FormPesanBaru Boundary
21. FormKirimUlangPesanKeluar Boundary
22. FormHapusPesanKeluar Boundary
23. FormEditPesanKirim Boundary
24. FormHapusPesanKirim Boundary

25. ListAntrian Boundary
26. ListReminder Boundary
27. ListKontakPelanggan Boundary
28. DownloadAntrian Control
29. DownloadAntrian Control
30. Auth Control
31. FormAntrian Control
32. FormReminder Control
33. FormSMS Control
34. Account Control
35. SearchControl Control
Tabel 4.13. Entity Objects
Entity Object Attributes & Association Definition

Admin 1. username Admin merupakan entitas untuk
2. password menyimpan data administrator
3. nama_admin
4. no_handphone
Antrian 5. no_antrian Antrian merupakan entitas untuk
6. status menyimpan data antrian
7. no_polisi
8. nama_pelanggan
9. no_pkb
10. keluhan
11. tanggal_mulai
12. tanggal_selesai
27
13. mekanik
14. status_bayar
Reminder 1. no_kpb Reminder merupakan entitas
2. keterangan untuk menyimpan data reminder
3. biaya
4. fasilitas
KontakPelanggan 1. no_polisi KontakPelanggan merupakan
2. nama_pelanggan entitas untuk menyimpan data
3. no_handphone kontak pelanggan
PesanBaru 1. no_pesanbaru PesanBaru merupakan entitas
2. no_polisi untuk menyimpan data pesan baru
3. no_handphone
4. nama_pelanggan
5. isi_pesan
PesanKeluar 1. no_pesankeluar PesanKeluar merupakan entitas
2. tanggal_jam untuk menyimpan data pesan
3. no_polisi keluar
4. nama_pelanggan
5. no_handphone
6. isi_pesan
7. status_pesan
PesanKirim 1. no_pesankirim PesanKirim merupakan entitas
2. tanggal_jam untuk menyimpan data pesan
3. no_polisi terkirim
4. nama_pelanggan
5. no_handphone
6. isi_pesan
Tabel 4.14. Control Objects
Control Object Definition

Auth Mengelola Login dan Logout
FormAntrian Mengelola data Antrian Servis Motor
28
FormReminder Mengelola data Reminder Servis Motor
FormSMS Mengelola data Kontak Pelanggan, Pesan Baru, Pesan Keluar, dan
Pesan Kirim.
DownloadAntrian Mengelola proses pengunduhan file Antrian
DownloadReminder Mengelola proses pengunduhan file Reminder
Account Mengelola akun Admin
SearchControl Mengelola pencarian data Antrian dan data Pelanggan
Tabel 4.15. Boundary Objects
Boundary Object Definition

FormLogin Menampilkan form login
FormEditAdmin Menampilkan account untuk mengubah akun admin
FormTambahAntrian Menampilkan form untuk menambah antrian servis
motor oleh admin
FormEditAntrian Menampilkan form untuk mengedit antrian servis
motor oleh admin
FormHapusAntrian Menampilkan form untuk menghapus antrian servis
motor oleh admin
FormTambahReminder Menampilkan form untuk menambah reminder servis
motor oleh admin
FormEditReminder Menampilkan form untuk mengedit reminder servis
motor oleh admin
FormHapusReminder Menampilkan form untuk menghapus reminder
servis motor oleh admin
FormLihatKontakPelanggan Menampilkan form untuk melihat kontak pelanggan
SMS servis motor oleh admin
FormTambahKontakPelanggan Menampilkan form untuk menambah kontak
pelanggan SMS servis motor oleh admin
FormEditKontakPelanggan Menampilkan form untuk mengedit kontak
FormHapusKontakPelanggan Menampilkan form untuk menghapus kontak
29
FormPesanBaru Menampilkan form untuk menulis pesan SMS servis
motor oleh admin
FormKirimUlangPesanKeluar Menampilkan form untuk mengirim ulang pesan
keluar SMS servis motor oleh admin
FormHapusPesanKeluar Menampilkan form untuk menghapus pesan keluar
FormEditPesanKirim Menampilkan form untuk mengedit pesan terkirim
FormHapusPesanKirim Menampilkan message untuk menghapus pesan
terkirim SMS servis motor oleh admin
ListAntrian Menampilkan daftar antrian servis motor yang akan
diunduh dan dicari oleh admin
ListReminder Menampilkan daftar reminder servis motor yang
akan diunduh oleh admin
ListKontakPelanggan Menampilkan daftar kontak pelanggan servis motor
yang akan dicari oleh admin
Hasil class analysis pada tabel di atas tersebut direpresentasikan dalam bentuk class
diagram tahap analisis yang dapat dilihat pada gambar 4.3.
30
Gambar 4.3. Class Diagram Tahap Analisis Sistem Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang
31
4.3.2. Sequence Diagram
Sequence diagram menggambarkan interaksi objek yang diurutkan berdasarkan

waktu yang akan menghasilkan output tertentu. Penjelasan masing – masing sequence
diagram dapat dilihat pada gambar 4.4. sampai 4.25.
1. Login ke Sistem
Sequence Diagram dari Login ke sistem dapat dilihat Gambar 4.4.
Gambar 4.4. Sequence Diagram Login

Sequence Diagram pada Gambar 4.4. menunjukkan class-class yang terkait pada use
case untuk login ke sistem , di antaranya :
a. Class Boundary : FormLogin
b. Class Control : Auth
c. Class Entity : Admin
32
2. Logout dari Sistem
Sequence Diagram dari Logout dari sistem dapat dilihat pada Gambar 4.5.
Gambar 4.5. Sequence Diagram Logout

a. Class Boundary : FormLogin
b. Class Control : Auth
c. Class Entity : -
3. Mengubah Akun Admin
Sequence Diagram dari Mengubah Akun Admin dapat dilihat pada Gambar 4.6.
Gambar 4.6. Sequence Diagram Mengubah Akun Admin

a. Class Boundary : FormUbahAdmin
b. Class Control : Account
c. Class Entity : Admin
33
4. Mengelola Antrian Servis Motor
Sequence Diagram dari Mengelola Antrian Servis Motor dapat dilihat pada Gambar
4.7. sampai Gambar 4.11.
Gambar 4.7. Sequence Diagram Tambah Antrian Servis Motor

case untuk Menambah Antrian Servis Motor , di antaranya :
a. Class Boundary : FormTambahAntrian
b. Class Control : FormAntrian
c. Class Entity : Antrian
Gambar 4.8. Sequence Diagram Edit Antrian Servis Motor

case untuk Mengedit Antrian Servis Motor , di antaranya :
a. Class Boundary : FormEditAntrian
34
Gambar 4.9. Sequence Diagram Hapus Antrian Servis Motor
case untuk Menghapus Antrian Servis Motor , di antaranya :
a. Class Boundary : FormHapusAntrian
Gambar 4.10. Sequence Diagram Hapus Semua Antrian Servis Motor

case untuk Menghapus Semua Antrian Servis Motor , di antaranya :
a. Class Boundary : FormHapusSemuaAntrian
35
Gambar 4.11. Sequence Diagram Unduh Antrian Servis Motor
case untuk Mengunduh Antrian Servis Motor , di antaranya :
a. Class Boundary : ListAntrian
b. Class Control : Download
5. Mencari Antrian Servis Motor
Gambar 4.12. Sequence Diagram Mencari Antrian Servis Motor

Sequence Diagram dari Mencari Antrian Servis Motor ditunjukkan oleh Gambar 4.12.
case untuk Mencari Antrian Servis Motor , di antaranya :
a. Class Boundary : ListAntrian
b. Class Control : SearchControl
36
6. Mengelola Reminder Servis Motor
Sequence Diagram dari Mengelola Reminder Servis Motor dapat dilihat pada Gambar
4.13. sampai Gambar 4.16.
Gambar 4.13. Sequence Diagram Tambah Reminder Servis Motor

case untuk Menambah Reminder Servis Motor , di antaranya :
a. Class Boundary : FormTambahReminder
b. Class Control : FormReminder
c. Class Entity : Reminder
Gambar 4.14. Sequence Diagram Edit Reminder Servis Motor

case untuk Mengedit Reminder Servis Motor , di antaranya :
a. Class Boundary : FormEditReminder
37
Gambar 4.15. Sequence Diagram Hapus Reminder Servis Motor
case untuk Menghapus Reminder Servis Motor , di antaranya :
a. Class Boundary : FormHapusReminder
Gambar 4.16. Sequence Diagram Unduh Reminder Servis Motor

case untuk Mengunduh Reminder Servis Motor , di antaranya :
a. Class Boundary : ListReminder
b. Class Control : Download
38
7. Mengelola SMS Servis Motor
Sequence Diagram dari Mengelola SMS Servis Motor dapat dilihat pada Gambar 4.17.
sampai Gambar 4.26.
Gambar 4.17. Sequence Diagram Lihat Kontak Pelanggan Servis Motor

case untuk Lihat Kontak Pelanggan Servis Motor , di antaranya :
a. Class Boundary : FormLihatKontakPelanggan
b. Class Control : FormSMS
c. Class Entity : KontakPelanggan
Gambar 4.18. Sequence Diagram Tambah Kontak Pelanggan Servis Motor

case untuk Menambah Kontak Pelanggan Servis Motor , di antaranya :
a. Class Boundary : FormTambahKontakPelanggan
39
Gambar 4.19. Sequence Diagram Edit Kontak Pelanggan Servis Motor
case untuk Mengedit Kontak Pelanggan Servis Motor , di antaranya :
a. Class Boundary : FormEditKontakPelanggan
Gambar 4.20. Sequence Diagram Hapus Kontak Pelanggan Servis Motor

case untuk Menghapus Kontak Pelanggan Servis Motor , di antaranya :
a. Class Boundary : FormHapusKontakPelanggan
40
Gambar 4.21. Sequence Diagram Cari Kontak Pelanggan Servis Motor
case untuk Mencari Kontak Pelanggan Servis Motor , di antaranya :
a. Class Boundary : ListKontakPelanggan
b. Class Control : SearchControl
Gambar 4.22. Sequence Diagram Pesan Baru

case untuk Membuat Pesan Baru , diantaranya :
a. Class Boundary : FormPesanBaru
41
Gambar 4.23. Sequence Diagram Kirim Ulang Pesan Keluar
case untuk Mengirim Ulang Pesan Keluar di antaranya :
a. Class Boundary : FormKirimUlangPesanKeluar
c. Class Entity : PesanKeluar
Gambar 4.24. Sequence Diagram Hapus Pesan Keluar

case untuk Menghapus Pesan Keluar , di antaranya :
a. Class Boundary : FormHapusPesanKeluar
c. Class Entity : PesanKeluar
42
Gambar 4.25. Sequence Diagram Edit Pesan Kirim
case untuk Mengedit Pesan Kirim, diantaranya :
a. Class Boundary : FormEditPesanKirim
c. Class Entity : PesanKirim
Gambar 4.26. Sequence Diagram Hapus Pesan Kirim

case untuk Menghapus Pesan Kirim, diantaranya :
a. Class Boundary : FormHapusPesanKirim
c. Class Entity : PesanKirim
43
4.4. System Design
Desain Sistem (System Design) merupakan perancangan yang dibuat untuk

mendeskripsikan secara jelas bentuk sistem dari analisis sistem sebelum
diimplementasikan. Desain sistem yang dirancang adalah desain basis data, class diagram
tahap desain, dan rancangan antarmuka.
4.4.1. Basis Data
Sistem Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama
Semarang menggunakan basis data untuk menyimpan data – datanya. Rancangan basis
data yang digunakan sistem terdiri atas tujuh (7) tabel. Keterangan dari tiap tabel tersebut
dapat dilihat pada tabel 4.16 sampai 4.22.
1. Tabel Admin
Nama Tabel : Admin
Deskripsi : Merupakan tabel berisikan data admin
Primary Key : username
Tabel 4.16. Deskripsi Tabel Admin
ID Field Deskripsi Tipe Keterangan

username Username admin varchar(20) Primary Key
password Password admin varchar(30)
nama_admin Nama admin varchar(50)
no_handphone Nomor Handphone admin varchar(12)
2. Tabel KontakPelanggan
Nama Tabel : KontakPelanggan
Deskripsi : Merupakan tabel berisikan data kontak pelanggan
Primary Key : no_polisi
Tabel 4.17. Deskripsi Tabel KontakPelanggan
no_polisi Nomor polisi motor varchar(30) Primary Key

pelanggan
nama_pelanggan Nama pelanggan servis motor varchar(60)
no_handphone Nomor handphone pelanggan varchar(12)
servis motor
44
3. Tabel PesanBaru
Nama Tabel : PesanBaru
Deskripsi : Merupakan tabel berisikan data pesan baru
Primary Key : no_pesanbaru
Tabel 4.18. Deskripsi Tabel PesanBaru
no_pesanbaru Penomoran pada pesan baru int(4) Primary Key

yang akan dikirim
no_polisi Nomor polisi motor varchar(30) Foreign Key
pelanggan

servis motor
isi_pesan Isi pesan yang akan dikirim text
4. Tabel PesanKeluar
Nama Tabel : PesanKeluar
Deskripsi : Merupakan tabel berisikan data pesan keluar
Primary Key : no_pesankeluar
Tabel 4.19. Deskripsi Tabel PesanKeluar
no_pesankeluar Penomoran pada pesan keluar int(4) Primary Key
tanggal_jam Tanggal dan jam pengiriman datetime

pesan
pelanggan

servis motor
45
status_pesan Status pengiriman pesan enum(‘0’,’1’)
kepada pelanggan servis
motor , yaitu berhasil atau
gagal
5. Tabel PesanKirim
Nama Tabel : PesanBaru
Deskripsi : Merupakan tabel berisikan data pesan baru
Primary Key : no_pesanbaru
Tabel 4.20. Deskripsi Tabel PesanKirim
no_pesankirim Penomoran pada pesan int(4) Primary Key

terkirim
tanggal_jam Tanggal dan jam pengiriman datetime
pesan
pelanggan

servis motor
6. Tabel Antrian
Nama Tabel : Antrian
Deskripsi : Merupakan tabel berisikan data antrian
Primary Key : no_antrian
Tabel 4.21. Deskripsi Tabel Antrian

no_antrian Nomor antrian int(3) Primary Key
status Status antrian yaitu, proses, enum
menunggu, selesai, dan batal (‘1’,’2’,’3’,’4’)
servis
46
pelanggan
no_pkb Nomor perintah kerja varchar(16)
bengkel (PKB)
keluhan Keluhan pelanggan servis text
motor
tanggal_mulai Tanggal mulai servis motor timestamp
tanggal_selesai Tanggal selesai servis motor timestamp
mekanik Nama mekanis servis motor varchar(20)
status_bayar Status pembayaran servis enum(‘0’, ‘1’)

motor pelanggan yaitu, sudah
atau belum
7. Tabel Reminder
Nama Tabel : Reminder
Deskripsi : Merupakan tabel berisikan data reminder
Primary Key : no_kpb
Tabel 4.22. Deskripsi Tabel Reminder
no_kpb Nomor Kartu Perawatan Berkala varchar(5) Primary Key

(KPB) berdasarkan angka romawi
keterangan Keterangan pada KPB text
biaya Biaya KPB dapat berupa angka varchar(10)

atau teks
fasilitas Fasilitas servis motor varchar(100)
47
4.4.2. Class Diagram
Class Diagram tahap desain merupakan pengembangan dari class diagram tahap analisis yang memiliki atribut dari entitas dengan
mencantumkan parameter yang sudah didesain di basis data. Class diagram tahap desain dapat dilihat pada gambar 4.27.
Gambar 4.27. Class Diagram Tahap Desain Sistem Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang
48
4.4.3. Rancangan Antarmuka
Rancangan Antarmuka merupakan desain awal yang menggambarkan antarmuka

dari sistem yang dibuat. Perancangan antarmuka yang ditampilkan adalah gambaran
antarmuka dari setiap fitur yang ada pada suatu sistem. Perancangan antarmuka Sistem
Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang dapat
dilihat pada gambar 4.28 sampai gambar 4.56.
Gambar 4.28. Rancangan Antarmuka Login

Gambar 4.28. merupakan rancangan antarmuka login dari Sistem Informasi Antrian Servis
Motor di. PT. AHASS Surya Cipta Pratama Semarang. Pada halaman login, terdapat kolom
username dan kolom password admin. Admin yang terlibat adalah Front Desk. Pada saat
login, pengguna harus memasukkan username adminnya, kemudian klik tombol login untuk
memasuki halaman admin.
Gambar 4.29. Rancangan Antarmuka Logout

Gambar 4.29. merupakan rancangan antarmuka logout dari Sistem Informasi Antrian Servis
Motor di. PT. AHASS Surya Cipta Pratama Semarang. Tombol logout terdapat pada seluruh
halaman pada sistem ini. Untuk keluar dari sistem, admin menekan tombol logout kemudian
49
muncul notifikasi untuk keluar dari sistem. Jika Ya, maka akan kembali ke halaman Login
(Gambar 4.28.). Jika Tidak, maka kembali ke halaman sistem yang dituju.
Gambar 4.30. Rancangan Antarmuka Tampilan Awal Admin

Gambar 4.30. merupakan rancangan antarmuka tampilan awal admin dari Sistem Informasi
Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Setelah login, Admin
memasuki halaman tampilan awal, yaitu halaman admin. Halaman admin memiliki fitur
notifikasi sistem yang berisikan mengenai sistem informasi antrian servis motor secara detail
sehingga admin lebih memahami mengenai sistem , dan widget jam analog.
Gambar 4.31. Rancangan Antarmuka Mengubah Akun Admin

Gambar 4.31. merupakan rancangan antarmuka mengubah akun admin dari Sistem
Informasi Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Pada
halaman akun admin, terdapat kolom username, kolom password, dan kolom nomor
handphone yang akan digunakan untuk kontak admin yang akan mengirimkan pesan SMS
kepada pelanggan (Gambar 4.50. sampai Gambar 4.56.). untuk mengubah akun admin,
50
admin mengisikan username, password atau nomor handphone yang ingin diubah, kemudian
tekan tombol simpan untuk menyimpan data akun admin tersebut.
Gambar 4.32. Rancangan Antarmuka Tampilan Awal Antrian Servis Motor

Gambar 4.32. merupakan rancangan antarmuka tampilan awal antrian dari Sistem Informasi
Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Pada saat menekan
menu antrian, maka admin memasuki halaman antrian yang terdiri dari tabel data antrian
pelanggan servis motor beserta fitur aksi edit dan hapus antrian, fitur tambah antrian, hapus
semua antrian, fitur kotak cari berdasarkan nomor polisi dan pemilik, dan fitur unduh antrian
dalam bentuk dokumen excel.
Gambar 4.33. Rancangan Antarmuka Tambah Antrian Servis Motor

Gambar 4.33. merupakan rancangan antarmuka tambah antrian dari Sistem Informasi
Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Untuk memasuki
halaman tambah antrian, pada menu Antrian (Gambar 4.32.), tekan tombol tambah antrian
maka admin memasuki halaman tambah antrian. Setelah itu, admin dapat mengisikan data
51
antrian yang sesuai, kemudian tekan tombol simpan untuk menyimpan data antrian yang
akan ditambah ke menu antrian.
Gambar 4.34. Rancangan Antarmuka Edit Antrian Servis Motor

Gambar 4.34. merupakan rancangan antarmuka edit antrian dari Sistem Informasi Antrian
Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Untuk memasuki halaman
edit antrian, pada menu Antrian (Gambar 4.32.) di tabel antrian, tekan tombol aksi edit
maka admin memasuki halaman edit antrian. Setelah itu, admin dapat mengedit data antrian
yang sesuai, kemudian tekan tombol simpan untuk menyimpan data antrian yang diedit ke
menu antrian.
Gambar 4.35. Rancangan Antarmuka Hapus Antrian Servis Motor

Gambar 4.35. merupakan rancangan antarmuka hapus antrian dari Sistem Informasi Antrian
Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Untuk menghapus antrian,
pada menu Antrian (Gambar 4.32.) di tabel antrian, tekan tombol aksi hapus maka muncul
notifikasi untuk menghapus data antrian. Jika tekan tombol Ya, maka data antrian telah
52
dihapus. Jika tekan tombol Tidak, maka data antrian tidak terhapus dan kembali ke halaman
antrian .
Gambar 4.36. Rancangan Antarmuka Hapus Semua Antrian Servis Motor

Gambar 4.36. merupakan rancangan antarmuka hapus semua antrian dari Sistem Informasi
Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Untuk menghapus
semua antrian, pada menu Antrian (Gambar 4.32.), tekan tombol hapus semua maka
muncul notifikasi untuk menghapus semua data antrian. Jika tekan tombol Ya, maka semua
data antrian telah dihapus. Jika tekan tombol Tidak, maka semua data antrian tidak terhapus
dan kembali ke halaman antrian.
Gambar 4.37. Rancangan Antarmuka Unduh Antrian Servis Motor

Gambar 4.37. merupakan rancangan antarmuka unduh antrian dari Sistem Informasi Antrian
Servis Motor di. Untuk mengunduh antrian, pada menu Antrian (Gambar 4.32.), tekan
tombol unduh antrian maka muncul notifikasi untuk mengunduh data antrian. Jika tekan
tombol Ya, maka masuk ke halaman unduhan yang berisi dokumen excel antrian . Jika tekan
tombol Tidak, maka data tidak terunduh dan kembali ke halaman antrian .
53
Gambar 4.38. Rancangan Antarmuka Mencari Antrian Servis Motor
Gambar 4.38. merupakan rancangan antarmuka mencari antrian dari Sistem Informasi
Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Untuk mencari
antrian, pada menu Antrian (Gambar 4.32.), ketik data yang akan dicari pada kotak
pencarian berdasarkan nomor polisi atau pelanggan, kemudian tekan tombol cari. Jika data
yang dicari ketemu, maka muncul data antrian yang dicari. Jika data yang dicari tidak
ketemu, maka data antrian yang dicari tidak muncul atau data antrian kosong.
Gambar 4.39. Rancangan Antarmuka Tampilan Awal Reminder Servis Motor
Gambar 4.39. merupakan rancangan antarmuka tampilan awal reminder dari Sistem
Informasi Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Pada saat
menekan menu reminder , maka admin memasuki halaman reminder yang terdiri dari fitur
tambah reminder, tabel reminder serta aksi edit dan hapus, dan unduh reminder dalam
bentuk dokumen pdf.
54
Gambar 4.40. Rancangan Antarmuka Tambah Reminder Servis Motor
Gambar 4.40. merupakan rancangan antarmuka tambah reminder dari Sistem Informasi
Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. untuk menambah
reminder, pada menu Reminder (Gambar 4.39.), tekan tombol tambah reminder maka
admin memasuki halaman tambah reminder. Pada halaman reminder, admin dapat mengisi
data reminder pada kolom yang sesuai kemudian setelah data terisi, tekan tombol simpan
untuk menyimpan data yang telah ditambahkan ke menu reminder.
Gambar 4.41. Rancangan Antarmuka Edit Reminder Servis Motor

Gambar 4.41. merupakan rancangan antarmuka edit reminder dari Sistem Informasi Antrian
Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. untuk mengedit reminder,
pada menu Reminder (Gambar 4.39.) di tabel reminder, tekan tombol aksi edit maka admin
memasuki halaman edit reminder. Pada halaman edit reminder, admin dapat mengedit data
reminder pada kolom yang sesuai kemudian setelah data diedit, tekan tombol simpan untuk
menyimpan data yang telah diedit ke menu reminder.
55
Gambar 4.42. Rancangan Antarmuka Hapus Reminder Servis Motor
Gambar 4.42. merupakan rancangan antarmuka hapus reminder dari Sistem Informasi
Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Untuk menghapus
reminder, pada menu Reminder (Gambar 4.39.) di tabel reminder, tekan tombol aksi hapus
maka muncul notifikasi untuk menghapus data reminder. Jika tekan tombol Ya, maka data
reminder telah dihapus. Jika tekan tombol Tidak, maka data reminder tidak terhapus dan
kembali ke halaman reminder.
Gambar 4.43. Rancangan Antarmuka Unduh Reminder Servis Motor

Gambar 4.43. merupakan rancangan antarmuka unduh reminder dari Sistem Informasi
Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Untuk mengunduh
reminder, pada menu Reminder (Gambar 4.39.), tekan tombol unduh reminder maka
muncul notifikasi untuk mengunduh data reminder. Jika tekan tombol Ya, maka masuk ke
halaman unduhan yang berisi dokumen pdf reminder . Jika tekan tombol Tidak, maka data
tidak terunduh dan kembali ke halaman reminder .
56
Gambar 4.44. Rancangan Antarmuka Tampilan Awal Kontak Pelanggan Servis Motor
Gambar 4.44. merupakan rancangan antarmuka tampilan awal kontak pelanggan pada menu
SMS dari Sistem Informasi Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama
Semarang. Pada menu SMS, tekan submenu Daftar Kontak maka admin akan memasuki ke
halaman daftar kontak yang terdiri dari fitur tambah kontak, kotak cari kontak, tabel kontak
beserta aksi detail , edit, dan hapus.
Gambar 4.45. Rancangan Antarmuka Tambah Kontak Pelanggan Servis Motor

Gambar 4.45. merupakan rancangan antarmuka tambah kontak pelanggan pada menu SMS
dari Sistem Informasi Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang.
Untuk melihat data kontak secara detail, pada menu SMS Servis Motor, submenu Daftar
Kontak (Gambar 4.44.), tekan tombol tambah kontak maka admin akan memasuki ke
halaman tambah kontak pelanggan. Pada halaman tambah kontak, admin dapat mengisi data
kontak yang sesuai. Setelah itu, tekan tombol simpan untuk menyimpan data kontak yang
telah ditambahkan ke menu daftar kontak.
57
Gambar 4.46. Rancangan Antarmuka Lihat Kontak Pelanggan Servis Motor
Gambar 4.46. merupakan rancangan antarmuka lihat kontak pelanggan pada menu SMS dari
Sistem Informasi Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang.
Untuk menambahkan data kontak, pada menu SMS, submenu Daftar Kontak (Gambar
4.44.) di tabel kontak, tekan tombol aksi detail maka admin memasuki ke halaman detail
kontak pelanggan yang akan dilihat. Jika sudah melihat data kontak, maka tekan tombol
kembali ke halaman daftar kontak.
Gambar 4.47. Rancangan Antarmuka Edit Kontak Pelanggan Servis Motor

Gambar 4.47. merupakan rancangan antarmuka edit kontak pelanggan pada menu SMS dari
Untuk mengedit data kontak, pada menu SMS, submenu Daftar Kontak (Gambar 4.44.) di
tabel kontak, tekan tombol aksi edit maka admin akan memasuki ke halaman edit kontak
pelanggan. Pada halaman edit kontak, admin dapat mengedit data kontak yang sesuai.
Setelah itu, tekan tombol simpan untuk menyimpan data kontak yang telah diedit ke menu
daftar kontak.
58
Gambar 4.48. Rancangan Antarmuka Hapus Kontak Pelanggan Servis Motor
Gambar 4.48. merupakan rancangan antarmuka hapus kontak pelanggan pada menu SMS
Untuk menghapus data kontak, pada Menu SMS, submenu Daftar Kontak (Gambar 4.44.)
di tabel kontak, tekan tombol aksi hapus maka muncul notifikasi untuk menghapus data
kontak. Jika tekan tombol Ya, maka data kontak telah terhapus. Jika tekan tombol Tidak,
maka data kontak tidak terhapus dan kembali ke halaman daftar kontak.
Gambar 4.49. Rancangan Antarmuka Cari Kontak Pelanggan Servis Motor

Gambar 4.49. merupakan rancangan antarmuka cari kontak pelanggan pada menu SMS dari
Untuk mencari kontak, pada menu SMS, submenu Daftar Kontak (Gambar 4.44.), ketik
data yang akan dicari pada kotak pencarian. Jika data yang dicari ketemu, maka muncul data
kontak yang dicari. Jika data yang dicari tidak ketemu, maka data kontak yang dicari tidak
muncul atau data kontak kosong.
59
Gambar 4.50. Rancangan Antarmuka Tampilan Awal Pesan Baru
Gambar 4.50. merupakan rancangan antarmuka tampilan awal pesan baru pada menu SMS
Untuk menulis pesan baru, pada menu SMS, submenu Pesan Baru, ketik data pesan baru
beserta isi pesan yang akan dikirimkan. Setelah itu, tekan tombol kirim. Jika berhasil
terkirim, maka pesan masuk ke submenu Pesan Terkirim (Gambar 4.54.). Jika gagal
terkirim, maka pesan masuk ke submenu Pesan Keluar (Gambar 4.51.).
Gambar 4.51. Rancangan Antarmuka Tampilan Awal Pesan Keluar

Gambar 4.51. merupakan rancangan antarmuka tampilan awal pesan keluar pada menu SMS
Pada menu SMS, tekan submenu Pesan Keluar, maka admin memasuki halaman pesan
keluar yang terdiri dari tabel data pesan yang berstatus gagal kirim beserta tombol aksi kirim
ulang dan hapus.
60
Gambar 4.52. Rancangan Antarmuka Kirim Ulang Pesan Keluar
Gambar 4.52. merupakan rancangan antarmuka kirim ulang pesan keluar pada menu SMS
untuk mengirimkan ulang pesan, Pada menu SMS, submenu Pesan Keluar (Gambar 4.51.)
di tabel pesan keluar, tekan tombol aksi kirim ulang maka admin memasuki halaman pesan
keluar yang akan dikirim ulang. Pada halaman ini, pesan yang dikirim ulang dikhususkan
untuk mengirim pesan tidak termasuk mengedit pesan terlebih dahulu. Setelah memasuki
halaman pesan keluar, jika status pengiriman gagal, tekan tombol kirim untuk mengirim
ulang pesan tersebut. Jika berhasil terkirim, maka pesan masuk ke submenu Pesan Terkirim
(Gambar 4.54.). Jika gagal terkirim, maka pesan masuk ke submenu Pesan Keluar
(Gambar 4.51.).
Gambar 4.53. Rancangan Antarmuka Hapus Pesan Keluar

Gambar 4.53. merupakan rancangan antarmuka hapus pesan keluar pada menu SMS dari
Untuk menghapus pesan keluar yang gagal dikirim, pada menu SMS, submenu Pesan
Keluar (Gambar 4.51.) di tabel pesan keluar, tekan tombol aksi hapus maka muncul
61
notifikasi untuk menghapus pesan yang berada di tabel pesan keluar. Jika tekan tombol Ya,
maka pesan yang berada di pesan keluar terhapus. Jika tekan tombol Tidak, maka pesan tidak
terhapus dan kembali ke halaman pesan keluar.
Gambar 4.54. Rancangan Antarmuka Tampilan Awal Pesan Kirim

Gambar 4.54. merupakan rancangan antarmuka tampilan awal pesan kirim pada menu SMS
Pada menu SMS, tekan submenu Pesan Terkirim maka admin memasuki halaman pesan
terkirim yang terdiri dari tabel data pesan yang terkirim beserta tombol aksi edit dan hapus.
Gambar 4.55. Rancangan Antarmuka Edit Pesan Kirim

Gambar 4.55. merupakan rancangan antarmuka edit pesan kirim pada menu SMS dari Sistem
Informasi Antrian Servis Motor di. PT. AHASS Surya Cipta Pratama Semarang. Untuk
mengedit pesan kirim, pada menu SMS, submenu Pesan Terkirim (Gambar 4.54.) di tabel
pesan terkirim, tekan tombol aksi edit maka admin memasuki halaman pesan terkirim dan
mengedit data pesan yang akan dikirimkan kembali. Setelah mengedit pesan tersebut, tekan
62
tombol kirim untuk mengirimkan pesan tersebut. Pesan yang dikirim akan masuk ke halaman
Pesan Terkirim (Gambar 4.54.).
Gambar 4.56. Rancangan Antarmuka Hapus Pesan Kirim

Gambar 4.56. merupakan rancangan antarmuka tampilan hapus pesan kirim pada menu SMS
Untuk menghapus pesan kirim, pada menu SMS, submenu Pesan Terkirim (Gambar 4.54.)
di tabel pesan terkirim, tekan tombol aksi hapus maka muncul notifikasi untuk menghapus
pesan yang berada di tabel pesan terkirim. Jika tekan tombol Ya, maka pesan yang berada di
pesan terkirim terhapus. Jika tekan tombol Tidak, maka pesan tidak terhapus dan kembali ke
halaman pesan terkirim.
63
4.5. Implementation
Implementation merupakan hasil realisasi dari tahap desain sistem yang

menggunakan data MySQL, bahasa pemrograman PHP dan Javascript, dan framework
Bootstrap. Hasil implementasi tersebut meliputi implementasi basis data, implementasi
class , dan implementasi antarmuka.
4.5.1. Implementasi Basis Data
Implementasi basis data merupakan realisasi dari desain basis data yang telah dibuat
pada proses perancangan data menjadi basis data dengan menggunakan MySQL. Pada
Sistem Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang ,
basis data dibuat tujuh (7) tabel yang dapat dilihat pada gambar 4.57.
Gambar 4.57. Implementasi Basis Data Sistem Informasi Antrian Servis Motor di PT.
AHASS Surya Cipta Pratama Semarang
Query untuk membuat basis data Sistem Informasi Antrian Servis Motor di PT.
AHASS Surya Cipta Pratama Semarang dapat dilihat pada listing 4.1.
Listing 4.1. Membuat Database Siserahas
CREATE DATABASE siserahas;
64
Tabel – tabel yang dibuat dalam sistem manajemen basis data “siserahas” adalah
sebagai berikut :
1. Admin
Tabel Admin berisikan informasi mengenai data administrator sistem dengan atribut –
atributnya. Query untuk membuat tabel admin dapat dilihat pada listing 4.2.
Listing 4.2. Membuat Tabel Admin
CREATE TABLE àdmin` (
ùsername` varchar(20) NOT NULL,
`password` varchar(40) NOT NULL,
`nama_admin` varchar(50) NOT NULL,
`no_handphone` varchar(12) NOT NULL,
PRIMARY KEY (ùsername`));
2. KontakPelanggan
Tabel KontakPelanggan berisikan informasi mengenai data kontak pelanggan servis
motor dengan atribut – atributnya. Query untuk membuat tabel reminder dapat dilihat
pada listing 4.3.
Listing 4.3. Membuat Tabel KontakPelanggan
CREATE TABLE `kontakpelanggan` (
`no_polisi` varchar(9) NOT NULL,
`nama_pelanggan` varchar(50) NOT NULL,
PRIMARY KEY (no_polisi);
);
3. PesanBaru
Tabel PesanBaru berisikan informasi mengenai data pesan baru servis motor dengan
atribut – atributnya. Query untuk membuat tabel pesan baru dapat dilihat pada listing
4.4.
Listing 4.4. Membuat Tabel PesanBaru
CREATE TABLE `pesanbaru` (
`no_pesanbaru` int(4) NOT NULL,
ìsi_pesan` text NOT NULL,
PRIMARY KEY (no_pesanbaru),
FOREIGN KEY (no_polisi) REFERENCES
kontakpelanggan(no_polisi)
);
65
4. PesanKeluar
Tabel PesanKeluar berisikan informasi mengenai data pesan keluar servis motor
dengan atribut – atributnya. Query untuk membuat tabel pesan baru dapat dilihat pada
listing 4.5.
Listing 4.5. Membuat Tabel PesanKeluar
CREATE TABLE `pesankeluar` (
`no_pesankeluar` int(4) NOT NULL,
`tanggal_jam` timestamp NOT NULL,
ìsi_pesan` text,
`status_pesan` enum('0','1') NOT NULL,
PRIMARY KEY (no_pesankeluar),
);
5. PesanKirim
Tabel PesanKirim berisikan informasi mengenai data pesan terkirim servis motor
dengan atribut – atributnya. Query untuk membuat tabel pesan baru dapat dilihat pada
listing 4.6.
Listing 4.6. Membuat Tabel PesanKirim
CREATE TABLE `pesankirim` (
`no_pesankirim` int(4) NOT NULL,
`tanggal_jam`timestamp NOT NULL,
ìsi_pesan` text NOT NULL,
PRIMARY KEY (no_pesankirim),
);
6. Antrian
Tabel Antrian berisikan informasi mengenai data antrian servis motor dengan atribut
– atributnya. Query untuk membuat tabel antrian dapat dilihat pada listing 4.7.
Listing 4.7. Membuat Tabel Antrian
CREATE TABLE àntrian` (
`no_antrian` int(3) NOT NULL AUTO_INCREMNENT,
`status` enum('1','2','3','4') NOT NULL,
`pelanggan` varchar(50) NOT NULL,
`no_pkb` varchar(16) NOT NULL,
`keluhan` text,
`tanggal_mulai` timestamp NOT NULL DEFAULT
CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
66
`tanggal_selesai` timestamp NOT NULL DEFAULT
CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
`mekanik` varchar(40) NOT NULL,
`status_bayar` enum('0','1') NOT NULL
PRIMARY KEY (no_antrian),
FOREIGN KEY (no_polisi)
REFERENCES
);
7. Reminder
Tabel Reminder berisikan informasi mengenai data reminder servis motor dengan
atribut – atributnya. Query untuk membuat tabel reminder dapat dilihat pada listing
4.8.
Listing 4.8. Membuat Tabel Reminder
CREATE TABLE `reminder` (
`no_kpb` varchar(5) NOT NULL,
`keterangan` text,
`biaya` varchar(10) NOT NULL,
`fasilitas` text,
PRIMARY KEY (no_kpb)
);
67
4.5.2. Implementasi Class
Implementasi Class merupakan implementasi yang terdiri dari entity, boundary, dan
conrol yang diperoleh dari class analysis (Tabel 4.12 sampai Tabel 4.15) dan sequence
diagram (Gambar 4.4 sampai Gambar 4.25) yang telah dimodelkan pada class diagram
tahap desain (Gambar 4.26).
4.5.2.1. Entity
Entity objects yang menjadi sampel pembahasan adalah Admin (Tabel 4.13.)
yang merupakan implementasi dari sketsa pada Gambar 4.30. dan Gambar 4.31. Entity
ini dipilih karena merupakan entity inti dari Sistem Informasi Antrian Servis Motor di
PT. AHASS Surya Cipta Pratama Semarang. Implementasi entity Admin menjadi satu
kesatuan dalam file program kelola_admin.php ditunjukan pada listing 4.9.
Listing 4.9. Entity Admin
<?php
$result = mysqli_query($koneksi, "SELECT * FROM user WHERE id");
while($data = mysqli_fetch_array($result))
{
$username = $data['username'];
$password = $data['password'];
$nomorhandphone = $data['nomorhandphone'];
}
?>
<div class="page-header">
<h1>
Ubah Profil
</h1>
</div>
<div class="row">
<div class="col-xs-12">

<div class="row">
<div class="clearfix">
</div>



<div class="row">
<div class="row" style="padding: 20px;">

<div class="col-md-1">
68
</div>
<form class="form-horizontal" role="form"

action="page/proseseditprofil.php" method="post"
enctype="multipart/form-data">
<input type="hidden" name="id" value="<?php

echo $id_data; ?>">
<div class="col-md-6">
<div class="form-group">
<label class="col-sm-3 control-label no-
padding-right" for="form-field-1"> Sebagai:</label>
<div class="col-sm-9">
<select name="id">
<?php
$query = mysqli_query($koneksi,"SELECT *
FROM user WHERE level='admin'");
if (mysqli_num_rows($query) > 0) {
while ($data =
mysqli_fetch_array($query)) { ?>
<option value="<?php echo $data['id'];

?>"><?php echo $data['username']; ?></option>
<?php
}
}
?>
</select>
</div>
</div>
padding-right" for="form-field-1">Username</label>
<input type="text" name="username"
id="form-field-1" value="<?php echo $username ?>"
placeholder="Username" class="form-control" />
</div>
</div>
padding-right" for="form-field-1-1"> Password </label>
<input type="text" name="password"
id="form-field-1-1" value="<?php echo $password; ?>"
placeholder="Password" class="form-control" />
</div>
</div>
69
padding-right" for="form-field-1-1"> Nomor Handphone
</label>
<input type="text" name="nomorhandphone"
id="form-field-1-1" value="<?php echo $nomorhandphone; ?>"
placeholder="Nomor Handphone" class="form-control" />
</div>
</div>
<div class="clearfix form-actions">

<div class="col-md-offset-3 col-md-9">
<button class="btn btn-info" type="submit"
name="update">
<i class="ace-icon fa fa-check bigger-
110"></i>
Update
</button>

<button class="btn btn-danger" type="reset">
<i class="ace-icon fa fa-undo bigger-
110"></i>
Reset
</button>
</div>
</div>
4.5.2.2. Boundary
Boundary objects yang menjadi sampel pembahasan adalah

FormTambahAntrian (Tabel 4.15.) yang merupakan implementasi dari sketsa pada
Gambar 4.33. Boundary ini dipilih karena merupakan boundary inti untuk menampilkan
form tambah antrian servis motor pada Sistem Informasi Antrian Servis Motor di PT.
AHASS Surya Cipta Pratama Semarang. Implementasi boundary FormTambahAntrian pada
file program tambah_antrian.php ditunjukan pada listing 4.10.
Listing 4.10. Boundary FormTambahAntrian
<h1>
<small>
<i class="ace-icon fa fa-angle-double-
right"></i>
Tambah Antrian
</small>
</h1>
<div class="row">
70
<form class="form-horizontal" role="form"
action="page/prosestambahantrian.php" method="post"
enctype="multipart/form-data">
padding-right" for="form-field-1"> ID:</label>
<select name="admin">
<?php
$query = mysqli_query($koneksi,"SELECT
* FROM user WHERE level='admin'");
while ($data =
<option value="<?php echo $data['id'];

?>"><?php echo $data['kode_antrian']; ?></option>
<?php
}
}
?>
</select>
</div>
</div>
padding-right" for="form-field-1"> Status</label>
<select name="status">
<option
value="Proses">Proses</option>
<option
value="Menunggu">Menunggu</option>
<option
value="Selesai">Selesai</option>
<option value="Batal Servis">Batal
Servis</option>
</select>
</div>
padding-right" for="form-field-1"> No. Polisi</label>
<input type="text" name="no_polisi"
id="form-field-1" placeholder="No Polisi" class="col-xs-
10 col-sm-5" />
</div>
</div>
padding-right" for="form-field-1"> Pemilik </label>
71
<input type="text" name="pemilik"
id="form-field-1" placeholder="Pemilik" class="col-xs-10
col-sm-5" />
</div>
</div>
padding-right" for="form-field-1"> PKB</label>
<input type="text" name="pkb" id="form-
field-1" placeholder="PKB" class="col-xs-10 col-sm-5" />
</div>
</div>
padding-right" for="form-field-1"> Keluhan</label>
<input type="date" name="keluhan"
id="form-field-1" placeholder="keluhan" class="col-xs-10
col-sm-5" />
</div>
</div>
padding-right" for="form-field-1"> Mulai</label>
<input type="date" name="mulai" id="form-
field-1" placeholder="Mulai" class="col-xs-10 col-sm-5"
/>
</div>
</div>
padding-right" for="form-field-1"> Selesai</label>
<input type="date" name="selesai"
id="form-field-1" placeholder="Selesai" class="col-xs-10
col-sm-5" />
</div>
</div>
padding-right" for="form-field-1"> Mekanik</label>
<input type="text" name="mekanik"
id="form-field-1" placeholder="Mekanik" class="col-xs-10
col-sm-5" />
</div>
</div>
72
<label class="col-sm-3 control-label
no-padding-right" for="form-field-1"> Bayar :</label>
<input type="radio"
name="jenis_bayar" value="Belum">
<label for="Belum">Belum</label>
<input type="radio"
name="jenis_bayar" value="Sudah">
<label for="Sudah">Sudah</label>
</div>
</div>
<div class="clearfix form-actions">

<div class="col-md-offset-3 col-md-9">
<button class="btn btn-info"
type="submit" name="tambah">
<i class="ace-icon fa fa-check bigger-
110"></i>
Tambah
</button>

<button class="btn btn-danger"
type="reset">
<i class="ace-icon fa fa-undo bigger-
110"></i>
Reset
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<?php
include_once '../database/koneksi.php';
$admin = $_POST['admin'];
$status = $_POST['status'];
$no_polisi = $_POST['no_polisi'];
$pemilik = $_POST['pemilik'];
$pkb = $_POST['pkb'];
$keluhan = $_POST['keluhan'];
$mulai =$_POST['mulai'];
$selesai =$_POST['selesai'];
$mekanik =$_POST['mekanik'];
$bayar =$_POST['bayar'];
//rename foto
mysqli_query($koneksi, "INSERT INTO
antrian(antrian_id, status, no_polisi, pemilik, pkb,
keluhan, mulai, selesai, mekanik, bayar)
73
VALUES('$admin','$status','$no_polisi','$pemilik','$pkb'
,'$keluhan','$mulai','$selesai', '$mekanik', '$bayar')");
header('Location: ../home.php?page=antrian');
?>
4.5.2.3. Control
Control objects yang menjadi sampel pembahasan adalah FormAntrian (Tabel

4.14.) yang merupakan implementasi dari sketsa pada Gambar 4.32 sampai dengan
Gambar 4.38 . Control ini dipilih karena merupakan control inti dari Sistem Informasi
Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang. Implementasi control
FormAntrian menjadi satu kesatuan dalam file program kelola_antrian.php ditunjukan
pada listing 4.11.
Listing 4.11. Control FormAntrian
<h1>
Data Antrian
</h1>
<div class="row">
<div class="row">
<div class="clearfix">
<div class="pull-right tableTools-container">
<a href="home.php?page=tambahdata" class="btn
btn-success"><span><i class="fa fa-plus"></i></span> Tambah
Data</a>
</div>
</div>
<div class="table-header">
List Data Antrian
</div>



<div>
<table id="dynamic-table" class="table table-
striped table-bordered table-hover">
<thead>
<tr>
<th>Antrian</th>
<th>Status</th>
<th class="hidden-480">No Polisi</th>
<th>Pelanggan</th>
<th class="hidden-480"> PKB</th>
<th>Keluhan</th>
74
<th class="hidden-480"> Mulai</th>
<th>Selesai</th>
<th class="hidden-480"> Mekanik</th>
<th>Bayar</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$no=1;
$query = mysqli_query($koneksi, "SELECT a.*,
a.id AS idantrian, b.* FROM antrian a, user b WHERE
a.antrian_id=b.id");
while ($data =
<tr>
<td align="center"><?php echo $no++.".";

?></td>
<td><?php echo $data['status']; ?></td>
<td class="hidden-480"><?php echo
$data['no_polisi']; ?></td>
<td><?php echo $data['pemilik']; ?></td>

$data['pkb']; ?></td>
<td><?php echo $data['keluhan']; ?></td>

$data['mulai']; ?></td>
<td><?php echo $data['selesai']; ?></td>

$data['mekanik']; ?></td>
<td><?php echo $data['bayar']; ?></td>
<td>
<div class="hidden-sm hidden-xs action-
buttons">
<a class="green"
href="home.php?page=editantrian&id=<?php echo
$data['idantrian']; ?>">
<i class="ace-icon fa fa-pencil
bigger-130"> Edit</i>
</a>
<a class="red"
href="page/deleteantrian.php?id=<?php echo $data['idantrian'];
?>"" onclick="return confirm('Apakah anda yakin menghapus data
ini?')">
<i class="ace-icon fa fa-trash-o
bigger-130"> Hapus</i>
</a>
</div>
75
<div class="hidden-md hidden-lg">
<div class="inline pos-rel">
<button class="btn btn-minier btn-
yellow dropdown-toggle" data-toggle="dropdown" data-
position="auto">
<i class="ace-icon fa fa-caret-
down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-

only-icon dropdown-yellow dropdown-menu-right dropdown-caret
dropdown-close">
<li>
<a href="#" class="tooltip-
info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-
search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
success" data-rel="tooltip" title="Edit">
<span class="green">
pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
error" data-rel="tooltip" title="Delete">
<span class="red">
trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<?php
}
}
?>
</tbody>
</table>
</div>
</div>
</div>
76
4.5.3. Implementasi Antarmuka
Implementasi Antarmuka merupakan hasil dari perancangan antarmuka Sistem

Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang yang akan
menampilkan antarmuka yang sebenarnya dari setiap fitur yang ada pada sistem.
Implementasi antarmuka tersebut dapat dilihat pada gambar 4.58. sampai 4.86.
Gambar 4.58. Implementasi Halaman Login
Gambar 4.59. Implementasi Halaman Logout
77
Gambar 4.60. Implementasi Halaman Tampilan Awal Admin
Gambar 4.61. Implementasi Halaman Mengubah Akun Admin
Gambar 4.62. Implementasi Halaman Tampilan Awal Antrian Servis Motor
78
Gambar 4.63. Implementasi Halaman Tambah Antrian Servis Motor
Gambar 4.64. Implementasi Halaman Edit Antrian Servis Motor
Gambar 4.65. Implementasi Halaman Hapus Antrian Servis Motor
79
Gambar 4.66. Implementasi Halaman Hapus Semua Antrian Servis Motor
Gambar 4.67. Implementasi Halaman Unduh Antrian Servis Motor
80
Gambar 4.68. Implementasi Halaman Mencari Antrian Servis Motor
Gambar 4.69. Implementasi Halaman Tampilan Awal Reminder Servis Motor
Gambar 4.70. Implementasi Halaman Tambah Reminder Servis Motor
81
Gambar 4.71. Implementasi Halaman Edit Reminder Servis Motor
Gambar 4.72. Implementasi Halaman Hapus Reminder Servis Motor
82
Gambar 4.73. Implementasi Halaman Unduh Reminder Servis Motor
Gambar 4.74. Implementasi Halaman Tampilan Kontak Pelanggan Servis Motor
83
Gambar 4.75. Implementasi Halaman Lihat Kontak Pelanggan Servis Motor
Gambar 4.76. Implementasi Halaman Tambah Kontak Pelanggan Servis Motor
Gambar 4.77. Implementasi Halaman Edit Kontak Pelanggan Servis Motor
84
Gambar 4.78. Implementasi Halaman Hapus Kontak Pelanggan Servis Motor
Gambar 4.79. Implementasi Halaman Cari Kontak Pelanggan Servis Motor
Gambar 4.80. Implementasi Halaman Tampilan Awal Pesan Baru
85
Gambar 4.81. Implementasi Halaman Tampilan Awal Pesan Keluar
Gambar 4.82. Implementasi Halaman Kirim Ulang Pesan Keluar
Gambar 4.83. Implementasi Halaman Hapus Pesan Keluar
86
Gambar 4.84. Implementasi Halaman Tampilan Awal Pesan Kirim
Gambar 4.85. Implementasi Halaman Edit Pesan Kirim
87
Gambar 4.86. Implementasi Halaman Hapus Pesan Kirim
88
4.6. Testing
Testing (Pengujian) pada Sistem Informasi Antrian Servis Motor di PT. AHASS
Surya Cipta Pratama Semarang menggunakan metode blackbox, yaitu pengujian pada
perangkat lunak apakah fitur – fitur suatu program yang dibuat sesuai persyaratan
fungsional suatu sistem dengan mengabaikan komponen dari program tersebut.
4.6.1. Rencana Pengujian
Sebelum melakukan pengujian, maka dibuat daftar rencana pengujian yang akan
dilakukan kepada Sistem Informasi Antrian Servis Motor. Pengujian akan dilakukan
dengan menggunakan browser. Browser yang digunakan yaitu Google Chrome. Daftar
Rencana Pengujian Sistem Informasi Antrian Servis Motor di PT. AHASS Surya Cipta
Pratama Semarang dapat dilihat pada tabel 4.23.
Tabel 4.23. Tabel Rencana Pengujian
Identifikasi Tingkat Jenis
Kelas Uji Butir Uji
SRS STP Pengujian Pengujian
Login ke Login SRS-SISERAHAS- STP-01 Pengujian Blackbox

Sistem F-01 Sistem
Logout dari Logout SRS-SISERAHAS- STP-02 Pengujian Blackbox
Sistem F-02 Sistem
Mengubah Mengubah SRS-SISERAHAS- STP-03 Pengujian Blackbox
Akun Admin Akun Admin F-03 Sistem
Tambah SRS-SISERAHAS- STP-04 Pengujian Blackbox
Mengelola Antrian Servis F-04 Sistem
Antrian Motor
Servis Motor Edit Antrian SRS-SISERAHAS- STP-05 Pengujian Blackbox
Servis Motor F-04 Sistem

Kelas Uji Butir Uji
Hapus Antrian SRS-SISERAHAS- STP-06 Pengujian Blackbox

89
Hapus Semua SRS-SISERAHAS- STP-07 Pengujian Blackbox
Antrian Servis F-04 Sistem
Motor
Unduh Antrian SRS-SISERAHAS- STP-08 Pengujian Blackbox
Mencari Mencari SRS-SISERAHAS- STP-09 Pengujian Blackbox
Antrian Antrian Servis F-05 Sistem
Servis Motor Motor
Tambah SRS-SISERAHAS- STP-10 Pengujian Blackbox
Reminder F-06 Sistem
Servis Motor
Edit Reminder SRS-SISERAHAS- STP-11 Pengujian Blacbox
Mengelola Servis Motor F-06 Sistem
Reminder Hapus SRS-SISERAHAS- STP-12 Pengujian Blacbox
Servis Motor Reminder F-06 Sistem
Servis Motor
Unduh SRS-SISERAHAS- STP-13 Pengujian Blacbox
Reminder F-06 Sistem
Servis Motor
Lihat Kontak SRS-SISERAHAS- STP-14 Pengujian Blackbox
Pelanggan F-07 Sistem
Mengelola Servis Motor
SMS Servis Tambah SRS-SISERAHAS- STP-15 Pengujian Blackbox
Motor Kontak F-07 Sistem
Pelanggan
Servis Motor

Kelas Uji Butir Uji
Edit Kontak SRS-SISERAHAS- STP-16 Pengujian Blackbox

Servis Motor
90
Hapus Kontak SRS-SISERAHAS- STP-17 Pengujian Blackbox
Servis Motor
Cari Kontak SRS-SISERAHAS- STP-18 Pengujian Blackbox
Servis Motor
Pesan Baru SRS-SISERAHAS- STP-19 Pengujian Blackbox
F-07 Sistem
Kirim Ulang SRS-SISERAHAS- STP-20 Pengujian Blackbox
Pesan Keluar F-07 Sistem
Hapus Pesan SRS-SISERAHAS- STP-21 Pengujian Blackbox
Keluar F-07 Sistem
Edit Pesan SRS-SISERAHAS- STP-22 Pengujian Blackbox
Kirim F-07 Sistem
Hapus Pesan SRS-SISERAHAS- STP-23 Pengujian Blackbox
Kirim F-07 Sistem
91
4.6.2. Deskripsi dan Hasil Uji
Sistem Informasi Antrian Servis Motor di PT. AHASS Surya Cipta Pratama Semarang merupakan sistem berbasis web, sehingga
untuk pengujiannya dilakukan menggunakan browser. Browser yang digunakan adalah Google Chrome. Dalam pengujian, Sistem
Informasi Antrian Servis Motor diakses melalui link http://localhost/siserahas. Setelah melakukan login, admin akan diarahkan ke tampilan
Halaman Admin, kemudian admin dapat mengubah akun admin, mengelola antrian serta mencari antrian , mengelola reminder, dan
mengelola SMS servis motor. Hasil pengujian Sistem Informasi Antrian Servis Motor dapat dilihat pada tabel 4.24.
Tabel 4.24. Tabel Deskripsi dan Hasil Uji
Keluaran
Prosedur Hasil Yang
identifikasi Deskripsi Masukan Yang Kriteria Evaluasi Hasil Kesimpulan
Pengujian Didapat
Diharapkan
Username Login Admin dapat masuk ke Login berhasil
dan berhasil halaman utama Sistem
password Informasi Antrian Servis Diterima
benar Motor
STP-01 Login Blacbox Username Login gagal Admin tidak dapat masuk Login gagal
dan ke halaman utama Sistem
password Informasi Antrian Servis
Diterima
salah Motor dan muncul
peringatan
92
Keluaran
Prosedur Hasil Yang
identifikasi Deskripsi Masukan Yang Kriteria Evaluasi Hasil Kesimpulan
Pengujian Didapat
Diharapkan
STP-02 Logout Blackbox - Logout Muncul notifikasi Logout
berhasil konfirmasi logout ,dan berhasil
Diterima
admin kembali ke
halaman login
Masukan Ubah akun Muncul notifikasi Ubah akun
Mengubah data akun admin akunadmin berhasil admin berhasil
STP-03 Akun Blackbox admin yang berhasil diubah Diterima
Admin diubah
benar
93
Keluaran
Prosedur Kriteria Evaluasi Hasil Yang
identifikasi Deskripsi Masukan Yang Kesimpulan
Pengujian Hasil Didapat
Diharapkan
Masukan data Ubah akun Muncul notifikasi Ubah akun
akun admin admin gagal kesalahan input data admin gagal
Diterima
yang diubah akun admin
gagal
Masukan data Tambah Muncul notifikasi data Tambah antrian
antrian pada antrian antrian berhasil berhasil
Diterima
Tambah form yang berhasil ditambah
Antrian benar
STP-04 Blackbox
Servis Masukan data Tambah Muncul notifikasi Tambah antrian
Motor antrian pada antrian gagal kesalahan input data gagal
Diterima
form yang antrian
salah
Masukan data Edit antrian Muncul notifikasi data Edit antrian
Edit Antrian
antrian pada berhasil antrian berhasil diubah berhasil
STP-05 Servis Blackbox Diterima
form yang
Motor
diubah benar
94
Keluaran
Diharapkan
Masukan data Edit antrian Muncul notifikasi Edit antrian
antrian pada gagal kesalahan input data gagal
Diterima
form yang antrian
diubah salah
STP-06 Hapus Blackbox - Data antrian Muncul notifikasi Data antrian
Antrian berhasil konfirmasi hapus, dan berhasil dihapus
Diterima
Servis dihapus data antrian telah
Motor terhapus
95
Keluaran
Diharapkan
STP-07 Hapus Blackbox - Semua data Muncul notifikasi Semua data
Semua antrian konfirmasi hapus antrian berhasil
Antrian berhasil semua, dan semua data dihapus Diterima
Servis dihapus antrian telah terhapus
Motor
STP-08 Unduh Blackbox Menekan Dokumen Muncul notifikasi Dokumen
Antrian tombol antrian konfirmasi download, antrian berhasil
Diterima
Servis download berhasil di- dan semua data antrian di- download
Motor antrian download berhasil di-download
96
Prosedur Keluaran Yang Kriteria Evaluasi Hasil Yang
identifikasi Deskripsi Masukan Kesimpulan
Pengujian Diharapkan Hasil Didapat
Masukan data Data antrian Data antrian yang Data antrian
pencarian yang dicari dicari muncul pada yang dicari
Mencari Diterima
benar berhasil tabel antrian berhasil
Antrian
STP-09 Blackbox ditemukan ditemukan
Servis
Masukan data Data antrian Data antrian yang Data antrian
Motor
pencarian yang dicari tidak dicari tidak muncul yang dicari tidak Diterima
salah ditemukan pada tabel antrian ditemukan
Masukan data Tambah Muncul notifikasi Tambah
reminder reminder data reminder reminder
Diterima
Tambah pada form berhasil berhasil ditambah berhasil
Reminder benar
STP-10 Blackbox
Servis Masukan data Tambah Muncul notifikasi Tambah
Motor reminder reminder gagal kesalahan input data reminder gagal
Diterima
pada form reminder
salah
97
Masukan data Edit reminder Muncul notifikasi Edit reminder
Edit reminder yang berhasil data reminder berhasil Diterima
Reminder diubah benar berhasil diubah
STP-11 Blackbox
Servis Masukan data Edit reminder Muncul notifikasi Edit reminder
Motor reminder yang gagal kesalahan input gagal Diterima
diubah salah data reminder
STP-12 Hapus Blackbox - Data reminder Muncul notifikasi Data reminder
Reminder berhasil dihapus konfirmasi hapus, berhasil dihapus
Diterima
Servis dan data reminder
Motor telah terhapus
STP-13 Unduh Blackbox Menekan Dokumen Muncul notifikasi Dokumen
Reminder tombol reminder konfirmasi reminder
Servis download sberhasil di- download, dan data berhasil di- Diterima
Motor reminder download reminder berhasil download
di-download
98
STP-14 Lihat Kontak Blackbox - Kontak Kembali ke halaman Kontak pelanggan
Pelanggan pelanggan kontak pelanggan belum berhasil
Ditolak
Servis Motor berhasil dilihat setelah data kontak dilihat
pelanggan dilihat
Masukan data Tambah kontak Muncul notifikasi Tambah kontak
kontak pelanggan data kontak pelanggan belum
pelanggan berhasil pelanggan berhasil berhasil Ditolak
Tambah pada form ditambah
Kontak benar
STP-15 Blackbox
Pelanggan Masukan data Tambah kontak Muncul notifikasi Tambah kontak
Servis Motor kontak pelanggan gagal kesalahan input data pelanggan gagal
pelanggan kontak pelanggan Ditolak
pada form
salah
99
Masukan data Edit kontak Muncul notifikasi Edit kontak
kontak pelanggan data kontak pelanggan belum
pelanggan berhasil pelanggan berhasil berhasil Ditolak
yang diubah diubah
Edit Kontak
benar
STP-16 Pelanggan Blackbox
Masukan data Edit kontak Muncul notifikasi Edit kontak
Servis Motor
kontak pelanggan gagal kesalahan input pelanggan gagal
pelanggan data kontak Ditolak
yang diubah pelanggan
salah
STP-17 Hapus Blackbox - Data kontak Muncul notifikasi Data kontak
Kontak pelanggan konfirmasi hapus, pelanggan belum
Pelanggan berhasil dihapus dan data kontak berhasil dihapus Ditolak
Servis Motor pelanggan telah
terhapus
100
Masukan data Data kontak Data kontak Data kontak
pencarian pelanggan yang pelanggan yang pelanggan yang
benar dicari berhasil dicari muncul pada dicari belum Ditolak
Cari Kontak
ditemukan tabel antrian berhasil
Pelanggan
STP-18 Blackbox ditemukan
Servis
Masukan data Data kontak Data kontak Data kontak
Motor
pencarian pelanggan yang pelanggan yang pelanggan yang
Ditolak
salah dicari tidak dicari tidak muncul dicari tidak
ditemukan pada tabel antrian ditemukan
Masukan data Data pesan baru Muncul notifikasi Data pesan baru
pesan baru berhasil dikirim pesan baru berhasil belum berhasil
STP-19 Pesan Baru Blackbox Ditolak
yang akan dikirim dikirim
dikirim benar
101
Masukan data Data pesan baru Muncul notifikasi Data pesan baru
pesan baru gagal dikirim kesalahan input gagal dikirim
Ditolak
yang akan data pesan baru
dikirim salah
- Data pesan yang Muncul notifikasi Data pesan yang
berada di pesan pesan di pesan berada di pesan
Ditolak
keluar berhasil keluar berhasil keluar belum
Kirim
dikirim dikirim berhasil dikirim
STP-20 Ulang Pesan Blackbox
- Data pesan yang Muncul notifikasi Data pesan yang
Keluar
berada di pesan pesan di pesan berada di pesan
Ditolak
keluar gagal keluar gagal keluar belum
dikirim dikirim berhasil dikirim
102
STP-21 Hapus Blackbox - Data pesan di Muncul notifikasi Data pesan di
Pesan pesan keluar yang konfirmasi hapus, pesan keluar
Keluar gagal kirim dan data pesan di yang gagal kirim Ditolak
berhasil dihapus pesan keluar telah belum berhasil
terhapus dihapus
103
Prosedur Keluaran Yang Kriteria Hasil Yang
Pengujian Diharapkan Evaluasi Hasil Didapat
Masukan data Pesan di pesan Muncul Status pada data
pesan di pesan kirim berhasil notifikasi pesan pesan yang di
Ditolak
kirim yang dikirim di pesan kirim pesan keluar
diubah benar berhasil dikirim berhasil dikirim
Edit Pesan
STP-22 Blackbox Masukan data Pesan di pesan Muncul Status pada data
Kirim
pesan di pesan kirim gagal dikirim notifikasi pesan yang di
kirim yang kesalahan input pesan keluar Ditolak
diubah salah data pesan di berhasil dikirim
pesan kirim
104
Prosedur Keluaran Yang Kriteria Hasil Yang
Pengujian Diharapkan Evaluasi Hasil Didapat
STP-23 Hapus Pesan Blackbox - Data pesan di pesan Muncul Data pesan di
Kirim kirim berhasil notifikasi pesan kirim
dihapus konfirmasi belum berhasil
hapus, dan data dihapus Ditolak
pesan di pesan
kirim telah
terhapus
105
BAB V
PENUTUP
5.1. Kesimpulan
Dari praktik kerja lapangan ini dapat ditarik kesimpulan yaitu Sistem Informasi
Antrian Servis Motor merupakan sistem berbasis web yang digunakan oleh Front Desk
sebagai administrator di PT. AHASS Surya Cipta Pratama Semarang untuk membantu
mengelola data dari antrian servis motor, reminder servis motor, dan SMS servis motor
secara efektif dan efisien dengan tampilan web yang lebih menarik dan mudah dipahami.
Sistem ini dapat diakses menggunakan browser Google Chrome. Sistem ini telah diuji
berdasarkan prosedur pengujian yang terdiri dari 23 langkah pengujian menggunakan jenis
pengujian metode blackbox. Berdasarkan hasil uji dari pengujian yang dilakukan, sistem ini
telah dinyatakan dapat berjalan sesuai dengan kebutuhan yang diajukan.
5.2. Saran
Sistem Informasi Antrian Servis Motor dapat dikembangkan menjadi sistem yang
lebih baik lagi. Sistem ini dapat diintegrasikan secara online khusus perusahaan sehingga
admin dapat leluasa mengelola sistemnya secara efektif. Pada menu SMS Servis Motor,
belum berhasil dijalankan pada sistem ini sehingga membutuhkan perbaikan yang
membutuhkan waktu yang cukup lama.
106
DAFTAR PUSTAKA
Ali, A., 2010. Modul Web Design dan Pemrograman Web. Bekasi: STMIK
PRANATA Indonesia.
Bruegge, B., 2010. Object Oriented Software Engineering Using UML, Patterns and
Java. 3 penyunt. Germany: Pearson Education inc..
Clark, 2011. Beginning C# Object Oriented Programming. New York: Paul Manning
Hermawan, J., 2004. Analisa Desain dan Pemrograman Obyek Dengan UML dan
Visual Basic.NET. Yogyakarta: Andi.
Hutahaean, 2014. Konsep Sistem Informasi. 1 penyunt. Yogyakarta: Deepublish.
IEEE, 1998. IEEE Recommended Practice for Software Requirement Specification.
New York: Software Engineering Standards Committee.
Jalote, P., 1991. An Integrated Approach to Software Engineering. New York:
Springer Science.
Jovan, F., 2007. Panduan Praktis Membuat WEB dengan PHP untuk Pemula. Jakarta
Selatan: Media Kita.
Jubilee, E., 2016. Pemrograman Bootstrap untuk Pemula. Jakarta: PT. Elex Media
Komputindo.
Pressman, R., 2005. Software Engineering : A Practitioner's Approach. 6 penyunt.
New York: McGraw-Hill.
Setiawan, D., 2017. Buku Sakti Pemrograman Web HTML, CSS, PHP, MySQL &
Javascript. Yogyakarta: Start Up.
Sommerville, I., 2001. Software Engineering. 6 penyunt. United Kingdom: Pearson
Education .
Suyoto, A., 2007. AJAX Membangun Web dengan Teknologi Ansynchronouse
Javascript & XML. Yogyakarta: CV. ANDI OFFSET.
Yuhefizar, Mooduto, H. & Hidayat, R., 2006. Cara Mudah Membangun Website
Interaktif Menggunakan Content Management System Joomla. Jakarta: PT. Elex
Media Komputindo.
107
LAMPIRAN-LAMPIRAN
108
Lampiran 1. Surat Keterangan Telah Melaksanakan PKL
109
Lampiran 2. Kartu Bimbingan PKL
110
111
Lampiran 3. Kartu Keikutsertaan Seminar PKL
112
Lampiran 4. Daftar Hadir Seminar PKL
113
114
Lampiran 5. Tanya Jawab Seminar PKL
Nama : David Christian

NIM : 24010316140067
Pertanyaan : Mengapa sistemnya memakai web based?
Jawaban : Lebih simple di developernya dan juga di usernya.
Nama : Aulia Aritonang

NIM : 24010316140066
Pertanyaan : Mengapa memakai metode OOSE (Object – Oriented Software
Engineering)
Jawaban : Karena lebih sederhana, dokumentasinya lebih jelas dan terstruktur.
Nama : Selvi
NIM : 007
Pertanyaan : Untuk penambahan data, munculnya mengapa di bawah bukan diatas?
Jawaban : Karena sistem antrian itu secara berurutan sehingga proses yang
dilakukan sesuai urutan antrian yang didapat, mungkin belum rapih
datanya dengan jelas karena fokus ngoding yang lain
Nama : Iqbal
NIM : 16120015
Pertanyaan : Untuk SMS Gateway, selain itu bagian apa yang sulit?
Jawaban : Untuk mencari kodingan tersebut sulit dan kurang referensi lebih.
Nama : Alia Haniffitrianti

NIM : 24010315120003
Pertanyaan : Kendala apa yang dialami selama PKL?
Jawaban : Selama setahun, kendala dalam waktu dan ngoding
115
Nama : Pamungkas Aji
NIM : 24010315130120
Pertanyaan : Alasan memilih projek ini? Adakah tawaran lain sebelum projek ini?
Jawaban : Awalnya ingin membuat sistem kepegawaian tapi mendapat saran

dari teman untuk membuat sistem antrian
Nama : Safina Fikri

NIM : 24010315140080
Pertanyaan : Pesan dan kesan selama dibimbing Pak Priyo?
Jawaban : Proposal revisi 5 kali juga, banyak pelajaran (ex. penulisan laporan),
sabar & baik + openminded
116

Sistem Informasi Antrian Servis Motor Di PT. AHASS Surya Cipta Pratama Semarang

Diunggah oleh

Informasi Dokumen

Judul Asli

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

Sistem Informasi Antrian Servis Motor Di PT. AHASS Surya Cipta Pratama Semarang

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN PRAKTIK KERJA LAPANGAN

SISTEM INFORMASI ANTRIAN SERVIS MOTOR DI PT. AHASS

DEPARTEMEN ILMU KOMPUTER/INFORMATIKA

Laporan Praktik Kerja Lapangan (PKL) dengan judul:

Semarang, 19 Juni 2019

Rismiyati, B.Eng, M.Cs Priyo Sidik Sasongko, S.Si, M.Kom

Dr. Retno Kusumaningrum, S.Si, M.Kom

HALAMAN PENGESAHAN ............................................................................................... ii

3.1.2. Sistem Informasi .................................................................................... 6

3.1.3. Software untuk membangun Website .................................................... 7

3.2. Konsep Berorientasi Objek .............................................................................. 8

4.2.2. Kebutuhan Non – Fungsional .............................................................. 19

4.2.3. Model Use Case .................................................................................. 20

4.2.3.1. Aktor ................................................................................................ 20

4.2.3.2. Daftar Use Case ............................................................................... 20

4.2.3.3. Use Case Diagram ........................................................................... 21

4.2.3.4. Skenario Use Case ........................................................................... 22

4.3. Analysis .......................................................................................................... 26

4.3.2. Sequence Diagram............................................................................... 32

4.4. System Design ................................................................................................ 44

4.4.2. Class Diagram ..................................................................................... 47

4.4.3. Rancangan Antarmuka ........................................................................ 49

4.5. Implementation ............................................................................................... 63

4.5.2. Implementasi Class ............................................................................. 68

4.5.2.1. Entity ................................................................................................ 68

4.5.2.2. Boundary .......................................................................................... 70

4.5.2.3. Control ............................................................................................. 74

4.5.3. Implementasi Antarmuka .................................................................... 77

4.6. Testing ............................................................................................................ 89

4.6.2. Deskripsi dan Hasil Uji ....................................................................... 92

BAB V PENUTUP .......................................................................................................... 106

Tabel 3.1. Konsep Dasar pada UML ................................................................................... 11

Listing 4.1. Membuat Database Siserahas .......................................................................... 64

1.1. Latar Belakang

Berdasarkan permasalahan yang dijelaskan pada latar belakang, maka rumusan

1.3. Tujuan dan Manfaat

Tujuan dilaksanakannya Praktik Kerja Lapangan (PKL) ini adalah :

1.4. Ruang Lingkup

2.1. Profil Perusahaan

2.2. Visi dan Misi Perusahaan

2.3. Struktur Organisasi PT. AHASS Surya Cipta Pratama Semarang

Gambar 2.1. Struktur Organisasi PT. AHASS Surya Cipta Pratama

3.1. Studi Pustaka

3.1.1. Aplikasi Website

3.1.2. Sistem Informasi

Sistem Informasi adalah suatu sistem didalam suatu organisasi yang

3.1.3. Software untuk membangun Website

Terdapat beberapa software yang digunakan untuk membangun sebuah Sistem

3.2. Konsep Berorientasi Objek

Konsep Berorientasi Objek (Object Oriented) adalah sebuah pendekatan

Gambar 3.1. Kelas AccountItem

Abstraksi adalah kemampuan untuk melakukan abstraksi atau menyaring sifat

Polimorfisme merupakan kemampuan dari dua objek yang berbeda untuk

Inheritance berguna untuk mengklasifikasikan objek dalam program sesuai

3.3. Unified Modelling Language

Unified Modeling Language adalah bahasa yang digunakan untuk memodelkan

Major Area View Diagrams Main Concepts

Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari

Gambar 3.2. Use Case Diagram Clinic

Class Diagram adalah sebuah spesifikasi yang jika diinstansiasi akan

Gambar 3.3. Class Diagram Pemesanan barang secara online

Sequence Diagram menggambarkan skenario atau rangkaian langkah-langkah

Gambar 3.4. Sequence Diagram Login Administrator