55
BAB IV IMPLEMENTASI
4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak
Perangkat keras yang digunakan untuk membangun sistem adalah sebagai berikut:
a. Laptop
Type : DELL Inspiron N4050
Processor : IntelR PentiumR CPU B950 2.10GHz
Harddisk : 500 GB
RAM : 2 GB
Tipe Sistem : 32-bit Operating System
b. Handphone
Type : Lenovo A589
Processor : Quad-core 1.3 GHz Cortex-A7
RAM : 1 GB
Kamera : 8 MP
Layar : 5.0 Inch
Sistem Operasi : Android 4.2 Jelly Bean
Perangkat lunak yang digunakan untuk membangun aplikasi adalah sebagai berikut:
1. OS Windows 7 Ultimate
2. Eclipse JUNO 4.2.1
3. Netbeans IDE 7.2
56
4. MySQL
5. Genymotion sebagai Emulator Android
4.2 Web Service
Pada saat aplikasi pertama kali dijalankan, sistem akan membaca data dari server pada database mysql. Sebagai jembatan antara android dan
mysql diperlukan sebuah file web service berupa php untuk membaca data dari database.
4.2.1 Service Baca Mac Address
Pada saat aplikasi pertama kali dijalankan, sistem akan melakukan checking mac address untuk memastikan bahwa perangkat android
telah diregistrasi. Data yang diterima jika perangkat bergerak sudah diregistrasi dapat dilihat pada Gambar 4.1.
Gambar 4. 1 Tampilan output cheking mac address PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
57
Kode program untuk melakukan checking mac address adalah sebagai berikut:
Gambar 4. 2 Kode progam untuk melakukan cek mac address
4.2.2 Service Baca Data Pelanggan
Untuk membaca data pelanggan, diperlukan sebuah parameter berupa kodePelanggan. Sebagai contoh, web service akan membaca
data dengan kodePelanggan 143, maka alamat yang diakses adalah http:localhostfortunapelanggan143
. Data yang diterima jika mengakses alamat tersebut dapat dilihat pada Gambar 4.3.
Gambar 4. 3 Data Pelanggan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
58
Kode program untuk membaca data pelanggan dari server adalah sebagai berikut:
Gambar 4. 4 Kode program membaca data pelanggan
4.2.3 Service Baca Data Barang
Untuk membaca data barang, web service akan mengakses http:localhostfortunabarang
. Data yang diterima dapat dicermati pada Gambar 4.5.
Gambar 4. 5 Data barang dengan format JSON PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
59
Kode program untuk mengambil data barang dari server adalah sebagai berikut:
Gambar 4. 6 Kode program membaca data barang
4.2.4 Service Ambil Nomor Faktur
Untuk mendapatkan nomor faktur baru, sistem akan mengecek nomor faktur yang terakhir pada database. Nomor faktur baru
didapatkan dengan melakukan pengurutan dari nomor faktur sebelumnya. Kode program untuk mendapatkan nomor faktur dapat
dilihat pada Gambar 4.8.
Gambar 4. 7 Kode Program Ambil Nomor Faktur PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
60
4.2.5 Service Simpan Data Penjualan
Pada saat melakukan proses penyimpanan data, data akan disimpan ke dalam 2 tabel yang berbeda secara bersamaan. Tabel yang
bersangkutan adalah
tabel temp_penjualan
dan tabel
temp_detailpenjualan. Web service akan mengakses alamat http:localhostfortunapenjualan
dengan method POST. Kode program untuk menyimpan data ke tabel temp_penjualan
adalah sebagai berikut:
Gambar 4. 8 Kode program input data temp_penjualan Kode program untuk menyimpan data ke tabel temp_detailpenjualan
adalah sebagai berikut: PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
61
Gambar 4. 9 Kode program input data temp_detailpenjualan
4.2.6 Service Hapus Data Penjualan
Proses menghapus data yang dilakukan adalah melakukan perintah update pada tabel barang untuk mengembalikan jumlah stok barang
ke jumlah sebelum dipesan. File web service yang berperan dalam proses
menghapus data
dapat diakses
pada http:localhostfortunahapus-penjualan
.
Kode program untuk menghapus data pesanan adalah sebagai berikut:
Gambar 4. 10 Kode program menghapus data PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
62
4.3 Implementasi Sistem Android
4.3.1 Splash Screen
Pada saat aplikasi pertama kali dijalankan, maka akan muncul tampilan splash screen. Splash screen merupakan tampilan pembuka
untuk aplikasi ini. Selama splash screen berjalan, sistem juga sedang melakukan proses read membaca data dari database server yang
tersimpan di database MySQL dengan memanfaatkan web service sebagai jembatan penghubungnya. Selain itu sistem juga melakukan
proses pengecekan mac address. Apakah mac address dari perangkat android yang digunakan untuk membuka aplikasi tersebut sudah
terregistrasi di database.
Gambar 4. 11 Splash Screen PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
63
Kode program untuk tampilan splash screen:
Gambar 4. 12 Kode program activity_splasscreen.xml Kode program untuk melakukan checking alamat ip:
Gambar 4. 13 Kode program checking alamat ip PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
64
4.3.2 Halaman Konfigurasi
Halaman konfigurasi merupakan halaman untuk melakukan konfigurasi. Komponen yang ada pada halaman ini adalah textfield
untuk memasukkan id pelanggan dan textfield untuk mengganti alamat ip server. Apabila tidak diperlukan untuk memasukkan id
pelanggan dan mengubah alamat ip, maka user hanya perlu menekan tombol “Lewati”.
Gambar 4. 14 Halaman konfigurasi PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
65
Kode program untuk tampilan halaman konfigurasi:
Gambar 4. 15 Kode program halaman konfigurasi PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
66
4.3.3 Menu Utama
Menu utama merupakan halaman utama yang akan tampil setelah halaman konfigurasi. Komponen yang terdapat pada halaman
ini adalah tombol input transaksi, tombol daftar pesanan, tombol ganti pelanggan dan tombol bantuan. Setiap tombol memiliki aksi
yang berbeda sesuai dengan nama dan fungsinya.
Gambar 4. 16 Tampilan menu utama PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
67
Kode program untuk tampilan menu utama:
Gambar 4. 17 Kode program tampilan menu utama PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
68
4.3.4 Halaman Input Transaksi
Halaman input transaksi akan tampil apabila user petugas memilih menu “Input Transaksi” pada halaman menu utama.
Halaman ini merupakan halaman untuk memasukkan data penjualan seperti kode barang dan jumlah barang. Halaman memiliki
komponen berupa tombol scan dan tombol tambah ke keranjang. Tombol scan digunakan untuk melakukan scan pada barcode yang
tertera pada masing-masing barang dan tombol tambah ke keranjang digunakan untuk menyimpan data penjualan.
Gambar 4. 18 Halaman input transaksi PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
69
Kode program tampilan input transaksi: PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
70
Gambar 4. 19 Kode program tampilan input transaksi Kode program tombol tambah ke keranjang:
Gambar 4. 20 Kode program tambah ke keranjang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
71
4.3.5 Scan Barcode
Scan barcode merupakan fungsi untuk membaca barcode yang tertera pada masing-masing barang. Barcode akan discan dan diubah
menjadi kode barang. Setelah kode barang terbaca, kode barang akan ditampilkan di halaman input transaksi beserta dengan detail barang
dari kode barang yang telah teridentifikasi.
Gambar 4. 21 Scan barcode Listing tombol scan dan texfield kode barang:
Gambar 4. 22 Kode program tombol scan dan textfield kode barang PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
72
Kode program untuk tombol scan barcode:
Gambar 4. 23 Kode program tombol scan barcode
4.3.6 Halaman Daftar Pesanan
Halaman ini merupakan halaman untuk menampilkan daftar pesanan yang telah dimasukkan dari halaman input transaksi. Komponen
yang terdapat pada halaman ini adalah kode faktur, listview daftar pesanan barang, grand total harga semua barang, tombol hapus
transaksi dan tombol selesai transaksi simpan transaksi. Halaman ini memiliki 2 tampilan yang berbeda, tampilan yang
pertama adalah ketika pesanan belum disimpan. Ketika barang belum disimpan maka tombol masih dalam kondisi enable.
Gambar 4. 24 Tampilan daftar pesanan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
73
Tampilan yang kedua adalah ketika daftar pesanan sudah disimpan. Ketika daftar pesann sudah disimpan maka sistem akan merubah
aksi tombol menjadi disable.
Gambar 4. 25 Tampilan daftar pesanan 2 Kode program untuk menampilkan daftar pesanan:
Gambar 4. 26 Kode program menampilkan daftar pesanan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
74
4.3.7 Simpan Transaksi
Tombol simpan transaksi ke database mysql berada pada halaman daftar pesanan. Jika tombol tersebut ditekan, maka daftar pesanan
yang tampil di halaman tersebut akan tersimpan di tabel temp_detailpenjualan dan tabel temp_penjualan. Ketika data belum
disimpan, user masih dapat menambah pesanan barang melalui halaman input transaksi. Ketika data sudah disimpan maka tombol
akan berubah menjadi disable dan transaksi sudah selesai. Apabila menekan tombol input transaksi di halaman utama, maka sistem
akan melakukan proses transaksi baru.
Gambar 4. 27 Tampilan setelah transaksi disimpan Kode program untuk menyimpan data ke server adalah sebagai
berikut: PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
75
Gambar 4. 28 Kode program untuk menyimpan data
4.3.8 Hapus Daftar Transaksi
Tombol hapus transaksi terletak pada halaman daftar pesanan. Dimana jika tombol hapus transaksi ditekan, maka sistem akan
menghapus daftar pesanan barang yang ada pada halaman daftar pesanan dan mengembalikan tampilan ke halaman menu utama.
76
Gambar 4. 29 Tampilan daftar transaksi sebelum dihapus Kode program untuk hapus transaksi adalah sebagai berikut:
Gambar 4. 30 Kode program hapus transaksi PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
77
4.3.9 Ganti Pelanggan
Aksi ganti pelanggan terjadi jika pelanggan yang berbeda akan melakukan transaksi. User petugas menekan tombol
“ganti pelanggan
” maka sistem akan menampilkan halaman konfigurasi untuk mengganti id pelanggan.
Gambar 4. 31 Tombol menu ganti pelanggan kode program untuk ganti pelanggan:
Gambar 4. 32 Kode progam aksi menu ganti pelanggan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
78
4.3.10 Bantuan
Halaman ini merupakan halaman yang berisi tentang panduan penggunaan aplikasi kepada pengguna. Cara untuk menggunakan
aplikasi akan dijelaskan secara detail pada halaman ini.
Gambar 4. 33 Tampilan halaman bantuan
4.4 Implementasi Sistem Kasir
Dalam tugas akhir ini penulis akan mengimplementasikan simulasi sitem kasir yang sudah tersedia di tokominimarket yang akan ditambah
dengan sistem penjualan pada perangkat android menggunakan web service. Simulasi sistem kasir digunakan untuk melihat apakah data penjualan yang
telah dikirim dari sistem android sudah diterima pada database dan akan dikelola sistem kasir dengan benar.
79
Penulis menambah sebuah form untuk memasukkan kode faktur yang didapat dari transaksi pada sistem penjualan pada perangkat bergerak
berbasis android menggunakan web service. Kode faktur yang dimasukkan memiliki detail data penjualan yang akan ditampilkan pada sistem kasir.
Simulasi sistem kasir yang dibangun oleh penulis adalah sebagai berikut:
Gambar 4. 34 Tampilan simulasi sistem kasir
Dari sistem kasir yang dijelaskan di atas, terdapat sebuah tombol keyboard untuk menampilkan form yang digunakan untuk memasukkan kode faktur.
Tombol yang dimaksudkan adalah tombol “F8”.
Form untuk memasukkan kode faktur dapat dilihat pada Gambar 4.34. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
80
Gambar 4. 35 Form untuk memasukkan kode faktur Transaksi penjualan yang tersimpan pada database akan ditampilkan ke
sistem kasir berdasarkan kode faktur yang telah dimasukkan kemudian diolah oleh petugas kasir pada proses pembayaran.
Gambar 4. 36 Tampilan setelah kode faktur dimasukkan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
81
4.5 Implementasi Sistem Pengepakan Barang