View of Application System Design and Implementation of a Web-Based Bus and Truck Spare Parts Sales Using the Laravel Framework

(1)

100 Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

Perancangan Dan Implementasi Sistem Aplikasi Penjualan Sparepart Bus Dan Truk Berbasis Web Menggunakan

Framework Laravel

Hertanto Mulianto¹, Eko Sediyono²

1,2Universitas Kristen Satya Wacana Jl. Diponegoro 52-60, Salatiga, Kec. Sidorejo, Kota Salatiga, Jawa Tengah 50711, (0298) 321212 ³Jurusan Teknik Informatika, FTI UKSW, Salatiga

e-mail: ¹[email protected], ²[email protected]

Abstrak

Toko Kartika Motor Tegal merupakan sebuah toko yang menjual berbagai macam jenis sparepart bus dan truk. Toko Kartika Motor Tegal menyediakan semua jenis sparepart bus dan truk yang bisa dibeli oleh masyarakat luas terutama masyarakat Kota Tegal. Namun, Toko Kartika Motor Tegal belum memiliki aplikasi untuk transaksi penjualan dan pembelian melalui online. Penelitian ini bertujuan untuk merancang dan mengimplementasi sebuah aplikasi sistem penjualan sparepart bus dan truk pada Toko Kartika Motor Tegal berbasis web menggunakan framework laravel. Oleh sebab itu, dibuatlah aplikasi sistem aplikasi penjualan sparepart bus dan truk Toko Kartika Motor Tegal berbasis website dengan metode prototype. Aplikasi website ini dapat mempermudah masyarakat agar dapat lebih mudah membeli dan mencari sparepart tanpa perlu datang ke toko langsung merupakan produk dari penelitian perancangan aplikasi ini.

Kata kunci— Sparepart, Website, Laravel

Abstract

Toko Kartika Motor Tegal is a shop that offers various kinds of spare parts for buses and trucks. We provide all kinds of spare parts for buses and trucks for purchase by the general public, especially residents of Tegal city. However, there is still no online transaction application for sales and purchases. The purpose of this study is to develop and implement a web-based spare parts sales system application for Toko Kartika Motor Tegal using the Laravel framework. Therefore, Toko Kartika Motor Tegal developed a web-based prototype application to sell spare parts for buses and trucks. The application can enable customers to easily purchase and search for spare parts without going to the store in person. This is the result of design considerations for this application.

Keywords— Spare parts, Webiste, Laravel

1. PENDAHULUAN

Perkembagan teknologi informasi saat sekarang ini sangat cepat, gabungan antara teknologi dan informasi bisa menghasilkan suatu sistem aplikasi. Sistem adalah sebuah susunan yang di dalamnya terdiri dari beberapa komponen-komponen yang bersifat fungsional (dengan satuan fungsi dan tugas khusus) yang saling terkoneksi atau berhubungan dan memiliki tujuan yang sama untuk menyelesaikan suatu proses tertentu[1], sedangkan Aplikasi adalah suatu program yang sudah dibuat dan siap digunakan atau program yang sudah diatur untuk melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain. Aplikasi juga memiliki arti

(2)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 101

Hertanto Mulianto, et., al [Perancangan dan Implementasi Sistem Aplikasi Penjualan Sparepart Bus dan Truk Berbasis Web Menggunakan Framework Laravel]

lain yaitu sebagai penggunaan dan penerapan suatu konsep yang menjadi pokok pembahasan atau sebagai program komputer yang dibuat untuk menolong manusia dalam melaksanakan tugas tertentu[2].

Kartika Motor Tegal adalah sebuah toko yang menjual berbagai macam jenis sparepart bus dan truk, maka oleh sebab itu peneliti ingin membuatkan sebuah perancangan sistem aplikasi penjualan online berbasis web. Perancangan merupakan pembuatan suatu kreasi atau karya yang bertujuan yaitu untuk mendapatkan hasil akhir dengan mengambil suatu tindakan yang jelas, atau suatu kreasi atas sesuatu yang memiliki bentuk atau wujud fisik. Dalam bidang teknik, hal ini masih menyangkut suatu proses dimana prinsip–prinsip ilmiah dan alat–alat teknik seperti matamatikan komputer dan bahasa dipakai, dalam menghasilkan suatu rancangan yang jika dilaksanakan akan memenuhi kebutuhan manusia[3].

