Anda di halaman 1dari 146

STUDI KASUS SISTEM INFORMASI GEOGRAFIS RETAILER PAG

STORE BERBASIS WEBSITE & ANDROID

Disusun Oleh :

Anak Agung Wisnu Arta (200030014)

I Made Pandu Putra Riadi (200030625)

INSTITUT TEKNOLOGI DAN BISNIS

(ITB) STIKOM BALI

2022

i
STUDI KASUS SISTEM INFORMASI GEOGRAFIS RETAILER PAG
STORE BERBASIS WEBSITE & ANDROID

ABSTRAK

E-commerce merupakan salah satu dari perkembangan teknologi dan internet. Yaitu sebuah
layanan internet yang dimanfaatkan untuk jual-beli secara online. E- commerce atau
Perdagangan elektronik adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa
melalui sistem elektronik seperti internet atau televisi, www, atau jaringan komputer lainnya. E-
commerce dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem
manajemen inventori otomatis, dan sistem pengumpulan data otomatis. Dalam penelitian ini
yang dipergunakan oleh penulis adalah data primer dan data sekunder. Jenis penelitian yang
digunakan dalam proses penulisan ini adalah studi kasus yang dilakukan dengan mempelajari
kasus penerapan suatu aktivitas di lapangan, mengamati dan melakukan wawancara kepada
pihak-pihak yang terkait. Metode penelitian yang akan digunakan dalam penelitian ini adalah
metode deskriptif yakni dengan cara melakukan penelitian studi kasus yang menganalisis
bagaimana Tokoku dapat menjual produknya kepada customer. Dengan adanya sistem informasi
penjualan online ini dapat membantu PAG Store untuk meningkatkan penjualannya.

Kata Kunci : E-commerce

ii
STUDI KASUS SISTEM INFORMASI GEOGRAFIS RETAILER PAG
STORE BERBASIS WEBSITE & ANDROID

ABSTRACT

E-commerce is one of the developments in technology and Internet. It is an internetservice which


is used for buying and selling online. E-commerce or electronic commerce is the deployment,
purchasing, sales, marketing goods and services overelectronic systems such as the Internet or
television, www, or other computer networks. E-commerce can involve electronic funds transfer,
electronic data interchange, automated inventory management systems, and automated data
collection systems. In this study which used by the authors is the primary data and secondary
data. The type of research used in in writing process is a case study conducted by studying the
case of the application of an activity in the field, observing and interviewing the parties concerned.
The research method used in thisresearch is descriptive method by conducting a case study that
analyzes how My Store can sell to costomer. With a system online sales information it can help
to increase sales in PAG Store.

Keyword : E - commerce

iii
KATA PENGANTAR

Berkat Rahmat Tuhan Yang Maha Esa, penulis dapat menyelesaikan Tugas Akhir yang
berjudul “STUDI KASUS SISTEM INFORMASI GEOGRAFIS RETAILER PAG STORE
BERBASIS WEBSITE & ANDROID” sesuai dengan waktu yangtelah direncanakan. Selanjutnya
penulis menyampaikan Terima Kasih kepada:

1. Ibu Ni Nyoman Supuwiningsih, S.T., M.Kom, selaku dosen pengampu mata pelajaran sistem
informasi geografis.
Semoga hasil penulisan ujian akhir semester ini bemanfaat bagi pihak yang
berkepentingan.

Denpasar, 09 Desember 2022

Penulis

iv
DAFTAR ISI

ABSTRAK ..................................................................................................................................ii

ABSTRACT ................................................................................................................................ iii

KATA PENGANTAR.................................................................................................................. iv

DAFTAR ISI .............................................................................................................................. v

DAFTAR TABEL ...................................................................................................................... vii

DAFTAR GAMBAR ................................................................................................................... ix

BAB I PENDAHULUAN ............................................................................................................. 1

1.1. Latar Belakang ............................................................................................... 1

1.2 Rumusan Masalaah ....................................................................................... 2

1.3 Tujuan Penelitian ........................................................................................... 2

1.4 Manfaat Penelitian ......................................................................................... 3

1.5 Lingkup Masalah ............................................................................................ 3

1,6 Deskripsi Umum Dokumen ............................................................................ 3

BAB II TINJAUAN PUSTAKA .................................................................................................... 4

2.1 Deskripsi umum sistem .................................................................................. 4

2.2 Karakteristik Level User ................................................................................. 4

2.3 Data Spasial .................................................................................................. 5

2.4 Data Non Spasial ........................................................................................... 6

2.5 Proses ........................................................................................................... 6

2.6 Hasil Pemetaan ............................................................................................. 6

2.7 Grafik ............................................................................................................. 6

2.8 Informasi Geografis........................................................................................ 6

BAB III METODE PENELITIAN ................................................................................................. 7

3.1 Metode Penelitian .......................................................................................... 7

3.2 Kebutuhan fungsional .................................................................................... 8

3.3 Kebutuhan non fungsional.............................................................................. 9

v
BAB IV PEMBAHASAN ........................................................................................................... 11

4.1. Desain Sistem .............................................................................................. 11

4.2. Pembuatan Unified Modeling Language (UML)............................................ 11

4.3. High Level Use Case ................................................................................... 12

4.4. Expanded use case ..................................................................................... 17

4.13. Konseptual Database .................................................................................. 72

4.14. Struktur Tabel .............................................................................................. 73

4.17. Pengujian Blackbox Testing ....................................................................... 118

4.18. Kuisioner .................................................................................................... 125

BAB V KESIMPULAN DAN SARAN ...................................................................................... 134

5.1 Kesimpulan ................................................................................................ 134

5.2 Saran ......................................................................................................... 134

DAFTAR PUSTAKA .................................................................................................................. x

vi
DAFTAR TABEL

Tabel 2. 1 Karakteristik Level User ...................................................................... 5


Tabel 4. 1 High Level Use Case Registrasi........................................................ 20

Tabel 4. 2 High Level Use case login ................................................................. 20


Tabel 4. 3 High Level Use Case Data Pengguna ............................................... 20
Tabel 4. 4 High Level Use Case Update Data Pengguna ................................... 21
Tabel 4. 5 High Level Use Case Mengelola data produk .................................... 21
Tabel 4. 6 High Level Use Case Input data produk ............................................ 22
Tabel 4. 7 High Level Use Case Update data produk......................................... 22
Tabel 4. 8 High Leve Use Case Cari produk ...................................................... 22
Tabel 4. 9 High Level Use Membeli Produk ....................................................... 23
Tabel 4. 10 High Level Use Case Keranjang ..................................................... 23
Tabel 4. 11 High Level Use Case Transaksi ...................................................... 23
Tabel 4. 12 High Level Use Case Transaksi via Cash On Delivery .................... 24
Tabel 4. 13 High Level Use Case Transaksi Via e-money ................................. 24
Tabel 4. 14 High Level Use Case Cetak Laporan Transaksi .............................. 24
Tabel 4. 15 Expanded Use Case Registrasi....................................................... 25
Tabel 4. 16 Expanded use case Login ............................................................... 26
Tabel 4. 17 Expanded Use Case Data Pengguna .............................................. 27
Tabel 4. 18 Expanded Use Case Update Data Pengguna.................................. 27
Tabel 4. 19 Expanded Use Case Mengelola Data Produk ................................. 28
Tabel 4. 20 Expanded Use Case Input Data Produk .......................................... 29
Tabel 4. 21 Expanded Use Case Update Produk ............................................... 30
Tabel 4. 22 Expanded Use Case Cari Produk .................................................... 31
Tabel 4. 23 Expanded Use Case Membeli Produk ............................................. 32
Tabel 4. 24 Expanded Use Case Keranjang ...................................................... 33
Tabel 4. 25 Expanded Use Case Menu Transaksi ............................................. 34
Tabel 4. 26 Expanded Use Case Transaksi via e-money ................................... 34
Tabel 4. 27 Expanded Use Case Transaksi Via Cash on Delivery ..................... 36
Tabel 4. 28 Expanded Use Case Cetak Laporan ............................................... 37
Tabel 4. 29 Tabel Pengguna .............................................................................. 80
Tabel 4. 30 Tabel Karyawan .............................................................................. 81
Tabel 4. 31 Tabel Pemesanan ........................................................................... 81

vii
Tabel 4. 32 Tabel Detail Produk ......................................................................... 82
Tabel 4. 33 Produk ............................................................................................ 83
Tabel 4. 34 Foto Produk .................................................................................... 83
Tabel 4. 35 Keranjang........................................................................................ 83
Tabel 4. 36 Kategori ......................................................................................... 84
Tabel 4. 37 Hasil BlackBox Testing Menu Login .............................................. 125
Tabel 4. 38 Hasil Menu Pengguna ................................................................... 126
Tabel 4. 39 Hasil Menu Produk ........................................................................ 127
Tabel 4. 40 Hasil Menu Kategori ...................................................................... 128
Tabel 4. 41 Hasil Menu Pemesanan ................................................................ 129
Tabel 4. 42 Hasil Menu Registrasi ................................................................... 129
Tabel 4. 43 Hasil Menu Metode Pembayaran .................................................. 130
Tabel 4. 44 Hasil Menu Keranjang ................................................................... 131
Tabel 4. 45 Hasil Menu Detail Produk .............................................................. 131
Tabel 4. 46 Hasil Menu Via COD ..................................................................... 132

viii
DAFTAR GAMBAR

Gambar 4. 1 use case Sistem Informasi PAG Store .......................................... 19


Gambar 4. 2 Activity Diagram Registrasi ........................................................... 38
Gambar 4. 3 Activity Diagram Login................................................................... 39
Gambar 4. 4 Activity Diagram Menu Profil ......................................................... 40
Gambar 4. 5 Activity Diagram Update Biodata ................................................... 41
Gambar 4. 6 Activity Diagram Halaman Pengelolaan Produk ............................ 42
Gambar 4. 7 Activity Diagram Input Produk ....................................................... 43
Gambar 4. 8 Activity Diagram Update Produk.................................................... 44
Gambar 4. 9 Activity Diagram Cari Produk......................................................... 45
Gambar 4. 10 Activity Diagram Membeli Produk................................................ 46
Gambar 4. 11 Activity Diagram Keranjang ......................................................... 47
Gambar 4. 12 Activity Diagram Pilihan Menu Transaksi .................................... 48
Gambar 4. 13 Activity Diagram Transaksi via e-money ..................................... 49
Gambar 4. 14 Activity Diagram Transaksi via Cash on Delivery......................... 50
Gambar 4. 15 Activity Diagram Cetak Laporan .................................................. 51
Gambar 4. 16 Squence Diagram Registrasi....................................................... 52
Gambar 4. 17 Squence Diagram Login .............................................................. 53
Gambar 4. 18 Squence Diagram Biodata .......................................................... 54
Gambar 4. 19 Squence Diagram Edit Biodata ................................................... 55
Gambar 4. 20 Squence Diagram Halaman Pengelolaan Produk........................ 56
Gambar 4. 21 Squence Diagram Input Data ...................................................... 57
Gambar 4. 22 Squence Diagram Edit Produk .................................................... 58
Gambar 4. 23 Squence Diagram Cari Produk.................................................... 59
Gambar 4. 24 Squence Diagram Belanja........................................................... 60
Gambar 4. 25 Squence Diagram Keranjang ...................................................... 61
Gambar 4. 26 Squence Diagram Halaman Metode Pembayaran ....................... 62
Gambar 4. 27 Squence Diagram via E-money................................................... 63
Gambar 4. 28 Squence Diagram Via COD ........................................................ 64
Gambar 4. 29 Squence Diagram Cetak Laporan ............................................... 65
Gambar 4. 30 Class Diagram PAG Store .......................................................... 66
Gambar 4. 31 FlowChart Login Usert ................................................................ 67
Gambar 4. 32 FlowChart User Admin ................................................................ 68
Gambar 4. 33 Flowchart user pengunjung ......................................................... 68
ix
Gambar 4. 34 Flowchart user karyawan ............................................................ 69
Gambar 4. 35 Diagram Context ......................................................................... 70
Gambar 4. 36 Diagram Level 0 Admin ............................................................... 71
Gambar 4. 37 Data Flow Diagram Level 0 Karyawan ......................................... 72
Gambar 4. 38 Data Flow Diagram Level 0 Costumer ......................................... 73
Gambar 4. 39 DFD Level 1 Login ...................................................................... 74
Gambar 4. 40 DFD Level 1 Register .................................................................. 74
Gambar 4. 41 DFD Level 1 Melihat Dashboard.................................................. 74
Gambar 4. 42 DFD Level 1 Pengelolaan data Costumer ................................... 75
Gambar 4. 43 DFD Level 1 Pengelolaan data Karyawan ................................... 75
Gambar 4. 44 DFD Level 1 Pengelolaan Data Produk ....................................... 76
Gambar 4. 45 DFD Level 1 Pemesanan ............................................................ 77
Gambar 4. 46 DFD Level 1 Kategori Produk ...................................................... 77
Gambar 4. 47 DFD Level 1 Foto Produk............................................................ 78
Gambar 4. 48 DFD Level 1 Cetak Laporan ........................................................ 78
Gambar 4. 49 DFD Level 1 Data Keranjang ...................................................... 79
Gambar 4. 50 ERD Retail PAG Store ................................................................ 79
Gambar 4. 51 Konseptual Database ................................................................. 80
Gambar 4. 52 Desain Antar Muka Login ........................................................... 85
Gambar 4. 53Desain Antar Muka Registrasi ...................................................... 86
Gambar 4. 54 Desain Antar Muka Dashboard ................................................... 87
Gambar 4. 55 Desain Antarmuka Profil ............................................................. 88
Gambar 4. 56 Desain Antarmuka Detail Produk ................................................ 89
Gambar 4. 57 Desain Antarmuka Menu Kategori .............................................. 90
Gambar 4. 58 Desain Antarmuka Checkout ...................................................... 91
Gambar 4. 59 Desain Antarmuka Metode Pembayaran .................................... 92
Gambar 4. 60 Desain Antarmuka Via COD‘ ...................................................... 94
Gambar 4. 61 Desain Antarmuka Via E-Money ................................................. 95
Gambar 4. 62 Desain UI Registrasi ................................................................... 96
Gambar 4. 63 Desain UI Login .......................................................................... 97
Gambar 4. 64 Desain UI edit akun .................................................................... 98
Gambar 4. 65 Desain UI Halaman Pengguna ................................................... 99
Gambar 4. 66 Desain UI Kategori Produk ....................................................... 100
Gambar 4. 67 Desain UI Detail Produk ........................................................... 101

