Disusun Oleh :
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.
ii
STUDI KASUS SISTEM INFORMASI GEOGRAFIS RETAILER PAG
STORE BERBASIS WEBSITE & ANDROID
ABSTRACT
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.
Penulis
iv
DAFTAR ISI
ABSTRAK ..................................................................................................................................ii
KATA PENGANTAR.................................................................................................................. iv
v
BAB IV PEMBAHASAN ........................................................................................................... 11
vi
DAFTAR TABEL
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
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
xi
BAB I
PENDAHULUAN
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.
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.
2
1.4 Manfaat Penelitian
Adapun manfaat dari penelitian ini yaitu merancang serta membangun sistem informasi
guna mempermudah memberikan pelayanan kepada publik.
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
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
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.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].
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.
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].
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.
a. Registrasi
High Level Use Case ini menjelaskan bahwa actor dapat melakukan Registerasi,digambarkan
pada tabel 4.1
Actor Anonim
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
c. Data pengguna
High Level Use Case ini menjelaskan bahwa actor dapat menampilkan data
pengguna, digambarkan pada tabel 4.3
12
Use case Data pengguna
High Level Use Case ini menjelaskan bahwa actor dapat melakukan update data
pengguna, digambarkan pada tabel 4.4
Actor customer
High Level Use Case ini menjelaskan bahwa actor dapat mengelola data produk,
digambarkan pada tabel 4.5
13
f. Input data produk
High Level Use Case ini menjelaskan bahwa actor dapat melakukan
pengimputan data produk, digambarkan pada tabel 4.6
High Level Use Case ini menjelaskan bahwa actor dapat melakukan
pengimputan data produk, digambarkan pada tabel 4.7
h. Cari produk
High Level Use Case ini menjelaskan bahwa actor dapat melakukan pencarian
produk, digambarkan pada tabel 4.8
14
Use case Cari produk
i. Membeli produk
High Level Use Case ini menjelaskan bahwa actor dapat melakukan pembelian
produk, digambarkan pada tabel 4.9
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
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
High Level Use Case ini menjelaskan bahwa actor dapat melakukan transaksi
via cash on delivery, digambarkan pada tabel 4.12
High Level Use Case ini menjelaskan bahwa actor dapat melakukan transaksi
via e money, digambarkan pada tabel 4.13
Actor Customer
Customer diberikan pilihan untuk
memilih transaksi via e money jika
Description
costumer memilih via e money
16
High Level Use Case ini menjelaskan bahwa actor dapat melakukan
cetak laporan transaksi, digambarkan pada tabel 4.14
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
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
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
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”
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
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
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
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
23
7. Admin, karyawan dan 8. Sistem mencari produk yang di inginkan
customer menekan tombol cari
i. Membeli produk
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
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
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
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
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
4.5.Activity Diagram
a. Registrasi
29
terjadi antara aktor dengan sistem
30
b. Login
31
c. Menu Profil
32
d. Update Biodata
33
e. Halaman Pengelolaan Produk
34
f. Input Produk
35
g. Update
36
h. Cari Produk
37
i. Membeli Produk
38
j. Keranjang
39
k. Memilih Menu Transaksi
40
l. E-money
41
m. Via COD
42
n. 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
44
b. Login
45
c. Biodata
46
d. Edit Biodata
Pada gambar 4.19 menjelaskan lanjutan dari gambar 4.18 dimana aktor
menggunakan fitur edit data.
47
e. Halaman Pengelolaan Produk
48
f. Input Produk
Pada gambar 4.21 menjelaskan tentang fitur input produk pada halaman
pengelolaan produk.
49
g. Edit Produk
Pada gambar 4.22 menjelaskan tentang fitur edit produk pada halaman
pengelolaan produk.
50
h. Cari produk
Pada gambar 4.23 menjelaskan tentang bagaimana alur aktor dengan sistem
menggunakan fitur cari produk.
51
i. Belanja
52
j. Keranjang
53
k. Metode Pembayaran
Pada gambar 4.26 menjelaskan langkah selanjutnya pada saat costumer ingin
melakukan pembayaran dan diarahkan ke halaman metode pembayaran.
54
l. Via e-money
Gambar 4.27 melanjutkan dari halaman metode pembayaran jika yang di pilih
membayar dengan E-money.
55
m. Via COD
Gambar 4.28 melanjutkan dari halaman metode pembayaran jika yang di pilih
membayar dengan COD.
56
n. Cetak Laporan
57
4.7.Class Diagram
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
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
60
Gambar 4. 34 Flowchart user karyawan
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 :
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
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 :
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 :
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 :
69
Gambar 4. 45 DFD Level 1 Pemesanan
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
72
Gambar 4. 51 Konseptual Database
Pada bagian ini akan ditampilkan struktur data dari tabel pengguna.
Berikut adalah tampilan struktur tabel pengguna.
Pada bagian ini akan ditampilkan struktur data dari tabel karyawan.
Berikut adalah tampilan struktur tabel karyawan.
Pada bagian ini akan ditampilkan struktur data dari tabel pemesanan.
Pada bagian ini akan ditampilkan struktur data dari tabel detail_produk.
75
9 ratting int(10) NOT NULL
10 komentar varchar(500) NOT NULL
Pada bagian ini akan ditampilkan struktur data dari tabel produk.
Berikut adalah tampilan dari tabel produk.
Tabel 4. 33 Produk
Pada bagian ini akan ditampilkan struktur data dari tabel foto_produk.
Pada bagian ini akan ditampilkan struktur data dari tabel karanjang.
76
Berikut adalah tampilan struktur table keranjang.
Tabel 4. 35 Keranjang
Pada bagian ini akan ditampilkan struktur data dari tabel kategori.
Berikut adalah tampilan struktur table kategori.
Tabel 4. 36 Kategori
77
Gambar 4. 52 Desain Antar Muka Login
78
4.15.2. Antarmuka Registrasi
79
Gambar 4. 53Desain Antar Muka Registrasi
80
Gambar 4. 54 Desain Antar Muka Dashboard
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
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
84
4.15.7. Antarmuka Checkout
85
4.15.8. Antarmuka Metode Pembayaran
86
4.3.9 Antarmuka Via COD
87
Gambar 4. 60 Desain Antarmuka Via COD‘
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.
b. Halaman Login
90
Gambar 4. 63 Desain UI Login
91
Gambar 4. 64 Desain UI edit akun
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
96
Gambar 4. 69 Desain UI Pembayaran
i. Metode Pembayaran
97
Gambar 4. 70 Desain UI Metode Pembayaran
98
Gambar 4. 71 Desain UI Orderan sedang di konfirmasi
99
Gambar 4. 72 Desain UI Metode Pembayaran Via E-Money
l. Via COD
100
Gambar 4. 73 Desain UI Metode Pembayaran Via COD
101
Gambar 4. 74 Pengiriman telah sampai
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
c. Halaman 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.
104
4.16.3. UI Pengguna Desktop
a. Halaman Registrasi
105
b. Halaman Login
Pada gambar 4.80 terdapat halaman login yang dapat diakses oleh
pengguna untuk melakukan login ke halaman dashboard 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.
107
d. Halaman Dashboard Pengguna
108
e. Halaman Kategori
Pada gambar 4.83 terdapat halaman kategori yang dapat diakses oleh
pengguna untuk melihat menu kategori yang tersedia.
109
f. Halaman Detail Produk
Pada gambar 4.84 terdapat halaman detail produk yang dapat diakses
oleh pengguna untuk melihat detail produk.
110
g. Halaman Keranjang
111
h. Halaman Pembayaran
112
i. Halaman Metode Pembayaran
113
j. Halaman Orderan sedang di konfirmasi
114
k. Halaman Via E-Money
Pada gambar 4.89 terdapat halaman Via E-Money yang dapat diakses setelah
pengguna memilih metode
115
l. Halaman Penyebaran Toko
116
m. Halaman Barang telah sampai
Pada gambar 4.91 terdapat halaman barang telah samapai yang dapat
diakses oleh pengguna untuk memberikan ratting.
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.
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
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
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
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
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
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
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\
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
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
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
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:
No Nam Nilai
a
1 Sangat Setuju 4
2 Setuju 3
3 Kurang Setuju 2
4 Sangat Tidak Setuju 1
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
127
Tabel 4. 48 Kuisioner Tampilan Sistem
0 0
2. Akses Sistem
0 0
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 (%) =
3. Tampilan Sistem
0 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 (%) =
4. Kinerja Sistem
0 0
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 (%) =
5. Kebutuhan Pengguna
0 0
132
Sangat Tidak Setuju Kurang Setuju Setuju Sangat Setuju
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:
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