Sekarang ini penjualan barang secara online sangatlah populer, karena memudahkan kita dalam membeli sebuah barang. Kita bisa mencari, melihat, dan membeli barang dengan mudah lalu diantarkan di rumah kita. Kita tidak perlu repot keluar dari rumah untuk membeli dan mencari barang yang kita inginkan. Melihat kondisi Kartika Motor saat ini yang belum memiliki website penjualan sparepart, maka terbitlah suatu pemikiran untuk membuat sebuah aplikasi penjualan berbasis website untuk membantu meningkatkan penjualan sparepart Toko Kartika Motor. Supaya masyarakat dari kota Tegal maupun luar kota Tegal bisa lebih mudah untuk mencari dan membeli sparepart yang diinginkan, serta mendongkrak angka penjualan sparepart.

Dalam perancangan aplikasi ini peneliti memakai framework Laravel. Laravel yaitu sebuah framework PHP based yang bisa digunakan kedalam proses development sebuah website agar lebih optimal. Dengan digunakannya framework tersebut, hasil yang akan didapatkan sebuah website akan lebih dinamis. kemunculan framework Laravel membuat bahasa pemrograman PHP menjadi lebih powerful. kita perlu mengetahui semenjak kemunculan framework Laravel, framework ini sering menghadirkan fitur-fitur terupdate dibandingkan framework lainnya. Laravel juga memiliki fitur bawaan yang lengkap, salah satunya adalah fitur otentikasi. Framework Laravel ini cenderung berfokus pada level end-user. Di mana framework ini memiliki keunggulan tetapi tetap sederhana, baik dalam sisi penulisan kode maupun tampilannya. Meskipun demikian, framework Laravel tetap bisa digunakan untuk membuat aplikasi berbasis website dengan fitur yang lengkap.

Framework Laravel menggunakan struktur MVC (Model View Controller). MVC adalah model aplikasi yang dapat memisahkan antara data dan tampilan berdasarkan komponen aplikasi. Dengan digunakannya model MVC, pengguna Laravel dapat lebih mudah mempelajari Laravel. Serta membuat proses perancangan aplikasi berbasis website ini menjadi lebih cepat[4].

Oleh sebab itu peneliti menggunakan framework Laravel untuk membuat aplikasi penjualan sparepart bus dan truk pada toko Kartika Motor Tegal. Manfaat yang didapat dari hasil penelitian ini adalah meningkatkan penjualan sparepart dan mempermudah masyarakat yang ingin membeli sparepart di Kartika Motor.

Pada penelitian yang berjudul Implementasi Framework Laravel pada Sistem Informasi Penyewaan Kamera, membahas perancangan website untuk memudahkan pelanggan dalam melakukan pemesanan dan melihat jadwal pemesanan kamera serta memudahkan petugas dalam mengelola data. Aplikasi tersebut dibuat menggunakan framework Laravel. Peneliti mengunakan framework Laravel karena memiliki berbagai macam fitur dalam mempermudah dan mempercepat proses pengkodean baik dari segi mesin atau dari segi tampilan user interface[5].

Pada penelitian berikutnya yang berjudul Implementasi framework Laravel Pada Aplikasi Pengolah Nilai Akademik Berbasis Web, membahas perancangan website untuk mempercepat dan mengoptimalkan wali kelas saat memasukkan nilai rapor sesuai dengan

(3)

102 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

standar kurikulum 2013 dan data nilai rapor menjadi lebih aman karena disimpan ke dalam database, serta memberi kemudahan penyampaian informasi nilai kepada siswa serta orang tua murid karena website sudah terhubung dengan jaringan internet. Aplikasi ini menggunakan framework Laravel karena memudahkan pembuat aplikasi dalam merancang website serta dengan adanya aplikasi ini pencatatan nilai rapor siswa dapat dicatat dengan cepat dan efisien[6].