x
Gambar 4. 68 Desain UI Keranjang ................................................................ 102
Gambar 4. 69 Desain UI Pembayaran............................................................. 103
Gambar 4. 70 Desain UI Metode Pembayaran ................................................ 104
Gambar 4. 71 Desain UI Orderan sedang di konfirmasi................................... 105
Gambar 4. 72 Desain UI Metode Pembayaran Via E-Money........................... 106
Gambar 4. 73 Desain UI Metode Pembayaran Via COD ................................. 107
Gambar 4. 74 Pengiriman telah sampai .......................................................... 108
Gambar 4. 75 Desain UI Admin Data Kategori ................................................ 109
Gambar 4. 76 Desain UI Admin Data Pemesanan .......................................... 110
Gambar 4. 77 Desain UI Admin Data Pengguna ............................................. 110
Gambar 4. 78 Desain UI Admin Data Produk .................................................. 111
Gambar 4. 79 Halaman Registrasi Desktop Pengguna ................................... 112
Gambar 4. 80 Halaman Login Dekstop Pengguna .......................................... 113
Gambar 4. 81 Halaman Edit Desktop Pengguna ............................................. 114
Gambar 4. 82 Halaman Dashboard Pengguna Destop.................................... 115
Gambar 4. 83 Halaman Kategori Desktop Pengguna ...................................... 116
Gambar 4. 84 84 Halaman Detail Produk Desktop Pengguna ......................... 117
Gambar 4. 85 Halaman Keranjang Dasktop Pengguna ................................... 118
Gambar 4. 86 Halaman Pembayaran Desktop Pengguna ............................... 119
Gambar 4. 87 Halaman Metode Pembayaran ................................................. 120
Gambar 4. 88 Halaman Orderan sedang di konfirmasi Dasktop Pengguna .... 121

Gambar 4. 89 Halaman Via E-Money Desktop Pengguna ............................... 122


Gambar 4. 90 Halaman COD Desktop Pengguna ........................................... 123
Gambar 4. 91 Halaman Barang Telah Sampai Desktop Pengguna ................. 124

xi
BAB I
PENDAHULUAN

1.1. Latar Belakang


Perkembangan teknologi informasi saat ini merupakan suatu kebutuhan yang harus
dimiliki suatu organisasi untuk meningkatkan kualitas layanan. Pemanfaatan teknologi informasi
harus diimbangi dengan implementasi sistem informasi. Teknologi informasi dan sistem
informasi merupakan dua bidang yang saling berdampingan dalam penyampaian informasi bagi
suatu organisasi. Pemanfaatan teknologi informasi dan sistem informasi pada suatu organisasi
dapat membantu organisasi untuk mencapai tujuan dengan maksimal. Hal ini terbukti dengan
semakin berkembang dan mudahnya peran teknologi informasi dan sistem informasi di kalangan
organisasi[1].

Pesatnya perkembangan teknologi informasi dan komunikasi atau yang dikenal dengan
istilah Information and Communication Technology (ICT) dan internet telah merambah berbagai
bidang kehidupan tidak terkecuali bidang bisnis dan perdagangan. Dengan adanya internet dan
ICT proses pemasaran dan penjualan dapat dilakukan kapan saja tanpa terikat ruang dan
waktu[2]. Dengan kemampuan web/internet yang bisa mengirimkan berbagai bentuk data seperti
teks, grafik, gambar, suara, animasi, atau bahkan video, maka banyak kalangan bisnis yang
memanfaatkan teknologi ini dengan membuat homepage untuk mempromosikan usahanya. Kini
hampir semua lapisan masyarakat (terutama di negara maju) sudah sangat terbiasa dengan web
ini, karena hampir segala jenis informasi bisa diperoleh.

Saking banyaknya orang menggunakan internet semakin banyaknya juga seseorang


memperoleh informasi. Selain menggunakan internet sebagai sarana mencari informasi, internet
juga menyediakan saran promosi seperti mempromosikan usaha yang sedang di kembangkan.
Secara resmi PAG Store menjadi sebuah perusahaan dimana perusahaan tersebut masih belum
diketahui oleh masyarakat. Masyarakat lebih memilih mencari toko yang telah tersedia di aplikasi
Maps.

Maps merupakan aplikasi berbasis peta digital dimana peta tersebut menjabarkan
tempat-tempat yang sudah dikenal di kalangan masyarakat. Salah satu tempat yang banyak
dikunjungi yaitu toko yang menjual sembako serta kebutuhan masyarakat. Daya saing yang
meningkat, PAG Store menerapkan serta menandai tokonya sendiri dengan titik point yang ada
di Maps.

1
PAG Store merupakan sebuah perusahaan atau toko yang menjalakan bisnis jual beli
barang berupa sembako serta kebutuhan masyarakat. PAG Store yang beralamat di Jalan
Wibisana Barat Denpasar Utara serta di cabang lainnya. PAG Store melayani kegiatan jual beli.
Dalam bidang jual beli tersebut mengalami kendala dalam menjalani proses jual beli dimana
kurangnya pemasaran produk hingga mengalami keterlambatan dengan usaha lainnya. Adanya
kendala tersebut, PAG Store menerapkan E-commerce sebagai bahan saing dengan usaha
lainnya. Proses pemasaran produk yang akan di terapkan pada PAG Store berupa pemasaran
melalui desktop dan android. Dekstop dan android memiliki fitur jual beli secara langsung dimana
pembeli harus mendaftar sebagai anggota pengguna untuk bisa mengakses fitur tersebut. Selain
fitur jual beli yang diterapkan, PAG Store juga menerapkan fitur dimana fitur tersebut pelanggan
bisa membayar melalui COD (Cash on Delivery) serta E-money (Bank, dana, dll). Adanya fitur
tersebut PAG Store juga menerapkan fitur antar barang sesuai arah yang di minta oleh pembeli.

Kegiatan perancangan ini akan dilakukan dengan menggunakan sistem informasi


penjualan berbasis desktop dan android dimana terdapat fungsi fungsionalitas dan non
fungsionalitas yang dibagi menjadi 2 pengguna yaitu admin dan pembeli. Sistem informasi ini
dapat digunakan di berbagai halangan dengan

syarat pengguna harus memiliki jaringan internet serta perangkat masing-masing.


Perancangan sistem informasi ini diharapkan dapat membantu pihak perusahaan untuk
memudahkan proses bersaing dengan perusahaan lainnya.

Dari permasalahan tersebut maka penulis menerbitkan rumusan masalah yaitu


“Bagaimana cara membangun dan merancang sistem informasi geografis dari PAG” Store
berbasis desktop dan android?”. Harapan penulis, dengan membuatnya sistem informasi
geografis tersebut dapat mengatasi permasalahan yang sedang dialami oleh perusahaan
tersebut.

1.2 Rumusan Masalaah


Berdasarkan latar belakang di atas maka di dapatkan rumusan masalah dari penjelasan
latar belakang diatas adalah ”Bagaimana membangun dan merancang sistem informasi
geografis dari PAG Store berbasis desktop dan android?”.

1.3 Tujuan Penelitian


Adapun tujuan penulisan penelitian ini berdasarkan rumusan masalah diatas yaitu
membangun dan merancang sistem informasi retailer guna memberikan rancangan agar dapat
di implementasikan secara langsung kepada peneliti selanjutnya.

2
1.4 Manfaat Penelitian
Adapun manfaat dari penelitian ini yaitu merancang serta membangun sistem informasi
guna mempermudah memberikan pelayanan kepada publik.

1.5 Lingkup Masalah


Aplikasi sistem informasi ini bertujuan membantu toko retail untuk memberi tahu
pelanggan bahwa toko kami tersebar di beberapa desa dan juga mempermudah pelanggan
untuk melakukan pencarian google maps.

1,6 Deskripsi Umum Dokumen


Ada berberapa sistematika dari penulisan laporan ini yang terdiri dari lima sub bab
ddalamnya, beberapa sub bab sebagai berikut :

BAB I : Pendahuluan
Dalam bab pendahuluan ini berisi mengenai: Latar Belakang, Rumusan Masalah, Tujuan
Penelitian, Manfaat Penelitian, Ruang Lingkup Penelitian dan Metode Penelitian.
BAB II : TINJAUAN PUSTAKA
Tinjauan Pustaka berisi bahasan mengenai hasil penelitian terdahulu yang sejenis (jika
ada) maupun landasan teori. Landasan teori bisa mencakup teori analisis atau pemodelan
sistem, desain atau ancangan sistem dan penerapan atau implementasi. teori-teori komputer
atau teknologi informasi yang relevan dengan bidang yang diteliti.
BAB III : Metode Penelitian
Pada bab ini diuraikan tentang metode pengumpulan data-data untuk membantu proses
penelitian, serta proses pengembangan perangkat lunak untuk membantu menghasilkan
perangkat lunak yang berkualitas serta menjabarkan kebutuhan fungsional dan non fungsional
dari sistem
BAB IV Perancangan

Mendeskripsikan UML, flowchart, DFD, ERD, basis data konseptual, basis data
relasional, normalisasi, perancangan database, perancangan perangkat lunak dan antar muka.
Bab V : pengujian Blackbox Testing,
Mendeskripsikan pengujian yang dilakukan menggunakan blackbox testing.

3
BAB II
TINJAUAN PUSTAKA

2.1 Deskripsi umum sistem


Aplikasi berbasis web yang terdapat pada toko retail PAG store ini memilikifitur melihat
data informasi produk barang dan dapat membeli barang di toko tersebut secara online, serta
melakukan penginputan dan pendataan produk barang.Jika login sebagai pengguna, maka akan
muncul pilihan berbagai macam kategori dan jenis produk barang yang dibutuhkan dan juga
dapat melihat detail informasi dari produk yang dibutuhkan lalu dapat melakukan pemilihan
barang (shopping chart) hingga pembelian barang secara online. Jika login sebagai admin dan
karyawan, maka akan dapat melihat menu yang memiliki pilihan untuk memasukkan data
barang, melihat stok barang, menghapus data barang, melihat data transaksi hingga melihat data
pengguna.

2.2 Karakteristik Level User


Tabel 2. 1 Karakteristik Level User

Level User Hal Yang bisa dilakukan Hak Akses


Pengguna 1. Pengguna dapat Membeli 1. Dapat melihat dashboard
banyakproduk sekaligus pengguna
2. Pengguna dapat Melihat 2. Dapat melakukan register untuk
produk dan detail produk membuat akun pengguna
3. Pengguna dapat 3. Dapat melakukan login untuk
memanajemen akunnya
mengakses dashboard pengguna
4. Pengguna dapat
4. Dapat melakukan pembelian
mengomentarkan sebuah
5. produk
produk
6. Dapat Melihat dan membuka
5. Pengguna dapat
menu detail kategori, jenis dan
menambahkan produk ke
keranjang detail barang
7. Dapat mengubah password,
alamat, nama lengkap
8. Dapat melakukan pembayaran
transaksi
Admin 1. Admin dapat 1. Dapat melihat dashboard

4
memanajemen akun 2. Dapat melihat dan mengubah data
karyawan pengguna yang sudah teregistrasi
2. Admin dapat Melihat, 3. Dapat melihat dan mengubah data
menambahkan, karyawan yang sudah terdaftar
menghapus b dan 4. Dapat membuat akun untukkaryawan
memperbaharui data 5. Dapat melihat, menambahkan,
produk, data coustumer menghapus dan memperbaharuidata
3. Dapat melihat detailproduk detail produk barang.
4. Melihat DashboardAdmin
5. Melihat Dashboard
Karyawan 1. Melihat,menambahkan, 1. Dapat melihat dashboard
menghapus dan 2. Dapat melihat status dan jabatan dari
memperbaharui data akun karyawan
produk dan detail 3. Dapat melakukan dan melihat
barang. absensi.
2. Absensi 4. Dapat melihat, menambahkan,
3. Melihat Dashboard menghapus dan memperbaharui data
4. Komentar detail produk barang.
5. Melihat status dan jabatan 5. Dapat melihat, menambahkan,
pada akun menghapus dan memperbaharui data
kategori dan jenis produk barang

2.3 Data Spasial


Data Spasial adalah daa yang memiliki gambaran wilayah yang terdapat di permukaan
bumi yang direpresentasian dalam bentuk grafis, peta dan vektor dengan nilai tertentu. Sumber
yang bisa digunakan untuk mendapatkan data spasial adalah sebagai berikut:

1. Peta Analog yaitu peta yang disajikan dalam bentuk cetak yaitu peta topografi, peta alam,
peta lingkungan, peta pulau dan lain sebagainnya.
2. Penginderaan jauh yang dapat dilihat dalam bentuk citra satelit, foto udara dan lain
sebagainya.
3. Data hasil pengukura lapangan berupa data yang diperoleh dengan cara mengadakan
pengukuran serta perhitungan tersendiri.
4. Data Global Positioing Sistem (GPS) adalah data canggih dengan keakuratan tinggi yang
dipresentasikan dalam format vector.
5. Data bereferensi spasial seperti batas administrasi sebuah wilayah. Data Spasial terdiri dari
5
2 data yaitu data vektor dan data raster.[4]
2.4 Data Non Spasial
Data Non Spasial adalah data atribut dari data spasial yang berisi deskripsi dari data
spasial. Datra yang berhubungan dengan deskripsi dari unsur – unsur geografik. Data non
spasial disajikan dalam bentuk tabel, sebelum terbentuk tabel data non spasial dimodelkan
dengan menggunakn ERD (Entity Relationship Diagram)[4]

