View of Design and Implementation of a Web-Based Mobile Sales Information System Using the Laravel Framework

(1)

Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 191

st th

Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework

Laravel

Yakobus Kevin Dean Prasetyo ¹, Prof. Dr. Ir. Eko Sediyono, M.Kom.²,

1,2Universitas Kristen Satya Wacana; Jl. Diponegoro No.52-60, Salatiga, Kec. Sidorejo, Kota Salatiga, Jawa Tengah 50711, (0298) 321212

3Program Studi Teknik Informatika, FTI UKSW, Salatiga e-mail: *¹[email protected], ²[email protected]

Abstrak

Tatto Cellular sebuah badan usaha yang berada di Tegal, yang bergerak dibidang penjualan handphone. Tatto Cellular mempunyai kendala pada order barang, karena saat ini penjualan masih secara manual, Tujuan dari penelitian ini adalah untuk menghasilkan sebuah website e-commerce yang dapat menjual handphone baru dan bekas dengan menggunakan framework Laravel. Proses desain website e-commerce Tatto Cellular menggunakan framework Laravel. Pemodelan sistem menggunakan UML. Pengumpulan data yang di lakukan pada penelitian ini yaitu wawancara dan observasi. Hasil pada penelitian ini yaitu menghasilkan suatu perangkat lunak website toko online pada Tatto Cellular menggunakan framework laravel yang berfungsi untuk memperluas pemasaran produk dan membuat belanja lebih cepat dan nyaman bagi konsumen tanpa harus datang langsung ke toko.

Kata kunci — Laravel, Metode Prototype, Website

Abstract

Tatto Cellular is a business entity located in Tegal, which is engaged in the sale of mobile phones. Tatto Cellular has problems with ordering goods, because currently sales are still manually, The purpose of this study is to produce an e-commerce website that can sell new and used mobile phones using the Laravel framework. E-commerce website design process Tatto Cellular uses the Laravel framework. System modeling using UML. Data collection conducted in this study is interviews and observations. The result of this study is to produce an online store website software on Tatto Cellular using the Laravel framework which serves to expand product marketing and make shopping faster and more convenient for consumers without having to come directly to the store.

Keywords — Laravel, Prototype Method, Website

(2)

192 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933

1. PENDAHULUAN

Di era saat ini perkembangan teknologi informasi telah sangat maju pesat dan memudahkan aktivitas manusia dalam kehidupan sehari-hari. Peranan teknologi informasi sangat penting dalam perkembangan dunia bisnis. Perkembangan pesat teknologi , sistem informasi , ilmu pengetahuan diikuti, dan pengusaha berusaha untuk meningkatkan keterampilan dan keunggulan mereka dengan memanfaatkan semua kemungkinan yang tersedia[1].

Tatto Celuller menggunakan fungsi email dan telepon untuk berkomunikasi dengan pelanggan dalam kegiatan transaksi penjualan, namun data transaksi yang digunakan hanya disimpan dalam bentuk dokumen fisik. Mereka perlu lebih inovatif dan kreatif dalam menjalankan bisnis mereka untuk bertahan di dunia bisnis dan membutuhkan strategi khusus untuk menjaga pelanggan mereka bersaing dengan pesaing mereka. Membangun hubungan baik dengan pelanggan lebih penting daripada memenuhi tujuan penjualan . Jika hubungan antara perusahaan baik, pelanggan akan memilih perusahaan yang mereka yakini akan puas dengan apa yang ditawarkan perusahaan. Oleh karena itu dengan berkembangnya teknologi informasi, cara untuk mengimplementasikan produk, teknologi informasi dan komunikasi untuk membuat bisnis ini lebih efektif dengan meningkatkan layanan pemasaran dan layanan pelanggan, dan teknologi informasi dan komunikasi untuk menjadi lebih baik. strategi. Membantu pemilik bisnis membuat keputusan yang lebih baik. Salah satu cara untuk membangun hubungan dengan pelanggan ini adalah dengan membangun sistem Manajemen Hubungan Pelanggan adalah strategi yang digunakan perusahaan untuk menjauhkan pelanggan dari ketergantungan pada pesaing.

Laravel merupakan framework berbasis bahasa pemrograman PHP yang dapat digunakan untuk mengoptimalkan proses pengembangan website.[2] Model MVC memudahkan pengguna Laravel untuk mempelajari Laravel. Ini juga mempercepat pembuatan aplikasi berbasis web. Banyak perusahaan dan pengembang memilih Laravel karena manfaat dan fleksibilitasnya dalam mendukung proses pengembangan aplikasi berbasis web mereka. maka peneliti menggunakan framework Laravel untuk membuat aplikasi Website Dokumentasi dan Informasi Penjualan HP.[3]

