Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X SISTEM INFORMASI PENGAJUAN KEBUTUHAN ALAT TULIS KANTOR (ATK) BERBASIS WEBSITE DI CV. BHINEKA JAYA BOGA BEKASI Tarisno AmijoyoA. Habibah Nurfauziah2. Abdul Aziz Chaniago3 1Universitas Saintek Muhammadiyah. Jl. Kelapa Dua Wetan Ciracas No. Jakarta. Indonesia 2Universitas Saintek Muhammadiyah. Jl. Kelapa Dua Wetan Ciracas No. Jakarta. Indonesia 3Universitas Saintek Muhammadiyah. Jl. Kelapa Dua Wetan Ciracas No. Jakarta. Indonesia 1tarisno_amijoyo@saintekmu. id, 2habibah. nurfauziah@saintekmu. 3chaniago91099@gmail. Abstrak Website adalah salah satu sistem informasi berbasis komputer. Sistem informasi web ini terdapat dalam bentuk web server localhost dan hosting . Penyebaran atau penyampaian informasi yang dilakukan pada sistem informasi online dapat diakses oleh siapa saja, dimanapun dan kapanpun, dengan ketentuan harus terhubung dengan jaringan Alat Tulis Kantor adalah sarana penunjang yang mempunyai peranan vital di dalam berjalannya suatu fungsi administrasi perusahaan. Bagian Alat Tulis Kantor (ATK) merupakan faktor penting dalam kebutuhan pekerjaan perusahaan. Tujuan dari penelitian ini memberikan solusi melalui pengkajian beberapa teori dan observasi di lapangan dalam bentuk Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) berbasis Web. Metodologi pengembangan aplikasi yang peneliti gunakan adalah metode SDLC (System Develop Life Cycl. dengan model proses waterfall sampai tahap pengujian. Bahasa pemograman yang digunakan adalah PHP dengan framework Laravel version 10 dengan menggunakan mysql sebagai databasenya. Hasil dari penelitian adalah terciptanya sebuah aplikasi yang dapat mempermudah proses pengelolaan, pelaporan, hingga yang semula harus melakukan pencatatan di buku dan sekarang dapat mengajukan atau request secara online tanpa harus melakukan pencatatan secara manual. Kata Kunci : Sistem. Informasi. Alat Tulis Kantor _________________________________________________________________________ PENDAHULUAN Pengelolaan Alat Tulis Kantor (ATK) pada saat ini masih sering terjadi kesalahan informasi karena proses pekerjaan yang masih dilakukan secara manual. Dengan kesalahan-kesalahan informasi tersebut mengakibatkan pendataan dan fisik tidak relevan. Bagian pengadaan barang yang berperan sebagai pemasok barang-barang ATK lambat menerima laporan dari bagian perlengkapan (Admi. Hal semacam ini akan berakibat kepada karyawan karena dengan karakteristik ATK yang dapat habis, hilang atau rusak, karyawan kesulitan dalam hal permintaan ATK yang baru. Dalam permintaan ATK, adakala jumlah barang yang tercatat tidak sesuai dengan jumlah barang yang terdapat di gudang, dengan demikian transaksi penyesuaian jumlah barang harus jelas. Data yang harus dicatat adalah rencana pemakaian barang setiap pekerja, transaksi pemakaian barang, transaksi Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X penyesuaian barang, serta data awal barang. Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Web diperlukan untuk mengatasi permasalahan-permasalahan tersebut. Tujuan dari penelitian ini yaitu membangun sebuah aplikasi Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Website di CV. Bhineka Jaya Boga Bekasi yang efektif, efisien dalam proses dan dapat mengurangi kesalahan-kesalahan informasi sehingga menghasilkan laporanlaporan yang dapat dipertanggung jawabkan dan sebagai bentuk pertanggungjawaban dari para karyawan agar tetap merawat ATK yang telah diberikan kepada masing-masing Perumusan masalah dalam penelitian ini berkaitan dengan sulitnya para karyawan mendapatkan peralatan kerja (ATK) karena informasi yang minim yang didapatkan oleh para karyawan mengenai jumlah barang yang tersedia sehingga hal semacam ini sangat mengganggu proses pekerjaan secara langsung. Dengan telah disampaikan perumusan masalah diatas maka peneliti mengambil judul AuSistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Website di CV. Bhineka Jaya Boga BekasiAy yang bertujuan dapat mengurangi kesalahan-kesalahan informasi, mempercepat proses permintaan barang oleh karyawan dan keselarasan antara data dan fisik ATK. 1 Identifikasi Masalah Berdasarkan latar belakang diatas terdapat beberapa identifikasi permasalahan yang dapat dituangkan dalam penelitian ini, sebagai berikut: Karyawan yang minim akses informasi terkait stok ATK yang tersedia. Kelalaian karyawan dalam memelihara ATK yang ada, sehingga menuntut karyawan agar lebih disiplin dalam hal pemeliharaan ATK. Pencatatan input dan output ATK yang masih manual, yaitu dengan cara mencatat segala jenis ATK di buku. Belum terdapat keselarasan antara data dan fisik ATK 2 Batasan Masalah Berdasarkan identifikasi permasalahan yang ada, penulis akan membatasi ruang lingkup permasalahan yang akan diteliti. Ruang lingkup akan dibatasi, sebagai berikut: Sistem informasi ini berbasis website dengan framework Laravel 10. Sistem informasi ini hanya sebatas input jumlah stok, pengajuan ATK yang diperlukan oleh karyawan dan accord dari pengajuan tersebut oleh Admin. Tidak membahas tentang keamanan jaringan. Sistem informasi ini tidak membahas tentang permintaan Admin kepada Kabag pengadaan barang. 3 Rumusan Masalah Berdasarkan identifikasi permasalahan diatas, ada beberapa perumusan masalah pada penelitian ini, yaitu: Bagaimana membangun sebuah sistem informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Web? Bagaimana transparansi data stok ATK dari Admin bagian perlengkapan kepada para Bagaimana implementasi sistem ATK kepada para karyawan agar dapat berjalan secara efektif dan efisien? 4 Landasan Teori 1 Alat Tulis Kantor Menurut Wursanto, setiap perusahaan selalu membutuhkan alat tulis kantor (ATK) dalam menyelesaikan kegiatan operasionalnya. Alat tulis kantor berarti barang yang dipakai untuk mengerjakan pekerjaan tulis-menulis. Dari uraian diatas peneliti dapat menyimpulkan bahwa Alat Tulis Kantor adalah sarana penunjang yang mempunyai peranan vital didalam berjalannya suatu fungsi administrasi perusahaan. Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Website di CV. Bhineka Jaya Boga Bekasi Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X Bagian Alat Tulis Kantor (ATK) merupakan faktor penting dalam kebutuhan pekerjaan . 2 Data Menurut Sutabri, data adalah kenyataan yang menggambarkan suatu kejadianAe kejadian dan kesatuan nyata. Berdasarkan definisi di atas, maka peneliti dapat menyimpulkan bahwa data adalah bahan mentah yang perlu diolah sehingga menghasilkan informasi yang menunjukkan fakta. 3 Informasi Menurut Elisabet Y. A, dan Rita I, informasi adalah data yang diolah menjadi lebih berguna dan berarti bagi penerimanya, serta untuk mengurangi ketidakpastian dalam proses pengambilan keputusan mengenai suatu keadaan. Dari pendapat para ahli yang telah diuraikan sebelumnya, peneliti dapat menyimpulkan bahwa informasi adalah sekumpulan data yang masih mentah kemudian diolah sedemikian rupa yang sesuai dengan fakta dan keadaan lalu menjadi suatu hal yang berguna atau bermanfaat bagi penerima informasi tersebut. 4 Sistem Informasi Menurut Husein dan Wibowo, sistem informasi adalah seperangkat komponen yang saling berhubungan berfungsi untuk mengumpulkan, memproses, menyimpan, dan mendistribusikan informasi untuk mendukung pembuatan keputusan dan pengawasan dalam organisasi. Sistem informasi terdiri dari informasi tentang orang, tempat, dan sesuatu dalam organisasi atau lingkungan yang melingkupinya. Jadi menurut pendapat para ahli tersebut peneliti menyimpulkan bahwa sistem informasi adalah serangkaian unsur-unsur atau komponen-komponen yang saling berhubungan dan memiliki tugas yaitu mengumpulkan, memyimpan, memproses, dan mendistribusikan suatu informasi yang nantinya dapat digunakan sebagai bahan landasan bagi pengambilan keputusan. 5 Perangkat Lunak Implementasi Sistem . Web Server Menurut Anhar, web server adalah aplikasi yang berfungsi untuk melayani pengelolaan pemanggilan alamat dari pengguna melalui web Dimana web server mengirimkan kembali informasi yang diminta tersebut melalui HTTP untuk ditampilkan ke layar monitor. PHP (Hypertext Preprocesso. Menurut Anhar. PHP (Hypertext Preprocesso. adalah bahasa pemograman web server-side yang bersifat open source. PHP merupakan script yang menyatu dengan HTML dan berada pada server . erver side HTML embedded scriptin. MySQL Menurut Masria. MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (Database Management Syste. atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL. XAMPP Menurut Ginting. XAMPP adalah perangkat lunak gratis yang mendukung banyak sistem operasi dan merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri . , yang terdiri atas program Apache HTTP Server. MySQL database, dan penterjemah bahasa yang ditulis dengan bahasa pemograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X . mpat sistem operasi apapu. Apache. MySQL. PHP dan Perl. Program ini tersedia dalam GNU General Tarisno Amijoyo. Habibah Nurfauziah. Abdul Aziz Chaniago Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X Public Lisensi dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Framework Framework adalah rangka atau kerangka, arti istilah tersebut dalam dunia pemrograman adalah kumpulan kelas . dan fungsi . unction, metho. yang disusun secara sistematis berdasarkan kegunaan atau fungsi tertentu untuk mempermudah pembuatan atau pengembangan suatu aplikasi. Laravel Sebagai sebuah framework PHP. Laravel adalah sebagai platform web development yang bersifat open source. Laravel adalah sebuah framework PHP yang dirilis di bawah lisensi MIT dan dibangun dengan konsep MVC (Model View Controlle. Dalam pengertian lain. Laravel adalah pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dan mengurangi biaya pengembangan awal dan biaya pemeliharaan, serta untuk meningkatkan pengalaman bekerja dengan aplikasi yang menyediakan syntax yang ekspresif, jelas, dan menghemat waktu. METODE PENELITIAN 1 Metode Pengembangan Sistem Metode waterfall merupakan salah satu model metode dalam SDLC (System Development Life Cycl. yang mempunyai ciri khas pengerjaan yaitu setiap fase dalam waterfall harus diselesaikan terlebih dahulu sebelum melanjutkan ke fase selanjutnya. Artinya fokus terhadap masing-masing fase dapat dilakukan maksimal karena jarang adanya pengerjaan yang sifatnya paralel walaupun dapat saja terjadi pararealisme dalam waterfall. Sebagaimana dijelaskan pada Gambar 1. Gambar 1. SDLC dengan Metode Waterfall Tahapan Ae tahapan dalam SDLC dengan metode waterfall: Requirements analysis Proses pencarian data diintensifkan dan difokuskan pada CV. Bhineka Jaya Boga, dengan menganalisis kebutuhan data karyawan dan kebutuhan peralatan kerja. Design Proses ini digunakan sebelum memasukkan coding pada pembuatan aplikasi. Setelah data yang dibutuhkan sudah terpenuhi pada requirement analysis, selanjutnya mendesain bentuk dari aplikasi yang akan dibuat dari tampilan utama, sub menu, gambar serta tata letak tombol pada aplikasi. Implementation Pada tahap ini dilakukan pengerjaan pembuatan aplikasi yang telah dilakukan pada tahap desain sebelumnya. Mulai dari pengerjaan coding dengan web, memasuk Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Website di CV. Bhineka Jaya Boga Bekasi Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X gambar, animasi button-button yang nantinya akan di gabungkan menjadi satu modul Testing Pada tahap ini akan melakukan pengujian pada aplikasi, apakah terdapat terdapat eror, atau kesalahan pada desain yang telah dibuat sebelumnya. Maintenance Tahap terakhir dimana aplikasi pengajuan ATK ini di jalankan dan dilakukan pemeliharaan serta pengembangan aplikasinya, karena aplikasi yang dibuat tidak selamanya seperti itu. Ketika dijalankan mungkin saja masih ada eror kecil yang ditemukan sebelumnya, atau ada penambahan fitur-fitur yang belum ada pada aplikasi. 2 Metode Pengumpulan Data 1 Observasi Observasi adalah cara menghimpun bahan-bahan keterangan yang dilakukan dengan mengadakan pengamatan dan pencatatan secara sistematis terhadap fenomena-fenomena yang dijadikan obyek pengamatan. 2 Wawancara Wawancara adalah bentuk kegiatan perolehan informasi dengan cara melakukan proses tanya jawab antara penanya dengan narasumber/sumber informasi. 3 Dokumentasi Adalah teknik pengumpulan data dengan mengumpulkan berbagai dokumen yang ada. Peneliti memilih beberapa metode pengambilan data yang diperlukan dalam penelitian ini, sebagai berikut: Studi pustaka . Metode studi kasus. HASIL Hasil dari penelitian adalah terciptanya sebuah aplikasi yang dapat mempermudah proses pengelolaan, pelaporan, hingga yang semula harus melakukan pencatatan di buku dan sekarang dapat mengajukan atau request secara online tanpa harus melakukan pencatatan secara manual. 1 Implementasi Halaman Login Halaman login merupakan halaman bagi pengguna . untuk masuk ke dalam halaman utama . dengan memasukkan username dan password yang sudah terdaftar pada sistem, sebagaimana dijelaskan pada Gambar 2. Tarisno Amijoyo. Habibah Nurfauziah. Abdul Aziz Chaniago Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X Gambar 2. Halaman Login 2 Implementasi Halaman Dashboard Admin Halaman dashboard Admin merupakan halaman utama yang tampil ketika telah masuk ke dalam website, sebagaimana dijelaskan pada Gambar 3. Gambar 3. Halaman Dashboard Admin 3 Implementasi Halaman Dashboard User Halaman dashboard User merupakan halaman utama yang tampil ketika telah masuk ke dalam website, sebagaimana dijelaskan pada Gambar 4. Gambar 4. Halaman Dashboard User 4 Implementasi Halaman Daftar Pengajuan User Halaman daftar pengajuan user merupakan halaman yang tampil ketika user telah melakukan input pengajuan barang yang akan dibutuhkan, sebagaimana dijelaskan pada Gambar 5. Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Website di CV. Bhineka Jaya Boga Bekasi Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X Gambar 5. Halaman Daftar Pengajuan User 5 Implementasi Halaman Daftar Approve Pengajuan Halaman daftar approve pengajuan merupakan halaman yang tampil pada bagian Admin ketika user telah melakukan input data pada menu daftar pengajuan barang, sebagaimana dijelaskan pada Gambar 6. Gambar 6. Halaman Daftar Approve Pengajuan 6 Implementasi Halaman Cetak Laporan Halaman cetak laporan adalah halaman laporan transaksi barang keluar dan masuk serta terdapat fitur filter by month, sebagaimana dijelaskan pada Gambar 7. Gambar 7. Halaman Cetak Laporan Tarisno Amijoyo. Habibah Nurfauziah. Abdul Aziz Chaniago Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X PEMBAHASAN 1 Analysis 1 Analisa Kebutuhan Hardware dan Software Berikut adalah analisis kebutuhan sistem yang bersifat keseluruhan. Mulai dari hardware dan software yang digunakan untuk membangun sistem, hardware dan software yang dibutuhkan agar sistem bisa berjalan dengan normal, sebagaimana penjelasan Tabel 1 sebagai berikut: JENIS KOMPONEN Komputer Hardware Smartphone Laptop Connection Internet Browser Bootstrap Software Drawio Xampp Database Operating System VS Code MySQL Windows Linux Android Tabel 1. Kebutuhan Hardware dan Software FUNGSI Media atau alat untuk mengakses website dengan menggunakan bantuan browser dan internet. Juga sebagai media input data dari pheriperal seperti keyboard, dan layar monitor sebagai media output atau keluaran. Yang berfungsi untuk menampilkan antar muka atau interface aplikasi berbasis web. Jaringan untuk menghubungkan perangkat keras . dan perangkat lunak . ke web hosting melalui web domain. Alat untuk menuliskan domain suatu website serta menampilkan aplikasi berbasis web yang ada di internet. Kerangka kerja untuk membangun antarmuka website yang menarik, interaktif, dan responsif. Menggunakan HTML. CSS, dan Javascript. Alat untuk membuat pemodelan sistem menggunakan UML. Aplikasi bundle praktis yang berisi PHP interpreter. Database, dan Perl untuk lingkungan pengembangan PHP. Text Editor untuk menuliskan syntax pemrograman Sebagai sarana penyimpanan data dalam sistem. Sebagai alat untuk mengontrol fungsi perangkat keras seperti memori. CPU, hardisk, dan perangkat keras lainnya dan juga mengatur fungsi program software agar terhubung dengan perangkat keras tersebut. MacOS 2 Analisa Sistem Yang Berjalan Berdasarkan analisa sistem yang dilakukan pada CV. Bhineka Jaya Boga, proses management data saat ini masih manual dengan pencatatan di buku, baik proses stok ATK dan data kepemilikan ATK oleh karyawan. Untuk lebih mengetahui mengenai prosedur sistem yang berjalan saat ini dijelaskan sebagai berikut menggunakan diagram aktifitas pada Gambar 8. Gambar 8. Analisa Sistem Yang Berjalan Penjelasan proses diatas, sebagai berikut: Karyawan mengisi data diri dan form pengajuan ATK kepada Admin. Admin menerima form pengajuan dari karyawan tersebut. Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Website di CV. Bhineka Jaya Boga Bekasi Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X Admin melakukan cek terhadap stok data ATK. Jika tersedia maka disetujui . , jika tidak tersedia maka tidak disetujui, jika disetujui. Admin menyerahkan ATK kepada karyawan lalu mengarsip form dari karyawan tersebut pada sebuah 3 Analisa Sistem Yang Akan Diusulkan Sistem yang diusulkan menjelaskan mengenai solusi seperti apa yang ditawarkan, dan apa kelebihan sehingga dapat digunakan seperti yang diinginkan, sebagaimana dijelaskan pada Gambar 9. Gambar 9. Analisa sistem Yang Diusulkan 2 Design System Dalam sub bab ini menjelaskan tentang proses desain sistem yaitu proses yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, tampilan antar muka . , dan prosedur pengkodean, agar dapat diimplementasikan menjadi program pada tahap selanjutnya. 1 Perancangan Use Case Diagram Use case diagram menggambarkan aktifitas keseluruhan admin dan user yang dapat dilakukan pada sistem. Proses tersebut, sebagaimana ditampilkan pada Gambar Gambar 10. Use Case Diagram Tarisno Amijoyo. Habibah Nurfauziah. Abdul Aziz Chaniago Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X Perancangan Activity Diagram Activity diagram menggambarkan proses bisnis dan urutan aktivitas dalam sebuah proses, sebagai berikut: Activity Diagram Login Pada Gambar 11 menunjukkan aktifitas login, dimana user dapat membuka website kemudian apabila username dan password telah dilakukan register dari sistem akan menampilkan halaman login. Selanjutnya user memasukkan username dan password lalu klik button login. Kemudian apabila username dan password yang diinput benar maka akan tampil halaman dashboard. Gambar 11. Activity Diagram Login Activity Diagram Daftar Pengajuan Pada Gambar 12, diagram ini memberikan gambaran yang jelas tentang bagaimana proses user mengajukan daftar pengajuan barang dalam sistem, termasuk peran masing-masing aktor dalam proses tersebut. Gambar 12. Activity Diagram Daftar Pengajuan Activity Diagram Logout Pada Gambar 13, diagram ini menggambarkan alur kerja ketika seorang pengguna ingin logout dari aplikasi sistem informasi pengajuan kebutuhan alat tulis kantor. Pengguna mengklik tombol logout dan sistem melakukan proses Setelah logout berhasil, pengguna diarahkan kembali ke halaman login atau halaman awal yang sesuai. Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Website di CV. Bhineka Jaya Boga Bekasi Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X Gambar 13. Activity Diagram Logout 3 Perancangan Sequence Diagram Sequence diagram merupakan diagram yang menjelaskan interaksi objek yang disusun dalam suatu urutan waktu. Diagram ini juga menunjukkan serangkaian pesan yang diperuntukan oleh objek-objek yang melakukan suatu tugas atau aksi tertentu, sebagaimana dijelaskan sebagai berikut: Sequence Diagram Login Pada Gambar 14 menjelaskan diagram ini menggambarkan langkah-langkah proses login, dan memasukkan username dan password. Control system kemudian melakukan verifikasi data login dengan database. Jika login berhasil, sistem akan menampilkan dashboard. Jika login gagal, sistem akan menampilkan pesan kesalahan. Gambar 14. Sequence Diagram Login Sequence Diagram Daftar Pengajuan Barang Pada Gambar 15, menjelaskan alur interaksi antara user/admin kemudian menu dashboard lalu masuk ke halaman detail pengajuan dan terkoneksi dengan database yang telah ada. Gambar 15. Sequence Diagram Daftar Pengajuan Barang 4 Perancangan Design Interface Perancangan design interface ini merupakan proses pengembangan, rencana dan sketsa dari analisis sistem sebelumnya. Berikut perancangan design interface yang Tarisno Amijoyo. Habibah Nurfauziah. Abdul Aziz Chaniago Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X berlangsung pada Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor Berbasis Website di CV. Bhineka Jaya Boga Bekasi. Design Interface Form Login Interface form login, merupakan rancangan tampilan awal untuk halaman login akun. Apabila karyawan ingin mengajukan item ATK yang ingin diminta, maka karyawan harus melakukan login akun dengan memasukkan username dan password, sebagaimana dijelaskan pada Gambar 16. Gambar 16. Design Interface Form Login Design Interface Mengelola Data Daftar Barang Design interface untuk Admin dapat mengelola data daftar barang. Proses CRUD (Create. Read. Update. Delet. dapat dilakukan oleh Admin, hal tersebut tertuang pada Gambar 17. Gambar 17. Design Interface Mengelola Data Daftar Barang 3 Testing Tahap pengujian sistem diperlukan untuk menjami kualitas dari aplikasi yang dibuat. Selain itu pengujian juga bertujuan untuk menemukan celah atau bug dari sistem sehingga saat proses implementasi bug pada sistem dapat diminimalisir. Adapun metode pengujian sistem yang digunakan untuk penelitian ini adalah black box. Pengujian black box ini tidak perlu mengetahui sampai detail seluk beluk pengkodingan yang terjadi dibelakang layar, cukup mengetahui bagaimana kesesuaian hasil output atas proses input yang telah Proses pengujian sebagaimana dijelaskan pada Tabel. Proses pengujian yang dijelaskan pada Tabel 2 dan Tabel 3. Sistem Informasi Pengajuan Kebutuhan Alat Tulis Kantor (ATK) Berbasis Website di CV. Bhineka Jaya Boga Bekasi Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X Tabel 2. Hasil Pengujian Login dan Logout Sub Modul Login Logout Sub Modul Tambah Data Barang Edit Data Barang Skenario Uji Ekspektasi hasil Hasil Login (Bena. Masuk ke halaman dashboard Sesuai Login (Sala. Field ID Users berwarna merah Sesuai Logout Kembali ke menu Login Sesuai Tabel 3. Hasil Pengujian Skenario Uji Input detail data barang Input detail data barang Data berhasil di simpan Harap isi barang ini Hapus Data Barang Hapus data barang Cetak Data Barang Cetak transaksi Tambah Daftar Pengajuan Input detail data pengajuan barang Input detail data pengajuan barang gagal Data berhasil di simpan Edit Daftar Pengajuan Detail Daftar Pengajuan Hapus Daftar Pengajuan Cetak Daftar Pengajuan Daftar Approve Pengajuan Pilih cek detail pengajuan barang Hapus daftar data pengajuan barang Cetak transaksi Detail Daftar Approve Pengajuan Cetak Laporan Pilih detail Pilih approve pada kolom Cetak laporan transaksi Ekspektasi hasil Hasil Data tindakan masuk tersimpan di Data tindakan masuk tidak tersimpan di Data barang sebelumnya ditampilkan dan Data barang tidak muncul atau tidak tersimpan di database Muncul kotak dialog dan data barang Muncul data dan mencetak laporan Sesuai Data tindakan masuk tersimpan di data approve pengajuan admin Sesuai Data tindakan gagal tersimpan di data approve pengajuan admin Data barang pengajuan ditampilkan dan Tampil detail data barang yang diajukan Sesuai Muncul kotak dialog dan daftar data barang Muncul data dan mencetak laporan Sesuai Muncul detail pengajuan dan field status yang berisi konfirmasi di terima, tolak atau menunggu konfirmasi Tampil detail data barang dan status dari barang yang diajukan Muncul data dan mencetak laporan Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai 4 Maintenance Pemeliharaan dilakukan dari sisi sistem dan hardware. Tujuannya adalah agar sistem tetap berjalan dengan baik dan masalah-masalah yang terjadi pada sistem bisa terdeteksi sehingga tidak menimbulkan masalah yang serius. Berikut ini beberapa langkah untuk maintenance atau pemeliharaan perangkat lunak pada apliksi pengajuan barang, adalah sebagai berikut: Untuk menemukan bug atau error atau kesalahan-kesalahan sistem yang sebelumnya belum ditemukan dalam tahap pengujian sistem. Kesalahan-kesalahan sistem yang ditemukan digunakan sebagai bahan evaluasi dan dasar dalam memperbaiki dan mengembangkan sistem. Pemeliharaan juga tidak terlepas dari peningkatan fitur agar menyesuaikan dengan kebutuhan pengguna selain itu teknologi yang digunakan juga sebisa mungkin di update agar bisa mengikuti perkembangan zaman Tarisno Amijoyo. Habibah Nurfauziah. Abdul Aziz Chaniago Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Juni 2024, hlm. 15 - 29 P-ISSN E-ISSN 2745-584X PENUTUP 1 Kesimpulan Berdasarkan analisa dan perancangan sistem serta pengujian sistem, maka untuk penelitian ini dapat disimpulkan, sebagai berikut: Aplikasi Sistem Informasi Pengajuan Kebutuhan ATK berbasis Website ini dapat mempermudah pihak perusahaan dalam melakukan pengelolaan data barang alat tulis kantor dengan mencakup laporan aliran data maupun fisik stock atau barang ATK. Mempermudah admin dalam melakukan monitoring terhadap ketersediaan barang ATK. Aplikasi Sistem Informasi Pengajuan Kebutuhan ATK berbasis Website ini membantu para karyawan untuk melihat, memantau, serta mengajukan permintaan barang sesuai data stock ATK yang tersedia secara up to date. Aplikasi Sistem Informasi Pengajuan Kebutuhan ATK berbasis Website ini dapat membantu perusahaan dalam mengumpulkan laporan dan aplikasi ini berjalan secara komputerisasi berbasis localhost. 2 Saran Aplikasi Sistem Informasi Pengajuan Kebutuhan ATK berbasis Website ini tidak luput dari kesalahan dan kekurangan. Adapun saran yang dapat peneliti sampaikan adalah sebagai berikut: Untuk pengembangan dalam jangka waktu kedepan, diharapkan Aplikasi Sistem Informasi Pengajuan Kebutuhan ATK berbasis Website ini dapat dilakukan hosting agar aplikasi berbasis web ini dapat disimpan dan diakses di berbagai perangkat seperti desktop, seluler, dan tablet. Untuk pengembangan dalam jangka waktu kedepan, diharapkan untuk menu cetak laporan dapat terhubung dengan aplikasi Microsoft terutama Microsoft Excel. Untuk pengembangan dalam jangka waktu kedepan, diharapkan dapat ditambahkan fitur notifikasi, agar saat terdapat daftar pengajuan dari user dapat ditinjau secara langsung oleh Admin. Untuk pengembangan dalam jangka waktu kedepan, diharapkan dalam proses login dan register dapat terhubung dengan e-mail masing-masing pengguna, dengan tujuan sebagai keamanan dan verifikasi atas username masing-masing pengguna. DAFTAR PUSTAKA