SISTEM INFORMASI PENJUALAN DAN SERVICE BERBASIS WEB PADA BENGKEL MOTOR SPRJ DI BEKASI

(1)

SISTEM INFORMASI PENJUALAN DAN SERVICE BERBASIS WEB PADA

BENGKEL MOTOR SPRJ DI BEKASI

Ahsril Ahshar

STMIK Nusa Mandiri Jakarta asril.way@gmail.com

Dwi Yuni Utami

STMIK Nusa Mandiri Jakarta dwi.dyu@bsi.ac.id

Nia Nuraeni

STMIK Nusa Mandiri Jakarta nia.nne@bsi.ac.id

ABSTRAK-Pentingnya teknik promosi dalam penjualan adalah hal utama dalam pengembangan

bisnis penjualan, ditambah lagi dengan

pengembangan penjualan dengan menggunakan

sistem online yaitu dengan e-commerce.

Perancangan ini menghasilkan sistem informasi

website e-commerce yang dibuat dengan

menggunakan bahasa pemrograman PHP dan MySQL

sebagai sinkronisasi database. Perancangan

sistemnya dan model pengembangannya dilakukan dengan bahasa pemodelan dengan menggunakan UML dan menggunakan metode waterfall. Hasil Akhir dengan adanya penjualan sistem e-commerce bengkel motor SPRJ yang menjual berbagai macam

spare-part motor diharapkan semakin

mengembangkan teknik penjualannya tidak hanya melakukan penjualan secara langsung ataupun melalui media sosial.

Kata Kunci: Website E-Commerce, Bengkel,

Penjualan Online

ABSTRACT-The importance of promotion techniques

in sales is the main thing in business development sales, coupled with the development of sales by using the online system is to e-commerce. This design produces information system e-commerce websites are created using the programming language PHP and MySQL as database synchronization. The design of the system and the model development done by using UML modeling language and using methods waterfall.Hasil End with the sale of e-commerce systems SPRJ bike shop that sells a wide range of motorcycle spare-parts sales are expected to further develop the technique not only sell directly or through social media.

Keywords: Website E-Commerce, Workshops, Online Sales

PENDAHULUAN

Bengkel Motor SPRJ (Sundoro Putro Racing Jaya) merupakan salah satu bengkel otomotif kendaraan roda dua yang berlokasi di Jatiasih kota

Bekasi. Bergerak dibidang penjualan sparepart dan

bidang jasa service, modifikasi & tune-up kendaraan

roda dua. Seiring dengan perkembangan teknologi informasi, Bengkel SPRJ ingin memanfaatkan teknologi informasi untuk meningkatkan kinerja dan produktivitas agar dapat bersaing dalam usaha

bisnisnya dibidang penjualan & service.

Kegiatan penjualan & service merupakan

menjadi sesuatu yang sangat penting untuk

kemajuan bengkel. Hampir di setiap harinya, kegiatan pencatatan penjualan ini dilakukan tetapi masih ditemukan banyak permasalahan yang timbul.

Untuk mencatat data penjualan dan service Bengkel

SPRJ masih menggunakan kwitansi. Pencatatan transaksi yang masih manual ini, terkadang membuat pengelola kesulitan dalam mencari data

penjualan dan service pada waktu tertentu, dan

diharapkan dapat mempermudah konsumen yang

akan membeli sparepart yang di tawarkan oleh

bengkel tanpa harus datang ke tempatnya secara langsung.

Menurut Aji dkk (2013:1) dalam menangani

penjualan spare part dan pembelian masih

menggunakan sistem konvensional yaitu pencatatan setiap transaksi dengan menggunakan buku besar, sehingga pembuatan laporan membutuhkan waktu yang tidak sedikit. Hal ini diakibatkan karena setiap saat terjadi perubahan pada stok yang dikarenakan oleh pembelian dan penjualan barang. Dari permasalahan tersebut dirancang dan dibangun sistem informasi penjualan barang yang berisikan data-data pembelian barang, stok barang, data-data penjualan barang serta laporan-laporan penjualan barang yang terjadi setiap harinya. Dari sistem ini diharapakan data membantu dalam menyelesaikan masalah laporan data penjualan barang dengan cepat dan kapan saja jika dibutuhkan dan hasil dari proses pengolahan data ini pun lebih akurat dibanding jika dilakukan proses pengolahan data dengan sistem konvensional.