Tujuan dari penelitian ini adalah untuk menganalisis dan merancang sistem penjualan berbasis web untuk memudahkan dalam pengolahan data aktivitas perusahaan dan transaksi dalam transaksi penjualan.

2.TINJAUAN PUSTAKA 2.1. Penelitian Terdahulu

Dalam penelitian terdahulu yang berjudul Analisis dan Perancangan Sistem Penjualan Barang Berbasis Web PT. Asia Tiara bergerak dalam sistem penjualan online yang memudahkan pelanggan dan perusahaan dalam berbisnis karena pelanggan dan perusahaan dapat saling berkomunikasi dalam satu sistem yang saling terhubung.

Tersedianya menu pengolahan data transaksi dalam sistem memudahkan karyawan untuk mengolah data tanpa harus membuka aplikasi lain. [4]

Pada penelitian yang berjudul Rancang Bangun Sistem Informasi Penjualan Pada Toko Buku Kita Tasikmalaya Berbasis Web Menggunakan Framework Laravel 8 membahas tentang system penjualan buku yang dapat mempermudah dalam pengolahan data di Toko Buku Kita Tasikmalaya yang sebelumnya masih di lakukan secara manual sehingga permasalahnya secara

(3)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 193

Yakobus Kevin Dean Prasetyo, et., al [Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel]

manual dapat diatasi, penulis menggunakan Framework Laravel untuk membuat aplikasi ini karena Laravel memilik Library yang dapat mempercepat proses pembuatan sebuah aplikasi. [5]

Pada penelitian yang berjudul Sistem Penjualan Sayur Menggunakan Framework Laravel membahas tentang sistem yang dibangun untuk mempermudah konsumen untuk berbelanja sayuran hanya melalui perangkat handphone, tablet, atau laptop yang mereka gunakan, penulis menggunakan Framework Laravel karena sangat membantu programmer dalam membangun sebuah website, karena syntaxlaravel yang bersih dan fungsional serta library yang banyak dan mudah di gunakan sehingga dapat mempercepat pembangunan modul.[6]

Dalam "Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Desktop Menggunakan Framework Bootstrap Menggunakan Metodologi Pengembangan Aplikasi Cepat", Studi Kasus Toko Peralatan Bayi ‘EENG BABY SHOP’ membahas tentang perancangan website untuk melakukan promosi barang-barang yang ada didalam ke wilayah- wilayah lain, dan mencari pelanggan di luar kota, penulis membuat Website yang responsif dengan menggunakan framework bootstrap sehingga bisa ditampilkan secara dinamis pada setiap jenis ukuran browser. [7]

Dari beberapa penelitian terdahulu, maka kita dapat menyimpulkan bahwa framework Laravel merupakan framework yang cukup banyak digunakan untuk membuat website dikarenakan proses pengembanganya lebih cepat sehingga menghemat waktu karena dapat digabungkan dengan beberapa komponen framework lain untuk mengembangkan website.

Laravel juga memiliki banyak fitur bawaan seperti fitur Authentication yang dapat digunakan untuk membuat login dan logout, hal tersebut dapat memudahkan penulis untuk merancang aplikasi Penjualan Handphone Berbasis Web Pada Toko Tattoo Cellular Tegal.

3. METODE PENELITIAN

Penelitian ini dilakukan dalam beberapa tahap. Tahap pertama dari perancangan sistem ini adalah mengumpulkan data dan menganalisis kebutuhan sistem. Kemudian tahap kedua adalah merancang aplikasi sesuai dengan kebutuhan yang dianalisis pada tahap pertama. Tahap ketiga mengikuti pengembangan aplikasi. Tahap ketiga adalah pengembangan atau implementasi aplikasi, dan tahap keempat adalah pengujian aplikasi. Gambar 1 menunjukkan tahapan Perancangan dan Implementasi Sistem Informasi Penjualan Handphone Berbasis Web Pada Toko Tattoo Cellular Tegal.[8]

(4)

194 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933

Gambar 1. Tahapan Penelitian Penjelasan dari tahap investigasi adalah sebagai berikut:

1. Pengumpulan Data dan Analisis Kebutuhan

Di tahap ini dilakukan pencarian data yang bertujuan untuk memasukkan informasi yang diperlukan untuk perancangan dan implementasi sistem informasi penjualan mobile Tegal Cellular Tattoo Shop berbasis web. Melakukan wawancara dengan bagian Tatto Celuller untuk mendapatkan proses dan kebutuhan sistem untuk perancangan dan implementasi sistem informasi penjualan mobile berbasis web di Tattoo Cellular Tegal.

2. Perancangan Aplikasi

