3.1 Ga mbar an Sistem yang sedang Ber jalan
Saat ini penjualan dilakukan secara langsung kepada customer. Proses transaksi telah menggunakan software custom yang dibuat oleh pihak lain. Berdasarkan sistem yang telah berjalan saat ini, dirancang sistem transaksi penjualan berbasis android. Diharapkan sistem android yang diterapkan nantinya tidak berbeda dan mengganggu jalannya sistem saat ini. Agar lebih jelas aktifitas pekerjaan yang terjadi saat ini dapat dilihat pada beberapa alur proses dibawah ini.
3.1.1 Pr oses Manage Data Ka tegor i Bar ang Sistem Saat Ini
Data kategori diperlukan untuk pengelompokan data barang agar mudah ditemukan. Berikut ini alur proses manage data kategori barang yang sedang dijalankan di sistem saat ini.
Pada proses manage data kategori yang berlangsung saat ini dilakukan input data id kategori dan nama kategori yang dilakukan oleh bagian admin. Data yang diiinputkan disimpan dengan terlebih dahulu dilakukan pengecekan data berdasar id kategori. Id kategori yang sudah ada, tidak dapat diinput lagi. Jika proses penyimpanan berhasil, sistem menampilkan list data kategori yang telah tersimpan pada database.
3.1.2 Pr oses Manage Data Barang Sistem Saat Ini
Master data barang merupakan detail data dari barang-barang yang dijual di minimarket. Perlu dilakukan manage data yang baik, agar informasi mengenai barang terpenuhi dengan baik. Berikut ini alur proses manage data kategori barang yang sedang dijalankan di sistem saat ini.
Proses input data barang yang berlangsung saat ini menginputkan id barang, nama barang, harga barang dan stok barang. Selanjutnya sistem saat ini melakukan proses penyimpanan data dan pengecekan data berdasar id barang. Id barang yang sudah tersimpan tidak dapat disimpan kembali. Jika data barang berhasil disimpan, sistem saat ini menampilkan list data barang yang sudah tersimpan.
3.1.3 Pr oses Tr ansaksi Penjualan Ba rang Saat Ini
Proses transaksi penjualan yang dilakukan saat ini adalah penjualan secara langsung. Berikut ini alur proses manage data kategori barang yang sedang dijalankan di sistem saat ini.
Transaksi penjualan barang saat ini dilakukan dengan penjualan secara langsung kepada customer. Proses penjualan pertama kali dilakukan dengan melakukan input idbarang ke dalam sistem penjualan. Sistem penjualan saat ini melakukan cek data detail barang. Kemudian sistem menampilkan nama barang dan harga barang satuan. Kasir menginputkan jumlah pembelian barang. Sistem pemyimpan data transaksi dan menghitung total penjualan. Sistem menampilkan total penjualan kepada kasir yang selanjutnya menerima pembayaran oleh customer.
3.2 Kebutuha n dan Rekomendasi Sistem
Pada bagian ini dilakukan pencatatan data-data dan informasi yang menjadi permasalahan pada sistem yang lama dan harapan terjadinya perbaikan pada sistem yang baru.
3.2.1 Analisa dan Kebutuhan Sistem
Berdasar hasil survey dan wawancara dengan bagian terkait dapat disimpulkan masalah yang terjadi saat ini adalah sebagai berikut.
1. Diperlukan Sistem Penjualan yang dapat memudahkan customer untuk melakukan pembelian tanpa harus datang ke toko.
2. Diperlukan sistem yang dapat mendukung promosi produk toko berupa discount atau promo pembelian lainnya
3. Sistem dapat memberikan informasi produk terlaris untuk menarik minat customer.
4. Sistem diharapkan dapat memberikan fasilitas feedback oleh customer tentang produk yang dijual
3.2.2 Rekomendasi Sistem
Berdasarkan hasil analisa dan evaluasi terhadap permasalahan yang dihadapi, dapat disimpulkan bahwa membutukan sistem informasi penjualan berbasis android. Adapun prosedur dari perancangan sistem yang diusulkan dalam proses adalah sebagai berikut :
a. Administrator bertanggung jawab untuk manage data kategori barang dan data barang. Administrator juga dapat melakukan setting promo barang dan barang terlaris yang ditampilkan pada halaman depan aplikasi.
b. Halaman depan aplikasi menampilkan produk-produk terlaris dan macam-macam kategori yang tersedia.
c. Customer dapat memilih produk berdasar kategori produk.
d. Customer dapat menekan gambar produk agar dapat melihat detail informasi dan memberi rating produk.
e. Customer dapat melakukan order barang dengan menekan tombol add to chart.
f. Pada Halaman add to chart customer dapat melakukan perubahan jumlah pembelian dan melihat total harga pembelian.
g. Selanjutnya customer mengisi data penerima barang dan alamat pengiriman barang.
3.3 Pera nca ngan Sistem
Pada tahap ini dilakukan penggambaran desain sistem yang baru, sehingga mempunyai acuan dalam pembuatan sistem.
3.3.1 Tujua n Per ancangan Sistem
Sistem penjualan berbasis android market ini mempunyai tujuan untuk memperluas area penjualan minimarket dan memberikan kemudian bagi customer untuk berbelanja. Dengan perancangan sistem yang akan diuraikan dibawah ini, menggambarkan alur proses dan interaksi terhadap sistem. Sehingga memudahkan dalam pembuatan sistem dan menjadi patokan saat testing sistem.
3.3.2 Pera nca ngan Unified Modelling Language (UML)
UML merupakan metode pemodelan dalam membangun perangkut lunak. UML Terdiri dari beberapa diagram yang akan di jelaskan dibawah ini.
3.3.3 Use Case Diagr am
Use case diagram menggambarkan interaksi pengguna dengan sistem. Use case class digunakan untuk memodelkan dan menyatakan unit fungsi/layanan yang disediakan
oleh sistem (or bagian sistem: subsistem atau class) ke pemakai.
● Use case dapat dilingkupi dengan batasan sistem yang diberi label nama sistem. ● Use case adalah sesuatu yang menyediakan hasil yang dapat diukur ke pe makai atau sistem eksternal. Berikut ini adalah gambar dari use case diagram sistem yang baru.
.
Ga mbar 3.4 Use Case Diagr am
Use case diagram diatas menggambarkan 2 aktor yaitu admin dan pengguna. Admin bertindak manage data kategor, data produk dan data promo. Sedangkan pengguna merupakan customer yang menggunakan aplikasi penjualan berbasis android. Pengguna dapat memilih kategori produk, memilih produk, order barang, dan chekcout. Proses checkout merupakan pengisian data penerima barang dan alamat pengiriman barang.
3.3.4 Actifity Diagram Manage Kategor i
Actifity diagram manage data kategori menggambarkan aktifitas pengguna terhadap sistem dalam proses manage data ketegori. Berikut ini adalah gambar dari actifity diagram manage data kategori sistem yang baru.
Gamba r 3.5 Actifity Diagr am Manage Kategor i
Diagram aktifitas diatas menunjutkan alur penggunaan aplikasi web market oleh aktor admin. Admin pertama kali melakukan login kedalam website. Aplikasi web melakukan proses validasi data login yang diinputkan. Login yang berhasil
menampilkan status login dan sistem menampilkan menu admin. Admin memilih menu master kategori dan melakukan input data kategori. Aplikasi web admin melakukan validasi inputan. Inputan yang benar langsung disimpan kedatabase.
3.3.5 Activity Diagram Manage Pr oduk
Activity diagram manage data produk menggambarkan aktifitas pengguna terhadap sistem dalam proses manage data ketegori. Berikut ini adalah gambar dari actifity diagram manage data produk sistem yang baru.
Alur aktifitas manage produk dilakukan admin pada aplikasi web. Admin membuka menu master produk. Aplikasi menampilkan halaman master produk. Admin menginput data produk dan melakukan proses penyimpanan data. Web admin melakukan proses validasi inputan data produk. Inputa yang benar langsung disimpan ke database.
3.3.6 Activity Diagram Manage Pr omo
Activity diagram manage data promo menggambarkan aktifitas pengguna terhadap sistem dalam proses manage data promosi terhadapa suatu barang. Berikut ini adalah gambar dari actifity diagram manage data promo sistem yang baru.
Aktifitas manage promo dilakukan admin untuk menarik minat belanja pengguna. Admin login ke dalam aplikasi web admin. Web admin melakukan proses validasi data login. Jika data login yang diinputkan benar, aplikasi web membukan menu admin. Admin memilih menu master produk. Aplikasi web admin menampilkan list produk yang terlah tersimpan. Admin memilih salah satu produk dan merubah status produk. Aplikasi web admin kemudian menyimpan perubahan data dan menampilkan status promo pada produk tersebut.
3.3.7 Activity Diagram Tr ansaksi Belanja
Activity diagram transaksi belanja menggambarkan aktifitas pengguna terhadap sistem dalam proses transaksi belanja. Berikut ini adalah gambar dari actifity diagram transaksi belanja sistem yang baru.
Aktifitas pengguna saat melakukan transaksi belanja pertama kali adalah membuka aplikasi android market. Aplikasi menampilkan halaman utama aplikasi yang berisi produk promo. Pengguna dapat memilih kategori produk untuk memudahkan pencarian produk. Proses pembelian oleh pengguna dilakukan pengguna dengan memilih salah satu produk. Aplikasi android market menyimpan data order ke dalam menu keranjang belanja. Pengguna dapat mengubah jumlah pembelian atau membatalkan pembelian pada halaman keranjang belanja. Jika selesai berbelanja, pengguna dapat mengisi data pengiriman. Aplikasi menyimpan data penjualan ke database.
3.3.8 Class Diagr am
Class diagram menggambarkan struktur coding sistem yang terdiri dari atribut dan fungsi. Berikut ini adalah gambar dari class diagram sistem yang baru.
Class diagram diatas menggambarkan struktur kelas sistem penjualan berbasis android. Kelas merupakan kumpulan dari atribut dan operasi dalam suatu proses sistem. Melalui class diagram diatas dapat diketahui kebutuhan atribut dan operasi yang digunakan pada kelas.
3.3.9 Component Diagr am
Component diagram menggambarkan hubungan komponen terkait dalam sistem. Berikut ini adalah gambar dari component diagram sistem yang baru.
Ga mbar 3.10 Component Diagr am
Component diagram menggambarkan keterkaitan object pada sistem penjualan berbasis android. Melaui component diagram diatas dapat diketahui sub bagian dari sistem penjualan berbasis android
3.3.10 Deployment Diagram
Deployment diagram menggambarkan proses-proses yang saling berkaitan didalam sistem. Berikut ini adalah gambar dari deployment diagram sistem yang baru.
Ga mbar 3.11 Deployment Diagram
Deployment diagram menggambarkan distrubusi sistem penjualan berbasis android. Dari diagram diatas dapat diketahui perangkat keras yang digunakan pada sistem penjualan berbasis android adalah hp android dan web hosting. Hp android menjalankan aplikasi android market. Sedangkan web hosting menjalankan aplikasi web admin dan menyimpan database sistem informasi penjualan berbasis android.
3.3.11 Desa in Database
Perancangan database perlu dilakukan agar mudah dalam pembuatan database bagi sistem. Perancangan database pada penelitian kali ini dibagi menjadi dua bagian yaitu Conseptual Data Model (CDM) dan Physical data Model (PDM). Berikut rancangan database sistem.
1. Conseptual Data Model (CDM)
CDM menggambarkan konsep dasar dari relasi database. Berikut ini gambar dari desain Conseptual data Model (CDM) sistem
Gambar 3.13 Conseptual data Model (CDM)
CDM (Conceptual data Model) pada sistem ini terdiri dari 6 tabel, yaitu :
tabel ss_categories, tabel ss_products, tabel ss_orders, tabel
ss_special_offers, tabel ss_ordered_carts, dan admin. Tabel ss_products memiliki relasi many to one terhadap tabel ss_categories dimana tiap kategori memiliki banyak produk didalamnya.
Tabel ss_special_offers memiliki relasi one to many terhadap tabel ss_products dimana tiap promo yang ada terdapat banyak produk yang ditawarkan. Tabel ss_products memiliki relasi one to many terhadap tabel ss_ordered_carts dimana setiap produk terdapat satu atau lebih di dalam keranjangbelanja. Tabel ss_orders memiliki relasi one to many terhadap tabel ss_ordered_carts dimana tiap satu kali order terdapat banyak jumlah barang yang dipesan.
2. Physical data Model (PDM)
PDM menggambarkan desain database secara fisik atau keadaan sebenarnya. Berikut gambar dari Physical data Model (PDM) dari sistem.
3.3.12 Nor malisasi
Normalisasi digunakan untuk menstrukturkan data agar mencegah terjadinya duplikasi data yang berhubungan dengan pengolahan data dalam database.
1. Nor malisasi Tabel ker anjang bela nja NF1
Tabel pr oduk
productID IDPROMO categoryID name QTY HARGABELI HARGAJUAL
Tabel Produk
nama tabel : Produk
Primary Key : IDPRODUK
Fungsi : untuk menyimpan data produk
NF2
Tabel ker anjang belanja
productID name Quantity Price TOTALBELI
Tabel keranjang belanja
Nama tabel : keranjang belanja
Fungsi : untuk menyimpan data jumlah beli dan total beli Tabel ker anjang belanja
3.3.13 Data Definition La nguage (DDL) Data base
Perancangan database terdiri dari sekumpulan perintah SQL yang meliputi create, alter dan drop. Perintah create pada pembuatan database berfungsi untuk membuat table baru. Perintah alter berfungsi untuk merubah data pada database seperti merubah nama kolom atau merubah ukuran kolom. Sedangkan perintah drop untuk menghapus table. Berikut ini syntax DDL dalam pembuatan tabel-table didalam database sistem.
1. Create Table kategori
2. Create tabel produk
4. Create tabel keranjangbelanja
4.1. Implementasi Sistem
Dalam implementasi sistem membutuhkan spesifikasi minimum untuk hardware dan kebutuhan software yang harus dipenuhi agar aplikasi dapat berjalan dengan baik.
4.1.1 Spesifikasi Har dwar e
Kebutuhan minimum hardware untuk menjalankan aplikasi ini terbagi menjadi 2, yaitu spesifikasi komputer dan spesifikasi perangkat android. Perangkat komputer digunakan untuk aplikasi admin. Spesifikasi komputer adalah sebagai berikut :
a. Processor dual core b. Memory ram 1 GB c. Motherboard standart d. Power Supply 230 watt e. Hardisk free space 20 GB f. Monitor standart
Sedangkan perangkat android yang digunakan harus android 2.3 atau gingerbread.
4.1.2 Spesifikasi Software
Aplikasi ini dibangun dengan bahasa pemprograman PHP dengan code editor macromedia MX untuk pembuatan aplikasi admin. Diperlukan juga aplikasi local server yaitu xampp versi 1.7.4 Xampp merupakan paket aplikasi yang berisi
php sebagai code pemprograman, apache yang merupakan local server dan phpmyadmin merupakan aplikasi management database. Sedangkan pembuatan aplikasi android menggunakan bahasa pemprograman java SDK dengan editor eclipse.
4.2. Tahapan Implementasi
Implementasi aplikasi dilakukan beberapa tahap. Dalam penelitian ini dilakukan pembuatan 2 jenis aplikasi yaitu aplikasi admin server yang berbasis PHP dan aplikasi client yang berbasis android. Tahapan implementasi secara detail dijelaskan dibawah ini.
4.2.1 Implementasi Aplikasi Admin Server 1. Instalasi Xampp
Dobel klik file xampp, selanjutnya akan muncul jendela “installer language” seperti gambar di bawah ini.
Gambar 4.1 Memilih bahasa instalasi xampp
Berikutnya muncul jendela yang isinya meminta menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol “Next”.
Gambar 4.2 Xampp Instal Wizard
Selanjutnya diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol “Next”.
Gambar 4.3 Xampp Instal Wizard
Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasi
c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browse dan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install
Gambar 4.4 Memilih direktori instal
Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.
Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.
Gambar 4.6 Pilihan untuk menjalankan xampp
2. Menjalankan Aplikasi Admin Server
Agar dapat menjalankan aplikasi, perlu dilakukan beberapa tahap seperti dibawah ini.
a. Copy source code aplikasi ke folder htdoc yang secara normal berada di C:\xampp\htdocs.
b. Copy database aplikasi ke folder mysql yang secara normal berada di C:\xampp\mysql.
c. Buka browser seperti Internet Explorer, Firefox atau Chrome. d. Buka aplikasi dengan alamat http://localhost/aplikasi/index.php. 3. Manage Database Aplikasi Server
Manage database dapat dilakukan melalui database management phpmyadmin. Phpmyadmin dapat dibuka melalui alamat http://localhost/phpmyadmin/. Berikut ini tampilan aplikasi database phpmyadmin yang berisi database aplikasi PMI.
Gambar 4.7 Tampilan Aplikasi database management PhpMyAdmin
4.2.2 Implementasi Aplikasi Client
Instalasi aplikasi client dilakukan dengan memindahkan file marketlaz.apk ke dalam direktori perangkat android seperti gambar dibawah ini.
Gambar 4.8 Installer marketlaz.apk telah dipindahkan ke direktori perangkat android.
Kemudian lakukan proses instal melalui perangkat android.
Gambar 4.9 Proses instal aplikasi client di perangkat android
Proses instalasi adalah menginstal file yang berformat .apk kedalam device android agar program yang bersangkutan dapat dijalankan langsung melalui ponsel yang berbasis android
Setelah proses instalasi selesai aplikasi client dapat digunakan
4.2.3 Tampilan Aplikasi
Tampilan aplikasi yang telah dibuat dijelaskan secara detail fungsi setiap bagiannya dibawah ini.
A. Halaman Login Admin
Halaman login merupakan halaman awal aplikasi admin server. Halaman ini menampilkan kolom username dan password yang harus diisi oleh admin. Tampilan halaman login dapat dilihat pada gambar di bawah ini.
Gambar 4.11 Tampilan halaman login B. Halaman Menu Admin
Halaman ini menampilkan menu-menu yang dapat diakses oleh admin. Menu-menu yang tersedia antara lain menu untuk manage kategori dan produk, menu untuk mengganti pasword dan fasilitas laporan untuk melihat transaksi order yang hari ini, kemarin dan dalam 1 bulan. Di halaman ini juga admin dapat melihat total pendapatan dari keseluruhan order. Tampilan dari halaman daftar menu admin dapat dilihat pada gambar dibawah ini.
Gambar 4.12 Halaman menu admin C. Halaman Manage Kategori
Halaman ini digunakan untuk melakukan penambahan data katalog, perubahan data katalog dan penghapusan katalog. Tampilan dari halaman manage kategori dapat dilihat pada gambar dibawah ini.
Tombol “add” berfungsi untuk membuka halaman tambah data kategori seperti gambar dibawah ini.
Gambar 4.14 Halaman tambah kategori
sedangkan tombol edit untuk merubah dan menghapus data kategori. Tampilan halaman edit data kategori dapat dilihat pada gambar dibawah ini.
D. Halaman Manage Produk
Halaman ini digunakan untuk melakukan penambahan data produk dan penghapusan produk. Tampilan dari halaman manage produk dapat dilihat pada gambar dibawah ini.
Gambar 4.16 Halaman manage produk
Tombol “add” berfungsi untuk membuka halaman tambah data produk seperti gambar dibawah ini.
Gambar 4.17 Halaman tambah produk sedangkan tombol silang untuk menghapus data produk
Gambar 4.18 Halaman informasi hapus produk E. Halaman Laporan Transaksi Order
F. Halaman ini menampilkan transaksi order pelanggan. Melalui halaman ini, Admin dapat mengetahui customer yang melakukan order, alamat pengiriman, produk dan jumlah produk yang di order.
Gambar 4.19 Halaman laporan transaksi order
G. Halaman setting Special Offers
Halaman ini digunakan untuk media promosi produk tertentu. Admin dapat menentukan produk mana saja yang termasuk dalam promosi. Tampilan halaman master special offers dapat dilihat pada gambar dibawah ini.
Gambar 4.20 Halaman special offers H. Halaman Ganti Password
Halaman ini berfungsi untuk mengganti password. Tampilan halaman ganti password dapat dilihat pada gambar dibawah ini.
Gambar 4.21 Halaman ganti password
Admin diharuskan mengisi terlebih dahul password yang lama, kemudian memasukkan password yang baru.
I. Halaman Home Aplikasi Client
Halaman home merupakan halaman awal saat aplikasi android dijalankan. halaman ini menampilkan berbagai kategori produk yang tersedia. Tampilan halaman home dapat dilihat pada gambar dibawah ini.
Gambar 4.22 Halaman utama aplikasi android
Pada bagian bawah halaman home terdapat menu promo untuk melihat promo produk, halaman news dan halaman contact us untuk bertanya kepada admin sistem.
J . Halaman Contact Us
Halaman contact us berfungsi bagi customer untuk menyampaikan pertanyaan kepada admin. Tampilan halaman contact us dapat dilihat pada gambar dibawah ini.
Gambar 4.23 Halaman contact us K. Halaman Pr oduk
Halaman produk menampilkan detail dari produk seperti gambar produk, harga produk dan keterangan produk. Tampilan halaman produk dapat dilihat pada gambar dibawah ini.
Pada halaman ini customer juga dapat memberikan feedback mengenai kualitas suatu produk. Jika tertarik customer dapat menekan tombol add to chart.
L. Halaman Keranjang Belanja
Halaman ini menyimpan produk yang telah di pilih oleh customer. Tampilan halaman keranjang belanja dapat dilihat pada gambar dibawah ini.
Gambar 4.25 Halaman keranjang belanja
Customer dapat merubah jumlah pembelian pada halaman ini. Jika customer ingin kembali belanja dapat menekan tombol “back to shopping”, sedangkan jika ingin mengakhiri proses pemilihan produk dapat menekan tombol “Procedd to
checkout”
M. Halaman Alamat Pengiriman
Halaman ini berfungsi untuk mengisi alamat pengiriman barang. Tampilan halaman alamat dapat dilihat pada gambar dibawah ini.
Gambar 4.26 Halaman alamat pengiriman
Dengan menekan tombol “place order” berarti customer telah mengakhiri proses belanja. Sistem memberikan informasi bahwa proses order telah selesai dengan tampilan dibawah ini.
Kuisioner Terhadap Uji coba Aplikasi Marketlaz
1. Apakah barang yang tersedia lengkap? 2. Apakah barang yang dijual tidak rusak?
3. Apakah harga yang kami tawarkan merupakan harga yang kompetitif? 4. Apakah ada keterlambatan pengiriman barang ?
5. Apakah ada perbedaan barang yang diterima dengan yang dipesan?
6. Apakah Anda akan memberi peluang kepada kami untuk mengembangkan