2.5 Proses
Proses adalah suatu rutinitas perubahan atau peristiwa dalam perkembangan sesuatu.
Dalam suatu proses mungkin bisa dikenal dengan perubahan yang dibuat pada sifat – sifat dari
satu atau lebih objek di bawah pengaruh proses itu.

2.6 Hasil Pemetaan


Hasil Pemetaan merupakan nilai proses menyajikan informasi muka bumi yang berupa
fakta, dunia nyata, bentuk permukaan negara, pulau dan bumi dengan isinya berdasarkan skala
proyeksi peta serta simbol-simbol yang sudah ditentukan. Hasil tersebut berupa data spasial dan
non spasial.

2.7 Grafik
Grafik adalah penyajian data yang terdapat dalam tabel yang ditampilkan ke dalam
bentuk gambar. Selain itu grafik juga dapat diartikan sebagai suatu kombinasi data-data baik
berupa angka, huruf, simbol, gambar, lambang, perkataan, lukisan, yang disajikan dalam sebuah
media dengan tujuan memberikan gambaran tentang suatu data dari penyaji materi kepada para
penerima materi dalam proses menyampaikan informasi[5].

2.8 Informasi Geografis


SIG adalah sistem komputer yang digunakan untuk mengumpulkan, memeriksa,
mengintegrasikan, dan menganalisa informasi - informasi yang berhubungan dengan
permukaan bumi[6]. Pada dasarnya, istilah sistem informasi geografi merupakan gabungan dari
tiga unsur pokok yaitu sistem, informasi, dan geografi. Dengan demikian, pengertian terhadap
ketiga unsur-unsur pokok ini akan sangat membantu dalam memahami SIG. Dengan melihat
unsur-unsur pokoknya, maka jelas SIG merupakan salah satu sistem informasi. SIG merupakan
suatu sistem yang menekankan pada unsur informasi geografi. Istilah “geografis” merupakan
bagian dari spasial (keruangan). Kedua istilah ini sering digunakan secara bergantian atau
tertukar hingga timbul istilah yang ketiga, geospasial. Ketiga istilah ini mengandung pengertian
yang sama di dalam konteks SIG.

6
BAB III
METODE PENELITIAN
3.1 Metode Penelitian
Metode pengembangan sistem, penulis menggunakan metode Waterfall. Dimana
metode ini merupakan sebuah model yang sistematik untuk mengembangkan software, dimulai
dengan mengumpulkan kebutuhan sistem menurut konsumen dan dilanjutkan dengan
perencanaan, pemodelan, pembuatan dan penyerahan. Penulis memilih metode ini karena
prosesnya lebih terstruktur, halini membuat kualitas software lebih baik dan tetap terjaga. Dari
sisi user juga lebihmenguntungkan, karena dapat merencanakan dan menyiapkan kebutuhan
data danproses yang diperlukan sejak awal. Jika dibandingkan dengan metode pengembangan
sistem lainnya, metode waterfall lebih menekankan pada perencanaan, jadwal waktu, tanggal
target, dan implementasi dari keseluruhan sistem pada satu waktu. Sehingga dapat diketahui
target penyelesaian pengembangan programnya.

adanya urutan yang pasti, dapat dilihat pula perkembangan untuk setiap tahap secara pasti.
Setiap tahap harus diselesaikan terlebih dahulu untuk menghindari terjadinya pengulangan
dalam tahapan sehingga pengembang-an sistem yang dilakukan dapat memperoleh hasil yang
diinginkan.

Gambar 3. 1 Metode Waterfall

3.1.1 Metode Pengumpulan Data

Pengumpulan Data merupakan tahapan dari metode penelitian yangdilakukan oleh


Penulis untuk memperoleh data dan informasi terkait dengan topik

7
penelitian yang diangkat. Data dan informasi yang telah terkumpul akan dijadikan sebagai acuan
bagi Penulis dalam mengembangkan sistem. Adapun metode pengumpulan data yang
digunakan oleh Penulis dalam tahapan pengumpulan data,yaitu di antaranya meliputi :

1. Observasi
Kegiatan ini dilakukan untuk mengumpulkan data dengan cara pengamatan
langsung dengan hal-hal yang berkaitan dengan sistem informasi penjualan jasa
layanan internet[7].

2. Wawancara
Mempelajari dan menganalisa sistem yang sedang berjalan serta
mendapatkan data langsung dari sumbernya dengan tanya jawab dan wawancara
diharapkan informasi yang diperoleh benar-benar dapatdipertanggung jawabkan atas
pertanyaan yang diajukan[7].

3. Studi Pustaka
Dilakukan dengan cara membaca buku-buku yang berkaitan denganmasalah
penjualan jasa layanan internet[7].

3.2 Kebutuhan fungsional


1. Sistem harus bisa melakukan registrasi
Pengguna akan mendapatkan form register yang wajib diisi seperti : Nama Lengkap,
Username, Password, Verifikasi Password, Email (Verifikasi), Umur, Alamat, Gender,
No_Telp dan sistem akan mengirimkan 4 kode acak melalui email yang akan di
masukkan untukverifikasi terakhir.

2. Sistem harus bisa melakukan login


• Pengguna dapat melakukan login dengan memasukan username danpassword.
• Pengguna tidak dapat melanjutkan akses ke halaman beranda jika password
yang di masukkan salah.
• Pengguna tidak dapat mengakses halaman Login jika tidak memilikiinternet.
• Admin dan karyawan dapat melakukan login untuk mengaksesdashboard admin
3. Sistem harus bisa melakukan pendataan produk
• Admin dan karyawan dapat menambahkan data produk.
• Admin dan karyawan dapat melihat semua data barang.
• Admin dan Karyawan dapat melakukan pengeditan ketersediaan barang
Pengguna bisa melihat data informasi produk.
4. Sistem harus bisa melakukan pendataan Pengguna
• Pengguna dapat melihat biodata mereka masing-masing.
8
• Pengguna dapat mengubah biodata diri seperti nama, password,alamat, gender.
• Admin dan karyawan dapat melihat semua informasi data pengguna.
• Admin dapat mengeksekusi pengguna jika pengguna tidak akhirbeberapa tahun.
• Pengguna dapat menghapus akun pribadi yang dimiliki.
5. Sistem harus bisa melakukan Transaksi
• Admin dan Karyawan dapat melihat transaksi yang terjadi.
• Pengguna dapat melihat data transaksi yang telah di lakukan.
6. Sistem harus bisa melakukan pembelian
• Pengguna dapat melakukan pembelian setelah memilih produk yangingin di beli.
• Pengguna dapat melihat barang-barang yang di beli pada keranjangapabila
pengguna membeli lebih dari satu produk.
7. Sistem bisa melakukan cetak laporan transaksi yang terjadi
• Admin dan karyawan dapat melakukan cetak laporan transaksi yang terjadi
berupa nota.
3.3 Kebutuhan non fungsional
1. Operasional
• Sistem hanya bisa dijalankan jika pengguna memiliki internet.
• Sistem dapat dibuka di android dan website.
• Sistem hanya dapat di jalanan di versi Android 6.0 Marshmallow dankeatasnya.
• KeamananSistem menggunakan username dan password yang terlah di buat
padaregistrasi.
• Sisten dilengkapi dengan domain.
• Sistem akan mengverifikasi email pengguna.
• Sistem akan memberikan ulang password untuk menyocokkan password yang
sebelumnya.
• Sistem akan menanyakan alamat rumah pengguna.
• Jika Sistem dibuka di android, sistem akan dilengkapi berupa pin.
• Sistem di lengkapi scan barcode untuk mencari pengguna lainnya.
2. Informasi
• Sistem dapat menampilkan biodata dari pengguna.
• Sistem dapat menampilkan data produk yang tersedia.
• Sistem dapat menampilkan data transaksi yang telah di berjalan.
• Sistem dapat menampilkan informasi eror jika terdapat kesalahanmemasukkan
username atau password.
• Sistem dapat menampilkan notifikasi jika username telah digunakan.

9
• Sistem dapat menampilkan informasi biodata pengguna belum lengkap jika
sebelum melakukan transaksi.
• Sistem dapat menampilkan promosi yang sudah di tentukan olehadmin.
• Sistem dapat menampilkan notifikasi jika pengguna tidak aktif.
• Sistem dapat menampilkan pemberitahuan jika website maintenance.
• Sistem dapat menampilkan data barang apabila penggunamenggunakan fitur
pencarian.
• Sistem akan menampilkan data barang yang tersedia serta yang tidak tersedia.
• Sistem akan menampilkan notifikasi “Barang Tidak Ada” apabila pengguna
mencari barang yang tidak tersedia pada data barang
3. Kinerja
• Sistem akan berjalan dengan stabil jika perangkat masing-masing memiliki
jaringan internet.Sistem tidak ada batasan spesifikasi perangkat untuk dapat
mengakses sistem

10
BAB IV
PEMBAHASAN

4.1.Desain Sistem
Dari hasil analisa sistem yang didapatkan maka penulis dapat
menjabarkan dalam bentuk desain sistem yang akan menjelaskan alur
sistem mulai dari awal, pengguna sistem, tempat penyimpanan data,
struktur tabel dan desain antarmuka sistem itu sendiri. Berikut adalah
penjelasan dari desain sistem.

4.2.Pembuatan Unified Modeling Language (UML)


UML sudah menjadi bahasa pemodelan baku dalam pengembangan
sistem perangkat lunak. Pemodelan yang penting dalam UML, untuk
menjelaskan aspek fungsionalitas sistem, adalah pemodelan use case.

Gambar 4. 1 use case Sistem Informasi PAG Store


11
4.3.High Level Use Case
Menggambarkan use case dengan sangat singkat, yang terdiri dari use
case, actor, description.

a. Registrasi

High Level Use Case ini menjelaskan bahwa actor dapat melakukan Registerasi,digambarkan
pada tabel 4.1

Tabel 4. 1 High Level Use Case Registrasi

Use case Registrasi

Actor Anonim

Description Anonim yang ingin mendaftar untuk

bisa login agar bisa mengakses aplikasi


sistem informasi PAG store

b. Login

High Level use case ini menjelaskan bahwa semua aktor harus melakukan
login untuk mengakses beranda digambarkan pada tabel 4.2
Tabel 4. 2 High Level Use case login

Use case Login

Actor Member, admin & karyawan

Description Member, admin & karyawan melakukan


login untuk mengakses halaman beranda
yang telah ditentukan

c. Data pengguna

High Level Use Case ini menjelaskan bahwa actor dapat menampilkan data
pengguna, digambarkan pada tabel 4.3

Tabel 4. 3 High Level Use Case Data Pengguna

12
Use case Data pengguna

Actor Admin, karyawan, customer


Use case ini bertujuan untuk
Description
menampilkan biodata pengguna seperti
nama, alamat, umum, jenis kelamin, email
serta kata sandi yang sudah teregistrasi
atau yang sudah terdaftar

d. Update data pengguna

High Level Use Case ini menjelaskan bahwa actor dapat melakukan update data
pengguna, digambarkan pada tabel 4.4

Tabel 4. 4 High Level Use Case Update Data Pengguna


Use case Update data pengguna

Actor customer

Description use case ini digunakan untuk customer


yang ingin mengubah biodata diri yang
sudah teregistrasi pada saat registrasi
akun

e. Mengelola data produk

High Level Use Case ini menjelaskan bahwa actor dapat mengelola data produk,
digambarkan pada tabel 4.5

Tabel 4. 5 High Level Use Case Mengelola data produk


Use case Mengelola data produk

Actor Admin & karyawan


Description Use case ini digunakan untuk admin dan
karyawan jika melihat serta
mengubah data produk

13
f. Input data produk

High Level Use Case ini menjelaskan bahwa actor dapat melakukan
pengimputan data produk, digambarkan pada tabel 4.6

Tabel 4. 6 High Level Use Case Input data produk


Use case Input data produk

Actor Admin & karyawan

Description Use case ini digunakan khusus untuk


admin serta karyawan yang ingin
menginputkan data produk lama atau
data produk baru jika ada perubahan

g. Update data produk

High Level Use Case ini menjelaskan bahwa actor dapat melakukan
pengimputan data produk, digambarkan pada tabel 4.7

Tabel 4. 7 High Level Use Case Update data produk

Use case Update data produk

Actor Admin & karyawan

Description Use case ini digunakan untuk mengubah


data produk dari yang sudah melakukan
update lama menjadi update produk yang
baru

h. Cari produk

High Level Use Case ini menjelaskan bahwa actor dapat melakukan pencarian
produk, digambarkan pada tabel 4.8

Tabel 4. 8 High Leve Use Case Cari produk

14
Use case Cari produk

Actor Admin, karyawan & customer

Description Use case ini di gunakan untuk aktor yang


kesusahan mencari produk yang di
inginkan

i. Membeli produk

High Level Use Case ini menjelaskan bahwa actor dapat melakukan pembelian
produk, digambarkan pada tabel 4.9

Tabel 4. 9 High Level Use Membeli Produk

Use case Membeli produk


Actor customer

Description Use case ini bertujuan untuk customer


yang sudah memilih beberapa produk
yang di inginkan

j. Keranjang

High Level Use Case ini menjelaskan bahwa aktor dapat membeli lebih dari
satu produk dan data yang akan tersimpan pada keranjang
Tabel 4. 10 High Level Use Case Keranjang

Use case Keranjang

Actor customer
Description Use case ini bertujuan untuk customer
yang membeli lebih dari satu produk agar
tertampung

k. Transaksi

