Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X SISTEM INFORMASI PENJUALAN SPAREPART MOTOR PADA TOKO NENEN SPEED SHOP BERBASIS WEB TaufiqqurrachmanA. Hilda Pratyas Ramadhan2. Frandika Septa3 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 1taufiq_qurrachman@saintekmu. id, 2hildaramadhani1@gmail. septa@saintekmu. Abstrak Salah satu sistem informasi berbasis komputer adalah website, biasanya sistem informasi web ini dalam bentuk offline ataupun online. Penyebaran atau penyampaian informasi yang dilakukan pada sistem informasi online dapat di akses oleh siapa saja dan dimanapun dengan ketentuan harus mempunyai sambungan internet. Metodologi pengembangan sistem yang digunakan adalah metode System Development Life Cycle (SDLC) dengan model proses waterfall dari tahapan requirement analysis sampai tahapan pengujian. Bahasa pemrograman yang digunakan adalah sublime text dengan menggunakan MYSQL sebagai databasenya. Hasil dari pembuatan website penjualan barang yang berisikan stok barang, data penjualan barang serta laporan-laporan penjualan barang yang terjadi setiap harinya, mampu memberi kemudahan dalam mengelola informasi dengan cepat, tepat, dan akurat serta memberikan kemudahan kepada pelanggan dalam proses transaksi. Kata Kunci : sistem, informasi, sparepart _________________________________________________________________________ PENDAHULUAN Penjualan merupakan salah satu kegiatan yang sangat penting bagi setiap pelaku Oleh karena itu diperlukan suatu usaha yang efektif dan efisien sehingga dapat memberikan kemudahan dalam kegiatan transaksi serta pemberian informasi, khususnya dibidang penjualan, seiring dengan semakin maju dan berkembangnya teknologi saat ini . Tingkat pertumbuhan penjualan sparepart sepeda motor yang sedemikian pesatnya di Indonesia, serta meningkatnya kebutuhan suku cadang atau sparepart motor merupakan peluang emas untuk membuka usaha toko sparepart motor AuNenen Speed ShopAy, usaha ini dapat bertahan sepanjang masa dan tidak ada matinya dibandingan dengan usaha lainya. Penjualan sparepart motor secara normal atau dengan mendatangi bengkel suku cadang sparepart motor menjadi kurang efisien karena akan menghabiskan banyak waktu untuk mendatangi bengkel suku cadang, ditambah jika bengkel yang didatangi dan sparepart yang dicari habis atau tidak ada barang yang kita cari. Untuk memudahkan dalam mencari serta melakukan transaksi jual beli sparepart motor, pembuatan website dapat menjadi solusi untuk menghemat waktu serta tenaga. Beragam Informasi penjualan tersebut dapat ditampilkan dalam suatu website yang Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X menarik dan memiliki katalog dari tiap merk penjualan yang ada. Website menggunakan program PHP dan MySql karena PHP mendukung cross platform. PHP juga sangat cepat, stabil, lebih baik atau lebih cepat dari Cold Fusion dan Asp, serta dengan kebutuhan yang jauh lebih kecil dalam hal pemakaian memori dan kebutuhan. MySQL merupakan server database yang kecil dan mudah digunakan serta memiliki kehandalan dan performa yang tinggi, serta database yang cukup stabil untuk digunakan sebagai media penyimpanan data. Penggunaan MySQL biasanya dipadukan dengan program PHP, karena dengan menggunakan kedua program ini telah terbukti akan kehandalannya dalam menangani pengolahan data. Berdasarkan uraian di atas, dilakukan penelitian dengan judul AuSistem Informasi Penjualan Sparepart Motor Pada Toko Nenen Speed Shop Berbasis WebAy yang diharapkan dapat mempermudahkan dalam proses pengelolaan persediaan barang pada toko tersebut. 1 Identifikasi Masalah Berdasarkan latar belakang diatas terdapat beberapa identifikasi permasalahan yang dapat dituangkan dalam penelitian ini, sebagai berikut: Penjualan sparepart motor masih dilakukan dengan cara manual. Pengelolaan data stok sparepart masih dengan cara manual, sehingga terjadinya penumpukan dokumen. 2 Batasan Masalah Berdasarkan identifikasi permasalahan diatas, berikut batasan masalah yang diambil dari penelitian ini adalah: Sistem yang akan dibangun meliputi pengelolaan stok barang dan data penjualan Menampilkan semua laporan - laporan penjualan barang. 3 Rumusan Masalah Berdasarkan identifikasi permasalahan diatas, ada beberapa perumusan masalah pada penelitian ini, yaitu: Bagaimana membuat sistem informasi penjualan sparepart motor pada toko Nenen Speed Shop berbasis website? Bagaimana mengimplementasikan sistem informasi penjualan sparepart motor pada toko Nenen Speed Shop? 4 Landasan Teori 1 Sistem Sistem berasal dari bahasa Latin . dan bahasa Yunani . adalah suatu kesatuan yang terdiri dari komponen yang di hubungkan bersama untuk memudahkan aliran informasi, materi atau energi. Istilah ini sering dipergunakan untuk mengambarkan suatu set entitas yang berinteraksi, dimana suatu mode matematika seringkali bisa dibuat. 2 Informasi Informasi adalah data yang telah di olah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat dalam mengambil keputusan saat ini atau mendatang. 3 Penjualan Penjualan adalah suatu kegiatan yang bertujuan untuk mencari pembeli, mempengaruhi serta memberikan petunjuk agar pembeli dapat menyesuaikan kebutuhannya dengan produksi yang ditawarkan serta mengadakan perjanjian mengenai harga yang menguntungkan untuk kedua belah pihak. 4 PHP (Hypertext Preprocessin. PHP (Hypertext Preprocessin. adalah bahasa script yang dapat ditanamkan Sistem Informasi Penjualan Sparepart Motor Pada Toko Nenen Speed Shop Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X atau disisipkan ke dalam HTML. PHP banyak dipakai untuk membuat program situs web dinamis yang di desain untuk pengembangan web. 5 XAMPP XAMPP (Window/Linu. Apache MySQL PHP dan Perl merupakan paket ServerWeb PHP dan Database MySQL yang paling populer di kalangan pengembang web dengan menggunakan PHP dan MySQL sebagai databasenya. 6 MYSQL MySQL merupakan sebuah program database server yang mampu menerima dan mengirim datanya dengan sangat cepat, multi user serta menggunakan perintah standar SQL (Structure Quered Languag. MySQL memiliki dua bentuk lisensi, yaitu freesoftware dan shareware. MySQL yang biasa digunakan adalah MySQL free software yang berada dibawah lisensi Gnu/Gpl (General Public Licens. MySQL merupakan sebuah database server yang free, artinya kita bebas menggunakan database ini untuk keperluan pribadi atau usaha tanpa harus membeli atau membayar . 7 Sublime Text Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya fitur, cross platform, mudah yang cukup terkenal di kalangan developer . , penulis dan desainer. Para programmer biasanya menggunakan sublime text untuk menyunting source code yang sedang dikerjakan. METODE PENELITIAN 1 Metode Pengembangan Sistem Dalam pembuatan perangkat lunak monitoring aktivitas penjualan dan informasi berbasis web, penulis menggunakan pemodelan SDLC Waterfall. Pada proses waterfall ditunjukkan metode pengembangan dimana pengembang aplikasi diharuskan mengikuti langkah-langkah sebagai berikut, sebagaimana penjelasan Gambar 1. Gambar 1. SDLC Model Waterfall Menurut Bassil . Tahapan Ae tahapan dalam metode waterfall: Analisys Pada tahap ini pengembang harus mengetahui seluruh informasi mengenai kebutuhan software seperti kegunaan software yang diinginkan oleh pengguna dan batasan Design Tahap selanjutnya yaitu desain. Desain dilakukan sebelum proses coding dimulai. Ini bertujuan untuk memberikan gambaran lengkap tentang apa yang harus dikerjakan dan Taufiqqurrachman. Hilda Pratyas Ramadhan. Frandika Septa Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X bagaimana tampilan dari sebuah sistem yang diinginkan. Implementation Proses penulisan code ada di tahap ini. Pembuatan software akan dipecah menjadi modul-modul kecil yang nantinya akan digabungkan dalam tahap selanjutnya. Testing Pada tahap keempat ini akan dilakukan penggabungan modul-modul yang sudah dibuat Setelah itu akan dilakukan pengujian yang bertujuan untuk mengetahui apakah software sudah sesuai desain yang diinginkan dan apakah masih ada kesalahan atau tidak. Maintenance Tahapan terakhir dari metode pengembangan waterfall. Di sini software yang sudah jadi akan dijalankan atau dioperasikan oleh penggunanya. Dan juga dilakukan 2 Metode Pengumpulan Data 1 Studi Pustaka Studi pustaka adalah metode pengumpulan data yang diperoleh dari sumbersumber yang ada dibuku, artikel, jurnal, dan laporan tugas akhir yang berhubungan dengan penelitian atau buku-buku sebagai referensi penulis dalam penyusunan penelitian ini. 2 Observasi Observasi adalah cara menghimpun bahan-bahan keterangan yang dilakukan dengan mengadakan pengamatan dan pencatatan secara sistematis terhadap fenomena-fenomena yang dijadikan obyek pengamatan. 3 Wawancara Wawancara adalah bentuk kegiatan pemerolehan informasi dengan cara melakukan proses tanya jawab antara penanya dengan narasumber/sumber informasi. HASIL Hasil dari penelitian Sistem Informasi Penjualan Sparepart Motor pada Toko Nenen Speed Shop Berbasis Web ini, menjadikan sistem yang terkomputer sehingga mempermudahkan dalam penginputan data barang masuk dan barang keluar, melihat ketersedian barang secara komputerisasi dan memudahkan membuat laporan. Implementasi merupakan tahap penerjemahan kebutuhan pembangunan sistem kedalam representasi perangkat lunak sesuai dengan hasil analisis yang telah dilakukan. Hasil dari tahapan implementasi ini adalah suatu sistem pengolahan data yang sudah dapat berjalan dengan baik. 1 Implementasi Halaman Dashboard Halaman dashboard merupakan halaman utama yang tampil ketika Admin telah masuk ke dalam website, sebagaimana dijelaskan pada Gambar 2. Sistem Informasi Penjualan Sparepart Motor Pada Toko Nenen Speed Shop Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X Gambar 2. Halaman Dashboard PEMBAHASAN 1 Analysis Dalam pembuatan sistem ini, dibutuhkan dukungan perangkat dan komponenkomponen guna memaksimalkan sistem informasi ini mulai dari perangkat keras, perangkat lunak, dan tools yang lainya yang menunjang pembuatan sistem ini. 1 Analisa Kebutuhan Hardware Perangkat keras yang digunakan dalam pembuatan sistem ini adalah sebagai Tabel 1. Kebutuhan Perangkat Keras (Hardwar. Laptop HP Processor Intel Core i3 RAM 2. 00 GB Hardisk 500 GB 2 Analisa Kebutuhan Software Perangkat lunak yang digunakan dalam pembuatan sistem ini adalah sebagai Tabel 2. Kebutuhan Perangkat Lunak (Softwar. Sistem Operasi Windows 10 XAMPP Database MySQL Web browser Google Chrom 3 Analisa Kebutuhan Brainware Dengan analisa brainware ini, diharapkan website selalu up to date, sehingga analisis yang dibutuhkan adalah: Taufiqqurrachman. Hilda Pratyas Ramadhan. Frandika Septa Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X Admin User/Pegawai Programmer 4 Analisa Sistem Yang Berjalan Analisa sistem yang berjalan bertujuan untuk mengetahui bagaimana terjadinya proses kegiatan dalam operasional dan juga untuk mengetahui masalah-masalah yang ada serta kelemahan-kelemahan pada sistem yang sedang berjalan sekarang ini. Jika pada sistem yang sedang berjalan terdapat kekurangan, maka dapat disempurnakan dengan menggunakan sistem yang baru, sebagaimana dijelaskan pada Gambar 3. Gambar 3. Analisa Sistem Yang Berjalan 5 Analisa Sistem Yang Akan Diusulkan Sistem informasi penjualan sparepart motor yang diusulkan diharapkan dapat memberikan gambaran yang jelas dalam pembuatan sistem informasi yang dapat membantu proses penjualan, sebagaimana dijelaskan pada Gambar 4. Gambar 4. Analisa Sistem Yang Diusulkan Sistem Informasi Penjualan Sparepart Motor Pada Toko Nenen Speed Shop Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X 2 Design System Dalam penelitian ini dijelaskan dan diuraikan tentang proses desain sistem, yaitu proses yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, tampilan antarmuka . , dan prosedur pengkodean, agar dapat diimplementasikan menjadi program pada tahap selanjutnya. 1 Perancangan Use Case Diagram Use case diagram admin, merupakan gambaran atau representasi dari interaksi yang terjadi antara sistem dan lingkungannya. Proses tersebut, sebagaimana ditampilkan pada Gambar 5. Gambar 5. Use Case Diagram Perancangan Activity Diagram Activity diagram memudahkan dalam memahami langkah alur diagram, dan juga diagram ini mengunakan langkah kerja . dari use case sehingga dapat diketahui aktivitas dan object yang sedang digunakan dalam aliran diagram tersebut. Hal tersebut sebagaimana dijelaskan pada Gambar 6. Taufiqqurrachman. Hilda Pratyas Ramadhan. Frandika Septa Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X Gambar 6. Activity Diagram 3 Perancangan Sequence Diagram Sequence diagram digunakan untuk menjelaskan program yang berjalan pada Sistem Informasi Penjualan Sparepart Motor, sebagaimana dijelaskan pada Gambar 7 Gambar 7. Sequence Diagram 4 Perancangan Class Diagram Class diagram digunakan untuk menggambarkan hubungan antar kelas dan relasi-relasi yang ada dalam sistem. Berikut di bawah ini merupakan model class Sistem Informasi Penjualan Sparepart Motor Pada Toko Nenen Speed Shop Berbasis Web Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X diagram dari sistem informasi penjualan sparepart sepeda motor, sebagaimana dijelaskan pada Gambar 8. Gambar 8. Class Diagram 5 Perancangan Tampilan Sistem (Design Interface Syste. Perancangan sistem adalah merancang atau mendesain sistem yang baik, isinya adalah langkah-langkah operasi dalam pengolahan data dan prosedur untuk operasi Kegiatan yang dilakukan pada tahap ini yaitu merancang atau mendesain sistem yang baik, mendesain pemodelan sistem yang baik, mengenali dan mendefinisikan masalah pembuatan sistem ini sehingga jika ada kesalahan ada alternatif pemecahannya. Design Interface Halaman Dashboard Interface design halaman dashboard sistem informasi penjualan sperpart pada toko dapat di lihat rancangan utamanya, sebagaimana dijelaskan pada Gambar 9. Taufiqqurrachman. Hilda Pratyas Ramadhan. Frandika Septa Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X Gambar 9. Design Interface Halaman Dashboard 3 Intergration and Testing Testing sistem biasa digunakan untuk menemukan bug pada sistem, mulai dari awal hingga akhir sehingga bila sistem sudah diimplementasikan jika terdapat bug bisa dilakukan perbaikan. Testing juga bertujuan untuk pengujian yang sangat diperlukan untuk menjamin kualitas dari sistem yang dibuat. Selain itu metode pengujian Sistem Informasi Penjualan Sparepart Motor Berbasis Web ini menggunakan metode pengujian Black Box. Proses pengujian yang dijelaskan pada Tabel 3. Tabel 3. Hasil Pengujian User Sub Modul Login Logout Data Katagori Skenario Uji Login (Bena. Ekspetasi Hasil Masuk ke halaman utama Hasil Sesuai Login (Sala. Logout Tampil pesan login gagal Sesuai Sesuai Melihat katagori berhasil Transaksi Tambah katagori gagal Melihat data transaksi Data Menu Data tampilan produk Data Informasi Data tampilan dan cara Data Pesanan User Manajemen Data Laporan pemesanan prodak Tambah data akun Tambah data akun Ubah data akun berhasil Ubah Akun Hapus Akun Ubah data akun gagal Hapus data akun Laporan Tansaksi Data laporan transaki Filter Laporan Filter laporan ber-hasil Kembali ke halaman login Data katagori tersimpan di Tampil katagori gagal Menghapus data transaksi Data tampilan produk di update data baru Tambah Data tampilan informasi di update data Data laporan pemesanan Data akun tersimpan di Menampilkan pesan gagal Data akun di update data Menampilkan pesan gagal Menghapus data akun Data laporan transaksi terupdate Data laporan muncul Sistem Informasi Penjualan Sparepart Motor Pada Toko Nenen Speed Shop Berbasis Web Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Jurnal VISUALIKA | Universitas Saintek Muhammadiyah Vol. No. Desember 2023, hlm. 13 - 23 P-ISSN E-ISSN 2745-584X PENUTUP 1 Kesimpulan Berdasarkan hasil penelitian yang telah dilakukan di Toko Nenen Speead Shop, dapat diambil beberapa kesimpulan yaitu: Sistem Informasi Penjualan Sparepart Motor Berbasis Web dapat membantu Admin dalam melakukan pencarian data barang dan pengarsipan dengan cepat dan akurat. Sistem Informasi Penjualan Sparepart Motor Berbasis Web dibuat menggunakan pemrograman PHP dan database MySql, sehingga penjualan dapat dilakukan secara 2 Saran Saran dan masukkan yang penulis catat dalam pembuatan Sistem Informasi Penjualan Berbasis Web, adalah sebagai berikut:. Program Sistem Informasi Penjualan Berbasis Web ini kedepannya mampu ditambahkan fitur pembayaran secara sistematis. Pengembangan selanjutnya, sistem diharapkan bisa menampilkan Grafik Penurunan dan Peningkatan Penjualan di Toko Nenen Speead Shop, agar perusahaan dapat memantau data penjualan secara keseluruhan. DAFTAR PUSTAKA