Rancang Bangun Sistem Manajemen Transaksi Jual Beli
Menggunakan Konsep MVC
(Studi Kasus : Toko Roti Hollywood)
1)
Yustina Kartika Sari, 2) Yani Rahardja S.E., M.M, 3)
Jasson Prestiliano, S.T., M.Cs.
Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Jl. Diponegoro 52-60, Salatiga 50711, Indonesia
Email: 1) yustina.kartika.s@gmail.com, 2) jasprelao@yahoo.com, 3) cahbaong@yahoo.com
Abstract
Availability of raw material is the important matter for fluency of production proses,included bakery. Manual system of purchase and sale transaction and dereliction on managing stock of raw material, and lack of carefulnessin bill checking proses, become important problem in the production prosess. Bakery needs to minimization mistakes on the production process by implementing management purchase and sale transaction application using Model View Controller(MVC). This architecture models splits the application become three parts that is model, view and controller, each part could be developed separated one of the other part.
Keyword : Information System, Raw Materials, Model View Controller Abstrak
Ketersediaan bahan baku adalah hal yang penting dalam kelancaran proses produksi, tak terkecuali pada toko roti. Sistem manual dari transaksi jual beli dan kelalaian dalam pengelolaan persediaan bahan baku, serta kurang nya ketelitian dalam pengecekan nota-nota saat terjadi nya transaksi jual beli menjadi permasalahan penting dalam proses produksi pada toko roti. Maka dibuatlah aplikasi untuk meminimalisasi terjadi nya kelalaian dalam proses produksi dengan menerapkan aplikasi managemen transaksi jual beli menggunakan Model View Controller(MVC) . Arsitektur ini membagi aplikasi menjadi tiga bagian yaitu model, view, dan controller, masing-masing dapat dikembangkan secara terpisah antara satu dengan yang lainnya.
Kata Kunci : Sistem Informasi,Bahan Baku, Model View Controller
1. Pendahuluan
Bahan baku merupakan kebutuhan dasar dalam setiap perusahaan produksi. Ketersediaan bahan baku merupakan faktor penting dalam memperlancar proses produksinya.
terhambatnya proses produksi. Ketidaktepatan informasi mengenai banyak nya persediaan bahan baku, terselip nya nota transaksi penjualan maupun pembelian bahan baku mempengaruhi jalan nya proses jual beli dari perusahaan toko roti tersebut. Maka dari fakta – fakta lapangan tersebut, terdapat informasi bahwa sistem manual dari transaksi jual beli dan kelalaian dalam pengelolaan persediaan bahan baku, serta kurang nya ketelitian dalam pengecekan nota-nota saat terjadi nya transaksi jual beli, menghambat proses produksi dari perusahaan tersebut
Salah satu pemecahan dari masalah tersebut dengan menggunakan aplikasi sistem manajemen transaksi jual beli yang memungkinkan untuk memberikan informasi mengenai banyaknya bahan baku yang harus dibeli sesuai dengan meningkatnya penjualan produk – produk tersebut. Dan memberikan jaminan keakuratan dalam proses transaksi jual beli. Serta mengurangi kelalaian dalam transaksi jual beli.
Aplikasi yang dibuat menerapkan konsep Model View Controller (MVC) yang merupakan design pattern populer pada pengembangan aplikasi. MVC ditujukan untuk memisahkan business logic dari user interface, sehingga pengembang aplikasi bisa mengubah suatu bagian dari aplikasi tanpa mempengaruhi bagian aplikasi yang lain nya. Model konvensional, masih mencampur kode program antara logika proses dan interface hal ini akan membuat pemeliharaan sistem lebih sulit, dan juga rumit untuk dimodifikasi ketika akan digunakan untuk aplikasi lain. Permasalahan tersebut telah menimbulkan gagasan untuk memisahkan logika aplikasi dengan antarmuka, sehingga aplikasi yang dibangun dengan mudah dapat diganti user interface setiap saat.
2. Tinjauan Pustaka
Persediaan merupakan suatu aktiva yang meliputi barang-barang milik perusahaan dengan maksud untuk dijual dalam suatu periode usaha tertentu, atau persediaan barang-barang yang masih dalam proses produksi, ataupun persediaan bahan baku yang masih menunggu penggunaannya dalam suatu proses produksi.
Tujuan perusahaan adalah memperoleh laba. Tujuan tersebut dipengaruhi oleh beberapa faktor, salah satu faktor yang mempengaruhi yaitu kelancaran produksi. Sedangkan salah satu kendala yang dihadapi UMKM adalah dalam bidang produksi. Kelancaran produksi itu sendiri dipengaruhi oleh ada atau tidaknya bahan baku yang akan diolah dalam produksi. Bahan baku yang dibutuhkan hendaknya cukup tersedia sehingga dapat menjamin kelancaran produksi. Akan tetapi hendaknya kuantitas persediaan itu jangan terlalu besar agar modal yang tertanam dalam persediaan dan biaya-biaya yang ditimbulkannya dengan adanya persediaan juga tidak terlalu besar dan jangan pula terlalu kecil karena dapat memperlambat proses produksi [1].
pengembangan aplikasi aplikasi seperti manipul kontrol dalam sebuah ap a. Model, digunakan u ketika ada perubahan inf yang berhubungan deng sekedar data dan fungsi digunakan untuk komput Hal ini tidak hanya me sistem bekerja.
b. View, bertanggung ja memiliki hubungan 1-1 untuk membuatnya. View layar. Selain itu, ketika bagian layar yang terke Terdapat kemungkinan b view tersebut dapat mere c. Controller, menerima view untuk melakukan a bertanggung jawab untuk Sebagai contoh, ketika controller bertanggung j merespon. Model, view harus merujuk satu sama View-Controller.
G
Gambar 1. Hubunga Arsitektur MVC memi memungkinkan beberap komponen model sebua dipelihara, karena semua
si berdasarkan komponen utama yang membang ulasi data, antarmuka pengguna, dan bagian yan aplikasi [2].
untuk mengelola informasi dan memberitahu informasi. Hanya model yang mengandung data d
ngan pemrosesan data. Sebuah model meringkas gsi yang beroperasi di dalamnya. Pendekatan m puter model atau abstraksi dari beberapa proses du menangkap keadaan proses atau sistem, tetapi b jawab untuk pemetaan sebuah perangkat. View 1 dengan sebuah permukaan layar dan tahu b iew melekat pada model dan me-render isinya kep
a model berubah, view secara otomatis menggam rkena perubahan untuk menunjukkan perubahan n beberapa view pada model yang sama dan masi merenderisi model untuk permukaan tampilan yang b
ma input dari pengguna dan menginstruksikan n aksi berdasarkan masukan tersebut. Sehingga,
tuk pemetaan aksi pengguna akhir terhadap respo ka pengguna mengklik tombol atau memilih it g jawab untuk menentukan bagaimana aplikasi s
dan controller sangat erat terkait,oleh karena it ma lain. Gambar 1 mengilustrasikan hubungan das
Gambar 1 Relasi antara model, view, dan controller
gan antara model, view, dan controller (Gulz miliki manfaat yaitu pemisahan antara model rapa view menggunakan model yang sama. A buah aplikasi lebih mudah untuk diterapkan, mua akses ke model berjalan melalui komponen ini
3. Metode Penelitian Metode perancangan waterfall adalah metode tahap yang dilalui haru Metode waterfall merup yakni dalam mengemba beli menggunakan kons beberapa alasan karena metode ini disebut deng lebih dikenal dengan mo pendekatan sistematis software (Pressman, 200 yang digambarkan pada
Gambar 2
Keuntungan dari secara teliti untuk mend model ini adalah : 1. Tahap pertama ad
lunak adalah ba pembentukan ke dimulai dari peng keras dan data. P untuk perancanga 2. Analisis Kebutuh Pada tahap ini dil proses pengumpu dari analisa ini kriteria dan alter metode untuk me 3. Desain (Design). bentuk karakteri dimulai penulisa
gan sistem menggunakan Metode Waterfall ode yang sifatnya sistematik dan sekuensial, di arus menanti tahap yang sebelumnya selesai d rupakan metode yang sesuai dengan kasus yang
bangkan aplikasi tentang sistem manajemen tran nsep Model View Controller. Metode ini dipil na sifatnya sistematik dan sekuensial. Pada tahu ngan siklus klasik (classic life cycle). Namun se model sekuensial linier, yakni model yang memb
s dan sekuensial dalam penegembangan apli 001). Struktur metode waterfall terdiri dari tahapa da Gambar 2
2 Struktur metode waterfall (Pressman,2001)
ari model waterfall ini, yaitu setiap tahapan akan mendapatkan hasil yang maksimal. Aktivitas-aktiv adalah Rekayasa dan Pemodelan Sistem, kerena bagian sistem yang lebih besar, pekerjaan dimu kebutuhan-kebutuhan dari semua elemen. Peng engumpulan semua elemen-elemen sistem seperti . Pada tahap ini penulis melakukan pengumpulan ngan aplikasi.
tuhan Perangkat Lunak (Software Requirements dilakukan pengumpulan kebutuhan elemen perang mpulan kebutuhan diintensifkan ke perangkat lun
i didapatkan beberapa informasi yang digunaka ternatif yang nantinya akan diproses dengan men mendapatkan informasi dalam pengambilan keputu ). Proses desain mengubah kebutuhan-kebutuha teristik yang dimengerti oleh perangkat lunak isan program. Desain ini harus didokumentasika
baik dan menjadi dengan perancang muka.
4. Penulisan Progra yang dimengerti Jika desain detail 5. Pengujian (Testin
dapat berjalan, internal dari pera pandangan orang yang fungsionalitas suatu sist dengan dunia luar.
Pada gambar 3 dapat informasi transaksi jual pada menu aplikasi. Ta form transaksi penjua bertanggungjawab untuk input pada form transaks
melakukan maintena aplikasi
admin
adi bagian konfigurasi perangkat lunak. Tahapan i angan UML, perancangan basis data, dan peranca gram (Coding). Desain tadi harus diubah menja rti mesin (komputer). Maka dilakukan penulisan tail maka coding dapat dicapai secara mekanis.
sting). Setelah kode program selesai dibuat, dan , testing dapat dimulai. Testing difokuskan pa erangkat lunak. Sesuatu yang dibuat harus diujicob
kita buat tidak terjadi error dan hasilnya ha han yang telah didefinisikan.
Mantainance). Pada biasa menambahkan fitur kat lunak. Tahap ini pemeliharaan perangk dalamnya adalah pengembangan, karena perang ak selamanya seperti itu.
menjelaskan manfaat suatu sistem jika diliha ng berada di luar sistem. Diagram ini me istem atau kelas dan bagaimana sistem tersebut b
Gambar 3UseCase Diagram
pat dilihat peran masing-masing aktor pada aplik al beli. Dimana peran admin adalah mengelola se Tanggungjawab kasir adalah untuk melakukan i jualan. Sedangkan karyawan pada bagian tuk melakukan input pada form produksi dan me
likasi sistem seluruh data n input pada n produksi n melakukan
Sequence diagram pengiriman pesan dala informasi tentang alur a interface pada view, kemu merupakan representasi seperti select, update, ins
Gambar 5 merupakan data transaksi, dan dap melakukan tambah,ubah penjualan yang merupak
admin
1: mengcreate tamp
2: meng
1:
.
Gambar 4Sequence Diagram Admin
merupakan diagram urutan yang menekan alam suatu waktu tertentu. Pada gambar 4 d r admin dalam menjalankan aplikasi. Admin memb
emudian membuat data tabel pada model berupa si dari database. Dan memberikan perintah – pe insert, dan delete.
Gambar 5Sequence Diagram Kasir
an alur tugas kasir yaitu melakukan tambah trans apat menghapus transaksi yang dibatalkan. K ah dan hapus data transaksi melalui view dari akan user interface.
model view
mpilan user interface
engcreate data tabel pada model
3: mengcreate perintah-perintah sql
kasir view transaksi
penjualan
1: melakukan tambah transaksi penjualan
2: menghapus data transaksi
3: mengubah data transaksi
ankan pada didapatkan membuat user a tabel yang perintah sql
nsaksi, ubah Kasir hanya ari transaksi
Gam
Tugas seorang kary Karyawan bagian prod produk, mengubah inpu yang dibatalkan pada fo dan hapus data transaks user interface
Gambar 7 menggam melakukan login. Sete username dan passwor dilakukan, yaitu tambah aplikasi.
karyawan produ
1: melak
2: m
masukkan id d
mulai
admin
ambar 6Sequence Diagram Karyawan Bagian Produksi
aryawan bagian produksi dapat dilihat dari g oduksi melakukan input data pembelian dan i putan data barang, serta menghapus transaksi form transaksi pembelian dan form produksi. tamb
ksi melalui view dari transaksi penjualan yang m
Gambar 7Activity Diagram Admin
ambarkan aktifitas-aktifitas yang dapat terjadi s etelah pengguna melakukan login dengan me ord yang benar, terdapat beberapa tindakan y ah, hapus, mencari dan perbaharui data pada semu
an bag. duksi
view transaksi pembelian
view produksi
lakukan transaksi pembelian
: melakukan pendataan pada form produksi
d dan password
lai login
input data menambah,menghapu
s,mengubah data s...
menambah,menghapus, mengubah data ha...
menambah,menghapus,men gubah data produksi
selesai valid
invalid
maintainance data menu
gambar 6. n input data si pembelian tambah,ubah g merupakan
Gambar 8 menggamb aplikasi. Beberapa tindak hapus data penjualan, ta penjualan serta memberi
Gambar
Gambar 9 menggambark login dan beberapa tin menambahkan, dan meng
mulai produksi
Gambar 8ActivityDiagram Kasir
ambarkan ketika kasir mengakses form penju dakan yang dapat dilakukan pengguna antara lain tambah data penjualan, ubah data penjualan, me erikan diskon untuk pembelian jumlah tertentu.
bar 9ActivityDiagram Karyawan Bagian Produksi
arkan aktivitas karyawan bagian produksi saat m tindakan yang dapat dilakukan, yaitu dapat me mengubah data pada form produksi dan form pembe
login
invalid
input data valid
hapus data penjualan
tambah data penjualan
ubah data penjualan
memberikan diskon
selesai form penj ualan kasir
login
input data
hapus, menambah, mengubah d...
menghapus, menambah,mengubah d...
selesai invalid
valid
form pembelian form produksi
jualan pada input data, mencari data
Gambar 10 menjelask memisahkan pengemba membangun sebuah apl bagian yang menjadi ko untuk memeberikan sega dari form produksi. Seda tabel dan atribut-atribut y
4. Implementasi dan Pe Implementasi sistem dibahas pada metode da bab ini meliputi impleme dengan konsep MVC s 2010
Dalam pembahasan m menggambarkan implem transaksi jual beli yaitu m Menu Manage Data baku,produk dan harga yang akan diproduksi d Penjualan berisi informa Transaksi Pembelian be oleh toko roti apabila sto model form produksi
no : varchar kode roti : varchar nama roti : varchar jumlah : varchar
Gambar 10Class Diagram Sistem
askan tentang Class Diagram sistem. Tabel Produ bangan aplikasi berdasarkan komponen uta plikasi seperti manipulasi data, antarmuka peng kontrol dalam sebuah aplikasi. Dimana controller egala perintah sql berdasarkan dari user interface edankan model form produksi bertugas memrepre ut ya berdasarkan database.
Pengujian Sistem
m merupakan hasil dari perancangan sistem y dan perancangan sistem. Implementasi yang diba mentasi sistem informasi transaksi penjualan dan serta menggunakan bahasa pemrograman Visu n mengenai konsep MVC diambil contoh 3 me
lementasi konsep MVC pada aplikasi sistem tu menu Manage Data, menu Produksi dan menu berisi informasi mengenai bahan baku,sto a produk. Sedangkan form produksi berisi bany i dalam sehari. Menu Transaksi berisi informasi masi mengenai jumlah roti yang laku dijual setiap berisi data mengenai banyaknya bahan baku ya stok bahan baku pembuatan roti mulai berkurang.
view form produksi
Gambar 8Form Tambah Bahan Baku
Pada gambar 8 menggambarkan form bahan baku, nama bahan baku, jenis, merk, satuan dan keterangan pada form bahan baku. Sebelum menyimpan data pada form tambah bahan baku,admin harus mengisi semua kolom. Gambar di atas merupakan contoh penambahan bahan baku kismis. Kode bahan baku dibuat random untuk mempermudah dalam penginputan data.
Kode Program 1 Kode Program Form Bahan Baku
!
" # $ % &# ' % &# ( % &# ( ))
* # (
+ # ( )) , ( )) , ,
-. # ( )) , - /01&23, 01,! 4 4 56782& 9/ :
: /9;9/ : ) : /9;9/ : < : /9;9/ : ) : /9;9/ : : /9;.;9/ : = : /9;9/ : ' , ) 1 $ > : /?/ :
' , ) 1 $ % : /?/ : ' , ) 1 $ ' : /9 /
# 2- 1 @
(
" A
*
2-+
. $
A
A
perintah-perintah atau s update. Controller ju merepresentasikan tabel dan view yang merep penambahan bahan baku bias dijaga dan dipertaha
Gambar 9 merupakan nama roti dan jumlah r produksi bertugas untuk roti.
Gambar 10 menunjukka transaksi produksi,bahan tabel-tabel yang dipakai data. Biasanya model be seseorang dalam pengel pembaruan data dan lain
sql comment dalam aplikasi seperti select, dele juga berfungsi untuk menghubungkan mo bel yang digunakan digunakan dalam aplikasi ke
representasikan user interface. Bagian ini me aku pada database sehingga intergritas dan konsis
hankan.
Gambar 9Form Tambah Produksi
kan form Tambah Produksi yang menggambarkan h roti yang akan diproduksi setiap hari. Karyaw tuk mengisi form tambah produksi saat akan mem
Gambar 10 Package Class Model
kan package dari class model dimana terdapat han baku,transaksi penjualan dll. Yang merepr kai dalam aplikasi ke database. Model mewaki berisi fungsi-fungsi atau perintah-perintah yang gelolaan database seperti memasukkan data ke
in-lain.
elete, insert, model yang ke database menentukan sistensi data
an kode roti, awan bagian memproduksi
G
Gambar 11 menggambar bertugas untuk melakuk menambahkan jenis roti dari transaksi penjualan r
G
Gambar 11Form Tambah Transaksi Penjualan
mbarkan dari form tambah transaksi penjualan. Dim kukan input data, dari mengisi kode karyawan oti dan menambahkan jumlah roti per item nya. T
n roti langsung terakumulasi di field total bayar.
Gambar 12Form Tambah Transaksi Pembelian
Gambar 12 merupak Transaksi Pembelian. interface pada aplikasi merupakan bentuk grafis diimplementasikan sesua
Gambar 15 menunju class model dapat diliha produksi.cs, transaksipem
Sedang package view FormBahanBaku.cs, Fo terdapat di aplikasi terseb
Package class cont controller dari BahanBa yang terdapat pada aplik
Pengujian aplikasi d implementasi. Pengujian fungsional tanpa meli memperhatikan apakah yang diharapkan. Hal yan
akan penggambaran implementasi view dari form . View merupakan representasi dari tampilan
si sistem informasi managemen transaksi jual b fis yang secara langsung berinteraksi dengan pen suai dengan kebutuhan tampilan yang akan dibuat.
Gambar 13Pemisahan Class MVC
njukkan pemisahan antara model view dan contro ihat pada package model, yang terdiri dari baha pembelian.cs, dan semua yang tertera di gambar.
iew dapat dilihat pada gambar yang menunjukkan FormDetailTransaksiPembelian.cs dan semua f
sebut.
ntroller dapat dilihat pada gambar yang me BakuController.cs, Koneksi.cs, StokCotroller.cs d likasi.
i dilakukan untuk menguji fungsi-fungsi aplikasi ian aplikasi menggunakan teknik black box, yaitu
elihat alur eksekusi program, namun cukup h setiap fungsi sudah berjalan dengan baik sesu yang diuji dan hasil pengujian dapat dilihat pada T
orm Tambah n atau user l beli. View engguna dan at.
troller. Pada han baku.cs, kan view dari form yang menunjukkan s dan semua
Tabel 1 Hasil Pengujian Aplikasi Sistem
No. Poin
Pengujian
Data Input / Kondisi Hasil Uji Status
1 Proses Login Username: benar
Password: benar
Berhasil login valid
Username: benar
Password: salah
Login gagal valid
Username: salah
Password: salah
Login gagal valid
2 Proses Tambah Bahan Baku
Semua field diisi dengan lengkap
Berhasil disimpan dalam basis data
valid
Ada beberapa field yang tidak diisi dengan
lengkap
Gagal Disimpan dalam basis data
valid
3 Proses Tambah Produksi
Semua field diisi dengan lengkap
Berhasil disimpan dalam basis data
valid
Ada beberapa field yang tidak diisi dengan
lengkap
Gagal Disimpan dalam tabel dalam
basis data
Semua field diisi dengan lengkap
Berhasil disimpan dalam basis data
valid
Ada beberapa field yang tidak diisi dengan
lengkap
Gagal Disimpan dalam tabel dalam
basis data
Semua field diisi dengan lengkap
Berhasil disimpan dalam basis data
valid
Ada beberapa field yang tidak diisi dengan
lengkap
Gagal Disimpan dalam tabel dalam
basis data
valid
Dari hasil pengujian aplikasi sistem transaksi jual beli yang ditunjukkan Tabel 1, semua inputan untuk menampilkan output yang berupa form penilaian berhasil melewati uji validitas. Hal tersebut mengandung arti bahwa sistem telah sesuai dengan yang diharapkan.
5. Simpulan
Berdasarkan hasil penelitian dan pembahasan yang telah dilakukan tentang penerapan sistem informasi managemen transaksi jual beli menggunakan konsep MVC, proses produksi pada toko roti tersebut menjadi lebih terkendali. Lebih akurat dalam pendataan dan pengecekan report pada transaksi jual beli, sehingga tidak menimbulkan kelalaian dan lebih teliti. Memberikan informasi mengenai persediaan bahan baku yang harus segera ditambahkan. Maka pengelolaan persediaan bahan baku menjadi lebih tertata.
6. Pustaka
[1] Eyverson Ruauw, 2011, “Pengendalian Persediaan Bahan Baku (Contoh Pengendalian pada usaha Grenda Bakery Lianli, Manado)”,ASE ,Volume 7(1): 1 - 11.
[2] Shofwatul 'Uyun1, Muhammad Rifqi Ma'arif2, 2010, “Implementation Of Model View Controller (Mvc) Architecture On Building Web-Based Information System” Seminar Nasional Aplikasi Teknologi Informasi (SNATI 2010), ISSN: 1907-5022.
[3] Hidayat Arief1, Bayu Surarso2, 2012, “Penerapan Arsitektur Model View Controller (Mvc) Dalam Rancang Bangun Sistem Kuis Online Adaptif” , Seminar Nasional Teknologi Informasi dan Komunikasi 2012 (SENTIKA 2012), ISSN: 2089-9815.