Di tahap ini diimplementasikan desain sistem yang terdiri dari desain user interface, desain fungsi sistem, desain basis data dan infrastruktur 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.

4. HASIL DAN PEMBAHASAN 4.1 Use Case Diagram

(5)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 195

Gambar 2. Use Case Diagram

Gambar 2 Use case diagram diatas sendiri merupakan proses deskriptif yang dilakukan untuk merepresentasikan hubungan antara pengguna dengan sistem yang dirancang.

Representasi sematis yang dihasilkan tetap sederhana dan dimaksudkan untuk membuat informasi yang diberikan lebih mudah dibaca.[9]

(6)

196 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933

4.2 Diagram Activity

Gambar 3. Activity Diagram Admin dan Pelanggan

Gambar 3 diagram aktivitas adalah desain aliran aktivitas atau alur kerja dalam sistem yang sedang berjalan. Mendeskripsikan proses perancangan dan implementasi sistem informasi penjualan HandPhone berbasis web di Tegal Cellular Tattoo Shop menggunakan framework Laravel, mulai dari user masuk ke aplikasi hingga memungkinkan user mendownload dokumen legal. Dalam hal ini administrator memiliki akses untuk membuat, membaca, mengupdate, dan menghapus proses yang berkaitan dengan perancangan dan implementasi sistem informasi penjualan HandPhone berbasis web di Tegal Cellular Tattoo Shop menggunakan framework Laravel.[10]

(7)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 197

4.3 Desain Aplikasi

Gambar 4. Tampilan Halaman Register

Gambar 4 merupakan tampilan halaman register yang terdapat dalam website sistem aplikasi penjualan toko Tatto Cellular. Di dalam halaman tersebut terdapat menu signup.

Halaman ini untuk membuat akun customer.

Gambar 5. Tampilan Halaman Sign In

Gambar 5 merupakan tampilan halaman sign in yang didalamnya terdapat menu sign in.

Untuk melakukan akses kedalam website penjualan Tatto Cellular.

(8)

198 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933

Gambar 6. Tampilan Halaman Home

Gambar 6 tampilan antarmuka Menu Home digambarkan oleh gambar di atas ini untuk melihat barang barang yang di perjual belikan di website TattoCellular.

Gambar 7. Tampilan Halaman Profil

Pada gambar 7 terdapat halaman Profil pembeli yang telah melakukan login di website Tatto Selullar.

(9)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 199

Gambar 8. Tampilan Halaman Pemesanan Barang

Gambar 8 dalam halaman ini Customer melakukan transaksi pembelian barang di website Tatto Cellular Tegal, dan transaksi pembelian akan di simpan di dalam database.

Gambar 9. Tampilan Halaman Riwayat Pemesanan

Pada tampilan gambar 9 merupakan halaman untuk melihat informasi riwayat pemesanan yang di lakukan customer.

(10)

200 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933

Gambar 10. Tampilan Halaman Detail Pemesanan

Pada tampilan gambar 10 merupakan halaman untuk menampilkan informasi detail pemesanan yang di lakukan customer.

4.4 Pengujian Aplikasi

Kegunaan dari melakukan uji coba yaitu agar kita dapat mengetahui bug atau cacat pada perangkat lunak pengembangan. Pengujian diperlukan untuk memilih perangkat lunak yang telah dibuat memenuhi kriteria.

4.5 Tabel BlackBox

Fungsi Deskripsi Hasil yang Diinginkan Hasil Uji

Halaman Sign in Customer melakukan Register akun

Data tersimpan di database Berhasil Halaman Login Customer melakukan Login

akun

Data tersimpan di database, dan di tampilkan di halaman profil

Berhasil

Halaman Home Customer memilih menu Home

Masuk ke halaman yang berisi tabel home dan terdapat beberapa pilihan

Berhasil

(11)

Jatisi ISSN 2407-4322

Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 201

Handphone yang di jual di toko Tatto Cellular

Halaman Pemesanan

Customer memilih menu pesan pada halaman home dan akan masuk ke halaman pemesanan

Masuk halaman pemesanan melihat keranjang pembelian, memperlihatkan daftar produk yang ditambahkan database.

Berhasil

Halaman riwayat pemesanan

Customer memilih menu Riwayat pemesanan

Masuk ke halaman Riwayat pemesanan untuk melihat status pemesanan dan akan di simpan di data base

Berhasil

Halaman detail pemesanan

Customer melakukan pembayaran barang

Customer melakukan transaksi pembayaran barang

Berhasil

5. KESIMPULAN