High Level Use Case ini menjelaskan bahwa actor dapat melakukan Transaksi,
digambarkan pada tabel 4.11
15
Tabel 4. 11 High Level Use Case Transaksi

Use case transaksi


Actor Customer & karyawan
Description Customer di arahkan pada menu
transaksi untuk melanjutkan proses
pembelian produk

l. Transaksi via cash on delivery

High Level Use Case ini menjelaskan bahwa actor dapat melakukan transaksi
via cash on delivery, digambarkan pada tabel 4.12

Tabel 4. 12 High Level Use Case Transaksi via Cash On Delivery

Use case Transaksi via cash on delivery


Actor Costumer

Description Costumer diberikan pilihan untuk memilih


transaksi via cod jika customer memilih via
cash on delivery

m. Transaksi via e money

High Level Use Case ini menjelaskan bahwa actor dapat melakukan transaksi
via e money, digambarkan pada tabel 4.13

Tabel 4. 13 High Level Use Case Transaksi Via e-money


Use case Transaksi via e money

Actor Customer
Customer diberikan pilihan untuk
memilih transaksi via e money jika
Description
costumer memilih via e money

n. Cetak laporan transaksi

16
High Level Use Case ini menjelaskan bahwa actor dapat melakukan
cetak laporan transaksi, digambarkan pada tabel 4.14

Tabel 4. 14 High Level Use Case Cetak Laporan Transaksi

Use case Cetak laporan transaksi

Actor Admin & karyawan


Cetak laporan transaksi akan berjalan jika
aktor sudah melakukan alur-alur
Description
transaksi yang di butuhkan

4.4. Expanded use case


Expanded use case ditulis lebih sangat detail dari high level use case,
Berguna untuk mendapatkan pengertian yang lebih dalam tentang suatu proses
dan kebutuhan (requirements).
a. Registrasi

Expanded use case registrasi menjelaskan bahwa expanded use case


ditulisan lebih datail dari high level, digambarkan pada tabel 4.14
Tabel 4. 15 Expanded Use Case Registrasi

Use Case Name Registrasi

Anonim dapat melakukan registrasi yang


bertujuan untuk dapat memiliki hak
Goal In Context
akses dalam sistem tersebut
Primary Actor Anonim
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada saat
2. Sistem menampilkan halaman
anonim sudah memasuki
registrasi
halaman registrasi

17
3. Anonim mengisi form-form 4. Sistem menampilkan form
yang di tampilkan oleh sistem registrasi
5. Anonim sudah mengisi data 6. Sistem mengambil data registrasi
registrasi yang di perlukan yang sudah di isi
8. Sistem menerima perintah untuk
7. Anonim menyimpan data yang
menyimpan data yang sudah di isi
sudah di isi

9. Sistem menampilkan pesan yaitu


“selamat Anda sudah teregistrasi”

Alternative course of event

Line 5: Jika anonim secara tidak sengaja tidak mengisi salah satu form yang
diberikan sistem maka sistem tidak dapat menyimpan data serta menampilkan pesan
“mohon untuk mengisi seluruh form”

b. Login

Expanded use case login admin, karywan & pengguna menjelaskan alur
antara sistem dengan aktor, digambarakan pada tabel 4.16
Tabel 4. 16 Expanded use case Login

Use Case Name Login


Aktor dapat melihat data pengguna
Goal In Context
yang telah didaftarkan
Primary Actor Customer, admin dan karayawan
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada saat 2. Sistem menampilkan form
aktor telah masuk ke menu login menu login
4. Sistem mengecek username
3. Aktor input username dan
dan passoword yang di
password
inputkan.

18
5. Sistem menampilkan
halaman beranda
Alternative course of event
Line 4: Apabila aktor salah masukan username atau password yang telah
ditentukan maka sistem menampilkan notif “username atau password yang
Anda masukan salah!”

c. Data Pengguna

Expanded use case data pengguna menjelaskan bahwa expanded use


case ditulisan lebih detail dari high level, digambarkan pada tabel 4.17

Tabel 4. 17 Expanded Use Case Data Pengguna

Use Case Name Data pengguna


Aktor dapat melihat data pengguna
Goal In Context
yang telah didaftarkan
Primary Actor Secondary Customer, admin dan karayawan
Actor
Typical course of event
Actor action System response
6. Use case ini dimulai pada saat 7. Sistem menampilkan menu
aktor telah login halaman utama
9. Sistem menampilkan info
data pengguna yang telah
8. Aktor menekan tombol profil
terdaftar

d. Update data pengguna

Expanded use case update data pengguna menjelaskan bahwa


expanded use case ditulisan lebih datail dari high level, digambarkan pada
tabel 4.18

Tabel 4. 18 Expanded Use Case Update Data Pengguna

19
Use Case Name Update Data pengguna
Goal In Context Costumer dapat melakukan edit data
Primary Actor Customer
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada saat
costumer berada di
2. Sistem menampilkan halaman profil
halaman profil
3. Costumer menekan tombol
4. Sistem merespon tombol edit data
edit data
5. Sistem menampilkan form edit data
6. Costumer mengisi data
7. Sistem mengambil data yang telah di isi
form yang diberikan oleh
sistem
9. Sistem merespon tombol simpan
8. Costumer menekan tombol
serta sistem menyimpan data
simpan
pengguna yang telah di update
Alternative course of event
Line 9: sistem menampilkan pesan “apakah Anda yakin” jika “ya” maka
“simpan data” jika “tidak” maka “menampilkan form data edit data pengguna”

e. Mengelola data produk

Expanded use case mengelola data produk menjelaskan bahwa


expanded use case ditulisan lebih datail dari high level, digambarkan pada
tabel 4.19
Tabel 4. 19 Expanded Use Case Mengelola Data Produk

Use Case Name Mengelola data produk


Admin serta karyawan dapat memasukan
Goal In Context
data produk yang tersedia

20
Primary Actor Admin & karyawan
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada
2. Sistem menampilkan halaman
saat admin & karyawan sudah
utama
login pada sistem
3. Admin & karyawan melakukan
pengelolaan data produk-
4. Sistem menampilkan halaman
produk yang
pengelolaan data produk
tersedia

f. Input data produk

Expanded use case input data produk menjelaskan bahwa expanded use
case ditulisan lebih datail dari high level, digambarkan pada tabel 4.20
Tabel 4. 20 Expanded Use Case Input Data Produk

Use Case Name Input data produk


Admin & karyawan dapat melakukan input
Goal In Context
data produk
Primary Actor Admin & Karyawan
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada saat 2. Sistem menampilkan halaman
admin dan karyawan sudah pengelolaan produk serta menampilkan
masuk ke dalam produk yang sudah
menu pengelolaan produk terdaftar
3. Admin dan
4. Sistem menampilkan halaman input data
karyawan melakukan
produk
input data
produk pada sistem

21
5. Admin dan karyawan
6. Menampilkan form input produk
mengisi form input produk
7. Admin dan karyawan
8. Sistem menerima perintah untuk
menyimpan data produk yang
menyimpan data
sudah di inputkan
Alternative course of event

Line 8: sistem menampilkan pesan “apakah Andayakin” jika “ya” maka sistem menyimpan data
produk jika “tidak” maka sistem menampilkan halaman inputdata produk

g. Update produk

Expanded use case update produk menjelaskan bahwa expanded use


case ditulisan lebih datail dari high level, digambarkan pada tabel 4.21

Tabel 4. 21 Expanded Use Case Update Produk

Use Case Name update data produk


Admin & karyawan dapat melakukan
Goal In Context
update data produk
Primary Actor Admin & Karyawan
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada saat
admin dan karyawan sudah
masuk ke dalam menu 2. Sistem menampilkan halaman
halaman pengelolaan pengelolaan data produk
data produk
3. Admin dan karyawan
4. Sistem menampilkan halaman
memilih menu update
update produk
produk

22
5. Admin dan karyawan 6. Sistem menerima data update
melakukan update produk produk yang di inginkan
7. Admin dan karyawan 8. Sistem menerima perintah untuk
menakan tombol simpan menyimpan data
Alternative course of event
Line 6: sistem menampilkan pesan “apakah Andayakin” jika “ya” maka sistemmenyimpan
data produk jika “tidak” maka sistem menampilkan halaman update data produk

h. Cari produk

Expanded use case cari produk menjelaskan bahwa expanded use case
ditulisan lebih datail dari high level, digambarkan pada tabel 4.22

Tabel 4. 22 Expanded Use Case Cari Produk

Use Case Name cari data produk


Admin & karyawan dapat melakukan
Goal In Context
pencarian data produk
Primary Actor Admin,Karyawan & customer
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada saat
admin, karyawan dan
2. Sistem menampilkan halaman
customer sudah melakukan
utama
login
3. Admin, karyawan dan
4. Sistem menampilkan form
customer menekan tombol
pencarian produk
pencarian produk
5. Admin, karyawan dan
6. Sistem menerima data pencarian
customer memasukan kata
produk
kunci pencarian produk

23
7. Admin, karyawan dan 8. Sistem mencari produk yang di inginkan
customer menekan tombol cari

9. Sistem menampilkan produk yang


di cari
Alternative course of event
Line 9: jika produk yang di cari tidak ada, maka sistem menampilkan pesan
yaitu “produk yang Anda cari tidak ditemukan”

i. Membeli produk

Expanded use case membeli produk menjelaskan bahwa expanded use


case ditulisan lebih datail dari high level, digambarkan pada tabel 4.23

Tabel 4. 23 Expanded Use Case Membeli Produk

Use Case Name Membeli produk


Customer dapat melakukan pembelian
Goal in context
suatu produk
Primary Actor Customer
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada 2. Sistem menampilkan menu halaman
saat costumer sudah utama serta menampilkan beberapa
melakukan login produk acak pada halaman utama
3. Costumer sudah memilih 4. Sistem mengambil data produk yang
beberapa produk dipilih oleh costumer
5. Costumer menekan tombol
6. Sistem merespon tombol beli
beli
7. Sistem mengambil data pengguna
yang telah di daftarkan

24
8. Sistem memberikan form penerima
barang (nama pengirim, nama
penerima, alamat penerima, nomor
telepon penerima)
9. Costumer mengisiform 10. Sistem mengambil data yang telah
penerima barang di isi oleh costumer
11. Sistem menampilkan produk yang telah
dipilih oleh costumer. Sistem
update produk

j. Keranjang

Expanded use case menjelaskan lebih detail dari High Level Use Case
hubungan antara sistem dengan aktor
Tabel 4. 24 Expanded Use Case Keranjang

Use Case Name Keranjang produk


Customer dapat melakukan pembelian lebih
Goal in context
dari satu produk
Primary Actor Customer
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada 2. Sistem menampilkan menu halaman
saat costumer sudah utama serta menampilkan beberapa
melakukan login produk acak pada halaman utama
3. Costumer sudah memilih 4. Sistem mengambil data produk yang
beberapa produk dipilih oleh costumer
5. Costumer ingin membeli 6. Sistem menyimpan produk yang
beberapa produk sudah di pilih
7. Sistem menampilkan halaman data
produk

25
9. Sistem menyimpan produk yang di
8. Costumer memilih produk
pilih pada keranjang
10. Costumer ingin melihat 11. Sistem menampilkan produk yang
produk yang telah di pilih di pilih pada fitur keranjang

k. Transaksi

Expanded use case transaksi menjelaskan bahwa expanded use case ditulisan lebih
datail dari high level, digambarkan pada tabel 4.25
Tabel 4. 25 Expanded Use Case Menu Transaksi

Use Case Name Transaksi


Customer melanjuti langkah pembelian
Goal In Context
yang sudah di lakukan
Primary Actor Secondary Customer & karyawan
Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada
saat customer sudah
2. Sistem menampilkan data produk yang
melakukan pembelian dan
sudah di pilih oleh costumer
menekan tombol beli
3. Customer memilih via 4. Sistem menampilkan pilihan via
transaksi yang tersedia transaksi yang disediakan
5. Sistem menyimpan data transaksi
yang telah terjadi

l. Transaksi via e money

Expanded use case transaksi via e money menjelaskan bahwa expanded usecase
ditulisan lebih datail dari high level, digambarkan pada tabel 4.26
Tabel 4. 26 Expanded Use Case Transaksi via e-money

Use Case Name Transaksi via e money

26
Customer dapat melakukan transaksi via e
Goal In Context
money
Primary Actor Customer
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada saat
costumer sudah memilih
2. Sistem menampilkan menu
transaksi via e
transaksi via e money
money
3. Sistem menampilkan pilihan menu
e money (seperti bank, dana,
paypal, link saja dll)
5. Sistem menampilkan menu
4. Costumer memilih salah satu
transaksi yang di pilih oleh
menu transaksi pilihan e-
costumer dan sistem memberikan
money
form untuk memasukan kata sandi
6. Customer memasukan PIN 7. Sistem mengecek PIN yang
yang sudah di buat dimasukan oleh pengguna
8. Sistem memberikan kode verifikasi
9. Customer memasukan
10. Sistem menampilkan form kode
kode verifikasi yang di berikan
verifikasi
oleh sistem
11. Customer menekan tombol 12. Sistem mengecek verifikasi yang
verifikasi sudah di masukan
13. Sistem menampilkan data transaksi
yang sudah dilakukan
Alternative course of event
Line 7: jika customer memasukan pin yang salah maka sistem menampilkan pesan
“pin yang anda masukan salah”
Line 12: jika customer memasukan kode verifikasi yang salah maka sistem
menampilkan pesan “kode verifikasi yang Anda masukan salah”

27
m. Transaksi via cash on delivery

Expanded use case transaksi via cash on delivery menjelaskan bahwa expanded use
case ditulisan lebih datail dari high level, digambarkan pada tabel 4.27

Tabel 4. 27 Expanded Use Case Transaksi Via Cash on Delivery

Use Case Name Transaksi via e money


