View
219
Download
0
Category
Preview:
Citation preview
35
BAB 3
ANALISIS DAN PERANCANGAN
3.1 Analisis Sistem Yang Sedang Berjalan
Gambar 3.1 Cara Manual Membandingkan Harga
Saat ini cara belanja yang dilakukan oleh pembeli adalah dengan mengunjungi
supermarket, memilih barang-barang yang akan dibeli, kemudian membayarnya ke
kasir. Untuk mendapatkan barang-barang dengan harga termurah pembeli akan
melihat katalog beberapa supermarket atau mengunjungi beberapa supermarket
36
mengingat-ingat harganya dan membandingkannya dengan supermarket lain, setelah
merasa bahwa barang itu adalah yang termurah barulah si pembeli membelinya.
3.1.1 Data Supermarket
3.1.1.1 Carrefour
Carrefour, bahasa prancis dari persimpangan, adalah sebuah kelompok
supermarket internasional yang berkantor pusat di Prancis dan merupakan kelompok
ritel terbesar kedua setelah Wal-Mart. Gerai pertama Carrefour dibuka pada 3 Juni
1957, di Annecy di dekat sebuah persimpangan. Kelompok ini didirikan oleh Marcel
Fournier dan Louis Deforey. Hingga kini, gerai pertama ini adalah gerai Carrefour
terkecil di dunia.
Carrefour Indonesia memulai sejarahnya di Indonesia pada bulan Oktober
1998 dengan membuka unit pertama di Cempaka Putih. Pada saat yang sama,
Continent, sebuah paserba dari Prancis, membuka unit pertamanya di Pasar Festival.
Pada penghujung 1999, Carrefour dan Promodes, induk perusahaan Continent,
sepakat untuk melakukan penggabungan atas semua usahanya di seluruh dunia.
Penggabungan ini membentuk satu grup usaha ritel terbesar kedua di dunia
menggunakan nama Carefour.
Dengan terbentuknya Carrefour baru ini, maka segala sumber daya yang
dimiliki kedua group tadi menjadi difokuskan untuk lebih memenuhi dan memuaskan
kebutuhan pelanggannya. Penggabungan ini memungkinkan Carrefour meningkatkan
kinerja paserba-paserba mereka, mendapatkan manfaat dari keahlian karyawan-
karyawannya di Indonesia maupun di Dunia, dan mengantisipasi terjadinya evolusi
37
ritel dalam skala nasional dan global. Fokus terhadap konsumen ini diterjemahkan ke
dalam tiga pilar utama mereka, yang diyakini akan dapat membuat Carrefour menjadi
pilihan tempat belanja bagi para konsumen Indonesia. Ketiga pilar utama tersebut
adalah harga yang bersaing, pilihan yang lengkap, dan pelayanan yang memuaskan.
Pada bulan Januari 2008 PT. Carrefour Indonesia mengakuisisi PT. Alfa
Retailindo Tbk. Saat ini Carrefour memiliki lebih dari 60 gerai yang terbesar di
Jakarta, Bandung, Surabaya, Denpasar, Yogyakarta, Semarang, Medan, Palembang,
dan Makasar yang didukung lebih dari 11.000 karyawan profesional yang siap
melayani para konsumen.
3.1.1.2 Hypermart
Matahari Group adalah adalah ritel multi-format moderen yang bergerak
dibidang fashion dan kebutuhan rumah tangga dengan segmen pasar menengah dan
menegah ke atas. Matahari didirikan pada tahun 1958 oleh Bapak. Hari Darmawan,
seorang pengusaha yang dihormati dalam industri ritel yang pengalaman dan
reputasinya sudah sangat dikenal di dalam maupun luar negeri. Pada tahun 1996,
kepemilikan dari Matahari berpindah dari Bapak Darmawan ke LIPPO GROUP.
Hypermart adalah salah satu paserba yang dimiliki oleh Matahari Group.
Hypermart pertama dibuka pada tahun 2004 di WTC Serpong, Tangerang. Sama
dengan toko ritel lain, hypermart menerapkan strategi kenyamanan dan harga yang
murah.
Menjadi salah satu penyumbang terbesar dalam perusahaan, Hypermart
mewakili paserba modern yang berkembang pesat di Indonesia, dengan 38 gerai yang
38
tersebar di 21 kota di Indonesia dan akan terus bertambah. Hypermart menyediakan
60.000 item dengan harga, pelayanan dan produk terbaik untuk pelanggannya.
3.1.1.3 Lotte Mart
Lotte Group adalah sebuah perusahaan yang mewakili Korea di berbagai bidan g
seperti distribusi makanan dan rekreasi. Saat ini, perusahaan ini sedang berkembang
menjadi perusahaan global yang memperkaya kehidupan orang-orang di seluruh
dunia.
LotteMart adalah paserba dari Lotte Group yang dibuka di Indonesia setelah
mengakuisisi 19 supermarket Makro pada bulan Oktober 2008. Untuk pertama
kalinya Lotte mengoperasikan pasar distribusi di Indonesia sebagai Bisnis Distribusi
Domestik. LotteMark sebenarnya adalah Bisnis Distribusi berskala global yang
mengoperasikan 29 cabang di 3 negara, yaitu China, Indonesia, dan Vietnam.
3.1.2 Mekanisme Belanja
Gambar 3.2 Mekanisme Belanja
39
Gambar 3.2 menunjukkan mekanisme belanja yang biasanya diterapkan saat
seorang pembeli berbelanja di supermarket, dengan urutan sebagai berikut :
1. Membuat daftar belanjaan di rumah
2. Mendatangi supermarket
3. Mencari dan memilih barang-barang yang ada pada daftar belanjaan
4. Mengantri di kasir untuk melakukan pembayaran
3.1.3 Harga Supermarket
Tabel 3.1 Sample Daftar Harga Produk Supermarket
Nama Produk Carrefour Puri
Indah
Hypermarkt
Puri Indah
LotteMart
Gandaria City
Sunlight 800 ml Rp. 8.490,- Rp. 9.250,- Rp. 8.450,-
Rinso Antinoda 900 gram Rp. 12.300,- Rp. 12.390,- Rp. 12.800,-
Telur Omega 3 10 butir Rp. 21.750,- Rp. 21.750,- Rp. 18.950,-
Beras Kelapa ABC Rojolele
Pandan Wangi 10 kg
Rp. 151.100,- Rp. 147.500,- Rp. 107.900,-
Garam Refina 500 gram Rp. 2.430,- Rp. 3.100,- Rp. 2.420,-
Kecap Manis Bango 600 ml Rp. 12.970,- Rp. 12.400,- Rp. 9.950,-
Minyak Tropical 2 lt Rp. 18.900,- Rp. 21.995,- Rp. 20.500,-
40
3.1.4 Proses Pembayaran
Gambar 3.3 Prose Pembayaran
Proses pembayaran yang biasanya diterapkan di supermarket adalah
1. Pembeli mengantri di kasir.
2. Pembeli menyerahkan barang-barang yang ingin dibeli kepada petugas kasir.
3. Petugas menscan barang-barang yang dibeli oleh pembeli, menyebutkan
totalnya dan menanyakan cara pembayaran kepada pembeli.
4. Pembeli memberitahu cara pembayaran dan melakukan pembayaran.
5. Petugas kasir memproses pembayaran dan menyerahkan kembalian dan
barang-barang yang dibeli kepada pembeli.
6. Pembeli menerima kembalian dan barang-barang yang dibeli.
41
3.2 Analisis Masalah
3.2.1 Hasil Kuesioner
Kuesioner ini dibuat untuk mendapatkan data yang akurat mengenai kebiasaan
berbelanja pembeli di supermarket. Kuesioner ini terdiri atas 10 pertanyaan dan
dibagikan kepada 40 orang responden. Hasil yang diperoleh adalah sebagai berikut:
Seberapa sering anda berbelanja dalam satu bulan?
Gambar 3.4 Diagram Pie Frekuensi Belanja
42
Berapa kira-kira jumlah barang yang anda beli setiap kali berbelanja?
Gambar 3.5 Diagram Pie Jumlah Barang Yang Dibeli
Berapa total biaya yang anda keluarkan setiap kali berbelanja?
Gambar 3.6 Diagram Pie Total Biaya Belanja.
Diagram pie diatas menunjukkan bahwa sebagian besar responden berbelanja
ke supermarket minimal satu kali dalam waktu sebulan, membeli minimal lima
barang saat berbelanja di supermarket dan 42% dari responden menghabiskan biaya
seratus ribu sampai lima ratus ribu setiap kali belanja.
43
Apakah anda lebih sering berbelanja di hypermarket atau supermarket?
Gambar 3.7 Diagram Pie Tempat Belanja
Gambar 3.7 menunjukkan bahwa 58% responden lebih memilih untuk
berbelanja di hypermarket daripada supermarket.
Apakah harga yang murah berpengaruh terhadap pemilihan tempat belanja anda?
Gambar 3.8 Diagram Pie
Pengaruh Harga Terhadap Pemilihan Tempat Belanja
44
Apakah lokasi yang dekat berpengaruh terhadap pemilihan tempat belanja anda?
Gambar 3.9 Diagram Pie
Pengaruh Kedekatan Lokasi Terhadap Pemilihan Tempat Belanja
Apakah kelengkapan barang yang dijual berpengaruh terhadap pemilihan tempat
belanja anda?
Gambar 3.10 Diagram Pie
Pengaruh Kelengkapan Barang Terhadap Pemilihan Tempat Belanja
45
Apakah kenyamanan dalam berbelanja berpengaruh terhadap pemilihan tempat
belanja anda?
Gambar 3.11 Diagram Pie
Pengaruh Kenyamanan Berbelanja Terhadap Pemilihan Tempat Belanja
Apakah servis/pelayanan/diskon yang diberikan berpengaruh terhadap pemilihan
tempat belanja anda?
Gambar 3.12 Diagram Pie Pengaruh Servis Terhadap Pemilihan Tempat Belanja
46
Diagram pie pada gambar 3.8, gambar 3.9, gambar, 3.10, gambar 3.11 dan
gambar 3.12 menunjukkan bahwa harga barang yang murah, lokasi yang dekat,
kelengkapan barang yang dijual, kenyamanan dalam berbelanja dan
servis/pelayanan/diskon berpengaruh terhadap pemilihan tempat belanja. Lokasi yang
dekat dan kelengkapan produk yang dijual merupakan faktor yang paling
berpengaruh bagi responden dalam mentukan tempat berbelanja.
Jika ada sebuah aplikasi mobile untuk menentukan tempat belanja yang termurah
dan/atau terdekat, apakah anda akan menggunakannya?
Gambar 3.13 Diagram Pie Ketertarikan Terhadap Aplikasi
Diagram pie gambar 3.13 menunjukkan bahwa 90% responden akan
menggunakan aplikasi mobile untuk menentukan tempat belanja termurah maupun
terdekat.
47
3.2.2 Permasalahan Yang Dihadapi
Permasalahan utama yang dihadapi pada sistem yang sedang berjalan adalah
sebagai berikut :
- Sulit untuk mendapatkan informasi tempat belanja termurah.
- Sulit untuk mendapatkan informasi tempat belanja yang terdekat dan akurat.
- Menghabiskan banyak waktu dan biaya untuk mencari tempat belanja
termurah.
- Menghabiskan banyak waktu dan biaya untuk mencari tempat belanja
terdekat.
3.2.3 Usulan Pemacahan Masalah
Berdasarkan analisis terhadap permasalahan yang ada maka sistem yang
diusulkan untuk menyelesaikan permasalahan tersebut adalah sebagai berikut:
- Fitur untuk menerima inputan daftar belanjaan pengguna.
- Fitur untuk menerima lokasi keberadaan pengguna.
- Fitur untuk menghitung total harga daftar belanjaan pengguna.
- Fitur untuk menghitung jarak antara supermarket dan pengguna.
- Fitur untuk menampilkan peta jalan dari pengguna ke supermarket.
3.2.4 Kebutuhan Sistem
Untuk menyelesaikan masalah yang dihadapi maka diperlukan sistem sebagai
berikut:
48
1. Server third party sebagai tempat penyimpanan data harga barang dan lokas i
supermarket, mengkalkulasi biaya belanja keperluan bulanan dan
memberikan daftar lokasi supermarket-supermarket di sekitar pembeli.
2. Server third party sebagai penghubung antara aplikasi client dan
supermarket.
3. Perangkat Blackberry sebagai sarana untuk mendapatkan data daftar belanja
bulanan dan lokasi keberadaan user, serta sarana untuk menampilkan daftar
supermarket disekitar user beserta total harga dari daftar belanja pembeli.
3.3 Perancangan
3.3.1 Perancangan Sistem
Gambar 3.14 Rancangan Sistem
49
Rancangan dari aplikasi ini adalah user akan mengakses server third party
melalui web service kemudian server third party akan mengakses data supermarket
untuk mendapatkan daftar harga barang yang ingin dibeli oleh user.
Cara kerja dari aplikasi ini adalah user harus melakukan login di aplikasi, jika
user belum memiliki akun maka user harus melakukan pendaftaran terlebih dahulu.
Setelah login, user dapat memasukkan informasi mengenai daftar belanjaan
bulanannya ke aplikasi. Kemudian user akan diminta untuk memasukkan lokasi
keberadaannya saat ini.
Gambar 3.15 Proses Pengiriman dan Penerimaan Data
Data daftar belanjaan bulanan dan lokasi user saat ini akan dikirimkan ke server
melalui web service. Server akan mencari daftar belanjaan yang dikirimkan oleh user
ke Database, untuk mendapatkan daftar harga belanjaan dari setiap supermarket.
Setelah itu, server akan menghitung total dari daftar belanjaan user disetiap
supermarket. Kemudian server akan menghitung jarak antara user dan setiap
supermarket. Terakhir server akan mengirimkan data mengenai lokasi supermarket
yang berada disekitar user untuk ditampilkan pada aplikasi blackberry.
50
Gambar 3.16 Proses Pencarian Supermarket dengan Aplikasi
Dengan aplikasi ini pengguna diharapkan dapat langsung menentukan
supermarket yang termurah tanpa harus mengunjungi supermarket lainnya.
3.3.2 Deployment Diagram
Gambar 3.17 Deployment Diagram
51
3.3.3 Class Diagram
Gambar 3.18 Class Diagram
52
3.3.4 Use Case Diagram
Gambar 3.19 Use Case Diagram Sistem Aplikasi Pembanding Harga
Use case diagram diatas menjelaskan mengenai aksi apa saja yang dapat
dilakukan oleh user pada aplikasi pembanding harga.
53
Tabel 3.2 Use Case Scenario Daftar
Use Case Name Daftar
Actor User
Description Use case menggambarkan proses pendaftaran akun baru.
Precondition User sudah membuka aplikasi.
Normal Flow Actor Action System Response
Memasukkan Nama, Kata Sandi,
Email, Tanggal Lahir dan Jenis
Kelamin.
Menunggu request .
Menekan Tombol Daftar.
Sistem akan menambahkan
akun baru di database dan
mengirimkan response.
Tabel 3.3 Use Case Scenario Masuk ke Aplikasi
Use Case Name Masuk ke Aplikasi
Actor User
Description Use case menggambarkan proses masuk ke dalam aplikasi.
Precondition User sudah membuka aplikasi
Normal Flow Actor Action System Response
Memasukkan Nama dan Kata
Sandi. Menunggu request
Menekan Tombol Masuk. Sistem akan membandingkan
54
Nama dan Kata Sandi yang
dimasukkan dengan data di
database dan mengirimkan
response.
Tabel 3.4 Use Case Scenario
Menambah atau Mengurangi Produk di Keranjang Belanja
Use Case Name Menambah atau Mengurangi Produk di Keranjang Belanja
Actor User
Description Use case menggambarkan proses menambahkan atau mengurangi
produk ke dalam keranjang belanja.
Precondition User sudah masuk ke aplikasi.
Normal Flow Actor Action System Response
Memasukkan Jumlah Produk. Menunggu request.
Menekan Tombol Tambah.
Sistem akan menambahkan
produk ke dalam keranjang
belanja.
Menekan Tombol Kurang. Sistem akan mengurangi
produk dari keranjang belanja.
55
Tabel 3.5 Use Case Scenario
Menambah atau Mengurangi Produk Favorit
Use Case Name Menambah atau Mengurangi Produk Favorit
Actor User
Description Use case menggambarkan proses menambahkan atau mengurangi
produk favorit user.
Precondition User sudah masuk ke aplikasi.
Normal Flow Actor Action System Response
Menekan Tombol Favorit. Sistem akan menambahkan produk
ke dalam daftar produk favorit user.
Menekan Tombol Hapus
Favorit.
Sistem akan menghapus produk
dari daftar produk favorit user.
Tabel 3.6 Use Case Scenario Memasukkan Lokasi
Use Case Name Memasukkan Lokasi
Actor User
Description Use case menggambarkan proses memasukkan lokasi user.
Precondition - User sudah masuk ke aplikasi.
- Sudah ada produk di keranjang belanja.
Normal Flow Actor Action System Response
Menekan Tombol Ambil
dari GPS.
Sistem akan mendapatkan lokasi
user dari GPS dan menampilkan
56
daftar supermarket yang berada
disekitar user.
Menekan Tombol Pilih
Secara Manual.
Sistem akan menampilkan daftar
lokasi yang berada di database.
Memilih Daftar Lokasi yang
ditampilkan sistem.
Sistem akan menyimpan lokasi
yang dipilih user dan menampilkan
daftar supermarket yang berada
disekitar user.
Tabel 3.7 Use Case Scenario Melihat Daftar Supermarket
Use Case Name Melihat Daftar Supermarket
Actor User
Description Use case menggambarkan proses menampilkan supermarket yang
berada disekitar user.
Precondition - User sudah masuk ke aplikasi.
- User sudah memasukkan lokasi.
Normal Flow Actor Action System Response
Menekan Tombol Lihat
Detail Harga.
Sistem akan menampilkan detail
harga dari supermarket tersebut.
Menekan Tombol Buka
Map.
Sistem akan menampilkan peta
keberadaan user dan supermarket.
57
Tabel 3.8 Use Case Scenario Melihat Detail Harga
Use Case Name Melihat Detail Harga
Actor User
Description Use case menggambarkan proses menampilkan detail harga dari
salah satu supermarket yang dipilih user.
Precondition - User sudah masuk ke aplikasi.
- User sudah memasukkan lokasi
Normal Flow Actor Action System Response
Menekan Tombol Lihat
Produk Yang Tidak Ada.
Sistem akan menampilkan produk
yang tidak dijual pada supermarket
tersebut.
Menekan Tombol Lihat
Supermarket Lain.
Sistem akan menampilkan daftar
supermarket yang berada disekitar
user.
Memilih Daftar Lokasi yang
ditampilkan sistem.
Sistem akan menyimpan lokasi
yang dipilih user.
Tabel 3.9 Use Case Scenario Keluar dari Aplikasi
Use Case Name Keluar dari Aplikasi
Actor User
Description Use case menggambarkan proses menampilkan detail harga dari
salah satu supermarket yang dipilih user user.
58
Precondition User sudah masuk ke aplikasi.
Normal Flow Actor Action System Response
Menekan Tombol Keluar. Sistem akan menampilkan halaman
Masuk.
Gambar 3.20 Use Case Diagram Sistem Server Third Party
59
Use case diagram diatas menjelaskan mengenai aksi apa saja yang dapat
dilakukan oleh admin dan staff supermarket pada server.
Tabel 3.10 Use Case Scenario Login Admin/Staff Supermarket
Use Case Name Login
Actor Admin/Staff Supermarket
Description Use case menggambarkan proses login ke web.
Precondition Admin/Staff sudah membuka web.
Normal Flow Actor Action System Response
Memasukkan username dan
password. Menunggu request.
Menekan Tombol Login.
Sistem akan membandingkan
Nama dan Kata Sandi yang
dimasukkan dengan data di
database dan mengirimkan
response.
Tabel 3.11 Use Case Scenario Menambah Produk
Use Case Name Menambah Produk
Actor Admin
Description Use case menggambarkan proses menambahkan produk ke dalam
database.
Precondition Admin sudah login ke web.
60
Normal Flow Actor Action System Response
Memasukkan data produk. Menunggu request.
Menekan Tombol Tambah. Sistem akan menambahkan
produk ke dalam database.
Tabel 3.12 Use Case Scenario Menambah Supermarket
Use Case Name Menambah Supermarket
Actor Admin
Description Use case menggambarkan proses menambahkan supermarket ke
dalam database.
Precondition Admin sudah login ke web.
Normal Flow Actor Action System Response
Memasukkan data supermarket. Menunggu request.
Menekan Tombol Tambah.
Sistem akan menambahkan
supermarket ke dalam
database.
Tabel 3.13 Use Case Scenario Menghapus Produk
Use Case Name Menghapus Produk
Actor Admin
Description Use case menggambarkan proses menghapus produk dari dalam
database.
61
Precondition Admin sudah login ke web.
Normal Flow Actor Action System Response
Menekan Tombol Hapus. Sistem akan menghapus produk
dari dalam database.
Tabel 3.14 Use Case Scenario Menghapus Supermarket
Use Case Name Menghapus Supermarket
Actor Admin
Description Use case menggambarkan proses menghapus supermarket dari
dalam database.
Precondition Admin sudah login ke web.
Normal Flow Actor Action System Response
Menekan Tombol Hapus.
Sistem akan menghapus
supermarket dari dalam
database.
Tabel 3.15 Use Case Scenario Mengedit Produk
Use Case Name Mengedit Produk
Actor Admin
Description Use case menggambarkan proses mengedit data produk di dalam
database.
Precondition Admin sudah login ke web.
62
Normal Flow Actor Action System Response
Menekan Tombol Edit. Sistem akan menampilkan data
produk dari dalam database.
Mengedit data produk. Menunggu request.
Menekan Tombol Selesai. Sistem akan mengupdate data
produk di database.
Tabel 3.16 Use Case Scenario Mengedit Supermarket
Use Case Name Mengedit Supermarket
Actor Admin
Description Use case menggambarkan proses mengedit data supermarket di
dalam database.
Precondition Admin sudah login ke web.
Normal Flow Actor Action System Response
Menekan Tombol Edit.
Sistem akan menampilkan data
supermarket dari dalam
database.
Mengedit data supermarket. Menunggu request.
Menekan Tombol Selesai. Sistem akan mengupdate data
supermarket di database.
63
Tabel 3.17 Use Case Scenario Memasukkan harga
Use Case Name Menambah Harga
Actor Admin/Staff Supermarket
Description Use case menggambarkan proses menambahkan harga produk ke
dalam database.
Precondition Admin/Staff Supermarket sudah login ke web.
Normal Flow Actor Action System Response
Memasukkan harga produk. Menunggu request.
Menekan Tombol Tambah.
Sistem akan menambahkan
harga produk ke dalam
database.
Tabel 3.18 Use Case Scenario Mengupdate harga
Use Case Name Mengupdate Harga Produk
Actor Admin/Staff Supermarket
Description Use case menggambarkan proses mengupdate data produk di
dalam database.
Precondition Admin/Staff Supermarket sudah login ke web.
Normal Flow Actor Action System Response
Mengisikan harga produk. Menunggu request.
Menekan Tombol Update. Sistem akan mengupdate data
harga produk di database.
64
Tabel 3.19 Use Case Scenario Logout Admin/Staff Supermarket
Use Case Name Logout
Actor Admin/Staff Supermarket
Description Use case menggambarkan proses logout.
Precondition Admin/Staff Supermarket sudah login ke web.
Normal Flow Actor Action System Response
Menekan Tombol Logout.
Sistem akan menghapus
session admin/staff
supermarket dan menampilkan
halaman index.
65
3.3.5 Sequence Diagram
3.3.5.1 Sequence Diagram Masuk ke Aplikasi
Gambar 3.21 Sequence Diagram Masuk ke Aplikasi
66
3.3.5.2 Sequence Diagram Daftar
Gambar 3.22 Sequence Diagram Daftar
67
3.3.5.3 Sequence Diagram Belanja
Gambar 3.23 Sequence Diagram Belanja
68
3.3.5.4 Sequence Diagram Keranjang Belanja
Gambar 3.24 Sequence Diagram Keranjang Belanja
69
3.3.5.5 Sequence Diagram Produk Favorit
Gambar 3.25 Sequence Diagram Produk Favorit
70
3.3.5.6 Sequence Diagram Histori Belanja
Gambar 3.26 Sequence Diagram Histori Belanja
71
3.3.5.7 Sequence Diagram Menambahkan atau Mengurangi Produk Keranjang
Belanja
Gambar 3.27 Sequence Diagram
Menambahkan atau Mengurangi Produk Keranjang Belanja
72
3.3.5.8 Sequence Diagram Menambahkan atau Mengurangi Produk Favorit
Gambar 3.28 Sequence Diagram Menambahkan atau Mengurangi Produk Favorit
73
3.3.5.9 Sequence Diagram Input Posisi
Gambar 3.29 Sequence Diagram Input Posisi
74
3.3.5.10 Sequence Diagram Melihat Detail Harga
Gambar 3.30 Sequence Diagram Melihat Detail Harga
75
3.3.5.11 Sequence Diagram Menyimpan Histori Belanja
Gambar 3.31 Sequence Diagram Menyimpan Histori Belanja
76
3.3.5.12 Sequence Diagram Daftar Supermarket
Gambar 3.32 Sequence Diagram Daftar Supermarket
77
3.3.5.13 Sequence Diagram Keluar
Gambar 3.33 Sequence Diagram Keluar
78
3.3.5.14 Sequence Diagram Login Admin/Staff Supermarket
Gambar 3.34 Sequence Diagram Login Admin/Staff Supermarket
79
3.3.5.15 Sequence Diagram Menambahkan Produk
Gambar 3.35 Sequence Diagram Menambahkan Produk
80
3.3.5.16 Sequence Diagram Mengedit Produk
Gambar 3.36 Sequence Diagram Mengedit Produk
81
3.3.5.17 Sequence Diagram Menghapus Produk
Gambar 3.37 Sequence Diagram Menghapus Produk
82
3.3.5.18 Sequence Diagram Menambahkan Supermarket
Gambar 3.38 Sequence Diagram Menambahkan Supermarket
83
3.3.5.19 Sequence Diagram Mengedit Supermarket
Gambar 3.39 Sequence Diagram Mengedit Supermarket
84
3.3.5.20 Sequence Diagram Menghapus Supermarket
Gambar 3.40 Sequence Diagram Menghapus Supermarket
85
3.3.5.21 Sequence Diagram Memasukkan Harga
Gambar 3.41 Sequence Diagram Memasukkan Harga
86
3.3.5.22 Sequence Diagram Mengupdate Harga
Gambar 3.42 Sequence Diagram Mengupdate Harga
87
3.3.5.23 Sequence Diagram Logout
Gambar 3.43 Sequence Diagram Logout
3.3.6 Perancangan Database
Database yang akan digunakan akan menggunakan MySQL dengan rancangan
ERD sebagai berikut:
88
Gambar 3.44 ERD Diagram
Berdasarkan ERD pada gambar 3.44, tabel-tabel yang akan digunakan dalam
database adalah sebagai berikut:
Tabel 3.20 Tabel User
Nama Tabel : User
Nama Kolom Tipe Data Panjang Tipe Data Keterangan
user_id (PK) Varchar 5 ID User
name Varchar 50 Nama User
89
password Varchar 32 Password
gender Varchar 6 Jenis Kelamin
birthday Date Tanggal Lahir
email Varchar 50 Email
is_admin Int Penanda Admin
is_staff Int Penanda Staff Supermarket
flag Int Jumlah Belanja
Tabel 3.21 Tabel Product
Nama Tabel : Product
Nama Kolom Tipe Data Panjang Tipe Data Keterangan
product_id (PK) Varchar 8 ID Produk
product_name Varchar 100 Nama Produk
categori Varchar 50 Kategori Produk
size Varchar 15 Ukuran Produk
information Text Informasi mengenai produk
product_image Varchar 150 Path tempat gambar produk
disimpan
Tabel 3.22 Tabel Supermarket
Nama Tabel : Supermarket
Nama Kolom Tipe Data Panjang Tipe Data Keterangan
90
supermarket_id (PK) Varchar 4 ID Supermarket
supermarket_name Varchar 100 Nama Supermarket
supermarket_address Text Alamat Supermarket
latitude Varchar 10 Latitude Supermarket
longitude Varchar 10 Longitude Supermarket
supermarket_image Varchar 255 Path tempat gambar
supermarket disimpan
Tabel 3.23 Tabel Histori Belanja User
Nama Tabel : tr_userproduct_history
Nama Kolom Tipe Data Panjang Tipe Data Keterangan
user_id Varchar 5 ID User
product_id Varchar 8 ID Produk
quantity Int Jumlah Produk
date Date Tanggal Pembelian
flag Int Jumlah Belanja
Tabel 3.24 Tabel Harga Produk
Nama Tabel : tr_produksupermarket_price
Nama Kolom Tipe Data Panjang Tipe Data Keterangan
product_id Varchar 8 ID Produk
supermarket_id Varchar 4 ID Supermarket
91
price Bigint Harga Produk
Tabel 3.25 Tabel Daftar Produk Favorit User
Nama Tabel : tr_userproduct_favorite
Nama Kolom Tipe Data Panjang Tipe Data Keterangan
user_id Varchar 5 ID User
product_id Varchar 8 ID Produk
3.3.7 Perancangan Tampilan Layar
Gambar 3.45 Rancangan Layar Masuk
Keterangan:
- TextField Nama untuk menginput nama pengguna.
- TextField Kata Sandi untuk menginput kata sandi pengguna.
- Tombol Daftar digunakan untuk pindah ke halaman Daftar.
92
- Tombol Masuk digunakan untuk login kedalam aplikasi dengan
menggunakan Nama dan Kata Sandi yang telah didaftar melalui halaman
Daftar
Gambar 3.46 Rancangan Layar Daftar
Keterangan :
- TextField Nama untuk menginput nama pengguna
- TextField Kata Sandi untuk menginput kata sandi pengguna
- DateField Tanggal Lahir untuk menginput tanggal lahir pengguna
- RadioButton Jenis Kelamin untuk menginput jenis kelamin pengguna
- Tombol Masuk digunakan untuk pindah ke halaman Login.
- Tombol Daftar digunakan oleh pengguna untuk daftar.
93
Gambar 3.47 Rancangan Layar Belanja
94
Keterangan:
- TextField Cari untuk menginput kata kunci pencarian produk dari
database produk.
- DropDown Menurut untuk memilih kategori pencarian produk.
- DropDown Sortir untuk memilih tipe pensortiran.
- DropDown Berdasarkan untuk memilih kategori pensortiran produk.
- Tombol Cari digunakan untuk mencari produk berdasarkan kata kunci
yang diisikan pada text field Cari menurut kategori yang dipilih pada drop
down menu Menurut.
- Tombol Sortir digunakan untuk mensortir produk yang dicari secara
ascending atau descending berdasarkan kategori yang dipilih pada drop
down menu Berdasarkan.
- Tombol Tandai Favorit digunakan untuk menandai produk yang disukai
oleh pengguna.
- Tombol Hapus Favorit digunakan untuk menghilangkan produk dari daftar
produk yang disukai oleh pengguna.
- Tombol Ambil digunakan untuk menambahkan produk kedalam keranjang
belanja pengguna sebanyak 1 buah.
- Tombol – (kurang) digunakan untuk mengurangi produk yang ada
didalam keranjang belanja pengguna sebanyak 1 buah.
- Tombol << digunakan untuk pindah ke halaman pertama dari daftar
produk yang dicari pengguna.
- Tombol < digunakan untuk pindah ke satu halaman sebelumnya.
95
- Tombol (angka) digunakan untuk pindah ke halaman sesuai dengan angka
yang ditekan pengguna.
- Tombol > digunakan untuk pindah ke satu setelahnya.
- Tombol >> digunakan untuk pindah ke halaman terakhir dari daftar
produk yang dicari pengguna.
- Tombol Lihat Keranjang Belanja digunakan untuk pindah ke halaman
Keranjang Belanja.
- Tombol Lihat Produk Favorit digunakan untuk pindah ke halaman Produk
Favorit.
- Tombol Lihat Histori Belanja digunakan untuk pindah ke halaman Histori
Belanja
- Tombol Selesai Belanja digunakan untuk pindah ke halaman Posisi.
- Tombol Keluar digunakan untuk logout dan kembali ke halaman Masuk.
96
Gambar 3.48 Rancangan Layar Keranjang Belanja
97
Keterangan:
- TextField Cari untuk menginput kata kunci pencarian produk di dalam
keranjang belanja.
- DropDown Menurut untuk memilih kategori pencarian produk.
- DropDown Sortir untuk memilih tipe pensortiran.
- DropDown Berdasarkan untuk memilih kategori pensortiran produk.
- Tombol Cari digunakan untuk mencari produk di Keranjang Belanja
berdasarkan kata kunci yang diisikan pada text field Cari menurut kategori
yang dipilih pada drop down menu Menurut.
- Tombol Sortir digunakan untuk mensortir produk yang dicari secara
ascending atau descending berdasarkan kategori yang dipilih pada drop
down menu Berdasarkan.
- Tombol Kosongkan Keranjang Belanja digunakan untuk menghapus
semua produk dari Keranjang Belanja.
- Tombol Tandai Favorit digunakan untuk menandai produk yang disukai
oleh pengguna.
- Tombol Hapus Favorit digunakan untuk menghilangkan produk dari daftar
produk yang disukai oleh pengguna.
- Tombol Ambil digunakan untuk menambahkan produk kedalam keranjang
belanja pengguna sebanyak 1 buah.
- Tombol – (kurang) digunakan untuk mengurangi produk yang ada
didalam keranjang belanja pengguna sebanyak 1 buah.
98
- Tombol << digunakan untuk pindah ke halaman pertama dari daftar
produk yang dicari pengguna.
- Tombol < digunakan untuk pindah ke satu halaman sebelumnya.
- Tombol (angka) digunakan untuk pindah ke halaman sesuai dengan angka
yang ditekan pengguna.
- Tombol > digunakan untuk pindah ke satu setelahnya.
- Tombol >> digunakan untuk pindah ke halaman terakhir dari daftar
produk yang dicari pengguna.
- Tombol Belanja digunakan untuk pindah ke halaman Belanja.
- Tombol Lihat Produk Favorit digunakan untuk pindah ke halaman Produk
Favorit.
- Tombol Lihat Histori Belanja digunakan untuk pindah ke halaman Histori
Belanja
- Tombol Selesai Belanja digunakan untuk pindah ke halaman Posisi.
- Tombol Keluar digunakan untuk logout dan kembali ke halaman Masuk.
99
Gambar 3.49 Rancangan Layar Produk Favorit
100
Keterangan:
- TextField Cari untuk menginput kata kunci pencarian produk di dalam
database produk favorit pengguna.
- DropDown Menurut untuk memilih kategori pencarian produk.
- DropDown Sortir untuk memilih tipe pensortiran.
- DropDown Berdasarkan untuk memilih kategori pensortiran produk.
- Tombol Cari digunakan untuk mencari produk di daftar produk favorit
berdasarkan kata kunci yang diisikan pada text field Cari menurut kategori
yang dipilih pada drop down menu Menurut.
- Tombol Sortir digunakan untuk mensortir produk yang dicari secara
ascending atau descending berdasarkan kategori yang dipilih pada drop
down menu Berdasarkan.
- Tombol Hapus Favorit digunakan untuk menghilangkan produk dari daftar
produk yang disukai oleh pengguna.
- Tombol Ambil digunakan untuk menambahkan produk kedalam keranjang
belanja pengguna sebanyak 1 buah.
- Tombol – (kurang) digunakan untuk mengurangi produk yang ada
didalam keranjang belanja pengguna sebanyak 1 buah.
- Tombol << digunakan untuk pindah ke halaman pertama dari daftar
produk yang dicari pengguna.
- Tombol < digunakan untuk pindah ke satu halaman sebelumnya.
- Tombol (angka) digunakan untuk pindah ke halaman sesuai dengan angka
yang ditekan pengguna.
101
- Tombol > digunakan untuk pindah ke satu setelahnya.
- Tombol >> digunakan untuk pindah ke halaman terakhir dari daftar
produk yang dicari pengguna.
- Tombol Belanja digunakan untuk pindah ke halaman Belanja.
- Tombol Lihat Keranjang Belanja digunakan untuk pindah ke halaman
Keranjang Belanja.
- Tombol Lihat Histori Belanja digunakan untuk pindah ke halaman Histori
Belanja
- Tombol Selesai Belanja digunakan untuk pindah ke halaman Posisi.
- Tombol Keluar digunakan untuk logout dan kembali ke halaman Masuk.
102
Gambar 3.50 Rancangan Layar Histori Belanja
103
Keterangan:
- DropDown Tanggal untuk memilih tanggal histori belanja.
- Tombol Tampilkan digunakan untuk menampilkan daftar belanja
sebelumnya berdasarkan tanggal yang dipilih pada drop down menu
Tanggal.
- Tombol Pindahkan ke Keranjang Belanja digunakan untuk mengganti
semua barang pada Keranjang Belanja dengan daftar barang dari histori
belanja dan pindah ke halaman Posisi.
- Tombol Tandai Favorit digunakan untuk menandai produk yang disukai
oleh pengguna.
- Tombol Hapus Favorit digunakan untuk menghilangkan produk dari daftar
produk yang disukai oleh pengguna.
- Tombol << digunakan untuk pindah ke halaman pertama dari daftar
produk yang dicari pengguna.
- Tombol < digunakan untuk pindah ke satu halaman sebelumnya.
- Tombol (angka) digunakan untuk pindah ke halaman sesuai dengan angka
yang ditekan pengguna.
- Tombol > digunakan untuk pindah ke satu setelahnya.
- Tombol >> digunakan untuk pindah ke halaman terakhir dari daftar
produk yang dicari pengguna.
- Tombol Belanja digunakan untuk pindah ke halaman Belanja.
- Tombol Lihat Keranjang Belanja digunakan untuk pindah ke halaman
Keranjang Belanja.
104
- Tombol Lihat Produk Favorit digunakan untuk pindah ke halaman Produk
Favorit.
- Tombol Selesai Belanja digunakan untuk pindah ke halaman Posisi.
- Tombol Keluar digunakan untuk logout dan kembali ke halaman Masuk.
Gambar 3.51 Rancangan Layar Posisi
Keterangan:
- Tombol Ambil Posisi dari GPS digunakan untuk mengambil posisi
pengguna saat ini menggunakan GPS.
- Tombol Pilih Posisi Secara Manual digunakan untuk pindah ke halaman
untuk input posisi.
- Tombol Keluar digunakan untuk logout dan kembali ke halaman Masuk.
105
Gambar 3.52 Rancangan Layar Input Posisi
Keterangan:
- Tombol selesai digunakan untuk memilih data posisi yang dipilih
pengguna pada drop down menu Posisi.
106
Gambar 3.53 Rancangan Layar Daftar Supermarket
Keterangan:
- Tombol Lihat Detail digunakan untuk pindah ke halaman Detail Harga.
- Tombol Lihat Peta digunakan untuk pindah ke halaman Peta.
- Tombol << digunakan untuk pindah ke halaman pertama dari daftar
supermarket.
- Tombol < digunakan untuk pindah ke satu halaman sebelumnya.
- Tombol (angka) digunakan untuk pindah ke halaman sesuai dengan angka
yang ditekan pengguna.
107
- Tombol > digunakan untuk pindah ke satu setelahnya.
- Tombol >> digunakan untuk pindah ke halaman terakhir dari daftar
supermarket
- Tombol Belanja digunakan untuk kembali ke halaman Belanja.
- Tombol Keluar digunakan untuk logout dan kembali ke halaman Masuk.
Gambar 3.54 Rancangan Layar Detail Harga Produk
108
Keterangan:
- Tombol << digunakan untuk pindah ke halaman pertama dari daftar detail
harga produk.
- Tombol < digunakan untuk pindah ke satu halaman sebelumnya.
- Tombol (angka) digunakan untuk pindah ke halaman sesuai dengan angka
yang ditekan pengguna.
- Tombol > digunakan untuk pindah ke satu setelahnya.
- Tombol >> digunakan untuk pindah ke halaman terakhir dari daftar detail
harga produk.
- Tombol Lihat Supermarket Lain digunakan untuk kembali ke halaman
Supermarket.
- Tombol Keluar digunakan untuk logout dan kembali ke halaman Masuk.
Gambar 3.55 Rancangan Layar Map
Keterangan:
- Tombol Supermarket digunakan untuk kembali ke halaman supermarket.
- Tombol Keluar digunakan untuk logout dan kembali ke halaman Masuk.
Recommended