1

1. Pendahuluan

Pencatatan data barang yang masih manual dengan menggunakan buku

sebagai media penyimpanan stok barang dan pengarsipan nota pembelian yang

juga dilakukan secara manual seringkali memaksa pemilik dan karyawan toko

untuk mengeluarkan waktu dan tenaga ekstra demi mendapatkan data barang dan

data nota pembelian karena kebutuhan akan data barang dan data nota pembelian

seringkali datang tanpa diduga, hal ini juga berimbas kepada menurunnya

pelayanan ke konsumen. Tidak jarang nota pembelian terselip, sehingga

menyulitkan pemilik toko saat akan melunasi tagihan nota tersebut. Melihat jenis

barang yang ada di toko lebih dari 200 jenis barang, memberikan kesulitan

tersendiri saat pemilik toko akan memesan barang untuk menambah jumlah stok

yang dimiliki, sehingga karyawan akan bolak-balik ke gudang hanya untuk

mengetahui sisa stok barang yang dimiliki.

Proses bisnis yang terjadi dalam toko dimulai dari seorang sales yang

datang untuk menawarkan barang, disini pemilik toko membutuhkan data barang

yang habis stok ataupun barang yang stoknya sudah hampir habis, kemudian

pemilik akan memesan barang tersebut ke sales. Selain barang yang telah dibeli

oleh pemilik sebelumnya, seringkali ada jenis barang baru yang ditawarkan oleh

sales untuk dijual kembali oleh pemilik toko. Selain proses pembelian barang dari

sales, pemilik juga harus meminta karyawan untuk mencari barang yang rusak,

cacat produksi, ataupun tidak berfungsi sebagaimana mestinya untuk kemudian

dikembalikan (diretur) ke sales agar mendapatkan ganti barang baru. Setelah

pembelian barang dilakukan, satu bulan setelah pembelian barang dari sales,

pemilik diminta untuk membayar barang yang telah dibeli. Dalam tahap ini

biasanya pemilik akan mencari terlebih dahulu nota pembelian yang ditagih oleh

distributor, untuk kemudian dibayar sesuai dengan besar tagihan yang ada.

Berdasarkan proses bisnis yang ada, maka aplikasi yang dibangun harus dapat

mendukung tugas-tugas rutin yang terjadi yaitu pencatatan data pembelian dan

data barang.

Teknologi informasi yang ada saat ini dapat dimanfaatkan oleh para pelaku

bisnis untuk mendukung proses bisnis yang terjadi. Bagi para pelaku bisnis,

perangkat komputer dan perangkat mobile merupakan suatu alat yang mampu

memudahkan setiap pekerjaan yang dilakukan, dalam mengelola data kapan dan

dimana saja. Sebagai sistem operasi mobile yang banyak digunakan oleh telepon

pintar saat ini, Android juga dapat dimanfaatkan untuk menjawab kebutuhan akan

data yang praktis dan cepat untuk diakses. Sebagai bahan acuan, diambil contoh

pemanfaatan teknologi informasi pada toko Laksana Elektronik.

Berdasarkan kebutuhan akan data barang dan data nota pembelian,

penelitian ini mengambil topik Perancangan Aplikasi Pengelolaan Data Barang

dan Data Nota Pembelian menggunakan Mobile Android dan Desktop (Studi

Kasus: Laksana Elektronik). Aplikasi desktop dipilih karena pemanfaatan aplikasi

manajemen data barang ini sebagian besar dilakukan pada saat toko beroperasi,

sehingga kontrol terhadap transaksi yang terjadi akan lebih mudah, baik itu

transaksi pembelian penjualan maupun manajemen data barangnya. Diharapkan

dengan dirancangnya aplikasi ini dapat memudahkan pengelolaan data barang dan

2

data nota pembelian secara cepat, praktis, dan mudah. Aplikasi yang dibangun

dalam penelitian ini memanfaatkan teknologi komputer desktop yang

dikolaborasikan dengan teknologi mobile yang mendukung fitur dari aplikasi yang

akan dibangun.

Rumusan masalah pada penelitian ini adalah bagaimana merancang aplikasi

yang dapat dimanfaatkan untuk mengelola data barang dan data nota pembelian

menggunakan desktop dan mobile Android. Tujuan yang ingin dicapai dalam

penelitian ini adalah membangun sebuah aplikasi yang mampu memudahkan

pemilik toko dalam mengelola data barang dan data nota pembelian sehinga

meminimalkan terjadinya kehilangan nota pembelian dan memudahkan pencarian

barang yang habis stok. Nota tagihan dan data barang yang habis stok dapat

diakses melalui aplikasi mobile, sehingga lebih mudah dan praktis karena semua

data disimpan dan diakses secara terpusat dengan bantuan sistem komputer,

sekaligus dapat diakses kapan saja dan dimana saja selama memiliki akses

internet.

2. Kajian pustaka

Penelitian mengenai perancangan aplikasi kelola data barang pada toko

telah ada sebelumnya, penelitian yang dilakukan oleh Reza Purnama dan Wiwin

Agustrio pada tahun 2014 yang berjudul “Sistem Aplikasi Penjualan Barang dan

Rekapitulasi Stok Barang di Jumpfact Cellular” mengemukakan bahwa

pengelolaan data menggunakan metode lama dan belum menggunakan sistem

berbasis data komputer dapat menghambat pemberian informasi dan pelayanan

yang diberikan ke pelanggan, juga diperlukan adanya perapian dokumen yang ada

dalam toko [1]. Sistem yang dibangun oleh Reza Purnama menggunakan tools

Visual Basic 6.0 dan Microsoft SQLServer 2000.

Penelitian yang memanfaatkan teknologi mobile khususnya Android dalam

bidang bisnis juga telah ada sebelumnya, penelitian yang dilakukan oleh