Customer dapat melakukan transaksi via e
Goal In Context
money
Primary Actor Customer
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada saat
costumer sudah memilih
2. Sistem menampilkan menu
transaksi via cas
transaksi via cash on delivery
on delivery
3. Sistem mengambil data pembelian
yang sudah dilakukan
4. Sistem menampilkan tombol status
pemesanan
5. Costumer menekan tombol 6. Sistem merespon tombol tersebut.
status barang Sistem update status pemesanan
7. Sistem menampilkan transaksi yang
sudah terjadi
Alternative course of event
Line 5: jika status pemesanan aktif maka pemesanan masih tahap proses
pengiriman. Jika pemesanan statusnyanon aktif makapemesanan sudah sampai
pada alamat yang di tuju

n. Cetak laporan

28
Expanded use case cetak laporan menjelaskan bahwa expanded use case
ditulisan lebih datail dari high level, digambarkan pada tabel 4.28

Tabel 4. 28 Expanded Use Case Cetak Laporan

Use Case Name Cetak laporan


Admin dan karyawan mencatat semua
Goal In Context
transaksi yang sudah diselesaikan
Primary Actor Secondary admin dan karayawan
Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada
2. Sistem menampilkan menu halaman
saat admin dan karyawan
utama
telah login
3. Admin dan karyawan 4. Sistem menampilkan menu cetak
menekan tombol laporan. Sistem memberikan form
cetak cetak laporan
laporan
5. Admin dan karyawan
6. Sistem mengambil data transaksi yang
mencatat laporan transaksi
sudah dilakukan
yang terjadi
7. Admin dan karyawan 8. Sistem menyimpan laporan
menekan tombol simpan transaksi
Alternative course of event
Line 8: jika admin dan karyawan menekan tombol cancel maka sistemmenampilkan
form halaman cetak laporan transaksi

4.5.Activity Diagram
a. Registrasi

Activity Diagram Registrasi ini menjelaskan tentang aktivitas yang

29
terjadi antara aktor dengan sistem

Gambar 4. 2 Activity Diagram Registrasi

30
b. Login

Activity Diagram Menu Profil ini menjelaskan tentang aktivitas antara


aktor dengan sistem yang terjadi. Sistem akan menampilkan form
username dan password.

Gambar 4. 3 Activity Diagram Login

31
c. Menu Profil

Activity Diagram Menu Profil ini menjelaskan tentang aktivitas antara


aktor dengan sistem yang terjadi. Pada aktivitas ini aktor diarahkan pada
menu profil yang berisi informasi dari pengguna.

Gambar 4. 4 Activity Diagram Menu Profil

32
d. Update Biodata

Activity Diagram Update Biodata ini menjelaskan tentang aktivitas yang


terjadi antara aktor dengan sistem. Aktivitas update biodata ini akan berjalan
apabila sebelumnya pengguna menekan tombol update biodata.

Gambar 4. 5 Activity Diagram Update Biodata

33
e. Halaman Pengelolaan Produk

Activity Diagram Halaman Pengelolaan Produk ini menampilkan apa


saja yang dapat dilakukan oleh admin dan karyawan. Halaman ini berisi
input produk dan update produk

Gambar 4. 6 Activity Diagram Halaman Pengelolaan Produk

34
f. Input Produk

Activity Diagram Input Produk ini menjelaskan tentang aktivitas yang


terjadi antaran admin serta karyawan dengan sistem. Halaman berisi input
data produk baik yang lama maupun yang baru.

Gambar 4. 7 Activity Diagram Input Produk

35
g. Update

Activity Diagram Update Produk menjelaskan tentang aktivitas yang


terjadi antara admin serta karyawan dengan sistem update produk. Admin
serta karyawan dapat melakukan update produk jika produk tersebut
mengalami perubahan data secara langsung.

Gambar 4. 8 Activity Diagram Update Produk

36
h. Cari Produk

Activity Diagram cari produk ini menjelaskan tentang aktivitas pencarian


produk antara sistem dengan aktor. Produk akan ditampilkan jika produk
terdaftar dalam sistem.

Gambar 4. 9 Activity Diagram Cari Produk

37
i. Membeli Produk

Activity Diagram cari produk ini menjelaskan tentang aktivitas membeli


produk anatara customer dan sistem. Sistem akan memproses permintaan
dari pembeli.

Gambar 4. 10 Activity Diagram Membeli Produk

38
j. Keranjang

Activity Diagram cari produk ini menjelaskan tentang aktivitas membeli


produk anatara customer dan sistem. Sistem akan memproses permintaan
dari pembeli. Jika pembeli membeli lebih dari satu produk maka sistem akan
menyimpan data pembelian pada keranjang.

Gambar 4. 11 Activity Diagram Keranjang

39
k. Memilih Menu Transaksi

Activity Diagram cari produk ini menjelaskan tentang aktivitas memilih


menu transaksi yang ingin dipilih oleh customer. Sistem menampilkan menu
transaksi yang telah disediakan..

Gambar 4. 12 Activity Diagram Pilihan Menu Transaksi

40
l. E-money

Activity Diagram cari produk ini menjelaskan tentang aktivitas pada


saat pembeli memilih menu pembayaran via E-money.

Gambar 4. 13 Activity Diagram Transaksi via e-money

41
m. Via COD

Activity Diagram cari produk ini menjelaskan tentang aktivitas transaksi


via COD dari pembeli ke penjual. Sistem menampilkan posisi pengantaran
barang via COD.

Gambar 4. 14 Activity Diagram Transaksi via Cash on Delivery

42
n. Cetak Laporan

Activity Diagram cari produk ini menjelaskan tentang aktivitas cetak


laporan admin serta karyawan. Admin dan karyawan akan mencetak laporan
transaksi yang terjadi setiap hari.

Gambar 4. 15 Activity Diagram Cetak Laporan

43
4.6.Squence Diagram
Sequence diagram atau diagram urutan adalah sebuah diagram yang
digunakanuntuk menjelaskan dan menampilkan interaksi antar objek-objek dalam
sebuah sistem secara terperinci. Selain itu sequence diagaram juga akan
menampilkan pesan atau perintah yang dikirim, beserta waktu pelaksanaannya.
Objek-objek yang berhubungan dengan berjalannya proses operasi biasanya
diurutkan dari kiri ke kanan.

a. Registasi

Pada gambar 4,16 menjelaskan tentang bagaimana alurnya sistem


yang dijalnkan oleh anonim untuk melakukan registrasi.

Gambar 4. 16 Squence Diagram Registrasi

44
b. Login

Pada gambar 4.17 menjelaskan tentang bagaimana alurnya sistem yang


dijalankan oleh aktor untuk melakukan login.

Gambar 4. 17 Squence Diagram Login

45
c. Biodata

Pada gambar 4.18 menjelaskan tentang bagaimana alurnya sistem


yang dijalankan oleh aktor saat menggunakan fitur biodata.

Gambar 4. 18 Squence Diagram Biodata

46
d. Edit Biodata

Pada gambar 4.19 menjelaskan lanjutan dari gambar 4.18 dimana aktor
menggunakan fitur edit data.

Gambar 4. 19 Squence Diagram Edit Biodata

47
e. Halaman Pengelolaan Produk

Pada gambar 4.20 menjelaskan tentang bagaimana alurnya sistem


yang dijalankan oleh admin & karyawan saat menggunakan fitur
pengelolaan produk.

Gambar 4. 20 Squence Diagram Halaman Pengelolaan Produk

48
f. Input Produk

Pada gambar 4.21 menjelaskan tentang fitur input produk pada halaman
pengelolaan produk.

Gambar 4. 21 Squence Diagram Input Data

49
g. Edit Produk

Pada gambar 4.22 menjelaskan tentang fitur edit produk pada halaman
pengelolaan produk.

Gambar 4. 22 Squence Diagram Edit Produk

50
h. Cari produk

Pada gambar 4.23 menjelaskan tentang bagaimana alur aktor dengan sistem
menggunakan fitur cari produk.

Gambar 4. 23 Squence Diagram Cari Produk

51
i. Belanja

Pada gambar 2.24 menjelaskan alur bagaimana member/customer melakukan


pembelajaan pada sistem.

Gambar 4. 24 Squence Diagram Belanja

52
j. Keranjang

Pada gambar 2.25 menjelaskan alur bagaimana member/customer melakukan


pembelanjaan lebih dari satu produk pada sistem.

Gambar 4. 25 Squence Diagram Keranjang

53
k. Metode Pembayaran

Pada gambar 4.26 menjelaskan langkah selanjutnya pada saat costumer ingin
melakukan pembayaran dan diarahkan ke halaman metode pembayaran.

Gambar 4. 26 Squence Diagram Halaman Metode Pembayaran

54
l. Via e-money

Gambar 4.27 melanjutkan dari halaman metode pembayaran jika yang di pilih
membayar dengan E-money.

Gambar 4. 27 Squence Diagram via E-money

55
m. Via COD

Gambar 4.28 melanjutkan dari halaman metode pembayaran jika yang di pilih
membayar dengan COD.

Gambar 4. 28 Squence Diagram Via COD

56
n. Cetak Laporan

Gambar 4.29 menjelaskan dimana admin serta karyawan membuat


laporan pada setiap transaksi yang berjalan.

Gambar 4. 29 Squence Diagram Cetak Laporan

57
4.7.Class Diagram

Gambar 4. 30 Class Diagram PAG Store

4.8.Flowchart
Gambaran umum aplikasi merupakan alur dari sistem pada aplikasi yang akan
dibuat. Gambaran umum ini berfungsi sebagai penggambaran alur dari aplikasi
secara keseluruhan sehingga lebih mudah dipahami. Berikut merupakan
penjabaran dari sistem yang digambarkan melalui flowchart..
1. Flowchart Login
Flowchart Proses Login ini menjelaskan bahwa user dapat melakukan proses
login, dimana nantinya setelah login user akan diarahkan pada bagian sistemnya
masing-masing, digambarkan pada gambar 4.31.

58
Gambar 4. 31 FlowChart Login Usert

2. Flowchart User Proses

Flowchart User Proses ini menjelaskan sebuah proses mengelola data yang
dilakukan oleh Admin, pengunjung dan karyawan digambarkan pada gambar 4.32
Flowchart Proses User : Admin, 4.33 Flowchart Proses User : Pengunjung, 4.34
Flowchart Proses User : Karyawan.

59
Gambar 4. 32 FlowChart User Admin

Gambar 4. 33 Flowchart user pengunjung

60
Gambar 4. 34 Flowchart user karyawan

4.9. Data flow diagram


Pada perancangan sistem akan digambarkan Data Flow Diagram (DFD)
dimana tujuan dari perancangan sistem dengan DFD ini untuk menjelaskan alur-
alur data berupa input dan output dari sistem yang di buat agar memudahkan
dalam tahapan implementasi sistem informasi penjualan. Berikut ini adalah
gambaran DFD dari Sistem Informasi PAG Storage.

4.10. Diagram Context


Diagram Context merupakan tingkatan tertinggi dalam diagram aliran data
yang digambarkan dalam bentuk sebuah lingkaran besar yang mewakili satu
proses dan menunjukkan proses pada sistem secara keseluruhan. pada diagram
konteks sistem informasi PAG Storage ini menggambarkan proses interaksi
entitas Admin, Pengunjung dan Karyawan dengan sistem. Pada gambar ini
merupakan gambaran dari diagram context Sistem Informasi PAG Storage.

61
Gambar 4. 35 Diagram Context

62
4.11. Data Flow Diagram Level 0
Data flow diagram level 0 dibuat untuk menjelaskan secara detail dari
data flow diagram konteks, yang akan dijabarkan setiap menu dan juga
setiap tabel yang digunakan. Berikut adalah gambar dari data flow diagram
level 0 :

Gambar 4. 36 Diagram Level 0 Admin

63
Gambar 4. 37 Data Flow Diagram Level 0 Karyawan

64
Gambar 4. 38 Data Flow Diagram Level 0 Costumer

Proses pada diagram level nol (0) ini dibagi menjadi 11 (sebelas) proses
yaitu sebagai berikut:

a. Proses login

Pada proses login terdapat tiga entitas Admin, Karyawan, Customer dan
data store user. data flow diagram (level 1) proses login merupakan uraian
dari diagram level 0 proses login. Dibawah ini merupakan data flow diagram
(level 1.1) proses login yaitu pada gambar 4.39 :

65
66
Gambar 4. 39 DFD Level 1 Login

b. Proses Registrasi

Pada proses Registrasi terdapat dua entitas Karyawan, Costumer dan


data store user. data flow diagram (level 1 proses 2) proses login merupakan
uraian dari diagram level 0 proses register. Dibawah ini merupakan data
flow diagram (level 1.2) proses register yaitu pada gambar 4.40 :

Gambar 4. 40 DFD Level 1 Register

c. Proses melihat dashboard

Pada proses melihat dashboard terdapat tiga entitas admin, karyawan,


coustumer dan empat data store pengguna, produk, kategori, pemesanan
(level 1 proses 3) melihat dashboard merupakan uraian dari diagram level
0 proses melihat dashboard. Dibawah ini merupakan data flow diagram
(level 1 proses 3) melihat dashboard yaitu pada gambar 4.41 :

Gambar 4. 41 DFD Level 1 Melihat Dashboard

d. proses kelola data costumer

67
Pada proses kelola data costumer terdapat tiga entitas admin,
karyawan, costumer dan data store pengguna. Pada data flow diagram (level
1 proses 4) kelola data costumer merupakan uraian dari diagram level 0
proses kelola data coustumer. Dibawah ini merupakan data flow diagram
(level 1 proses 4) kelola data pengguna yaitu pada gambar 4.42 :

Gambar 4. 42 DFD Level 1 Pengelolaan data Costumer

e. Proses kelola data karyawan

Pada proses kelola data karyawan terdapat entitas admin dan data store
karyawan. Pada data flow diagram (level 1 proses 5) kelola data karayawan
merupakan uraian dari diagram level 0 proses kelola data karyawan.
Dibawah ini merupakan data flow diagram (level 1 proses 5) kelola data
karyawan yaitu pada gambar 4.43 :