BAHAN DAN METODE

Metode Penelitian

Penulis melakukan beberapa penelitian yang menggunakan dua macam metode penelitian, yaitu teknik pengumpulan data dan model pengembangan sistem. Pengumpulan data dan informasi yang digunakan adalah sebagai berikut:

Teknik Pengumpulan Data

(2)

A. Observasi

Penulis melakukan observasi langsung dalam mengindentifikasi sistem yang berjalan pada bengkel motor SPRJ. Hasil dari pengamatan tersebut diproses sehingga dari kegiatan observasi ini dapat diketahui kesalahan atau kendala-kendala yang dihadapi dari kegiatan tersebut.

B. Wawancara

Penulis melakukan suatu metode tanya jawab secara langsung dengan pemilik bengkel motor SPRJ dan konsumen untuk menggali informasi yang

diperlukan mengenai semua kegiatan yang

berhubungan dengan sistem penjualan.

C. Studi Pustaka

Penulis juga melakukan studi pustaka melalui sumber buku, jurnal-jurnal terkait, maupun pada sumber lainnya sebagai pembanding atau dasar pembahasan lanjut untuk memperoleh

landasan-landasan teori dari sistem penjualan online atau

e-commerce yang akan dikembangkan pada bengkel motor SPRJ.

Experimental

Proses bisnis yang berjalan pada Bengkel SPRJ

saat ini dalam penjualannya adalah pertama konsumen bisa melakukan pembelian secara langsung ataupun memesan spare part via BBM, bila konsumen memilih untuk membeli langsung konsumen bisa datang ke Bengkel SPRJ, memilih spare part yang sesuai dengan jenis kendaraan kemudian menanyakan harganya, jika cocok spare part bisa dipasang langsung oleh mekanik pada kendaraan tersebut atau dibawa pulang setelah itu konsumen membayar kepada kasir/owner.

Apabila konsumen memesan via BBM,

kasir/owner memeriksa stok spare part yang

dipesan oleh konsumen kemudian

menginformasikannya.Jika spare part tidak ada maka konsumen batal membeli dan apabila spare part tersedia proses selanjutnya adalah kasir/owner memberikan informasi mengenai total harga spare

part. Pembayarannya dilakukan pada saat

pengambilan spare part oleh konsumen.

Konsumen Mekanik Kasir/Owner

Datang ke Bengkel menanyakan sparepart yang dicari

Memerikan kendaraan konsumen, Menyarankan sparepart yang diganti,

Mencari stok sparepart.

Menawarkan harga sparepart ke konsumen

Batal memesan Beli Sparepart

Memasang/mengganti sparepart baru, Konfirmasi pemasangan Pasang

Sparepart

Terima konfirmasi pemasangan, Membuat kwitansi

Terima Sparepart & kwitansi,

Melakukan pembayaran Terima pembayaran Act Penjualan Sparepart Offline

Terima Pesanan via BBM, Cek stok sparepart Pesan Sparepart

Mulai

Selesai Pesan via

BBM

Sumber: Penelitian (2013)

Gambar III.1 Activity Diagram Prosedur Penjualan

HASIL DAN PEMBAHASAN

Tahap Analisa

Sistem penjualan secara online berbasis website

e-commerce dimana penjual dan customer tidak saling bertatap muka secara langsung melainkan

melalui media browser dan halaman website agar

sistem penjualan yang dilakukan dapat berkembang.

Berikut ini spesifikasi kebutuhan (system

requirement) dari sistem penjualan online yang dibuat penulis.

Halaman Customer:

A1. User dapat melakukan registrasi untuk login

A2. User dapat mengelola data pribadinya setelah

login

A3. User dapat memilih sparepart yang ingin dibeli