Pada penelitian berikutnya yang berjudul Aplikasi Point of Sales Menggunakan Framework Laravel, membahas tentang perancangan aplikasi Point of Sales toko Galaxy Cell untuk membantu pemilik toko Galaxy Cell dalam memanajemen data toko. Framework Laravel digunakan oleh peneliti dalam membangun aplikasi ini karena Laravel mempunyai library yang banyak serta membantu programmer dalam membangun sebuah aplikasi. Laravel mempunyai syntax yang bersih dan fungsional serta mempunyai banyak library dan user friendly sehingga bisa menghemat waktu pembangunan aplikasi[7].

Pada penelitian berikutnya yang berjudul Pengembangan Aplikasi Sistem Informasi Operasional Bus Berbasis Web Menggunakan Framework Laravel, membahas tentang perancangan sebuah sistem informasi operasional armada bus yang berbasis website. Pada sistem informasi tersebut, kru bisa mengisi laporan operasional armada bus sehingga dapat digunakan oleh operator bus untuk memastikan operasional kelayakan armada bus serta dari riwayat laporan operasional tersebut baik kru atau operator dapat memutuskan apakah armada bus tersebut butuh dilakukan perawatan atau tidak. Framewowrk Laravel digunakan oleh peneliti karena bersifat open source dan gratis[8].

Berdasarkan beberapa penelitian terdahulu yang ada, maka dapat disimpulkan bahwa framework Laravel merupakan framework yang banyak digunakan untuk membuat website karena lebih mudah serta efisien dalam merancang aplikasi, dan bersifat open source dan gratis.

Maka dari itu, penulis memilih untuk menggunakan framework Laravel untuk pengerjaan project aplikasi penjualan toko Kartika Motor Tegal. Selain itu, Laravel juga memiliki banyak fitur bawaan seperti fitur Authentication yang dapat digunakan untuk membuat login dan logout, serta syntax Laravel yang bersih dan fungsional serta library yang banyak dan mudah hal tersebut dapat memudahkan penulis untuk Perancangan dan Implementasi Sistem Aplikasi Penjualan Sparepart Bus dan Truk Pada Toko Kartika Motor Tegal Berbasis Web Menggunakan Framework Laravel. Aplikasi tersebut dirancang supaya user dapat menjual secara online, serta menaikkan penjualan dan pelanggan Toko Kartika Motor Tegal yang ingin mencari dan membeli sparepart di toko tersebut.

2. METODE PENELITIAN

Penelitian ini dilakukan dengan menggunakan beberapa tahapan, tahap pertama dari perancangan sistem ini yaitu melakukan pengumpulan data dan analisis kebutuhan sistem, kemudian tahap kedua yaitu merancang aplikasi sesuai dengan kebutuhan yang telah dianalisa di tahap pertama, kemudian tahap ketiga yaitu membangun serta mengimplementasi aplikasi, dan tahap keempat yaitu menguji aplikasi. Tahapan perancangan aplikasi Aplikasi Penjualan Sparepart Bus dan Truk Pada Toko Kartika Motor Tegal dapat dilihat pada Gambar 1.

(4)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 103

Gambar 1. Tahapan Penelitian

1. Pengumpulan Data dan Analisis Kebutuhan

Pada tahap ini dilakukan pencarian informasi yang bertujuan untuk memenuhi kebutuhan data dan informasi guna perancangan aplikasi penjualan Toko Kartika Motor Tegal.

Melakukan wawancara dengan pemilik Toko Kartika Motor untuk mendapatkan alur dan kebutuhan sistem.

2. Perancangan Aplikasi

Pada tahap ini dilakukan perancangan alur sistem yang terdiri dari perancangan antar muka, perancangan fungsional sistem, perancangan basis data, serta infrastruktur dari sistem.

3. Pembangunan dan Implementasi Aplikasi

Pada tahap ini dilakukan pengkodean menggunakan PHP, menggunakan framework Laravel, dan basis data Mysql.

4. Pengujian Aplikasi

Pada tahap ini dilakukan pengujian aplikasi menggunakan pengujian black box testing dan pengujian pengguna dari admin maupun user.

Pengumpulan Data dan Analisis Kebutuhan aplikasi penjualan toko onderdil mobil

Perancangan Aplikasi penjualan toko suku cadang mobil

Pembangunan atau Implementasi Aplikasi penjualan toko onderdil mobil

Pengujian Aplikasi penjualan toko Kartika Motor Tegal

(5)

104 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

3. HASIL DAN PEMBAHASAN