Gambar 4. 43 DFD Level 1 Pengelolaan data Karyawan

68
f. Proses kelola data produk

Pada proses kelola data produk terdapat tiga entitas admin, karyawan,
coustumer dan empat data store detail_produk, produk, kategori,
foto_produk. Pada data flow diagram (level 1 proses 6) kelola data produk
merupakan uraian dari diagram level 0 proses kelola data produk.
Dibawah ini merupakan data flow diagram (level 1 proses 6) kelola data
produk yaitu pada gambar 4.44 :

Gambar 4. 44 DFD Level 1 Pengelolaan Data Produk

g. Proses kelola data pemesanan

Pada proses kelola data pemesanan terdapat tiga entitas admin,


karyawan, coustumer dan tiga data store pengguna, produk, pemesanan.
Pada data flow diagram (level 1 proses 7) kelola data pemesanan
merupakan uraian dari diagram level 0 proses kelola data produk. Dibawah
ini merupakan data flow diagram (level 1 proses 7) kelola data pemesanan
yaitu pada gambar 4.45.

69
Gambar 4. 45 DFD Level 1 Pemesanan

h. Proses kelola data kategori

Pada proses kelola data pemesanan terdapat dua entitas admin,


karyawan dan data store kategori. Pada data flow diagram (level 1 proses
8) kelola data kategori merupakan uraian dari diagram level 0 proses kelola
data kategori. Dibawah ini merupakan data flow diagram (level 1 proses 8)
kelola data kategori yaitu pada gambar 4.46.

Gambar 4. 46 DFD Level 1 Kategori Produk

i. Proses kelola data foto produk

Pada proses kelola data pemesanan terdapat dua entitas admin,


karyawan dan data store foto_produk. Pada data flow diagram (level 1
proses 9) kelola data foto produk merupakan uraian dari diagram level 0
70
proses kelola data foto produk. Dibawah ini merupakan data flow diagram
(level 1 proses 9) kelola data foto produk yaitu pada gambar 4.47.

Gambar 4. 47 DFD Level 1 Foto Produk

j. Proses cetak laporan

Pada proses cetak laporan terdapat duaentitas Admin, Karyawan dan


data store pemesanan. data flow diagram (level 1 proses 10) proses cetak
laporan merupakan uraian dari diagram level 0 proses cetak laporan.
Dibawah ini merupakan data flow diagram (level 1.1 proses 10) proses cetak
laporan yaitu pada gambar 4.48 :

Gambar 4. 48 DFD Level 1 Cetak Laporan

k. Proses kelola data keranjang

Pada proses cetak laporan terdapat entitas costumer dan tiga data store
produk, foto_produk, keranjang. data flow diagram (level 1 proses 11)
proses kelola data keranjang merupakan uraian dari diagram level 0 proses
kelola data keranjang. Dibawah ini merupakan data flow diagram (level 1.1
proses 11) proses keola data keranjang yaitu pada gambar 4.49 :
71
Gambar 4. 49 DFD Level 1 Data Keranjang

4.12. Entity relationship Diagram


Entity relationship Diagram adalah sebuah diagram yang
menggambarkan hubungan kardinalitas dari entitas-entitas yang ada di
dalam sebuah database. Berikut adalah gambar dari entity relationship
diagram dari sistem.

Gambar 4. 50 ERD Retail PAG Store

4.13. Konseptual Database


Konseptual database ini untuk menghasilkan conceptual schema
untuk database sistem yang akan di bangun. Gambar 4.51 merupakan
gambaran dari Konseptual database Sistem Informasi PAG Storage.

72
Gambar 4. 51 Konseptual Database

4.14. Struktur Tabel


Struktur tabel akan menampilkan struktur data dari tiap tabel yang
ditampilkan di dalam konseptual database. Berikut adalah struktur tabel dari
sistem.

4.14.1 Tabel Pengguna

Pada bagian ini akan ditampilkan struktur data dari tabel pengguna.
Berikut adalah tampilan struktur tabel pengguna.

Tabel 4. 29 Tabel Pengguna

No Nama Kolom Tipe Constraint


Data
1 Ide int(11) Primary key
2 Nama varchar(50) NOT NULL
3 username varchar(50) NOT NULL
4 password varchar(7) NOT NULL
5 email varchar(50) NOT NULL
73
6 foto_profile varchar(50) NOT NULL
7 alamat varchar(150) NOT NULL
8 no_telp varchar(13) NOT NULL
9 Status Enum(‘AKTIF’,’NONAKTIF’) NOT NULL
10 level_user Enum(‘ADMIN’, ’KARYAWAN’, NOT NULL
’COUSTUMER’)

4.14.2 Tabel Karyawan

Pada bagian ini akan ditampilkan struktur data dari tabel karyawan.
Berikut adalah tampilan struktur tabel karyawan.

Tabel 4. 30 Tabel Karyawan

No Nama Kolom Tipe Constraint


Data
1 id int(11) Primary key
2 id_pengguna int(11) Foreign Key
3 Nama varchar(50) NOT NULL
4 tempat_lahir varchar(30) NOT NULL
5 tanggal_lahir DATE NOT NULL
6 gender enum(‘LAKI - NOT NULL
LAKI’,’PEREMPUAN’)
7 agama varchar(12) NOT NULL
8 file_ijazah varchar(30) NOT NULL
9 gol_darah char NOT NULL
10 Status Enum(‘AKTIF’,’NONAKTIF’) NOT NULL
11 level_user varchar(10) NOT NULL

4.14.3 Tabel Pemesanan

Pada bagian ini akan ditampilkan struktur data dari tabel pemesanan.

Berikut adalah tampilan struktur tabel pemesanan.

Tabel 4. 31 Tabel Pemesanan


74
No Nama Kolom Tipe Constraint
Data
1 Ide int(11) Primary key
2 id_pengguna int(11) Foreign Key
3 id_keranjang int(11) Foreign Key
4 id_produk int(11) Foreign Key
5 kode_pembayaran varchar(30) NOT NULL
6 jenis_pembayaran varchar(30) NOT NULL
7 alamat varchar(150) NOT NULL
8 ongkos_kirim varchar(10) NOT NULL
9 catatan_alamat varchar(150) NOT NULL
10 total_harga varchar(12) NOT NULL
11 tgl_pembayaran DATE NOT NULL
12 status Enum(‘LUNAS’,’BELUM NOT NULL
LUNAS’)

4.14.4 Tabel Detail Produk

Pada bagian ini akan ditampilkan struktur data dari tabel detail_produk.

Berikut adalah tampilan struktur tabel detail_produk.

Tabel 4. 32 Tabel Detail Produk

No Nama Kolom Tipe Data Constraint


1 Ide int(11) Primary key
2 id_produk int(11) Foreign Key
3 nama_produk varchar(50) NOT NULL
4 jumlah int(5) NOT NULL
5 harga int(10) NOT NULL
6 deskripsi varchar(150) NOT NULL
7 tgl_masuk_produ DATE NOT NULL
k
8 estimasi_ongkir varchar(13) NOT NULL

75
9 ratting int(10) NOT NULL
10 komentar varchar(500) NOT NULL

4.14.5 Tabel Produk

Pada bagian ini akan ditampilkan struktur data dari tabel produk.
Berikut adalah tampilan dari tabel produk.

Tabel 4. 33 Produk

No Nama Kolom Tipe Data Constraint


1 id int(11) Primary key
2 id_kategori int(11) Foreign Key
3 nama_produk varchar(50) NOT NULL
4 status Enum(‘READY’,’SOLD NOT NULL
OUT’)

4.14.6 Tabel Foto Produk

Pada bagian ini akan ditampilkan struktur data dari tabel foto_produk.

Berikut adalah tampilan struktur table foto_produk.

Tabel 4. 34 Foto Produk

No Nama Kolom Tipe Data Constraint


1 id int(11) Primary key
2 id_produk int(11) Foreign Key
3 url varchar(50) NOT NULL
4 foto_utama Enum(‘YA’,’TIDAK’) NOT NULL
5 Jenis Enum(‘FOTO’,’VIDEO’)

4.14.7 Tabel Keranjang

Pada bagian ini akan ditampilkan struktur data dari tabel karanjang.

76
Berikut adalah tampilan struktur table keranjang.

Tabel 4. 35 Keranjang

No Nama Kolom Tipe Data Constraint


1 id int(11) Primary key
2 id_produk int(11) Foreign Key
3 id_pengunjung int(11) NOT NULL
4 jumlah int(11) NOT NULL
4.14.8 Tabel Kategori

Pada bagian ini akan ditampilkan struktur data dari tabel kategori.
Berikut adalah tampilan struktur table kategori.

Tabel 4. 36 Kategori

No Nama Kolom Tipe Constraint


Data
1 id int(11) Primary key
2 nama_kategori varchar(20) NOT NULL
3 status Enum(‘AKTIF,’NONAKTIF’) NOT NULL

4.15. Design Interface


Desain Interface sistem dibuat untuk mempermudah pada saat
dilakukan implementasi sistem.

4.15.1. Antarmuka Login

Desain halaman ini digunakan untuk memasukan username dan


password, sebelum mengakases menu dashboard utama. Berikut adalah
gambar dari desain Antarmuka Login dapat dilihat pada gambar 4.52

77
Gambar 4. 52 Desain Antar Muka Login

78
4.15.2. Antarmuka Registrasi

Desain halaman ini digunakan untuk memasukan username,


password, nama lengkap, verifikasi password, email, tanggal lahir, jenis
kelamin, no telepon, alamat agar pengguna dapat memiliki akun. Berikut
adalah gambar dari desain Antarmuka Registrasi dapat dilihat pada gambar
4.53

79
Gambar 4. 53Desain Antar Muka Registrasi

4.15.3. Antarmuka Dashboard

Desain halaman ini digunakan untuk melihat isi dashboard halaman


pengguna. Berikut adalah gambar dari desain Antarmuka Dashboard dapat
dilihat pada gambar 4.54

80
Gambar 4. 54 Desain Antar Muka Dashboard

4.15.4. Antarmuka Profil

Desain halaman ini digunakan untuk melihat isi profil pengguna yang
sudah terdaftar. Berikut adalah gambar dari desain Antarmuka Profil dapat
dilihat pada gambar 4.55

81
Gambar 4. 55 Desain Antarmuka Profil

4.15.5. Antarmuka Detail Produk

Desain halaman ini digunakan untuk melihat isi semua detail produk.
Berikut adalah gambar dari desain Antarmuka Detail Produk dapat dilihat
pada gambar 4.56

82
Gambar 4. 56 Desain Antarmuka Detail Produk

4.15.6. Antarmuka Menu Kategori

Desain halaman ini digunakan untuk melihat kategori produk. Berikut


adalah gambar dari desain Antarmuka Menu Kategori dapat dilihat pada
gambar 4.57
83
Gambar 4. 57 Desain Antarmuka Menu Kategori

84
4.15.7. Antarmuka Checkout

Desain halaman ini digunakan untuk melihat produk yang telah di


cekout. Berikut adalah gambar dari desain Antarmuka Cekout dapat dilihat
pada gambar 4.58

Gambar 4. 58 Desain Antarmuka Checkout

85
4.15.8. Antarmuka Metode Pembayaran

Desain halaman ini digunakan untuk memilih metode pembayaran.


Berikut adalah gambar dari desain Antarmuka Metode Pembayara dapat
dilihat pada gambar 4.59

Gambar 4. 59 Desain Antarmuka Metode Pembayaran

86
4.3.9 Antarmuka Via COD

Desain halaman ini digunakan untuk memilih metode pembayaran


Via COD. Berikut adalah gambar dari desain Antarmuka Via COD dapat
dilihat pada gambar 4.60

87
Gambar 4. 60 Desain Antarmuka Via COD‘

4.15.9. Antarmuka Via E-Money

Desain halaman ini digunakan untuk memilih metode pembayaran


Via E- Money. Berikut adalah gambar dari desain Antarmuka Via E-Money
dapat dilihat pada gambar 4.61

88
Gambar 4. 61 Desain Antarmuka Via E-Money

4.16. Desain UI
4.16.1. Halaman Pengguna Android
a. Halaman Registrasi

89
Pada gambar 4.62 merupakan perancangan desain pada halaman
registrasi anonim untuk menjadi member serta costumer.

Gambar 4. 62 Desain UI Registrasi

b. Halaman Login

Gambar 4.63 merupakan rancangan desain UI dari pengguna pada


halaman login.

90
Gambar 4. 63 Desain UI Login

c. Halaman Edit Akun

Pada gambar 4.64 merupakan rancangan desain pengguna pada


halaman edit akun atau edit biodata diri.

91
Gambar 4. 64 Desain UI edit akun

d. Halaman Dashboard Pengguna

Pada gambar 4.65 merupakan perancangan desain ui halaman


pengguna yang berisi produk-produk yang ditawarkan.

92
Gambar 4. 65 Desain UI Halaman Pengguna

e. Kategori

Pada gambar 4.66 merupakan rancangan Desain UI dari kategori produk yang
memisahkan beberapa produk.

93
Gambar 4. 66 Desain UI Kategori Produk

f. Detail Produk

Pada gambar 4.67 merupakan rancangan Desain UI dari detail produk yang
menjelaskan lebih detail dari produk yang dijual.

94
Gambar 4. 67 Desain UI Detail Produk

g. Keranjang

Pada gambar 4.68 merupakan rancangan Desain UI dari fitur keranjang yang
menampung banyak barang untuk di beli.

95
Gambar 4. 68 Desain UI Keranjang

h. Pembayaran

Pada gambar 4.69 merupakan langkah selanjutnya ketika pembeli ingin


melakukan pembayaran.

96
Gambar 4. 69 Desain UI Pembayaran

i. Metode Pembayaran