dan ditambahkan ke keranjang belanja

A4. User dapat filter sparepart berdasarkan kategori dan pencarian produk

A5. User dapat melakukan checkout

A6. User dapat melakukan konfirmasi pembayaran

A7. User dapat melihat status order dan mencetak

invoice

A8. User dapat melakukan permintaan spesial order

A9. User dapat melihat status kendaraan yang

sedang di-service

Halaman Admin:

B1. Admin dapat Mengelola Data Kategori B2. Admin dapat Mengelola Data Produk B3. Admin dapat Mengelola Data Konsumen B4. Admin dapat Mengelola Data Mekanik B5. Admin dapat Mengelola Data Kendaraan

B6. Admin dapat Mengelola Data Spesial Order

(3)

B8. Admin dapat Mengelola Data Konfirmasi Pembayaran

B9. Admin dapat Mengelola Data Laporan Produk B10. Admin dapat Mengelola Data Laporan Konsumen

B11. Admin dapat Mengelola Data Laporan Kategori B12. Admin dapat Mengelola Data Laporan Mekanik

B13. Admin dapat Mengelola Data Laporan Service

Kendaraan

B14. Admin dapat Mengelola Data Laporan Penjualan

B15. Admin dapat Mengelola Data Artikel Service /

Jasa

B16. Admin dapat Mengelola Data Pesan Masuk

B17. Admin dapat Mengelola Data Slide Show

Website

B18. Admin dapat Mengelola Password Admin

B19. Admin dapat Mengelola Data Ongkos Kirim

4.1 Use Case Diagram Pemesanan Online

Customer

Pencarian Sparepart

Pilih Kategori

Pilih Sparepart

Keranjang Belanja

Konfirmasi Pembayaran

Spesial Order

Tampil Sparepart Sesuai Kategori

Detail Sparepart

Tampil Total

Belanja Isi Data _Order

Registrasi

Login

Input Data Pembayaran UC Pemesan Online

Check Out

<<include>> <<include>>

<<include>>

<<include>> <<include>> <<include>>

<<include>>

sumber: Penelitian (2013)

Gambar IV.1. Use Case Sistem Pemesanan Online

Tabel IV.1.

Deskripsi Use Case Sistem Pemesanan Online

Halaman Customer

Use Case Name Sistem Pemesanan Online Requirements A1-A7

Goal Customer melakukan pembelian

online via website

Pre-Conditions Customer mengetahui informasi Bengkel melakukan penjualan

secara online di Website Bengkel

Use Case Name Sistem Pemesanan Online

SPRJ

Post-Conditions

Customer melakukan pembelian

secara online via website

Failed end condition

Customer membatalkan

pembelian secara online

Primary Actors Customer/User Main Flow /

Basic Path

1.Customer mengunjungi website

Bengkel SPRJ

2.Customer harus melakukan

login untuk melanjutkan transaksi

3.Customer memilih spare part

yang akan dibeli melalui halaman

beranda ataupun kategori

produk atau melalui pencarian produk

4.Customer melakukan checkout

dan mengisi form data order

untuk data pengiriman

5.Website menampilkan total

pembelanjaan yang harus

dibayar dan customer selesai

melakukan pembelian

6.Customer melakukan konfirmasi pembayaran

Alternate Flow / Invariant 1

-Invariant 2 -

4.2 PackageDiagramUse Case Halaman Admin

Mengelola Data Kategori

Mengelola Data Pro duk

Mengelola Data Customer

Mengelola Data Mekani k

Mengelola Data Kendaraan

Mengelola Data Reques t

Mengelola Data Order

Mengelola Data Konfirmasi

Mengelola Data Laporan

Mengelola Data Artikel

Mengelola Data Pesan masuk

Mengelola Data Slide Show

Mengelola Data Rekening

Mengelola Password Admin

Mengelola Data Ongkos Kirim

Pkg Halaman Admin

Gambar IV.2

(4)

4.3 Detail Use Case Mengelola Data Kategori

Administrator

Browse Data Kategori