Muhammad Iqbal pada tahun 2012 yang berjudul “Aplikasi Ponsel Berbasis

Android untuk Penjualan pada Kios Eceran Q-Mono Flower” mengemukakan

bahwa pemanfaatan teknologi informasi tidak tertutup hanya pada skala besar saja

seperti supermarket, namun pemanfaatan teknologi informasi tersebut juga dapat

diterapkan pada pedagang retail atau kios eceran [2]. Sistem yang dibangun dalam

penelitian Muhammad Iqbal berbasis mobile Android yang menangani proses

transaksi jual-beli bunga, sehingga dapat mempermudah penanganan transaksi

penjualan dan menghitung total penjualan perbulan.

Android sendiri merupakan sistem operasi yang banyak digunakan pada

ponsel pintar saat ini, berbasis kernel linux yang dikembangkan oleh Android Inc

yang kemudian diakuisisi oleh Google. Android merupakan platform mobile

generasi pertama yang lengkap, terbuka, dan bebas, dan merupakan platform

mobile yang memberi kebebasan pengembang aplikasi dalam melakukan

pengembangan sesuai dengan apa yang diharapkannya [3].

PhoneGap merupakan salah satu framework opensource yang

memungkinkan aplikasi berbasis web menjadi aplikasi native yang diinstal dalam

perangkat mobile Android [3]. Meskipun dibangun dengan menggunakan

3

komposisi aplikasi web, seperti HTML, CSS, javascript, namun tidak menutup

kemungkinan untuk mengakses fitur yang dimiliki oleh perangkat seperti kamera,

speaker, dan lain-lain. Keuntungan aplikasi yang dibangun menggunakan

PhoneGap adalah dapat diimplementasikan ke berbagai sistem operasi mobile

seperti Blackberry, iOS, Android, dan lainnya.

Web service adalah antarmuka yang menggambarkan sekumpulan operasi

yang dapat diakses melalui jaringan, misalnya internet dalam bentuk pesan XML

(eXtensible Markup Language) [4]. Web service menyediakan standar komunikasi

antar aplikasi yang berbeda, dan dapat berjalan pada platform maupun framework

yang berbeda juga. Web service dapat ditemukan, diakses, dan diuraikan

berdasarkan pada XML dan protokol standar web pada intranet, extranet, dan

internet.

3. Metode penelitian

Sistem yang dibuat, dirancang dengan menggunakan metode prototyping,

yang pembangunannya dapat dilakukan dengan cepat dan mudah, serta

melibatkan peran serta pengguna dalam perancangan aplikasi. Tahapan yang

dilakukan dalam metode prototyping antara lain [5]:

a. Analisis kebutuhan

Analisis kebutuhan dan pengumpulan data dilakukan dengan melakukan

wawancara pada pemilik toko mengenai kebutuhan aplikasi dan alur bisnis yang

terjadi didalam toko. Dari wawancara yang dilakukan, didapatkan bahwa pemilik

toko membutuhkan suatu cara dalam mengelola data barang dan nota pembelian.

Data barang dan nota pembelian yang ada harus dapat diakses dimana saja dan

kapan saja untuk memudahkan pemilik toko dalam pencarian data barang dan data

nota pembelian. Data-data yang didapatkan pada tahap ini adalah data barang,

data distributor, dan data nota pembelian penjualan.

b. Perancangan sistem

Setelah kebutuhan didapatkan, dilanjutkan dengan membangun sistem

menggunakan UML (Unified Modelling Language), memanfaatkan tools

Microsoft Visio. Diagram yang dibuat antara lain use case diagram, activity

diagram, sequence diagram, class diagram, dan deployment diagram.

Perancangan antarmuka aplikasi juga dilakukan menggunakan tools

Microsoft Visio, rancangan antarmuka aplikasi yang dibuat meliputi aplikasi

desktop yang menangani proses pembelian, penjualan, pengelolaan data barang,

data distributor, data user, dan laporan penjualan dan laporan stok barang.

Aplikasi pada mobile Android menangani lihat daftar barang habis stok, dan lihat

data nota pembelian. Aplikasi desktop dan aplikasi Android mengakses data

melalui web service.

c. Evaluasi prototype

Setelah aplikasi dibuat, dalam tahap ini dilakukan pengujian aplikasi.

Pengujian ini sekaligus evaluasi terhadap kesalahan yang terjadi saat aplikasi

dijalankan maupun kekurangan aplikasi sesuai analisa kebutuhan pada tahap awal.

Apabila terdapat kesalahan maupun belum tercapainya kebutuhan, akan

4

dilanjutkan kembali ke tahap awal analisa kebutuhan. Ada beberapa prototype

aplikasi desktop yang dibuat, antara lain:

Prototype 1

Prototype aplikasi desktop yang pertama memiliki fitur untuk melakukan

transaksi penjualan, transaksi pembelian, kelola data barang, dan data pengguna

aplikasi. Setelah proses demo aplikasi kepada pemilik toko, terdapat beberapa

perbaikan yang perlu ditambahkan ke aplikasi desktop ini, antara lain perbaikan

pada tampilan aplikasi, dan tambahan fitur untuk mengelola data distributor.

Antarmuka prototype aplikasi desktop pertama dapat dilihat pada Gambar 1.

Gambar 1 Tampilan Prototype Pertama Aplikasi Desktop

Prototype 2

Tampilan aplikasi desktop pada prototype kedua ini telah diubah sesuai

dengan permintaan pemilik toko, serta penambahan menu berupa kelola data

distributor. Setelah demo aplikasi ke pemilik toko, pemilik toko menemukan

kesulitan saat akan melakukan pencarian nota pembelian, karena pada prototype

aplikasi desktop yang kedua ini belum ada fitur untuk melakukan pencarian nota,