Pada gambar 4.70 merupakan rancangan Desain UI dari metode


pembayaran yang dibagi menjadi 2 metode yaitu dengan E-money dan COD.

97
Gambar 4. 70 Desain UI Metode Pembayaran

j. Orderan sedang di konfirmasi

Pada Gambar 4.71 merupakan rancangan Desain UI dari orderan


sedang di konfirmasi dimana pengguna menunggu konfirmasi dari sistem
serta admin yang bertugas

98
Gambar 4. 71 Desain UI Orderan sedang di konfirmasi

k. Metode pembayaran Via E-Money

Pada gambar 4.72 merupakan rancangan Desain UI dari metode


pembayaran via E-money.

99
Gambar 4. 72 Desain UI Metode Pembayaran Via E-Money

l. Via COD

Pada gambar 4.73 merupakan rancangan Desain UI dari Via COD


dimana pembeli diarahkan untuk input alamat yang dinginkan.

100
Gambar 4. 73 Desain UI Metode Pembayaran Via COD

m. Barang telah sampai

Pada gambar 4.74 merupakan rancangan dari Desain UI jika


pengiriman barang telah sampai pada tujuan.

101
Gambar 4. 74 Pengiriman telah sampai

4.16.2. Desain UI Admin & Karyawan

a. Halaman Kategori

Pada gambar 4.75 terdapat halaman kategori yang dapat diakses oleh
karyawan dan admin, admin dan karyawan dapat mengelola halaman
kategori

102
Gambar 4. 75 Desain UI Admin Data Kategori

b. Halaman Pemesanan

Pada gambar 4.76 terdapat halaman pemesanan yang dapat di akases


oleh karyawan dan admin, admin dan karyawan dapat melihat data
pemesanan yang sedang terjadi

Gambar 4. 76 Desain UI Admin Data Pemesanan

c. Halaman Pengguna

Pada Gambar 4.77 terdapat halaman pengguna yang dapat diakses


oleh karyawan dan admin, pada halaman pengguna karyawan dan admin
103
dapat mengelola data pengguna.

Gambar 4. 77 Desain UI Admin Data Pengguna

d. Halaman Produk

Pada gambar 4.78 terdapat halaman produk yang dapat diakses oleh
karyawan dan admin, pada halaman produk karyawan dan admin dapat
mengelola data produk, dan pada halaman ini dapat mengelola data foto
produk.

Gambar 4. 78 Desain UI Admin Data Produk

104
4.16.3. UI Pengguna Desktop

a. Halaman Registrasi

Pada gambar 4.79 terdapat halaman registrasi pengguna desktop


yang dapat diakses oleh pengguna untuk membuat sebuah akun yang akan
di pakai login.

Gambar 4. 79 Halaman Registrasi Desktop Pengguna

105
b. Halaman Login

Pada gambar 4.80 terdapat halaman login yang dapat diakses oleh
pengguna untuk melakukan login ke halaman dashboard pengguna.

Gambar 4. 80 Halaman Login Dekstop Pengguna

106
c. Halaman Edit Akun

Pada gambar 4.81 terdapat halaman edit akun yang dapat diakses
oleh pengguna untuk melakukan pengeditan akun yang terlah dibuat
sebelumnya.

Gambar 4. 81 Halaman Edit Desktop Pengguna

107
d. Halaman Dashboard Pengguna

Pada gambar 4.82 terdapat halaman dashboard pengguna yang dapat


diakses oleh pengguna untuk melihat semua produk yang tersedia.

Gambar 4. 82 Halaman Dashboard Pengguna Destop

108
e. Halaman Kategori

Pada gambar 4.83 terdapat halaman kategori yang dapat diakses oleh
pengguna untuk melihat menu kategori yang tersedia.

Gambar 4. 83 Halaman Kategori Desktop Pengguna

109
f. Halaman Detail Produk

Pada gambar 4.84 terdapat halaman detail produk yang dapat diakses
oleh pengguna untuk melihat detail produk.

Gambar 4. 84 84 Halaman Detail Produk Desktop Pengguna

110
g. Halaman Keranjang

Pada gambar 4.85 terdapat halaman keranjang yang dapat diakses


oleh pengguna untuk menyimpan barang yang akan ingin di belinya.

Gambar 4. 85 Halaman Keranjang Dasktop Pengguna

111
h. Halaman Pembayaran

Pada gambar 4.86 terdapat halaman pembayaran yang dapat di akases


setelah pengguna memilih produk yang akan di beli.

Gambar 4. 86 Halaman Pembayaran Desktop Pengguna

112
i. Halaman Metode Pembayaran

Pada gambar 4.87 terdapat halaman metode pembayaran yang dapat


diakses pengguna untuk melakukan pemilihan metode pembayaran .

Gambar 4. 87 Halaman Metode Pembayaran

113
j. Halaman Orderan sedang di konfirmasi

Pada gambar 4.88 terdapat halaman orderan sedang di konfirmasi yang


dapat di akses oleh pengguna untuk melihat orderannya telah di konfirmasi.

Gambar 4. 88 Halaman Orderan sedang di konfirmasi Dasktop Pengguna

114
k. Halaman Via E-Money

Pada gambar 4.89 terdapat halaman Via E-Money yang dapat diakses setelah
pengguna memilih metode

Gambar 4. 89 Halaman Via E-Money Desktop Pengguna

115
l. Halaman Penyebaran Toko

Pada gambar 4.90 terdapat halaman Penyebaran Toko dengan simbol


Titik Lokasi dengan warna yang berbeda. Titik Point yang berwarna ungu
merupakan cabang point dari PAG Store. Titik Point yang berwarna merah
merupakan cabang yang bertempat di Denpasar

Gambar 4. 90 Halaman Pesebaran Toko Desktop Pengguna

116
m. Halaman Barang telah sampai

Pada gambar 4.91 terdapat halaman barang telah samapai yang dapat
diakses oleh pengguna untuk memberikan ratting.

Gambar 4. 91 Halaman Barang Telah Sampai Desktop Pengguna

117
4.17. Pengujian Blackbox Testing
Untuk mengetahui apakah semua menu dan tombol yang berada di dalam
sistem berjalan sebagaimana mestinya dan sesuai dengan yang diharapkan
maka diperlukan pengujian sistem. Pengujian sistem yang digunakan disini
adalah pengujian blackbox. Berikut penjelasan dari pengujian blackbox dari
masing- masing menu yang ada di dalam sistem.

4.17.1. Menu Login

Menu ini digunakan oleh admin, pengunjung dan karyawan untuk masuk ke
dalam sistem. Berikut penjelasan pengujian blackbox untuk menu login. Hasil
pengujian menu login dapat dilihat pada Tabel 5.1
Tabel 4. 37 Hasil BlackBox Testing Menu Login

No Komponen Uji Yang diinginkan Yang didapatkan Hasil


1 Tidak memasukkan Menampilkan pesan Sistem Valid
username/password username/password menampilkan pesan
harus diisi bahwa
username/password
harus diisi
2 Kombinasi Menampilkan pesan Sistem Valid
username dan username dan menampilkan pesan
password tidak cocok password tidak cocok bahwa kombinasi
username dan
password yang
dimasukkan tidak
cocok

118
3 Login sukses Manampilkan pesan Sistem berhasil Valid
login sukses dan melakukan
masuk ke halaman pengecekan
utama kombinasi password
dan menampilkan
pesan login

berhasil dan
membawa user ke
halaman utama

4.17.2. Menu Pengguna

Menu pengguna ini digunakan oleh admin dan karyawan untuk mengelola
data pengguna sistem. berikut penjelasan pengujian blackbox untuk menu
pengguna dan hasil pengujian menu pengguna dapat di lihat di tabel 5.2

Tabel 4. 38 Hasil Menu Pengguna

No Komponen Uji Yang diinginkan Yang didapatkan Hasil


1 Tampil data Sistem menampilkan Sistem berhasil Valid
keseluruhan data menampilkan
pengguna keseluruhan data
pengguna
2 Tombol tambah Menambah data Sistem berhasil Valid
pengguna ke dalam menambah data
database pengguna ke
dalam database
setelah tombol
tambah ditekan

119
3 Tombol ubah Mengubah data Sistem berhasil Valid
pengguna ke dalam mengubah data
database pengguna ke
dalam database
setelah tomboh
ubah ditekan
4 Tidak memasukkan Menampilkan pesan Sistem berhasil Valid
data pada salah satu bahwa kolom yang menampilkan pesan
kolom kosong harus kepada user
diis untuk mengisi
kolom yang masih
kosong
5 Tombol Mengubah data Sistem berhasil Valid
Aktif/Nonaktif status pengguna ke mengubah data
dalam database pengguna ke
dalam database
setelah tomboh
aktif/nonaktif
ditekan
6 Tombol Detail Menampilkan data Sistem berhasil Valid
pengguna dengan menampilkan data
detail pengguna dengan
detail

4.17.3. Menu Produk

Menu Produk ini digunakan oleh admin dan karyawan untuk mengelola data
pengguna sistem. berikut penjelasan pengujian blackbox untuk menu produk dan
hasil pengujian menu produk dapat di lihat di tabel 5.3
Tabel 4. 39 Hasil Menu Produk

No Komponen Uji Yang diinginkan Yang didapatkan Hasil

120
1 Tombol tambah Menambah data Sistem berhasil Valid
produk ke dalam menambah data
database produk ke dalam
database setelah
tombol tambah
ditekan
2 Tomboh ubah Mengubah data Sistem berhasil Valid
produk ke dalam mengubah data
database produk ke dalam
database setelah
tomboh ubah
ditekan
3 Tidak memasukkan Menampilkan Sistem berhasil Valid
data pada salah satu pesan bahwa kolom menampilkan pesan
kolom yang kosong harus kepada user untuk
disi mengisi kolom yang
masih
kosong

4.17.4. Menu Kategori

Menu Kategori ini digunakan oleh admin dan karyawan untuk mengelola
data pengguna sistem. berikut penjelasan pengujian blackbox untuk menu
kategori dan hasil pengujian menu kategori dapat di lihat di tabel 5.4
Tabel 4. 40 Hasil Menu Kategori\

No Komponen Uji Yang diinginkan Yang didapatkan Hasil


1 Tombol tambah Menambah data Sistem berhasil Valid
kategori ke dalam menambah data
database kategori ke dalam
database setelah
tombol tambah
ditekan

121
2 Tomboh ubah Mengubah data Sistem berhasil Valid
kategori ke dalam mengubah data
database kategori ke dalam
database setelah
tombol ubah
ditekan
3 Tidak memasukkan Menampilkan pesan Sistem berhasil Valid
data pada salah satu bahwa kolom yang menampilkan pesan
kolom kosong harus kepada user
disi untuk mengisi
kolom yang masih
kosong

4.17.5. Menu Pemesanan

Menu Pemesanan ini digunakan oleh admin dan karyawan untuk


mengelola data pengguna sistem. berikut penjelasan pengujian blackbox untuk
Menu Pemesanan dan hasil pengujian menu pemesanan dapat di lihat di tabel 5.5

Tabel 4. 41 Hasil Menu Pemesanan

1 Tombol Detail Menampilkan data Sistem berhasil Valid


Pemesanan dengan menampilkan data
detail pemesanan dengan
detail
2 Tombol Cetak Laporan Menampilkan data Sistem berhasil Valid
laporan pemesanan menampilkan data
cetak laporan

4.17.6. Halaman Registrasi

Menu Registrasi ini digunakan oleh Coustumer untuk membuat akun baru.
berikut penjelasan pengujian blackbox untuk Halaman Registrasi dan hasil
pengujian Halaman Registrasi dapat di lihat di tabel 5.6

122
Tabel 4. 42 Hasil Menu Registrasi

No Komponen Uji Yang diinginkan Yang Hasil


didapatkan
1 Tidak memasukkan Menampilkan pesan Sistem Valid
data form harus diisi menampilkan pesan
bahwa
form harus diisi
2 Kombinasi password Menampilkan pesan Sistem Valid
dan verifikasi password dan menampilkan pesan
bahwa
password tidak cocok Verifikasi password kombinasi
tidak cocok password dan
verifikasi password
yang dimasukkan
tidak
cocok
3 Username tidak boleh Manampilkan pesan Sistem Valid
sama username telah menampilkan
digunakan pesan bahwa
username telah
digunakan
4 Registrasi Berhasil Manampilkan pesan Sistem berhasil Valid
registrasi sukses dan menampilkan
masuk ke halaman pesan registrasi
utama berhasil dan masuk
kehalaman utama

4.17.7. Halaman Metode Pembayaran

Menu Metode Pembayaran ini digunakan oleh Coustumer untuk memilih


metode pembayaran yang akan dipakainya. berikut penjelasan pengujian
blackbox untuk Halaman Metode Pembayaran dan hasil pengujian Metode
123
Pembayaran dapat di lihat di tabel 5.7

Tabel 4. 43 Hasil Menu Metode Pembayaran

1 Tombol Metode Menampilkan Sistem berhasil Valid


Pembayaran seluruh metode menampilkan
pembayaran metode
dengan cara pembayaran dan
memilih salah satu dapat memilih salah
metode satu metode
pembayaran pembayaran yang
akan di lakukan
pengguna

4.17.8. Halaman Keranjang

Halaman keranjang ini digunakan oleh Coustumer untuk mengelola data


produk di dalam halaman keranjang. berikut penjelasan pengujian blackbox untuk
Halaman Keranjang dan hasil pengujian Halaman Keranjang dapat di lihat di tabel
5.8

Tabel 4. 44 Hasil Menu Keranjang

1 Tombol Hapus Menampilkan Sistem berhasil Valid


pesan produk akan menghapus produk
dihapus dari dari keranjang
keranjang
2 Tombol Next Menampilkan Sistem berhasil Valid
halaman menampilkan
pemabayaran halaman
pembayaran

4.17.9. Halaman Detail Produk