Tambah Kategori

Ubah

Hapus UC Data Kategori

Form Kategori

Simpan Batal <<Include>>

Gambar IV.3

Detail Use Case Mengelola Data Kategori

Tabel IV.2

Deskripsi Use Case Mengelola Data Kategori Use Case Name Mengelola Data Kategori

Requirements B1

Goal Admin dapat melihat, menambah, mengubah dan menghapus data kategori

Pre-Conditions Admin telah Login

Post-Conditions

Data produk tersimpan,

ter-update atau terhapus

Failed end condition

Gagal menyimpan, meng-update,

atau menghapus

Primary Actors Admin

Main Flow / Basic Path

1. Admin melihat daftar kategori

2. Admin menambah data

kategori

3. Admin menyimpan data

kategori

Alternate Flow / Invariant 1

2a. Admin meng-edit data

kategori

Invariant 2 2b. Admin menghapus data kategori

4.4 Activity Diagram Pemesanan Online

Act Pemesan Online

Mulai

Pilih Sparepart Detail Sparepart Masukkan ke Keranjang Belanja Stok Habis

Stok Tersedia

Lanjutkan Belanja / Pilih Sparepart lain Check Out Daftar Customer

Baru

Daftar Customer Baru

Login Belum Login

Isi Data Order Sudah Login

Sudah Punya Akun

Menampilkan Sparepart

dan Total Belanja Masuk Daftar Transaksi Pilih Transaksi

Cetak Invoice

Selesai Validasi

Login

Gambar IV.4

Activity Diagram Pemesanan Online

4.5 Entity Relationship Diagram

kustomer

Gambar IV.5

(5)

4.6 Logical Record Structure

Id_kategori _{Id_produk}

kendaraan

Gambar IV.6

Logical Record Structure

4.7 Spesifikasi File

Tabel Produk berfungsi untuk mengetahui

data-data sparepart yang dijual di website SPRJ.

Nama database : db_sprj

Nama File : produk

Akronim : produk.myd

Tipe File : file master

Akses File : index sequence

Panjang Karakter : 240 Karakter

Kunci Field : id_produk

Tabel IV.3 Produk

No .

Elemen

Data Akronim Type

Kategori

id_kategor

i Int 5

3. Nama

Produk

nama_prod uk

varcha r 50

4. Deskrips

i deskripsi Text

Gambar

3 gambar3

varcha r 50

9. Dibeli Dibeli Int 5

4.8 Software Architecture

Cmp Component

Frontpage Application <Bengkel SPRJ>

Application Database

<DB_SPRJ> MySQL Database

PHP

Jquery.js

Style.css

Apache2Triad Server

Admin Application <Bengkel SPRJ>

Gambar IV.7

Component Diagram Sistem Penjualan Online

Bengkel SPRJ

Client PC

Database Server Web Server

deployment Deployment

Frontpage Application <Bengkel SPRJ>

Application Database <DB_SPRJ>

MySQL Database PHP

Jquery.js

Style.css

Apache2Triad Server Admin Application

Browser

Port 80

Port 3306

Gambar IV.8

Deployment Diagram Sistem Penjualan Online

(6)

4.9 User Interface

1. Beranda

Halaman ini berfungsi sebagai beranda Bengkel SPRJ.

Gambar IV.9

Tampilan Halaman Beranda

4.10 Code Generation

Code Generation adalah sebuah program yang dibuat agar dapat menghasilkan instruksi atau kode program sesuai dengan kebutuhan pengguna dalam ruang lingkup tertentu. Dalam hal ini penulis menggunakan bahasa pemrograman terstuktur.

Form Login

<h2 class="title text-center">Login Form <strong></strong></h2> <br />

<div class="col-sm-4 col-sm-offset-1"> <div class="login-form"> <?php

echo " ";