baik itu nota pembelian maupun nota penjualan. Pemilik toko juga menginginkan

agar data stok barang yang ada dapat dicetak. Tampilan prototype aplikasi dekstop

yang kedua ini dapat dilihat pada Gambar 2.

Gambar 2 Tampilan Prototype Kedua Aplikasi Desktop

Prototype 3

Penambahan fitur aplikasi, yaitu pencarian nota pembelian penjualan, serta

fitur untuk mencetak data stok barang telah ditambahkan pada prototype aplikasi

5

yang ketiga ini. Setelah prototype ini didemokan kepada pemilik toko, aplikasi ini

sudah dapat memenuhi kebutuhan pemilik toko akan data barang dan data nota

pembelian. Tampilan prototype aplikasi desktop ketiga ini dapat dilihat pada

Gambar 3.

Gambar 3 Tampilan Prototype Ketiga Aplikasi Desktop

Aplikasi mobile Android yang dibangun, hanya memiliki satu prototype

saja. Aplikasi mobile yang dibangun memiliki fitur untuk melakukan pencarian

data barang berdasarkan kategori, dan pencarian nota pembelian belum lunas

berdasarkan distributor. Aplikasi mobile yang dibangun memiliki menu login saat

pertama kali dijalankan untuk membatasi hak akses pengguna ke aplikasi.

Tampilan aplikasi mobile dapat dilihat pada Gambar 4.

Gambar 4 Tampilan Prototype Aplikasi Mobile

Dalam tahap perancangan sistem, dilakukan desain sistem dan perangkat

lunak untuk menggambarkan proses kerja aplikasi. Aplikasi desktop digunakan

oleh pemilik toko dan karyawan toko, pemilik toko memiliki akses ke semua fitur

aplikasi, sedangkan karyawan terbatas hanya pada beberapa menu saja. Aplikasi

desktop menangani data pembelian barang, data penjualan barang, data

distributor, data barang, dan data user, aplikasi ini juga dapat melihat data nota

jatuh tempo, barang habis stok, dan pencarian data nota pembelian dan penjualan.

Aplikasi mobile digunakan oleh pemilik toko, aplikasi ini memiliki fitur untuk

mencari nota pembelian yang belum dibayar dan pencarian stok barang. Aplikasi

mobile ini dibuat memanfaatkan framework PhoneGap dan diimplementasikan

pada Android, Android dipilih karena pemilik toko menggunakan smartphone

Android sebagai salah satu alat komunikasi, sehingga dapat dimanfaatkan sebagai

alat komunikasi sekaligus sebagai penunjang aplikasi desktop untuk memudahkan

pencarian data.

6

Pemodelan aplikasi pada penelitian ini menggunakan UML yang merupakan

bahasa standar untuk memodelkan sebuah perangkat lunak yang akan dibuat.

Hasil perancangan aplikasi menggunakan UML dijelaskan sebagai berikut:

Use case diagram menggambarkan interaksi antara pengguna dan sistem,

dan juga menggambarkan berbagai macam tipe pengguna dan cara mereka

berinteraksi dengan sistem. Dalam penjelasan use case ini, diasumsikan user telah

memiliki akun yang terdaftar dalam sistem untuk dapat mengakses semua fitur

yang disediakan oleh aplikasi. Use case diagram yang digunakan dalam penelitian

ini dapat dilihat pada Gambar 4 dan Gambar 5.

Pemilik

Lihat data nota

jatuh tempo

Lihat data barang

habis stok

Gambar 5 Use Case Aplikasi Mobile

Gambar 4 menjelaskan mengenai use case diagram aplikasi mobile

Android, hanya terdapat satu pengguna dalam sistem, yaitu pemilik toko. Pemilik

toko dapat mengakses beberapa menu antara lain: lihat data barang habis stok, dan

lihat data nota pembelian jatuh tempo yang belum lunas. Pemilik toko dapat

mengakses menu dalam aplikasi mobile setelah pemilik melakukan login ke dalam

sistem.

Pemilik

Kelola data user

Tambah userHapus user

Ubah user

Kelola data barang

Tambah barangHapus barang Ubah barang

Kelola data

distributor

Tambah distributorHapus distributor Ubah distributor

Kelola data nota

pembelian

Tambah nota

pembelianUbah nota pembelian

Hapus nota

pembelian

Kelola data nota

penjualan

Tambah nota

penjualan

Ubah nota penjualan

Hapus nota

penjualan

Karyawan

«extends»«extends»

«extends»

«extends»

«extends»

«extends»

«extends»

«extends» «extends»

«extends»«extends»

«extends»

«extends»«extends»«extends»

Lihat laporan Laporan stok barang

Laporan penjualan«extends»

«extends»

Gambar 6 Use Case Aplikasi Desktop

7

Gambar 5 menjelaskan mengenai use case diagram aplikasi desktop,

terdapat dua pengguna dalam sistem, yaitu pemilik toko dan karyawan toko, yang

mana tiap pengguna memiliki hak akses yang berbeda ke dalam sistem. Pengguna

sebagai pemilik memiliki akses penuh atas sistem, antara lain: kelola data

pengguna, kelola data barang, kelola data penjualan, kelola data pembelian, kelola

data distributor, dan lihat laporan penjualan dan stok barang. Sedangkan pengguna

sebagai karyawan toko memiliki hak akses antara lain: ubah data pengguna, kelola

data barang, kelola data penjualan, kelola data distributor, dan lihat laporan stok

barang.

Activity diagram menggambarkan logika prosedural, proses bisnis, dan jalur

kerja. Activity diagram hanya menyebutkan aturan-aturan dasar yang harus

diikuti, karena proses yang sering muncul secara paralel [6]. Dalam UML, dapat

digunakan untuk menggambarkan alur aplikasi yang berjalan. Activity diagram