Halaman Detail Produk ini digunakan oleh Coustumer untuk melihat produk

124
secara detail. berikut penjelasan pengujian blackbox untuk halaman detail produk
dan hasil pengujian Halaman Detail Produk dapat di lihat di tabel 5.9

Tabel 4. 45 Hasil Menu Detail Produk

1 Tombol Keranjang Menampilkan Sistem berhasil Valid


halaman keranjang menampilkan
halaman keranjang
2 Tombol Beli Menampilkann Sistem berhasil Valid
Langsung halaman menampilkan
pembayaran saat halaman
Tombol beli langsung pembayaran saat
di klik
tombol beli di klik

4.17.10. Halaman Via Cod

Halaman Via COD ini digunakan oleh Coustumer untuk melakukan


pemilihan alamat secara detail. berikut penjelasan pengujian blackbox untuk
halaman Via COD dan hasil pengujian Halaman Via COD dapat di lihat di tabel
5.10

Tabel 4. 46 Hasil Menu Via COD

1 Tombol Simpan Menampilakan Sistem berhasil Valid


halaman orderan menampilkan
sedang di halaman orderan
konfirmasi sedang di
konfirmasi setelah
tombol simpan di
klik

4.18. Kuisioner
Pengujian sistem menggunakan kuesioner berguna untuk
mendapatkan tanggapan dari responden terhadap sistem yang telah dibuat,
pengumpulan data kuesioner diukur menggunakan skala likert, skala likert

125
adalah skala yang digunakan untuk mengukur persepsi atau pendapat
seseorang atau kelompok yang telah ditetapkan oleh peneliti, responden
diminta untuk melengkapi kuesioner yang mengharuskan mereka untuk
menunjukan tingkat pertetujuan mereka terhadap serangkaian pertanyaan.
Dalam pengujian, responden akan melakukan percobaan langsung
menggunakan sistem, kemudian responden mengisi formulir pertanyaan
kuesioner berdasarkan pengalaman yang mereka dapatkan setelah
menggunakan sistem. Dalam penelitian ini mendapatkan 20 responden,
jawaban dari 20 responden tersebut akan kita analisis dengan melakukan
perhitungan yang nantinya akan dirangkum menggunakan diagram.
Sebelum menghitung hasil dari data pengujian kuesioner yang telah
didapatkan, dibutuhkan penentuan bobot nilai seperti pada tabel 1.47
berikut:

Tabel 4. 47 Tabel Kuisioner

No Nam Nilai
a
1 Sangat Setuju 4
2 Setuju 3
3 Kurang Setuju 2
4 Sangat Tidak Setuju 1

Bobot nilai dibutuhkan untuk menentukan nilai masing-masing pilihan yang


selanjutnya digunakan untuk melakukan perhitungan.
Proses perhitungannya menggunakan skala likert adalah sebagai
berikut : Skor maksimum = jumlah responden x skor tertinggi
likert
Skor minimum = jumlah responden x skor terendah
likert Indeks (%) = Total skor / Skor maksimum x 100
Nilai interval pada perhitungan skala likert dengan 4
kategori Interval = 100 / 4 (Total kriteria pengujian) =
25 Indeks 0% - 24,99% Sangat Tidak Setuju
Indeks 25% - 49,99% Tidak Setuju
Indeks 50% - 74,99% Setuju

Indeks 75% - 99,99% Sangat Setuju

126
Terdapat 20 responden yang telah mengisi kuesioner dan setiap responden
mendapatkan 10 pertanyaan yang diajukan, pertanyaan setiap responden
antara responden satu dengan yang lainnya adalah sama, pertanyaan
tersebut sebagai berikut:
1. Tampilan sistem mudah digunakan dan dipahami oleh pengguna

2. Kemudahan untuk Mengakses sistem

3. Tampilan sistem yang sangat nyaman di pandang oleh pengguna

4. Kinerja sistem baik yang sangat membantu pengguna untuk


mengakses data serta fitur yang di sediakan
5. Kebutuhan yang sangat diperlukan oleh pengguna.
Berikut ini merupakan hasil kuesioner yang telah dilakukan.

127
Tabel 4. 48 Kuisioner Tampilan Sistem

1. Tampilan sistem mudah digunakan dan dipahami oleh


pengguna

Hasil Kuisioner Pernyataan 1

0 0

Sangat Tidak Setuju Kurang Setuju Setuju Sangat Setuju

Skala Jawaban Skala Jawaban x Nilai Hasil


Skala
Sangat Tidak Setuju 1x0 0
Kurang Setuju 2x0 0
Setuju 3 x 12 0
Sangat Setuju 4x8 0
Total 0
Skor

Dari tabel pernyataan 1 dapat dijelaskan perhitungannya menggunakan


skala likert adalah sebagai berikut :
Skala jawaban = Sangat Tidak Setuju : 1, Kurang Setuju : 2, Setuju :
3, Sangat Setuju : 4
Nilai skala = jumlah orang yang memilih skala
jawaban Skor maksimum = jumlah responden x skor
tertinggi likert Skor maksimum =0x0=0
128
Skor minimum = jumlah responden x skor terendah
likert Skor minimum = 0 x 0 = 0
Indeks (%) = (Total skor / Skor maksimum) x 100
Indeks (%) = (0 / 0) x 100
Indeks (%) = -

Tabel 4. 49 Akses Sistem

2. Akses Sistem

Hasil Kuisioner Pernyataan 2

0 0

Sangat Tidak Setuju Kurang Setuju Setuju Sangat Setuju

Skala Jawaban Skala Jawaban x Nilai Hasil


Skala
Sangat Tidak Setuju 1x0 0
Kurang Setuju 2x0 0
Setuju 3 x 12 0
Sangat Setuju 4x8 0
Total 0
Skor
Dari tabel pernyataan 1 dapat dijelaskan perhitungannya menggunakan
skala likert adalah sebagai berikut :
Skala jawaban = Sangat Tidak Setuju : 1, Kurang Setuju : 2, Setuju :

129
3, Sangat Setuju : 4
Nilai skala = jumlah orang yang memilih skala
jawaban Skor maksimum = jumlah responden x skor
tertinggi likert Skor maksimum =0x0=0
Skor minimum = jumlah responden x skor terendah
likert Skor minimum = 0 x 0 = 0
Indeks (%) = (Total skor / Skor maksimum) x 100
Indeks (%) = (0 / 0) x 100
Indeks (%) =

Tabel 4. 50 Tampilan Sistem

3. Tampilan Sistem

Hasil Kuisioner Pernyataan 3

0 0

Sangat Tidak Setuju Kurang Setuju Setuju Sangat Setuju

Skala Jawaban Skala Jawaban x Nilai Hasil


Skala
Sangat Tidak Setuju 1x0 0
Kurang Setuju 2x0 0
Setuju 3 x 12 0
Sangat Setuju 4x8 0

130
Total 0
Skor
Dari tabel pernyataan 1 dapat dijelaskan perhitungannya menggunakan
skala likert adalah sebagai berikut :
Skala jawaban = Sangat Tidak Setuju : 1, Kurang Setuju : 2, Setuju :
3, Sangat Setuju : 4
Nilai skala = jumlah orang yang memilih skala
jawaban Skor maksimum = jumlah responden x skor
tertinggi likert Skor maksimum =0x0=0
Skor minimum = jumlah responden x skor terendah
likert Skor minimum = 0 x 0 = 0
Indeks (%) = (Total skor / Skor maksimum) x 100
Indeks (%) = (0 / 0) x 100
Indeks (%) =

Tabel 4. 51 Kinerja Sistem

4. Kinerja Sistem

Hasil Kuisioner Pernyataan 4

0 0

Sangat Tidak Setuju Kurang Setuju Setuju Sangat Setuju

Skala Jawaban Skala Jawaban x Nilai Hasil

131
Skala
Sangat Tidak Setuju 1x0 0
Kurang Setuju 2x0 0
Setuju 3 x 12 0
Sangat Setuju 4x8 0
Total 0
Skor
Dari tabel pernyataan 1 dapat dijelaskan perhitungannya menggunakan
skala likert adalah sebagai berikut :
Skala jawaban = Sangat Tidak Setuju : 1, Kurang Setuju : 2, Setuju :
3, Sangat Setuju : 4
Nilai skala = jumlah orang yang memilih skala
jawaban Skor maksimum = jumlah responden x skor
tertinggi likert Skor maksimum =0x0=0
Skor minimum = jumlah responden x skor terendah
likert Skor minimum = 0 x 0 = 0
Indeks (%) = (Total skor / Skor maksimum) x 100
Indeks (%) = (0 / 0) x 100
Indeks (%) =

Tabel 4. 52 Kebutuhan Pengguna

5. Kebutuhan Pengguna

Hasil Kuisioner Pernyataan 5

0 0

132
Sangat Tidak Setuju Kurang Setuju Setuju Sangat Setuju

Skala Jawaban Skala Jawaban x Nilai Hasil


Skala
Sangat Tidak Setuju 1x0 0
Kurang Setuju 2x0 0
Setuju 3 x 12 0
Sangat Setuju 4x8 0
Total 0
Skor
Dari tabel pernyataan 1 dapat dijelaskan perhitungannya menggunakan
skala likert adalah sebagai berikut :
Skala jawaban = Sangat Tidak Setuju : 1, Kurang Setuju : 2, Setuju :
3, Sangat Setuju : 4
Nilai skala = jumlah orang yang memilih skala
jawaban Skor maksimum = jumlah responden x skor
tertinggi likert Skor maksimum =0x0=0
Skor minimum = jumlah responden x skor terendah
likert Skor minimum = 0 x 0 = 0
Indeks (%) = (Total skor / Skor maksimum) x 100
Indeks (%) = (0 / 0) x 100
Indeks (%) =

133
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Kesimpulan yang di dapatkan penulis dari STUDI KASUS SISTEM INFORMASI
GEOGRAFIS RETAILER PAG STORE BERBASIS WEBSITE & ANDROID yaitu penulis telah
membuat sistem informasi yang dapat menyelesaikan permasalahan yang dihadapi oleh
perusahaan dimana untuk mengakses sistem informasi tersebut pelanggan harus menjadi
anggota terlebih dahulu. Kelebihan menjadi anggota tersebut yaitu dapat mengakses fitur jual
beli dimana anggota tidak langsung terjun atau tidak langsung menuju ke perusahaan tersebut.
Anggota hanya perlu menggunakan desktop ataupun android untuk memesankan barang yang
di inginkan serta pembayaran yang ingin ditetapkan. Karyawan langsung mengkonfirmasi
permintaan pembeli tersebut dan langsung mengantarkan barang tersebut sesuai alamat yang
telah ditetapkan oleh pengguna. Tidak pengguna yang merasakan kemudahan tersebut, admin
secara langsung merasakan dampak kemudahan tersebut. Fitur yang dimiliki admin yaitu dapat
meninjau serta melihat transaksi yang berlangsung serta admin dapat mengelola data barang
serta data pengguna yang aktif maupun data pengguna yang non aktif. Sistem ini diharapkan
dapat membantu PAG Store untuk menyelesaikan masalah yang di hadapi.

5.2 Saran
Dari perancangan yang telah ditulis oleh penulis, maka penulis memiliki saran-
saran hendaknya dapat bermanfaat bagi pembaca diantaranya:

1. Dalam perancangan Desain Interface serta Desain UI yang telah dirancangan


hanya sebatas rancangan, diharapkan dapat dikembangkan dan
diimplementasikan agar nantinya dapat digunakan serta diterapkan secara
langsung.
Dalam perancangan Sistem Informasi e-commerce diharapkan kepada peneliti
selanjutnya dapat menerapkan sistem database untuk dapat mengelola sistem agar
terintergritas.

134
DAFTAR PUSTAKA

[1] H. Atun Mumtahana, S. Nita, and A. Winerawan Tito, “khazanah informatika Jurnal Ilmu
Komputer dan Informatika Pemanfaatan Web E- Commerce untuk Meningkatkan Strategi
Pemasaran,” 2017.

[2] J. Sistem et al., “UPAYA PENGEMBANGAN USAHA KECIL DAN MENENGAH (UKM)
DENGAN MEMANFAATKAN E-COMMERCE,” Jurnal Sistem Informasi (JSI), vol. 2, no.
1, pp. 159–168, 2010, [Online].

[3] O. : Dewi, I. Staf Pengajar, J. Manajemen, I. Politeknik, and N. Sriwijaya, “PEMANFAATAN
E-COMMERCE DALAM DUNIA BISNIS,” 2011.

[4] Supuwiningsih, Ni Nyoman, et al. Integrasi Data Spasial Dan Data Non Spasial Sistem
Informasi Geografis. Media Sains Indonesia, 2022.

[5] Anisya, “Grafik Penentuan Komposisi Campuran Agregat Material Pengaspalan Jalan
Memanfaatkan Metode Digital Differential Analyzer (DDA),” Padang, Nov. 2018. [Online].
Available:
http://tunasbangsa.ac.id/ejurnal/index.php/jsaktiGrafikPenentuanMaterialPengaspalanJal
anMemanfaatkanMetodeDDA

[6] I. K. J. J. Koko Mukti Wibowo, “SISTEM INFORMASI GEOGRAFIS (SIG) MENENTUKAN


LOKASI PERTAMBANGAN BATU BARA DI PROVINSI BENGKULUBERBASIS
WEBSITE,” Jurnal Media Infotama, vol. 11, no. 1, pp. 51–60, Feb. 2015.

[7] Deni Mahdiana, “ANALISA DAN RANCANGAN SISTEM INFORMASI PENGADAAN


BARANG DENGAN METODOLOGI BERORIENTASI OBYEK : STUDI KASUS PT. LIGA
INDONESIA,” Jurnal TELEMATIKA MKOM, Vol.3 No.2, September 2011, vol. 8, pp. 1–8,
Sep. 2011.

Anda mungkin juga menyukai