if($_SESSION['id_kustomer']==''){ echo "

<h2>Jika sudah punya akun, silahkan masuk</h2>

<button type='submit' class='btn btn-default'>Log In</button> <a href='lupa-password.html' class='forgot'>Lupa Password ? Klik Di sini</a><br><br><br>

</form></div> </div>

";

echo "<div class='col-sm-4'>

<h2>Belum punya akun ? Daftar di sini!</h2><br> <p> Dengan membuat account, proses pembelanjaan akan menjadi lebih cepat dan anda dapat menyimpan alamat pengiriman, melihat pesanan Anda di account Anda.... </p>

<a href='daftar-user.html' class='btn btn-primary pull-right'>Daftar di sini</a>

</div> </div> ";

} else {

echo"<p>Kamu Telah Melakukan Login, Apakah Kamu Ingin Logout? </p>

<a href='logout.html' class='btn btn-default'>Logout</a><br><br> </div></div>";

} echo" ";

?>

</div></div></div></div>

4.11 Testing

Tabel IV.4

Hasil Pengujian Black Box Testing Halaman Login Customer

N o

Skenario Pengujian

Test Case

Hasil yang diharapka

n

Hasil Penguji

an

Kesimpul an

1

Email dan

password

tidak diisi kemudian klik tombol

login

Email: (kosong )

Passwor d: (kosong )

Sistem akan menolak

akses login

user dan menampilk

an “Email

atau

Password

Sesuai Harapa n

(7)

N o

Skenario Pengujian

Test Case

Hasil yang diharapka

Kosong”

2 kosong kemudian klik tombol

login

Email :