yang digunakan dalam penelitian ini dapat dilihat pada Gambar 6 dan Gambar 7.

Web serviceAplikasi mobilePengguna

Mulai

Buka aplikasi & loginLogin user Ambil data user

Tampilkan menuPilih menu daftar barang

Ambil daftar kategori barang Ambil daftar kategori barang

Tampilkan daftar kategori barangPilih kategori barang

Ambil data barang sesuai kategori Ambil data barang

Tampilkan pesan tidak ada data

Tampilkan data barang

Invalid user

User valid

Tidak ada data

Ada data

Selesai Gambar 7 Activity Diagram Pencarian Data Barang

Activity diagram pencarian data barang yang digunakan pada aplikasi

mobile dapat dilihat pada Gambar 6. Sebelum pengguna dapat melakukan

pencarian data barang, pengguna akan diminta untuk melakukan login ke dalam

sistem, fungsi login disini juga sebagai gerbang utama yang membatasi level

pengguna karena pengguna sebagai karyawan tidak memiliki hak akses ke

aplikasi ini. Setelah pengguna melakukan login, barulah pengguna dapat

melakukan pencarian barang dengan memilih menu pencarian barang, aplikasi

8

akan menampilkan daftar kategori barang sebelum pengguna dapat melihat data

barang. Setelah pengguna memilih jenis kategori barang, barulah aplikasi mobile

mengambil data barang sesuai dengan kategori yang dipilih, hal ini bertujuan agar

tidak terlalu banyak data barang yang ditampilkan pada satu waktu.

Web serviceAplikasi desktopPengguna

Mulai

Buka aplikasi & loginLogin user Ambil data user

Tampilkan menu utamaPilih menu

transaksi pembelian

Tampilkan form

transaksi pembelian

Masukkan data

transaksi pembelian

Cek redundansi dataAmbil data

transaksi pembelian

Tampilkan pesan

adanya redundansi

Proses simpan data

transaksi pembelian

Simpan data

transaksi pembelian

Tampilkan pesan

temberitahuan simpan

Selesai

Ada redundansi data

Tidak ada redundansi data

Invalid user

user valid

Gambar 8 Activity Diagram Tambah Data Transaksi Pembelian

Gambar 7 merupakan activity diagram dalam proses penambahan data

pembelian yang digunakan aplikasi desktop. Aktivitas dimulai saat pengguna

melakukan login ke dalam sistem, disini sistem akan memeriksa apakah login

yang dimasukkan oleh pengguna adalah valid. Setelah proses login berhasil,

pengguna akan mengakses menu transaksi pembelian dari menu utama yang ada,

sehingga pengguna dapat memasukkan data transaksi pembelian yang baru.

Sebelum data transaksi pembelian yang baru disimpan, sistem akan terlebih

dahulu melakukan pengecekan redundansi data transaksi pembelian untuk

menghindari adanya data yang sama dalam database, apabila tidak ada data yang

sama, maka sistem akan langsung menyimpan data transaksi pembelian yang baru

melalui layanan web service, baru kemudian sistem akan memberikan pesan

pemberitahuan simpan.

Sequence diagram menggambarkan tentang proses interaksi yang terjadi

dalam suatu sistem yang disusun dalam satu serial waktu. Sequence diagram

secara khusus menjabarkan behavior sebuah skenario tunggal dan menunjukkan

sejumlah obyek contoh dan pesan yang melewati obyek-obyek yang terdapat

dalam use case [6]. Sequence yang terjadi dalam penelitian ini dapat dilihat pada

Gambar 8 dan Gambar 9.

9

Aplikasi mobile Controller Model Tabel

Top Package::Pengguna

Login

Mengarahkan

Ambil data user

Ambil data user

Return data user

Return data user

Return data user

Tampilkan menu utama

Pilih menu pencarian barang

Mengarahkan

Ambil daftar kategori barang

Ambil daftar kategori barang

Return daftar kategori barang

Return daftar kategori barang

Return daftar kategori barang

Tampilkan daftar kategori barang

Pilih kategori barang

Mengarahkan

Ambil daftar barang

Ambil daftar barang

Return daftar barang

Return daftar barang

Return daftar barang

Tampilkan daftar barang

Gambar 9 Sequence Diagram Pencarian Data Barang

Sequence yang terjadi saat aplikasi mobile digunakan untuk melakukan

pencarian data barang dapat dilihat pada gambar 8. Sequence dimulai saat

pengguna melakukan login ke dalam sistem, aplikasi mobile akan meneruskan

username dan password yang dimasukkan pengguna ke controller dalam web

service, controller akan meminta data pengguna dari model, selanjutnya

controller akan mengembalikan data pengguna ke aplikasi mobile. Saat pengguna

memilih menu pencarian data barang, aplikasi mobile akan meminta daftar

kategori barang ke controller, controller akan meminta model untuk mengambil

daftar kategori barang untuk dikembalikan ke aplikasi mobile. Dari daftar kategori

yang ditampilkan oleh aplikasi mobile, pengguna dapat memilih data barang

berdasarkan kategori yang ada. Daftar barang yang ditampilkan juga merupakan

hasil permintaan ke controller, controller sendiri meminta model untuk

melakukan query ambil daftar barang dari database.

10

Aplikasi desktop Object Relational Mapping Controller Model Tabel

Top Package::Pengguna

Login

Kirim usename & password

Mengarahkan

Ambil data user

Ambil data user

Return data user

Return data user

Return data user

Return data user

Tampilkan menu utama

Pilih menu tambah transaksi pembelian

Tampilkan form transaksi pembelian

Masukkan data transaksi pembelian

Cek redundansi data

Mengarahkan

Ambil data transaksi pembelian

Ambil data transaksi pembelian

Return data transaksi pembelian

Return data transaksi pembelian

Return data transaksi pembelian

