RANCANG BANGUN APLIKASI PEMANGGIL NOMOR ANTRIAN LOKET PELAYANAN BANK DAN AKADEMIK UNIVERSITAS ISLAM
MAKASSAR
Hammada Abbas1, Sajiah2, Andy Reza Aresky3,A. Bhayangkara4
1) Jurusan Teknik Mesin, Fakultas Teknik, Universitas Islam Makassar
2,3,4) Jurusan Teknik Informatika, Fakultas Teknik, Universitas Islam Makassar
Jl. Perintis Kemerdekaan km.9 No. 29 Makassar, Indonesia 90245 Email: sajiah.dty@uim-makassar.ac.id
Email: andymana99@gmail.com, andibhayangkara77@gmail.com
ABSTRAK
Loket pelayanan bank dan akademik Universitas Islam Makassar masih menggunakan antrian konvensional, dimana proses pemanggilan harus menunggu instruksi langsung dari karyawan yang membuat pelayanan menjadi lambat sehingga mengakibatkan waktu banyak terbuang serta pelayanan tidak optimal. Tujuan penelitian merancang aplikasi pemanggil nomor antrian sesuai urutan kedatangan, guna mempermudah proses pelayanan administrasi keuangan dan akademik. Metode penelitian yang digunakan adalah research and development yaitu mengamati sistem pelayanan administrasi yang berjalan, membuat desain aplikasi antrian dengan menerapkan fungsi pemanggilan kedalam coding program. Metode pengujian yang digunakan adalah black-box testing dimana pengujiannya berfokus pada fungsi tampilan dan input/output tanpa mengetahui struktur kode atau program. Hasil pengujian aplikasi antrian dimulai dengan mahasiswa memilih salah satu dari jenis layanan yaitu bank dan akademik. Selanjutnya petugas login ke aplikasi untuk menginput data loket yaitu nama petugas,loket pelayanan bank atau akademik dan nomor loket yang dituju, kemudian petugas mengklik tombol panggilan berikutnya, otomatis aplikasi akan memanggil antrian dengan pengeras suara. Kesimpulannya, sistem cetak nomor
dan pemanggilan antrian dengan pengeras suara dapat bekerja dengan baik dan diimplementasikan.
Kata kunci : Rancang, Bangun, Web, Layanan, Antrian, R&D
ABSTRACT
The bank and academic service counters of the Makassar Islamic University still use conventional queues, where the calling process must wait for direct instructions from employees which makes the service slow, so it wastes a lot of time and the service is not optimal. The purpose of this research is to design an application for calling queue numbers according to the order of arrival, to facilitate the process of financial and academic administration services. The research method used is research and development, namely observing the running administrative service system, making a queue application design by implementing the calling function into the coding program. The test method used is black-box testing where testing focuses on the appearance of functions and input/output without knowing the structure of the code or program. The results of testing the queuing application begin with students choosing one type of service, namely bank and academic. Next, the officer logs into the application to input the counter data, namely the name of the officer, the bank or academic service counter, and the designated counter number, then the officer clicks the next call button, the application will automatically call the queue with a loudspeaker. In conclusion, the system for printing queue numbers and calling queues using loudspeakers can work well and be implemented
Keywords : Design, Build, Web, Service, Queue, R&D
1. PENDAHULUAN
Antrian adalah situasi barisan tunggu dimana sejumlah kesatuan pendatang sedang berusaha untuk menerima pelayanan dari fasilitas terbatas (pemberi pelayanan), sehingga pendatang harus menunggu beberapa waktu dalam barisan agar dilayani (Santana, 2020).
Berdasarkan pengamatan yang telah dilakukan oleh penulis pada tahun 2021 pada pelayanan bank dan akademik Universitas Islam Makassar masih menggunakan antrian konvensional, dimana proses pemanggilan harus menunggu instruksi langsung dari karyawan yang membuat pelayanan menjadi lambat sehingga mengakibatkan waktu banyak terbuang serta pelayanan tidak optimal.
Website merupakan salah satu media penyampaian informasi dan publikasi yang mudah diakses dari mana saja, kapan saja tanpa terbatas oleh wilayah geografis yang dapat dimanfaatkan oleh instansi, bank, universitas, dan lain sebagainya (Isro &
Mukti, 2018).
Penerapan aplikasi antrian berbasis web memberikan layanan yang memungkinkan memberikan pelayanan menjadi lebih cepat tanpa membuat para pengunjung berdesakan.
Aplikasi antrian juga dapat mempermudah pengunjung untuk mengambil nomor antrian tanpa harus datang ke lokasi terlebih dahulu, ditambah dengan pemanggilan yang menggunakan pengeras suara membuat proses pelayanan menjadi akurat dan tidak tertukar.
Tujuan penelitian merancang aplikasi pemanggil otomatis guna mempermudah mahasiswa dalam proses pelayanan administrasi bank dan akademik.
2. TINJAUAN PUSTAKA Rancang
Proses untuk mendefenisikan sesuatu yang akan dikerjakan untuk menggunakan teknik yang bervariasi serta didalamnya melibatkan deskripsi mengenai arsitektur dan detail komponen dan juga keterbatasan yang akan dialami dalam proses pengerjaannya Jadi dapat simpulkan bahwa rancang atau perancangan adalah suatu proses untuk mendefinisikan sesuatu yang memiliki tujuan untuk menterjemahkan masalah-masalah yang telah dianalisa kedalam sebuah sistem. (Maiyana, 2018) Bangun
Kegiatan menciptakan sistem baru maupun mengganti atau memperbaiki system yang telah ada baik secara keseluruhan maupun sebagian Jadi dapat disimpulkan bahwa rancang bangun adalah penggambaran dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam suatu kesatuan yang utuh dan berfungsi. Jadi dapat disimpulkan bahwa rangcang bangun adalah penggambaran dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam suatu kesatuan yang utuh dan berfungsi.
Dengan demikian pengertian rangcang bangun merupakan kegiatan menerjemahkan hasil analisa ke dalam bentuk paket perangkat lunak kemudian menciptakan sistem tersebut atau memperbaiki sistem yang sudah ada. (Sari, 2017)
Pelayanan
Aktivitas yang bersifat tidak kasta mata (tidak dapat diraba) yang terjadi sebagai akibat adanya interaksi antara karyawan dan konsumen atau hal-hal yang disediakan oleh perusahaan pemberi pelayanan yang dimaksudkan memecahkan permasalahan yang ada pada konsumen atau pelanggan (Fernandes & Marlius, 2018).
Gambar 2. Logo Laravel
Gambar 4. Logo Xampp Gambar 1. Logo Php
PHP
Bahasa pemrogramam script server-side yang di desain untuk pemrograman web. Hal ini berbeda dengan bahasa pemrograman client-side seperti Javascript yang diproses dalam web browser. PHP dapat digunakan secara gratis dan bersifat open source. PHP adalah singkatan dari Hypertext Preprocessor. Saat pertama kali dikembangkan oleh programmer bernama Rasmus Lerdoff , PHP awalnya singkatan dari Personal Home Page Tolls (Jannah et al., n.d.)
Laravel
Framework PHP yang dirilis di bawah lisensi MIT dan dibangun dengan konsep MVC atau Model View Controller Laravel adalah sebuah framework PHP yang dirilis di bawah liseni MIT dan dibangun dengan konsep MVC (Model View Controller).
Laravel merupakan pengembangan website berbasis MVC atau Model View Controller yang ditulis dalam PHP yang dirancan untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembanga awal dan pemeliharaan, serta untuk meingkatkan pengalaman bekerja dengan aplikasi yang menyediakan sintaks yang ekspresif, jelas, dan menghemat waktu.
(Supardi & Sulaiman, 2019)
Visual Studio Code
Teks editor ringan dan handal yang dibuat oleh Microsoft untuk sistem operasi
multiflatform, artinya tersedia juga untuk Linux, Mac, dan Windows Teks editor ini secara langsung mendukung bahasa pemrograman JavaScript, Typescript, dan Node.js, serta bahasa pemrograman lainnya dengan bantuan plugin yang dapat dipasang via marketplace Visual Studio Code (seperti C++, C, Python, Go, Java, javascript, dan lain sebagainya).(Salamah, 2021).
Xampp
Salah satu paket installasi apache, PHP dan MySQL instan yang dapat kita gunakan untuk membantu proses installasi ketiga produk tersebut. Selain paket installasi instan XAMPP versi 1.6.4 juga memberikan fasilitas pilihan penggunaan PHP4 atau PHP5. Untuk berpindah versi PHP yang ingin digunakan juga sangat mudah dilakukan dengan menggunakan bantuan PHP-Switch yang telah disertakan oleh XAMPP, dan yang terpenting XAMPP bersifat free atau gratis untuk digunakan.(Christian et al., 2018)
3. METODE PENELITIAN
Metode penelitian yang digunakan adalah research and development yaitu mengamati sistem pelayanan administrasi yang berjalan, membuat desain aplikasi antrian dengan menerapkan fungsi pemanggilan kedalam coding program.
Alat dan Bahan Penelitian :
Alat yang digunakan pada penelitian ini dibedakan menjadi 2 yaitu perangkat keras
Gambar 3. Logo Visual Studio Code
(Processor : Amd Ryzen 5 4600 H with Radeon Grapichs (12CPUs), 3.0 GHz, Memory : 8192 MB RAM, SSD : 512 GB) dan perangkat lunak (Windows 10 Home Single Language 64-bit, Google Chrome, Php, Visual Studio Code, Xampp).
Bahan penelitian berupa hasil pengamatan langsung yang diperoleh dari tempat penelitian pada proses pelayanan administrasi bank dan akademik Universitas Islam Makassar.
Metode pengujian
Black-box testing dimana pengujiannya berfokus pada fungsi tampilan dan input/output tanpa mengetahui struktur kode atau program dimulai dengan mahasiswa memilih salah satu dari jenis layanan yang tersedia yaitu bank dan akademik.
Selanjutnya petugas login ke aplikasi dengan memasukkan username dan password agar dapat masuk kedalam aplikasi untuk menginput data loket yaitu nama petugas, loket pelayanan bank atau akademik dan nomor loket yang dituju, kemudian petugas mengklik tombol panggilan berikutnya, otomatis aplikasi akan memanggil antrian dengan pengeras suara.
Activity Diagram
Tidak Ya Tidak
Datang
Pilih Jenis Antrian
Akademik Bank
Menunggu Dipanggil
Akademik Dilayani
Bank Mulai
Selesai
Selesai
Mahasiswa Akademik Bank
Ya Dilayani
Gambar 5. Activity Diagram
Diagram Konteks
SISTEM ANTRIAN
ADMIN PENJAGA
LOKET - Login
- Memanggil Antrian - Mencetak Nomor Antrian - Edit Data Pelayanan - Edit Data Loket - Edit Data Petugas - Logout
PENGUNJUNG/
NASABAH - Tampilan Dasbor
- Tampilan Menu Panggilan
- Tampilan Menu Pelayanan - Tampilan Menu Loket - Tampilan Menu Petugas - Tampilan Layar Pembertitahuan - Tampilan Nomor Antrian yang dilayani
- Print Out Nomor Antrian - Tampilan Antrian yang sedang Berjalan
- Panggilan Nomor Antrian dengan Suara
- Tampilan Dasbor - Tampilan Menu Panggilan - Tampilan Nomor Antrian yang dilayani
- Login - Memanggil Nomor Antrian Selanjutnya - Mencetak Nomor Antrian - Edit layar pemberitahuan - Logout
- Memilih Jenis Pelayanan
Gambar 6. Diagram Konteks 3. HASIL DAN PEMBAHASAN
a. Login Admin
Melakukan login kedalam aplikasi dengan memasukkan username dan password.
Gambar 7. Login b. Login Penjaga Loket
Melakukan login dengan memasukkan username dan password penjaga loket yang telah terdaftar.
Gambar 9. Ambil Antrian Gambar 8. Login Penjaga Loket c. Ambil Antrian
Memilih jenis pelayanan yang disediakan untuk mencetak nomor antrian sesuai dengan kebutuhan jenis pelayanan yang dipilih.
d. Antrian Berjalan
Nomor antrian yang telah dipanggil oleh petugas pelayanan akan ditampilkan pada layar antrian yang sedang berjalan.
Gambar 10. Antrian Berjalan
e. Dashboard Admin
Tampilan utama aplikasi yang dapat dilihat oleh admin setelah melakukan login.
Gambar 11. Dashboard Admin Pada dashboard admin terdapat empat menu yaitu :
1) Menu Panggilan Admin
Melakukan panggilan antrian berikutnya dengan memasukkan data petugas, jenis pelayanan, nomor loket yang dituju.
Gambar 12. Panggilan Admin 2) Menu Pelayanan
Menambah dan mengubah jenis pelayanan sesuai dengan jenis pleyanan yang disediakan.
Gambar 13. Pelayanan
3) Menu Loket
Menambah dan mengubah data loket sesuai jumlah penjaga loket yang bertugas memberikan pelayanan.
Gambar 14. Loket 4) Menu pengguna
Menambah akun penjaga loket dan melakukan perubahan kata sandi pada akun yang telah terdaftar.
Gambar 15. Pengguna f. Dashboard Penjaga Loket
Menampilkan dua tampilan menu yaitu, dashboard dan panggilan. Menu panggilan untuk memanggil antrian.
Gambar 16. Dashboard Petugas
Menu Panggilan Penjaga Loket
Melakukan panggilan antrian berikutnya dengan memasukkan data petugas, jenis pelayanan, nomor loket yang dituju.
Gambar 17. Panggilan g. Tampilan Print Out Nomor Antrian
Print out nomor antrian akan menampilkan tanggal, jam dan nomor antrian sesuai dengan jenis layanan yang telah dipilih.
Gambar 18. Print Out Nomor Antrian 5. KESIMPULAN
Berdasarkan hasil penelitian yang telah dilakukan tentang rancang bangun aplikasi pemanggil nomor antrian loket pelayanan Universitas Islam Makassar, dapat disimpulkan bahwa:
a. Rancangan tampilan Aplikasi dibuat sesederhana mungkin dengan hanya empat fitur agar mudah dipahami dan dijalankan oleh user yaitu petugas dan mahasiswa.
b. Pengujian sistem cetak nomor dan pemanggilan antrian dengan pengeras suara sudah berfungsi dengan baik
serta dapat diiplemantasikan untuk menggantikan sistem konvensional yang selama ini digunakan.
6. DAFTAR PUSTAKA
Christian, A., Hesinto, S., & Agustina, A.
(2018). Rancang Bangun Website Sekolah Dengan Menggunakan Framework Bootstrap ( Studi Kasus SMP Negeri 6 Prabumulih ). Jurnal Sisfokom (Sistem Informasi Dan Komputer), 7(1), 22–27.
https://doi.org/10.32736/sisfokom.v7i1.278 Fernandes, Y. D., & Marlius, D. (2018).
Peranan Customer Service Dalam Meningkatkan Pelayanan Kepada Nasabah Pada Pt. Bank Pembangunan Daerah Sumatera Barat Cabang Utama Padang.
1–12. https://doi.org/10.31227/osf.io/wrh3p Isro, Y., & Mukti. (2018). Rancang Bangun Website Sekolah dengan Metode User Centered (UCD). Jurnal Ilmiah Betrik, 84–
95.
Jannah, M., Sarwandi, & Creative, C. (n.d.).
Mahir Bahasa Pemrogram Php. PT Elex Media Komputindo.
Maiyana, E. (2018). Pemanfaatan Android Dalam Perancangan Aplikasi Kumpulan Doa. Jurnal Sains Dan Informatika, 4(1), 54–65.
https://doi.org/10.22216/jsi.v4i1.3409 Salamah, U. G. (2021). Tutorial Visual Studio
Code (R. R. Rerung (ed.)). CV. Media Sains Indonesia.
Santana, W. A. (2020). Aplikasi Sistem Antrian Berbasis Web “ Studi Kasus Bank NTB Syariah Lombok Timur ” Disusun Oleh : WEDI ARIA SANTANA. Sekolah Tinggi Manajemen Informatika dan Komputer Akakom.
Sari, puspita. (2017). Politeknik Negeri Sriwijaya 4. Pembangkitan Energi Listrik, 7(1), 4–31.
Supardi, Y., & Sulaiman. (2019). Semua Bisa Menjadi Programmer Laravel Basic. PT Elex Media Komputindo.