(terisi dan

Sistem akan menolak

akses login

user dan menampilk an

“Username

atau

password

yang anda masukkan

salah”

Sesuai harapa kondisi salah pada

email atau

password

kemudian klik tombol

login

Email: (terisi dan benar)

Passwor d: (terisi dan salah)

Sistem akan menolak akses administra

tor dan

menampilk an halaman

“Username atau password yang anda masukkan salah”

Sesuai harapa

dengan data yang benar kemudian klik tombol

login

Email: (terisi dan benar)

Passwor d: (terisi dan benar)

Sistem menerima

akses login

user dan kemudian langsung menampilk an halaman kelola user.

Sesuai harapa n

Valid

4.12 Publikasi Web

1. Nama Domain dan Analisa Biaya

Nama domain (domain name) merupakan

nama unik yang diberikan untuk mengidentifikasi

nama server komputer seperti web server atau email

server di jaringan komputer ataupun internet. Nama

domain berfungsi untuk mempermudah pengguna di

internet pada saat melakukan akses ke server, selain

itu juga dapat dipakai untuk mengingat nama server

yang dikunjungi tanpa harus mengenai deretan

angka yang rumit yang dikenal sebagai IP address.

Registrasi domain name untuk website ini adalah

http://www.sprj.web.id/, pendaftaran registrasi

domain ini melalui jasa www.rumahweb.com.

Dengan biaya hosting yang tertera pada invoice

dibawah ini.

Gambar IV.10

Invoive Pembelian Domain

2. Hosting

Hosting merupakan jasa layanan internet yang

menyediakan server-server untuk disewakan

sehingga memungkinkan organisasi atau individu

menempatkan informasi di internet. Kapasitas

hosting yang ditawarkan penyedia jasa hosting pun

cukup beragam. Melihat kebutuhan storage database

pada website SPRJ ini tidak terlalu besar dan

mungkin kedepannya apabila digunakan maka akan

terus membutuhkan ruang storage, namun untuk

menunjang kecepatan website SPRJ penulis memilih

Bandwitdh IIX (lokal) sebesar 5GB dan Bandwidth US 5GB serta memilih penempatan server IIX

(lokal).Terlebih terdapat fitur E-mail Account yang

dapat dimanfaatkan untuk E-mail member website

SPRJ.

Berikut adalah tabel fitur yang disediakan

oleh penyedia layanan hosting yang penulis gunakan.

Tabel IV.5 Tabel Fitur Hosting

SPESIFIKASI KETERANGAN

Space 100MB

Bandwidth IIX 5GB

Bandwidth US 5GB

Bandwidth SG n/a

Pilihan Server IIX/US

Fasilitas E-Mail

E-mail Account unlimited

WebMail yes

POP3, IMAP, & SMTP yes

E-mail forwarding yes

Anti SPAM (SpamAssassin) yes

(8)

SPESIFIKASI KETERANGAN

E-mail Account 7GB optional

Domain

SubDomain unlimited

Multiple Domain 0

Programming & Database

PHP5 & CGI yes

WAP/WML yes

MySQL 5 unlimited

PHPMyAdmin yes

4.5.2. Spesifikasi Hardware dan Software

Tabel IV.6

Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem Operasi

Windows Seven atau sesudahnya

Processor Intel Core i3 2.6 Ghz

RAM 2 GB

Harddisk 500 GB

Monitor LCD 14”

Keyboard Standart Mouse Standart

Browser Mozilla Firefox, Google Chrome Software Dreamweaver CS5, Adobe Photoshop

CS6, Apache2Triad

KESIMPULAN

Dari pembahasan yang telah dibahas

sebelumnya mengenai Sistem Informasi Penjualan

Spare part dan Service Berbasis Web pada Bengkel SPRJ, penulis menarik kesimpulan sebagai berikut:

1. Sistem penjualan spare part berbasis web

e-commerce ini diharapkan dapat menjadi alternatif lain dalam melakukan atau penerapan sistem penjualan yang sudah

ada di Bengkel SPRJ agar lebih

memudahkan karena ditunjang dengan sistem yang terkomputerisasi.

2. Dengan adanya website Bengkel SPRJ

diharapkan menjadi media promosi bagi

Bengkel SPRJ karena website dapat di

akses di manapun dan kapanpun.

3. Dengan adanya website Bengkel SPRJ juga

dapat membantu dalam pengolahan

laporan-laporan penjualan.

UCAPAN TERIMA KASIH

Penulis mengucapkan terima kasih yang sangat mendalam kepada Bapak Mulyadi sebagai Pemilik Bengkel Motor dan rekan-rekan yang sudah memberikan sumbangsih dan saran sehingga artikel ilmiah dapat selesai dengan baik.

REFERENSI

Aji Indra Purwoko, Bambang Eka Purnama dan Sukadi. 2013. Pembuatan Sistem Informasi Penjualan Spare Part Sepeda Motor Pada Bengkel M3 Motor Pacitan. ISSN: 2302-5700.

Diambil Dari :

http://id.portalgaruda.org/?ref=browse&mod =viewarticle&article=132302 (15 Oktober 2015)

Ellisa C Simanjuntak. Ellisa C, Ruthyanti, Grace. Naur, Heriberty MS. 2015. BLack Box Testing.

Diambil dari :

http://www.kompasiana.com/elisa_grace_her

iberty/blackbox-testing_550051c7a333115b735107db (15 Oktober 2015)

Kroenke, D.M.. 2006. Management Information System. Watsonville: Mitchell McGraw-Hill. Permana Siska Luluus Adi dan Indah Uly Wardati.

2013. Perancangan Sistem Informasi

Penjualan Dan Pembelian Spare Part

Handphone Pada Toko E-Cell. Diambil Dari : http://ijns.org/journal/index.php/ijns/article /view/214 (15 Oktober 2015)

Pramudika Dimas Ari, Bambang Eka Purnama dan

Siska Iriani. 2013. Pembuatan Sistem

Informasi Penjualan Spare Part Komputer Pada Toko Arta Komputer Pacitan. ISSN:

2301-5700. Diambil Dari :

http://ijns.org/journal/index.php/speed/arti cle/view/1335

(15 Oktober 2015)

Rossa A.S dan Shalahuddin,M .2015. Rekayasa

Perangkat Lunak Terstruktur dan

Berorientasi Objek. Bandung: Penerbit

Informatika Bandung.

Sunarto, Andi. 2009. Seluk Beluk E-Commerce. Yogyakarta: Garailmu.

Taufiq, Rohmat. 2013. Sistem Informasi Manajemen

(Konsep Dasar Analisis dan Metode