Return data transaksi pembelian

Simpan data transaksi pembelian

Mengarahkan

Simpan data transaksi pembelian

Simpan data transaksi pembelian

Tampilkan pesan pemberitahuan simpan

Gambar 10 Sequence Diagram Tambah Transaksi Pembelian

Gambar 9 menjelaskan mengenai sequence diagram proses penambahan

data transaksi pembelian pada aplikasi desktop, yang dimulai dengan proses login

pengguna ke dalam sistem. Aplikasi desktop akan menghubungi controller di

server dengan menyertakan username dan password yang dimasukkan pengguna,

controller akan meneruskan data tersebut ke model untuk selanjutnya dicek dalam

tabel di database, data pengguna yang didapatkan akan dikembalikan ke

controller dan diteruskan ke aplikasi desktop. Aplikasi desktop akan menampilkan

menu utama ke pengguna, pengguna dapat melakukan penambahan data transaksi

pembelian dengan memilih menu transaksi pembelian, kemudian memasukkan

data baru transaksi pembelian. Sebelum data baru transaksi pembelian disimpan,

sistem akan memeriksa apakah ada redundansi data transaksi pembelian, apabila

tidak ada redundansi data, maka data baru transaksi pembelian akan disimpan.

Class diagram menggambarkan struktur sistem dengan menampilkan class,

atribut, operasi, dan relasi antar obyek. Class diagram yang digunakan dalam

penelitian ini dapat dilihat pada Gambar 10 dan Gambar 11.

11

-idJual : String

-tglJual : Date

<<entity>> Penjualan

-idJual : String

-idDetail : String

-idBarang : String

-hargaSatuan : Decimal

-jumlah : Integer

<<entity>> Detail Penjualan

-idBeli : String

-distributor : String

-tglBeli : Date

-tglJatuhTempo : Date

-ku : Boolean

-tglKU : Date

<<entity>> Pembelian

-idBeli : String

-idDetail : String

-idBarang : String

-hargaBeliSatuan : Decimal

-jumlah : Integer

-hargaJualSatuan : Decimal

<<entity>> Detail Pembelian

-idBarang : String

-nama : String

-merek : String

-tipe : String

-spek : String

-stok : Integer

-idKategori : Integer

<<entity>> Barang

+return_json()

+route_request()

Controller

+read()

<<control>> Lihat Data Nota Pembelian

+read()

<<control>> Lihat Data Barang

Gambar 11 Class Diagram Aplikasi Mobile

Terdapat dua buah kontrol yang ada dalam aplikasi mobile, lihat data

barang, dan lihat data nota pembelian. Kontrol yang ada digunakan untuk

berinteraksi dengan entity melalui controller yang menangani proses permintaan

dan pengiriman data. Class diagram yang digunakan dalam aplikasi mobile dapat

dilihat pada Gambar 10.

-idJual : String

-tglJual : Date

<<entity>> Penjualan

-idJual : String

-idDetail : String

-idBarang : String

-hargaSatuan : Decimal

-jumlah : Integer

<<entity>> Detail Penjualan

-idBeli : String

-distributor : String

-tglBeli : Date

-tglJatuhTempo : Date

-ku : Boolean

-tglKU : Date

<<entity>> Pembelian

-idBeli : String

-idDetail : String

-idBarang : String

-hargaBeliSatuan : Decimal

-jumlah : Integer

-hargaJualSatuan : Decimal

<<entity>> Detail Pembelian

-idBarang : String

-nama : String

-merek : String

-tipe : String

-spek : String

-stok : Integer

-idKategori : Integer

<<entity>> Barang

-idDistributor : String

-nama : String

-alamat : String

-kodePos : String

-idKota : Integer

-telepon : String

-fax : String

-email : String

-noRek : String

-bank : String

<<entity>> Distributor

-idRetur : String

-idDistributor : String

-tglRetur : Date

<<entity>> Retur

-idRetur : String

-idDetail : String

-idKategori : Integer

-idBarang : String

-jumlahRetur : Integer

-ketRetur : String

-kembali : Boolean

-jumlahKembali : Integer

-ketKembali : String

<<entity>> Detail Retur

+return_json()

+route_request()

Controller

+create()

+update()

+read()

+delete()

Object Relational Mapping

+insert()

+update()

+delete()

<<control>> Kelola Data User

+insert()

+update()

+delete()

<<control>> Kelola Data Barang

+insert()

+update()

+delete()

<<control>> Kelola Nota Penjualan

+insert()

+update()

+delete()

<<control>> Kelola Nota Pembelian

+insert()

+update()

+delete()

<<control>> Kelola Distributor

-idBarang : String

-nama : String

-merek : String

-tipe : String

-jumlahStok : Integer

-hargaJual : Decimal

<<entity>> Laporan Stok Barang

+Read()

<<control>> Laporan

-nomorNota : String

-tanggalJual : String

-idBarang : String

-harga : String

-jumlah : Integer

-total : Decimal

<<entity>> Laporan Penjualan

Gambar 12 Class Diagram Aplikasi Desktop

12

Gambar 11 merupakan class diagram yang digunakan dalam aplikasi

desktop. Terdapat enam kontrol, yaitu kelola distributor, kelola data barang,

kelola data user, kelola penjualan, kelola pembelian, dan laporan. Dari keenam

kontrol yang ada, berinteraksi dengan entity melalui controller, controller inilah

yang meneruskan request aplikasi desktop. Hasil dari request yang berupa json

string, akan diubah menjadi bentuk obyek sehingga akan memudahkan dalam

penggunaan datanya.

Deployment diagram merupakan diagram yang menggambarkan detail

bagaimana aplikasi disebar (deploy) dalam infrastruktur sistem, dimana aplikasi

akan ditempatkan. Gambar 13 menjelaskan mengenai deployment diagram yang

