bab 3 analisis dan perancangan - thesis.binus.ac.idthesis.binus.ac.id/doc/bab3/2011-1-00148-if...

74
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

Upload: dohanh

Post on 25-Mar-2019

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 2: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 3: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 4: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 5: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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,-

Page 6: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 7: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 8: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 9: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 10: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 11: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 12: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 13: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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:

Page 14: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 15: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 16: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 17: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

51  

  

3.3.3 Class Diagram

Gambar 3.18 Class Diagram

Page 18: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 19: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 20: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 21: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 22: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 23: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 24: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 25: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 26: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 27: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 28: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 29: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 30: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 31: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

65  

  

3.3.5 Sequence Diagram

3.3.5.1 Sequence Diagram Masuk ke Aplikasi

Gambar 3.21 Sequence Diagram Masuk ke Aplikasi

Page 32: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

66  

  

3.3.5.2 Sequence Diagram Daftar

Gambar 3.22 Sequence Diagram Daftar

Page 33: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

67  

  

3.3.5.3 Sequence Diagram Belanja

Gambar 3.23 Sequence Diagram Belanja

Page 34: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

68  

  

3.3.5.4 Sequence Diagram Keranjang Belanja

Gambar 3.24 Sequence Diagram Keranjang Belanja

Page 35: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

69  

  

3.3.5.5 Sequence Diagram Produk Favorit

Gambar 3.25 Sequence Diagram Produk Favorit

Page 36: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

70  

  

3.3.5.6 Sequence Diagram Histori Belanja

Gambar 3.26 Sequence Diagram Histori Belanja

Page 37: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

71  

  

3.3.5.7 Sequence Diagram Menambahkan atau Mengurangi Produk Keranjang

Belanja

Gambar 3.27 Sequence Diagram

Menambahkan atau Mengurangi Produk Keranjang Belanja

Page 38: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

72  

  

3.3.5.8 Sequence Diagram Menambahkan atau Mengurangi Produk Favorit

Gambar 3.28 Sequence Diagram Menambahkan atau Mengurangi Produk Favorit

Page 39: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

73  

  

3.3.5.9 Sequence Diagram Input Posisi

Gambar 3.29 Sequence Diagram Input Posisi

Page 40: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

74  

  

3.3.5.10 Sequence Diagram Melihat Detail Harga

Gambar 3.30 Sequence Diagram Melihat Detail Harga

Page 41: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

75  

  

3.3.5.11 Sequence Diagram Menyimpan Histori Belanja

Gambar 3.31 Sequence Diagram Menyimpan Histori Belanja

Page 42: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

76  

  

3.3.5.12 Sequence Diagram Daftar Supermarket

Gambar 3.32 Sequence Diagram Daftar Supermarket

Page 43: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

77  

  

3.3.5.13 Sequence Diagram Keluar

Gambar 3.33 Sequence Diagram Keluar

Page 44: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

78  

  

3.3.5.14 Sequence Diagram Login Admin/Staff Supermarket

Gambar 3.34 Sequence Diagram Login Admin/Staff Supermarket

Page 45: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

79  

  

3.3.5.15 Sequence Diagram Menambahkan Produk

Gambar 3.35 Sequence Diagram Menambahkan Produk

Page 46: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

80  

  

3.3.5.16 Sequence Diagram Mengedit Produk

Gambar 3.36 Sequence Diagram Mengedit Produk

Page 47: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

81  

  

3.3.5.17 Sequence Diagram Menghapus Produk

Gambar 3.37 Sequence Diagram Menghapus Produk

Page 48: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

82  

  

3.3.5.18 Sequence Diagram Menambahkan Supermarket

Gambar 3.38 Sequence Diagram Menambahkan Supermarket

Page 49: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

83  

  

3.3.5.19 Sequence Diagram Mengedit Supermarket

Gambar 3.39 Sequence Diagram Mengedit Supermarket

Page 50: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

84  

  

3.3.5.20 Sequence Diagram Menghapus Supermarket

Gambar 3.40 Sequence Diagram Menghapus Supermarket

Page 51: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

85  

  

3.3.5.21 Sequence Diagram Memasukkan Harga

Gambar 3.41 Sequence Diagram Memasukkan Harga

Page 52: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

86  

  

3.3.5.22 Sequence Diagram Mengupdate Harga

Gambar 3.42 Sequence Diagram Mengupdate Harga

Page 53: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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:

Page 54: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 55: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 56: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 57: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 58: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 59: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

93  

  

Gambar 3.47 Rancangan Layar Belanja

Page 60: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 61: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 62: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

96  

  

Gambar 3.48 Rancangan Layar Keranjang Belanja

Page 63: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 64: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 65: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

99  

  

Gambar 3.49 Rancangan Layar Produk Favorit

Page 66: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 67: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 68: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

102  

  

Gambar 3.50 Rancangan Layar Histori Belanja

Page 69: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 70: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 71: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

105  

  

Gambar 3.52 Rancangan Layar Input Posisi

Keterangan:

- Tombol selesai digunakan untuk memilih data posisi yang dipilih

pengguna pada drop down menu Posisi.

Page 72: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.

Page 73: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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

Page 74: BAB 3 ANALISIS DAN PERANCANGAN - thesis.binus.ac.idthesis.binus.ac.id/doc/Bab3/2011-1-00148-if 3.pdfseorang pengusaha yang ... Hypermart adalah salah satu paserba yang dimiliki

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.