Berdasarkan hasil implementasi dan uji coba di atas, berjudul “Perancangan dan Implementasi Sistem Informasi Penjualan Handphone Berbasis Web Pada Toko Tattoo Cellular Tegal Menggunakan Framework Laravel”, yaitu Sistem penjualan ini bisa digariskan secara garis besar sampai pada kesimpulan website penjualan yang dibuat dapat mewadahi kebutuhan sistem penjualan yang ada di toko Tattoo Cellular, dimana pada website penjualan yang telah dibuat ini telah tersedia fitur layanan seperti pengelolaan barang, promosi barang terbaru, pembelian barang secara online yang sudah dilengkapi dengan sistem pembayaran online.

Framework Laravel sudah terbukti dapat mempercepat pengembangan aplikasi karena Laravel telah mengimplementasikan MVC (Model View Controller).

6. SARAN

Saran yang dapat disampaikan untuk pengembangan aplikasi Sistem Informasi Penjualan Handphone Berbasis Web Menggunakan Framework Laravel adalah dengan diadakannya penelitian lebih lanjut mengenai analisis kebutuhan sistem yang lebih mendalam, Perangkat lunak perlu dikembangkan lagi pada interface agar dapat lebih mudah digunakan oleh pengguna. keamanan data, hingga keamanan informasi yang tersedia.

UCAPAN TERIMA KASIH

Penulis sangat berterima kasih kepada Prof.Eko, keluarga, dan teman teman khususnya angkatan 2018 UKSW Salatiga yang telah memberikan dukungan melalui doa maupun bimbingannya kepada penulis hingga dapat mengakhiri penelitian ini.

(12)

202 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933

DAFTAR PUSTAKA

[1] E. Kusmayadi, “Dasar-dasar Teknologi Informasi dan Komunikasi,” Univ. Terbuka, pp.

278–300, 2015, [Online]. Available: http://www.pustaka.ut.ac.id/lib/wp- content/uploads/pdfmk/PUST442502-M1.pdf

[2] Ismai, “Pemanfaatan Framework laravel Untuk Pengembangan Sistem Informasi Toko Online di Toko New Trend Baturetno,” J. Scr., Vol. 7, No. 2, pp. 232–238, 2019.

[3] Ibnu, “‘Mengenal Laravel, Framework PHP Terpopuler Untuk Pengembangan Website,’” 2022. https://accurate.id/teknologi/laravel/

[4] C. Sujana and D. Darmansyah, “Analisa dan Perancangan Sistem Penjualan Barang Berbasis Web pada PT. Asia Tiara,” J. Interkom J. Publ. Ilm. Bid. Teknol. Inf. dan Komun., Vol. 12, No. 4, pp. 24–32, 2021, doi: 10.35969/interkom.v12i4.36.

[5] M. A. Firmansyah, N. Ramsari, and A. D. Rachmanto, “Rancang Bangun Sistem Informasi Penjualan pada Toko Buku Kita Tasikmalaya Berbasis Web Menggunakan Framework Laravel 8,” J. Teknol. Inf. dan Komun., Vol. 12, No. 1, 2022, doi:

10.56244/fiki.v12i1.498.

[6] A. Fauziah, S. Noer, J. Junaedi, and Ma. Riyandi, “Jurnal Restikom : Riset Teknik Informatika dan Komputer Sistem Penjualan Sayur Menggunakan Framework Laravel,”

Vol. 3, No. 1, pp. 42–50, 2021, [Online]. Available: https://restikom.nusaputra.ac.id [7] J. Martin and A. R. Tanaamah, “Perancangan dan Implementasi Sistem Informasi

PenjualanBerbasis Desktop Website Menggunakan Framework Bootstrap Dengan Metode Rapid Application Development, Studi Kasus Toko Peralatan Bayi ‘Eeng Baby Shop,’” J. Teknol. Inf. dan Ilmu Komput., Vol. 5, No. 1, p. 57, 2018, doi:

10.25126/jtiik.201851547.

[8] A. Hidayat, “‘Metode Penelitian Adalah: Pengertian, Tujuan, Jenis, Manfaat, Contoh,’”

2022, [Online]. Available: hhttps://www.statistikian.com/2017/02/metode-penelitian- metodologi-penelitian.html.

[9] B. J. A. Hamzah Fansury, Muh. Afsah Rahman, Developing Mobile English Application As Teaching Media. Yogyakarta: Deeppublish, 2021. [Online]. Available:

https://books.google.co.id/books?

[10] M. M. Lucini, P. J. Van Leeuwen, and M. Pulido, “Model Error Estimation Using The Expectation Maximization Algorithm and A Particle Flow Filter,” SIAM-ASA J.

Uncertain. Quantif., Vol. 9, No. 2, pp. 681–707, 2021, doi: 10.1137/19M1297300.