digunakan dalam penelitian ini. Aplikasi desktop digunakan sebagai client yang

menangani proses pencatatan nota pembelian, data barang, dan proses penjualan

barang, aplikasi desktop dibangun dengan menggunakan bahasa pemrograman

Visual Basic .NET. Aplikasi mobile juga digunakan sebagai client yang

menangani kebutuhan data stok barang dan data nota pembelian, aplikasi mobile

dibangun dengan memanfaatkan framework PhoneGap yang memungkinkan

aplikasi dijalankan lintas sistem operasi mobile. Data yang disajikan pada aplikasi

desktop dan aplikasi mobile didapatkan melalui web service, web service

menyediakan layanan data barang, data nota pembelian dan penjualan, data

distributor, dan data pengguna aplikasi.

.

Client desktop Client android

Web server

Web service Database server

Gambar 13 Deployment Diagram

4. Hasil dan pembahasan

Penelitian ini menghasilkan aplikasi desktop dan aplikasi mobile yang

digunakan untuk mengelola data barang dan data nota, dimana baik aplikasi

desktop maupun aplikasi mobile mengakses web service untuk mendapatkan dan

mengirimkan data.

Kode program 1 merupakan kode program dalam controller barang yang

menyediakan layanan data barang berdasarkan kategori tertentu. Fungsi pada

controller ini diakses oleh aplikasi desktop, permintaan data barang dengan

menyertakan kategori barang, selanjutnya controller akan meneruskan request ke

13

model, yang akan mengakses database. Data barang yang didapatkan kemudian

dikembalikan oleh controller ke client. Kode program dalam controller barang

dapat dilihat pada Kode program 1.

Kode Program 1 Controller Data Barang

function get_by_kategori($idKategori){

$barang = $this->mBarang->get_by_kategori($idKategori);

$data = json_encode($barang);

header('HTTP/1.1: 200');

header('Status: 200');

header('Content-Lengh: '.strlen($data));

exit($data);

}

Kode program 2 merupakan kode program unruk mengakses data barang

berdasarkan kategori barang, digunakan pada aplikasi desktop. Data barang

didapat dengan cara request ke web service dengan menyertakan kategori

barangnya. Data barang didapat dari web service dalam bentuk json string,

kemudian diubah kedalam bentuk obyek agar lebih mudah dalam penggunaan

hasilnya.

Kode Program 2 Ambil Data Barang

Private Sub _getBarangByKategori(ByVal idKategori As Integer)

Dim request As HttpWebRequest

Dim response As HttpWebResponse = Nothing

Dim reader As StreamReader

Dim result As String

request = DirectCast(WebRequest.Create(Utility.URL &

"barang/get_by_kategori/" & idKategori), HttpWebRequest)

response = DirectCast(request.GetResponse(),

HttpWebResponse)

reader = New StreamReader(response.GetResponseStream())

result = reader.ReadToEnd

Dim jsonDecode() As BarangInfo =

JsonConvert.DeserializeObject(Of BarangInfo())(result)

For i As Integer = 0 To jsonDecode.GetLength(0) - 1

Me.Add(BarangInfo.LoadObject(jsonDecode(i).Idbarang,

jsonDecode(i).Nama, jsonDecode(i).Merek,

jsonDecode(i).Tipe, jsonDecode(i).Spesifikasi,

jsonDecode(i).Stok, jsonDecode(i).Kategori,

jsonDecode(i).Harga))

Next

End Sub

Data barang yang didapatkan setelah melakukan request ke web service

kemudian akan ditampilkan melalui listview. Detail data barang dapat dilihat

dengan klik ganda atau klik kanan pada daftar barang, maka detail data barang

akan ditampilkan pada jendela baru, disini pengguna dapat melakukan perubahan

14

pada data barang. Form daftar barang dan form tambah data barang dapat dilihat

pada Gambar 13.

Gambar 14 Form Daftar Barang dan Tambah Barang

Kode program 3 merupakan kode program yang ada dalam controller

pembelian barang yang diakses aplikasi desktop untuk melakukan simpan data

pembelian, dan simpan item barang dibeli.

Kode Program 3 Kode Program Controller Pembelian

function save(){

$pesan = $this->input->post('pesan');

$data = json_decode($pesan);

$this->mPembelian->save($data);

}

function save_detail(){

$pesan = $this->input->post('pesan');

$data = json_decode($pesan);

$this->mPembelian->save_detail($data);

}

Kode program 4 merupakan kode program untuk menyimpan data nota

pembelian, digunakan pada aplikasi desktop. Sebelum sistem menyimpan data

transaksi pembelian yang dimasukkan pengguna, sistem akan melakukan

pengecekan terlebih dahulu, apakah terdapat redundansi data nota pembelian, bila

terdapat redundansi data, maka aplikasi akan menampilkan pesan kesalahan pada

pengguna aplikasi dan meminta pengguna untuk memeriksa kembali inputan data

nota pembelian. Kode Program 4 Kode Program Simpan Data Pembelian

Dim nota As PembelianEdit = PembelianEdit.NewObject

With nota

.IdBeli = TxtNomorNota.Text

15

.TglBeli = DTPTglBeli.Value

.IdDistributor = CMBDistributor.SelectedValue

.TglJatuhTempo = DTPJatuhTempo.Value

If CBLunas.Checked Then

.KU = 1

Else

.KU = 0

End If

.TglKU = Date.Now

.SavePembelian()

End With

Dim count As Integer = 1

For Each item As ListViewItem In ListViewDetail.Items

Dim obj As DetailBeliEdit = DetailBeliEdit.NewObject

obj = CType(item.Tag, DetailBeliEdit)

With obj

.IdDistributor = CMBDistributor.SelectedValue

.IdBeli = TxtNomorNota.Text

.IdDetail = TxtNomorNota.Text & count