3.1. Use Case Diagram

Use case diagram adalah diagram yang memberikan gambaran hubungan antara aktor dengan sistem. interaksi antara satu atau lebih aktor dan sistem akan digambarkan dengan bantuan diagram use case[9].

Gambar 2. Use Case Diagram

Pada aplikasi penjualan sparepart toko Kartika Motor Tegal, terdapat 2 aktor yaitu user (pelanggan) dan admin (pemilik).

3.2. Activity Diagram

Activity Diagram adalah gambaran berjalannya aktivitas yang terjadi dalam sebuah sistem yang akan dijalankan. Alur sistem aplikasi penjualan Toko Kartika Motor Tegal digambarkan dari pengguna masuk ke aplikasi hingga pengguna dapat membeli produk sparepart. Dalam hal ini admin memiliki hak akses dalam melakukan proses Create, Read, Update, dan Delete[10].

(6)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 105

Gambar 3. Activity Diagram User

(7)

106 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

Gambar 4. Activity Diagram Admin

(8)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 107

3.3. Hasil

Gambar 5. Tampilan Halaman Admin

Gambar 5 merupakan tampilan halaman admin yang terdapat dalam website sistem aplikasi penjualan Toko Kartika Motor Tegal. Di dalam halaman tersebut terdapat 3 menu yaitu menu user, inventory, dan daftar transaksi pembelian. Halaman ini hanya bisa diakses oleh admin supaya data user, toko serta transaksi pembelian lebih aman karena data tersebut merupakan privasi.

Gambar 6. Tampilan Halaman User

Gambar 6 merupakan tampilan halaman user yang didalamnya terdapat 2 menu yaitu home, dan inventory. Di halaman ini user dapat menentukan jenis sparepart bus atau truk.

(9)

108 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

Gambar 7. Tampilan Halaman Admin Daftar User

Pada tampilan ini admin dapat melihat data user. Admin juga bisa menambah data user, mengedit, dan menghapus user yang ada. Halaman ini hanya bisa diakses oleh admin supaya lebih aman, dan tidak bisa dirubah atau diedit oleh orang yang tidak bertanggung jawab.

Gambar 8. Tampilan Halaman Admin Daftar Inventory

Pada gambar 8 ini admin dapat melihat stok sparepart yang tersedia, mengubah data barang, menghapus barang, serta menambahkan barang.

(10)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 109

Gambar 9. Tampilan Halaman Admin Daftar Transaksi Pembelian

Dalam halaman ini admin bisa mengetahui semua pemesanan yang dilakukan oleh user.

Admin juga bisa mengetahui nama pemesan serta jenis sparepart dan jumlah sparepart yang dipesan.

Gambar 10. Tampilan Halaman Profil

Pada tampilan gambar 10 merupakan halaman untuk meyimpan informasi dan mengedit data profil user yang ada dalam database.

(11)

110 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

3.4. Pengujian

Tahap pengujian dilakukan dengan metode Blackbox Testing.

Tabel 1. Pengujian Blackbox Testing

Jenis Pengujian Aktivitas Pengujian Hasil yang Diharapkan Hasil Testing Halaman login

admin

Admin memasukkan username dan password lalu klik login

Masuk ke halaman home admin

Berhasil

Halaman home user

User memilih sparepart yang akan dibeli

User masuk ke halaman pembelian lalu menginput jumlah barang yang akan dibeli

Berhasil

Halaman daftar user

Admin memilih menu user Masuk ke halaman yang berisi tabel user dan pilihan untuk menambah, mengedit, dan menghapus user

Berhasil

Halaman inventory admin

Admin memilih menu inventory dan menginput data sparepart

Masuk halaman inventory yang berisi tabel data sparepart, jenis sparepart dan stok sparepart.

Berhasil

Halaman daftar transaksi

pembelian

Admin memilih menu daftar transaksi pembelian

Masuk ke halaman daftar transaksi pembelian, admin dapat menambah dan mengubah data transaksi

Berhasil

Halaman profil User mengubah data diri, email, atau password

User mengisi data lalu jika sudah terisi maka akan tersimpan dalam database

Berhasil

4. KESIMPULAN