count += 1

.SaveDetail()

End With

Next

Tampilan form nota pembelian dapat dilihat pada Gambar 15, melalui form

ini pengguna dapat menambahkan data transaksi pembelian maupun melakukan

perubahan terhadap data transaksi pembelian yang sudah ada. Tampilan form

transaksi pembelian barang ini terbagi menjadi dua bagian, yaitu bagian data

pembelian yang memuat informasi mengenai nota pembelian seperti tanggal

transaksi, distributor, tanggal jatuh tempo, status pelunasan, dan tanggal

pelunasan. Pada bagian item barang yang dibeli pengguna dapat menambahkan

item barang dibeli seperti kategori barang, nama barang, harga beli, jumlah beli,

dan harga jual barang.

Gambar 15 Form Transaksi Pembelian

Sedangkan untuk aplikasi mobile Android, saat aplikasi pertama kali

dijalankan, pengguna akan diminta untuk memasukkan username dan password,

username dan password yang digunakan adalah sama dengan yang digunakan

pada aplikasi desktop. Penggunaan login sistem disini adalah sebagai gerbang

16

utama untuk membatasi hak akses pengguna, karena hanya pemilik toko yang

mempunyai akses ke aplikasi ini. Setelah pengguna melakukan login, akan

ditampilkan menu pencarian barang dan pencarian nota pembelian.

Kode program 5 adalah kode program dalam controller barang yang diakses

oleh aplikasi mobile untuk menampilkan data stok barang. Dalam menampilkan

data stok barang, controller akan meminta kategori dari data barang yang akan

ditampilkan, hal ini bertujuan agar tidak terlalu banyak data barang yang nantinya

akan ditampilkan ke pengguna aplikasi.

Kode Program 5 Kode Program Controller Barang

function get_barang($idKategori){

$this->load->model(array('mBarang'));

$barang = $this->mBarang->get_by_kategori($idKategori);

$data = json_encode($barang);

echo $data;

}

Gambar 16 menjelaskan mengenai tampilan aplikasi mobile saat digunakan

untuk melihat data stok barang, data yang ditampilkan antara lain nama barang

dan jumlah stok barang.

Gambar 16 Tampilan Daftar Barang pada Aplikasi Mobile

Kode program 6 merupakan kode program pada aplikasi mobile Android

yang digunakan untuk menampilkan data barang. Data barang merupakan hasil

dari permintaan aplikasi mobile ke web service

Kode Program 6 Menampilkan Data Barang pada Aplikasi Mobile

$.ajax({

17

url:

'http://192.168.1.102/toko/index.php/api/mobile/get_barang/'

+ kategori, type: 'GET', dataType: 'json',

success: function(data) {

if(data.length == 0){

html = '<h4>Tidak ada data.</h4>';

$(html).appendTo('#orders');

}

for(i = 0; i < data.length; i++) {

html = '<a class="order-single" href="#">' +

'<h4>' + data[i].nama + '</h4>' +

'<h6>Stok: ' + data[i].stok + '</h6>'

'</a><hr>';

$(html).appendTo('#orders');

}

}

});

Sistem yang dibangun selanjutnya diuji dengan menggunakan metode

Blackbox testing, Alpha testing, dan Beta testing. Metode Blackbox testing juga

disebut sebagai pengujian perilaku, adalah pengujian yang berfokus pada

persyaratan fungsional perangkat lunak, apakah fungsi-fungsi yang ada dalam

aplikasi telah berjalan sebagaimana mestinya. Metode Alpha testing merupakan

pengujian manfaat aplikasi yang dilakukan dengan arahan dari pembuat aplikasi,

sedangkan Beta testing merupakan pengujian yang dilakukan tanpa arahan

pembuat aplikasi dan dilakukan sesuai dengan apa yang terjadi di lapangan.

Tabel 1 Hasil Pengujian Blackbox pada Aplikasi Desktop

Poin

pengujian

Kondisi Hasil yang

diharapkan

Hasil uji Status

Proses login Username: benar

Password: benar

Login berhasil Login berhasil Sesuai

Username: benar

Password: salah

Login gagal Login gagal sesuai

Username: salah

Password: benar

Login gagal Login gagal Sesuai

Proses

tambah data

barang

Semua field diisi

dengan benar

Berhasil

disimpan

Berhasil

disimpan

Sesuai

Tidak semua

field diisi

Gagal

disimpan

Gagal

disimpan

Sesuai

Proses

tambah

transaksi

pembelian

Semua field diisi

dengan benar

Berhasil

disimpan

Berhasil

disimpan

Sesuai

Tidak semua

field diisi

Gagal

disimpan

Gagal

disimpan

Sesuai

Hasil pengujian Blackbox pada aplikasi desktop yang ditampilkan pada

Tabel 1, dapat diambil kesimpulan bahwa fungsi-fungsi yang ada pada aplikasi

desktop dalam proses penambahan data barang dan penambahan data transaksi

18

pembelian berjalan dengan baik. Kemudian pengujian aplikasi desktop dilanjutkan

dengan menggunakan metode Alpha testing yang dilakukan dengan mendemokan

sistem yang telah dibuat ke pengguna aplikasi. Pengguna aplikasi yang melakukan

pengujian adalah satu orang pemilik toko dan satu orang karyawan toko. Dari

hasil pengujian Alpha, didapatkan bahwa aplikasi desktop yang dibangun dapat

membantu mempermudah pencarian data nota pembelian dan pencarian data

barang.

Hasil pengujian Blackbox aplikasi mobile yang ditampilkan pada Tabel 2

menunjukkan bahwa fungsi pencarian data barang dan data nota dapat berjalan

dengan baik. Pengujian selanjutnya adalah pengujian Alpha, pengujian dilakukan

dengan mendemokan aplikasi mobile pada pemilik toko. Dari hasil uji Alpha,

didapatkan bahwa aplikasi mobile yang dibangun mampu menyajikan data stok

barang dan data nota pembelian belum lunas secara mudah dan cepat.

Tabel 2 Hasil Pengujian Blackbox pada Aplikasi Mobile

Poin

pengujian

Kondisi Hasil yang

diharapkan

Hasil uji Status

Proses login Username: benar

Password: benar

Login berhasil Login berhasil Sesuai

Username: benar

Password: salah

Login gagal Login gagal Sesuai

Username: salah

Password: benar

Login gagal Login gagal Sesuai

User sebagai

pemilik

Login berhasil Login berhasil Sesuai

User sebagai

karyawan

Login gagal Login gagal Sesuai

Pencarian

data barang

Ada daftar

barang

Data barang

ditampilkan

Data barang

ditampilkan

Sesuai

Tidak ada daftar

barang

Menampilkan

pesan tidak

ada data

Menampilkan

pesan tidak ada

data

Sesuai

Pencarian

nota

pembelian

Ada nota belum

lunas

Data nota

ditampilkan

Data nota

ditampilkan

Sesuai

Tidak ada nota

belum lunas

Menampilkan

pesan tidak

ada data

Menampilkan

pesan tidak ada

data

Sesuai

Pengujian Beta dilakukan dengan membagikan kuesioner kepada pemilik

dan karyawan toko dengan jumlah total empat orang dan total pertanyaan

sebanyak 11 pertanyaan dan menggunakan skala satu sampai lima. Kuesioner

yang dibagikan memuat pertanyaan mengenai fitur aplikasi mobile dan fitur

aplikasi desktop. Kuesioner dengan pertanyaan mengenai fitur pencarian data

barang pada aplikasi desktop dapat dilihat pada Tabel 3.

Tabel 3 Hasil Pengujian Beta dari Kuesioner Pencarian Data Barang Aplikasi Desktop

19

Keterangan Responden Prosentase (%)

Sangat baik 1 25

Baik 3 75

Biasa 0 0

Buruk 0 0

Sangat buruk 0 0

Jumlah 4 100

Berdasarkan pada Tabel 3, dapat disimpulkan bahwa sebanyak empat orang

yang menggunakan aplikasi manajemen data toko ini, sebanyak satu responden

atau 25% mengatakan bahwa aplikasi desktop yang dibangun dalam penelitian ini

sangat baik dalam pencarian data barang, sedangkan tiga responden lainnya atau

sebanyak 75% mengatakan aplikasi yang dibangun dapat membantu proses

pencarian data barang dengan baik.

Kuesioner pengujian aplikasi mobile juga disertakan dengan memuat lima

pertanyaan yang ditujukan kepada pemilik toko. Berdasarkan hasil kuesioner yang

dibagikan mengenai aplikasi mobile, dapat disimpulkan bahwa aplikasi mobile

sangat membantu dalam pencarian data stok barang. Kuesioner dengan pertanyaan

mengenai fitur pencarian data stok barang dapat dilihat pada Tabel 4.

Tabel 4 Hasil Pengujian Beta dari Kuesioner Pencarian Data Stok Barang Aplikasi Mobile

Keterangan Responden Prosentase (%)

Sangat baik 1 100

Baik 0 0

Biasa 0 0

Buruk 0 0

Sangat buruk 0 0

Jumlah 1 100

5. Simpulan

Web service dapat dimanfaatkan sebagai penyedia layanan data, baik itu

data barang, data nota, data distributor, maupun data pengguna aplikasi, web

service dapat diakses baik oleh aplikasi desktop maupun aplikasi mobile Android,

sehingga data yang ditampilkan pada aplikasi desktop maupun aplikasi Android

berasal dari sumber yang sama yaitu web service. Aplikasi desktop yang dibangun

menggunakan bahasa pemrograman Visual Basic .NET mengakses data yang

disediakan oleh web service. Aplikasi mobile Android yang dibangun dengan

memanfaatkan framework PhoneGap juga mengakses data yang disediakan oleh

web service.

Dari aplikasi yang dihasilkan dalam penelitian ini, pemilik toko dapat

mengelola data barang dan data nota pembelian dengan lebih mudah karena

penyimpanan data yang terpusat dan dapat diakses kapan saja dan dimana saja.

20

6. Pustaka

[1] Purnama, Reza. 2014. Sistem Aplikasi Penjualan Barang dan Rekapitulasi

Stok Barang di Jumpfact Cellular.

http://repository.amikom.ac.id/index.php/detail/5134/SISTEM%20APLIKAS

I%20PENJUALAN%20BARANG%20DAN%20REKAPITULASI%20STOCK

%20BARANG%20DI%20JUMPFACT%20CELLULAR. Diakses tanggal 20

April 2014.

[2] Iqbal, Muhammad. 2013. Android Based Mobile Application For Sales at

Q-mono Flower Retail Kiosks.

http://titk.poltektedc.ac.id/media.php?page=detailpublikasi&key=18.

Diakses tanggal 20 Februari 2014.

[3] Nazruddin, Safaat H. 2012. Pemrograman Aplikasi Mobile Smartphone dan

Tablet PC Berbasis Android. Bandung: Informatika.

[4] Kreger, H. 2001. Web-Services Conceptual Architecture (WSCA 1.0). USA:

IBM Software Group.

[5] Pressman, Roger S. 2010. Software Engineering: A Practitioner’s

Approach, Seventh Edition. Terjemahan oleh Adi Nugroho, George John

Leopold Nikijuluw, Theresia Herlina Rochadiani, Ike Kurniawati Wijaya.

2012. Yogyakarta: Penerbit ANDI.

[6] Fowler, Martin. 2005. UML Distilled Edisi 3. Yogyakarta: Andi.