Dalam perancangan ini dapat disimpulkan bahwa aplikasi penjualan online Toko Kartika Motor Tegal dapat memudahkan pembeli untuk membeli barang dan melihat barang di toko tersebut dan juga dapat digunakan sebagai sarana informasi bagi calon pembeli yang ingin melihat ketersediaan suku cadang di Toko Kartika Motor Tegal. Aplikasi ini juga dapat membantu pemilik toko untuk meningkatkan sistem pelayanan tokonya dan memudahkan pengoperasian pemilik toko dengan berbagai sarana yang dapat dalam manajemen sistem toko.

5. SARAN

Saran yang dapat disampaikan oleh peneliti untuk perancangan dan implementasi sistem aplikasi penjualan sparepart bus dan truk berbasis web ini adalah dilakukannya penelitian yang lebih mendalam mengenai analisis kebutuhan sistem yang lebih mendetail, dan keamanan data.

(12)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 111

UCAPAN TERIMA KASIH

Dalam proses penyusunan jurnal ini, tidak lepas dari dukungan pihak-pihak yang telah membantu baik dalam bentuk doa, dorongan, kritik dan saran. Pada kesempatan ini, saya mengucapkan terima kasih kepada dosen pembimbing yang telah membimbing penulis dalam penulisan jurnal ini, keluarga atas doa dan dukungannya, serta teman-teman yang telah mendukung dan mendukung selama proses penulisan. Oleh karena pihak yang sudah saya sebutkan tadi jurnal ini dapat saya selesaikan dengan sebaik mungkin.

DAFTAR PUSTAKA

[1] Fathansyah, Basis Data, Revisi., Vol. 1. Bandung: Informatika Bandung, 2012.

[2] Abdul Kadir, Tuntunan Praktis Belajar Database Menggunakan MySQL. Yogyakarta:

Andi Yogyakarta, 2019.

[3] Z. Achmad, Elemen Mesin 1. Bandung: Refika Aditama, 2006.

[4] M. Ali Maksum, “Internet Adalah Jaringan Komputer, Ini Pengertian dan Sejarahnya,”

2022. https://www.dewaweb.com/apa-itu-laravel

[5] D. Purnama Sari and R. Wijanarko, “Implementasi Framework Laravel pada Sistem Informasi Penyewaan Kamera (Studi Kasus di Rumah Kamera Semarang),” J. Inform.

dan Rekayasa Perangkat Lunak, Vol. 2, No. 1, p. 32, 2020, doi:

10.36499/jinrpl.v2i1.3190.

[6] R. R. Sari Susanti, Erfian Junianto, “Implementasi Framework Laravel pada Aplikasi Pengolah Nilai Akademik Berbasis Web,” J. Inform., Vol. 4, No. 1, pp. 108–117, 2017.

[7] T. Bin Tahir, M. Rais, and M. Apriyadi HS, “Aplikasi Point OF Sales Menggunakan Framework Laravel,” JIKO (Jurnal Inform. dan Komputer), Vol. 2, No. 2, pp. 55–59, 2019, doi: 10.33387/jiko.v2i2.1313.

[8] A. C. M. Hanif and M. A. I. Pakereng, “Pengembangan Aplikasi Sistem Informasi Operasional Bus Berbasis Website Menggunakan Framework Laravel,” JATISI (Jurnal Tek. Inform. dan Sist. Informasi), Vol. 8, No. 3, pp. 1027–1039, 2021, doi:

10.35957/jatisi.v8i3.973.

[9] Muhamad Syarif and Wahyu Nugraha, “Pemodelan Diagram Uml Sistem Pembayaran Tunai pada Transaksi E-Commerce,” J. Tek. Inform. Kaputama, Vol. 4, No. 1, pp. 64–

70, 2020, [Online]. Available:

http://jurnal.kaputama.ac.id/index.php/JTIK/article/view/240

[10] Ismai, “Perancangan Sistem Aplikasi Pemesanan Makanan dan Minuman pada Cafetaria NO Caffe di TAnjung Balai Karimun Menggunakan Bahasa Pemrograman PHP dan MySQL,” J. Tikar, Vol. 1, No. 2, pp. 192–206, 2020, [Online]. Available:

https://ejurnal.universitaskarimun.ac.id/index.php/teknik_informatika/article/download/1 53/121