Fix RPL

SISTEM INFORMASI TOKO RETAIL
PAG Store
REKAYASA PERANGKAT LUNAK
Disusun Oleh :
1. Anak Agung Wisnu Arta (200030014)

2. I Komang Alvin Viandika (200030042)
3. I Made Pandu Putra Riadi (200030625)
INSTITUT TEKNOLOGI DAN BISNIS

(ITB) STIKOM BALI
2022
DAFTAR ISI
DAFTAR ISI............................................................................................................i
DAFTAR TABEL.................................................................................................iii
DAFTAR GAMBAR..............................................................................................v
BAB I PENDAHULUAN.......................................................................................1
1.1. Tujuan penulisan dokumen...........................................................................1
1.2. Lingkup masalah...........................................................................................1
1.3 Definisi, akronim dan singkatan.....................................................................1
1.4. Deskripsi Umum Dokumen...........................................................................2
BAB II DESKRIPSI UMUM PERANGKAT LUNAK......................................3
2.1 Deskripsi umum sistem................................................................................3
2.1.1 Karakteristik Level User.....................................................................3
2.2 Batasan..........................................................................................................5
2.2.1 Lingkungan Operasi..................................................................................5
BAB III DESKRIPSI KEBUTUHAN..................................................................6
3.1 Kebutuhan fungsional.............................................................................6
3.2 Kebutuhan non fungsional.....................................................................7
BAB IV PERANCANGAN....................................................................................9
4.1. Desain Sistem...........................................................................................9
4.1.1 Pembuatan Unified Modeling Language (UML)..........................9
4.1.2 High Level Use Case......................................................................10
4.1.3 Expanded use case..........................................................................15
4.1.4 Activity Diagram............................................................................28
4.1.5 Squence Diagram...........................................................................42
4.1.6 Class Diagram................................................................................56
4.1.7 Flowchart........................................................................................56
4.1.8 Data flow diagram..........................................................................60
4.1.9 Diagram Context............................................................................60
4.1.10 Data Flow Diagram Level 0...........................................................61
4.1.11 Entity relationship Diagram.........................................................69
4.1.12 Konseptual Database.....................................................................70
4.2 Struktur Tabel.......................................................................................71
i
4.2.1 Tabel Pengguna..................................................................................71
4.2.2 Tabel Karyawan.................................................................................71
4.2.3 Tabel Pemesanan...............................................................................72
4.2.4 Tabel Detail Produk..........................................................................73
4.2.5 Tabel Produk......................................................................................73
4.2.6 Tabel Foto Produk.............................................................................73
4.2.7 Tabel Keranjang................................................................................74
4.2.8 Tabel Kategori...................................................................................74
4.3. Design Interface.....................................................................................75
4.3.1. Antarmuka Login...........................................................................75
4.3.2. Antarmuka Registrasi....................................................................76
4.3.3. Antarmuka Dashboard..................................................................77
4.3.4. Antarmuka Profil...........................................................................78
4.3.5. Antarmuka Detail Produk.............................................................79
4.3.6. Antarmuka Menu Kategori...........................................................80
4.3.7. Antarmuka Checkout....................................................................81
4.3.8. Antarmuka Metode Pembayaran.................................................82
4.3.9. Antarmuka Via COD.....................................................................83
4.3.10. Antarmuka Via E-Money..........................................................84
4.4. Desain UI Android.................................................................................85
4.4.1. UI Pengguna Android....................................................................85
4.4.2. Desain UI Admin & Karyawan.....................................................98
4.4.3. UI Pengguna Desktop..................................................................100
BAB V PENGUJIAN.........................................................................................101
5.1 Pengujian Blackbox Testing...............................................................101
DAFTAR PUSTAKA.........................................................................................108
ii
DAFTAR TABEL
Tabel 4. 1 High Level Use Case Registrasi...........................................................10
Tabel 4. 2 High Level Use case login....................................................................10
Tabel 4. 3 High Level Use Case Data Pengguna...................................................10
Tabel 4. 4 High Level Use Case Update Data Pengguna.......................................11
Tabel 4. 5 High Level Use Case Mengelola data produk......................................11
Tabel 4. 6 High Level Use Case Input data produk...............................................12
Tabel 4. 7 High Level Use Case Update data produk............................................12
Tabel 4. 8 High Leve Use Case Cari produk.........................................................12
Tabel 4. 9 High Level Use Membeli Produk.........................................................13
Tabel 4. 10 High Level Use Case Keranjang.........................................................13
Tabel 4. 11 High Level Use Case Transaksi..........................................................13
Tabel 4. 12 High Level Use Case Transaksi via Cash On Delivery......................14
Tabel 4. 13 High Level Use Case Transaksi Via e-money....................................14
Tabel 4. 14 High Level Use Case Cetak Laporan Transaksi.................................14
Tabel 4. 15 Expanded Use Case Registrasi............................................................15
Tabel 4. 16 Expanded use case Login....................................................................16
Tabel 4. 17 Expanded Use Case Data Pengguna...................................................17
Tabel 4. 18 Expanded Use Case Update Data Pengguna.......................................17
Tabel 4. 19 Expanded Use Case Mengelola Data Produk.....................................18
Tabel 4. 20 Expanded Use Case Input Data Produk..............................................19
Tabel 4. 21 Expanded Use Case Update Produk...................................................20
Tabel 4. 22 Expanded Use Case Cari Produk........................................................21
Tabel 4. 23 Expanded Use Case Membeli Produk.................................................22
Tabel 4. 24 Expanded Use Case Keranjang...........................................................23
Tabel 4. 25 Expanded Use Case Menu Transaksi..................................................24
Tabel 4. 26 Expanded Use Case Transaksi via e-money.......................................24
Tabel 4. 27 Expanded Use Case Transaksi Via Cash on Delivery........................26
Tabel 4. 28 Expanded Use Case Cetak Laporan....................................................27
Tabel 4. 29 Tabel Pengguna...................................................................................71
Tabel 4. 30 Tabel Karyawan..................................................................................71
Tabel 4. 31 Tabel Pemesanan................................................................................72
iii
Tabel 4. 32 Tabel Detail Produk............................................................................73
Tabel 4. 33 Produk.................................................................................................73
Tabel 4. 34 Foto Produk.........................................................................................74
Tabel 4. 35 Keranjang............................................................................................74
Tabel 4. 36 Kategori..............................................................................................74
Tabel 5. 1 Hasil BlackBox Testing Menu Login.................................................101
Tabel 5. 2 Hasil Menu Pengguna.........................................................................102
Tabel 5. 3 Hasil Menu Produk.............................................................................103
Tabel 5. 4 Hasil Menu Kategori...........................................................................104
Tabel 5. 5 Hasil Menu Pemesanan.......................................................................105
Tabel 5. 6 Hasil Menu Registrasi.........................................................................105
Tabel 5. 7 Hasil Menu Metode Pembayaran........................................................106
Tabel 5. 8 Hasil Menu Keranjang........................................................................106
Tabel 5. 9 Hasil Menu Detail Produk..................................................................107
Tabel 5. 10 Hasil Menu Via COD........................................................................107
iv
DAFTAR GAMBAR
Gambar 4. 1 use case Sistem Informasi PAG Store.................................................9
Gambar 4. 2 Activity Diagram Registrasi..............................................................28
Gambar 4. 3 Activity Diagram Login....................................................................29
Gambar 4. 4 Activity Diagram Menu Profil..........................................................30
Gambar 4. 5 Activity Diagram Update Biodata.....................................................31
Gambar 4. 6 Activity Diagram Halaman Pengelolaan Produk..............................32
Gambar 4. 7 Activity Diagram Input Produk.........................................................33
Gambar 4. 8 Activity Diagram Update Produk......................................................34
Gambar 4. 9 Activity Diagram Cari Produk..........................................................35
Gambar 4. 10 Activity Diagram Membeli Produk.................................................36
Gambar 4. 11 Activity Diagram Keranjang...........................................................37
Gambar 4. 12 Activity Diagram Pilihan Menu Transaksi.....................................38
Gambar 4. 13 Activity Diagram Transaksi via e-money.......................................39
Gambar 4. 14 Activity Diagram Transaksi via Cash on Delivery.........................40
Gambar 4. 15 Activity Diagram Cetak Laporan....................................................41
Gambar 4. 16 Squence Diagram Registrasi...........................................................42
Gambar 4. 17 Squence Diagram Login..................................................................43
Gambar 4. 18 Squence Diagram Biodata...............................................................44
Gambar 4. 19 Squence Diagram Edit Biodata.......................................................45
Gambar 4. 20 Squence Diagram Halaman Pengelolaan Produk............................46
Gambar 4. 21 Squence Diagram Input Data..........................................................47
Gambar 4. 22 Squence Diagram Edit Produk........................................................48
Gambar 4. 23 Squence Diagram Cari Produk........................................................49
Gambar 4. 24 Squence Diagram Belanja...............................................................50
Gambar 4. 25 Squence Diagram Keranjang...........................................................51
Gambar 4. 26 Squence Diagram Halaman Metode Pembayaran...........................52
Gambar 4. 27 Squence Diagram via E-money.......................................................53
Gambar 4. 28 Squence Diagram Via COD............................................................54
Gambar 4. 29 Squence Diagram Cetak Laporan....................................................55
Gambar 4. 30 Class Diagram PAG Store...............................................................56
Gambar 4. 31 FlowChart Login Usert...................................................................57
v
Gambar 4. 32 FlowChart User Admin...................................................................58
Gambar 4. 33 Flowchart user pengunjung.............................................................59
Gambar 4. 34 Flowchart user karyawan................................................................59
Gambar 4. 35 Diagram Context.............................................................................60
Gambar 4. 36 Diagram Level 0 Admin..................................................................61
Gambar 4. 37 Data Flow Diagram Level 0 Karyawan..........................................62
Gambar 4. 38 Data Flow Diagram Level 0 Costumer...........................................63
Gambar 4. 39 DFD Level 1 Login.........................................................................64
Gambar 4. 40 DFD Level 1 Register.....................................................................64
Gambar 4. 41 DFD Level 1 Melihat Dashboard....................................................65
Gambar 4. 42 DFD Level 1 Pengelolaan data Costumer.......................................65
Gambar 4. 43 DFD Level 1 Pengelolaan data Karyawan......................................66
Gambar 4. 44 DFD Level 1 Pengelolaan Data Produk..........................................66
Gambar 4. 45 DFD Level 1 Pemesanan.................................................................67
Gambar 4. 46 DFD Level 1 Kategori Produk........................................................68
Gambar 4. 47 DFD Level 1 Foto Produk...............................................................68
Gambar 4. 48 DFD Level 1 Cetak Laporan...........................................................69
Gambar 4. 49 DFD Level 1 Data Keranjang.........................................................69
Gambar 4. 50 ERD Retail PAG Store....................................................................70
Gambar 4. 51 Konseptual Database.......................................................................70
Gambar 4. 52 Desain Antar Muka Login...............................................................75
Gambar 4. 53Desain Antar Muka Registrasi.........................................................76
Gambar 4. 54 Desain Antar Muka Dashboard.......................................................77
Gambar 4. 55 Desain Antarmuka Profil.................................................................78
Gambar 4. 56 Desain Antarmuka Detail Produk...................................................79
Gambar 4. 57 Desain Antarmuka Menu Kategori.................................................80
Gambar 4. 58 Desain Antarmuka Checkout..........................................................81
Gambar 4. 59 Desain Antarmuka Metode Pembayaran.........................................82
Gambar 4. 60 Desain Antarmuka Via COD..........................................................83
Gambar 4. 61 Desain Antarmuka Via E-Money....................................................84
Gambar 4. 62 Desain UI Registrasi.......................................................................85
Gambar 4. 63 Desain UI Login..............................................................................86
vi
Gambar 4. 64 Desain UI edit akun.........................................................................87
Gambar 4. 65 Desain UI Halaman Pengguna........................................................88
Gambar 4. 66 Desain UI Kategori Produk.............................................................89
Gambar 4. 67 Desain UI Detail Produk.................................................................90
Gambar 4. 68 Desain UI Keranjang.......................................................................91
Gambar 4. 69 Desain UI Pembayaran....................................................................92
Gambar 4. 70 Desain UI Metode Pembayaran......................................................93
Gambar 4. 71 Desain UI Orderan sedang di konfirmasi........................................94
Gambar 4. 72 Desain UI Metode Pembayaran Via E-Money................................95
Gambar 4. 73 Desain UI Metode Pembayaran Via COD......................................96
Gambar 4. 74 Desain UI Pengiriman telah sampai................................................97
vii
BAB I
PENDAHULUAN
1.1. Tujuan penulisan dokumen
Tujuan dari pembuatan dokumen Spesifikasi Kebutuhan Perangkat Lunak
(SKPL) adalah untuk menggambarkan sistem informasi retail yang akan
membantu pelanggan dalam membeli maupun memesan barang-barang keseharian
yang mereka butuhkan secara online dari sumber yang terpercaya.
1.2. Lingkup masalah

Aplikasi sistem informasi ini bertujuan membantu toko retail untuk
melakukan pengaturan toko secara online dan tersistem juga mempermudah
pelanggan untuk melakukan pembelian barang secara online.
1.3 Definisi, akronim dan singkatan

1. SKPL (Spesifikasi Kebutuhan Perangkat Lunak) adalah sebuah dokumen
yang berisi deskripsi detail mengenai hal yang harus dilakukan oleh
perangkat lunak sesuai dengan kebutuhan dari pengguna.
2. DFD (Data Flow Diagram) adalah representasi grafik dari sebuah sistem.
DFD menggambarkan komponen-komponen sebuah sistem, aliran-aliran
data diantara komponen-komponen tersebut, asal, tujuan dan penyimpanan
dari data tersebut[1].
3. UML (Unify Modelling Language) adalah sebuah "bahasa" yang telah
menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah
standar untuk merancang model sebuah sistem[2].
4. Flowchart adalah diagram yang digunakan untuk memperlihatkan
langkah-langkah yang diambil untuk melakukan suatu proses
5. ERD (Entity Relationship Diagram) adalah diagram yang digunakan untuk
menggambarkan relasi atau hubungan antar entitas, digunakan untuk
mempermudah pembuatan database.
6. Database atau basis data adalah kumpulan data yang dikelola dan
dikelompokkan berdasarkan ketentuan yang saling berhubungan untuk
mempermudah pengelolaan data tersebut.
1
1.4. Deskripsi Umum Dokumen
1. Bab I Pendahuluan, Mendeskripsikan tujuan dari pembuatan dokumen
dan lingkup masalah tentang pengembangan perangkat lunak.
2. Bab II Deskripsi Umum Perangkat Lunak, mendeskripsikan tentang
deskripsi umum sistem, karakteristik pengguna, batasan dan lingkup
operasi.
3. Bab III Deskripsi kebutuhan, mendeskripsikan kebutuhan fungsional
dan non fungsional dari sistem.
4. Bab IV Perancangan, mendeskripsikan UML, flowchart, DFD, ERD,
basis data konseptual, basis data relasional, normalisasi, perancangan
database, perancangan perangkat lunak dan antar muka.
5. Bab V pengujian Blackbox Testing, mendeskripsikan pengujian yang
dilakukan menggunakan blackbox testing.
2
BAB II
DESKRIPSI UMUM PERANGKAT LUNAK
2.1 Deskripsi umum sistem
Aplikasi berbasis web yang terdapat pada toko retail PAG store ini
memiliki fitur 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.1.1 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 pengguna

banyak produk sekaligus 2. Dapat melakukan register untuk
2. Pengguna dapat Melihat membuat akun pengguna
produk dan detail produk 3. Dapat melakukan login untuk
3. Pengguna dapat mengakses dashboard pengguna
memanajemen akunnya 4. Dapat melakukan pembelian produk
4. Pengguna dapat 5. Dapat Melihat dan membuka menu
mengomentarkan sebuah detail kategori, jenis dan detail barang
produk 6. Dapat mengubah password, alamat,
5. Pengguna dapat nama lengkap
menambahkan produk ke 7. Dapat melakukan pembayaran /
keranjang transaksi
6. Pengguna dapat 8. Dapat melakukan pemilihan barang
mengwishlist produk (filter produk)
7. Pengguna dapat 9. Dapat melakukan komentar, kritik dan
3
mendaftarkan akunnya saran
menjadi akun
VIP/member
8. Pengguna dapat mencari
produk dengan search
9. Pengguna dapat melihat
produk dengan
menggunakan filter
produk
Admin 1. Admin dapat 1. Dapat melihat dashboard

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 dan 4. Dapat membuat akun untuk karyawan
memperbaharui data 5. Dapat melihat, menambahkan,
produk, data coustumer menghapus dan memperbaharui data
3. Dapat melihat detail detail produk barang.
produk 6. Dapat melihat, menambahkan,
4. Melihat Dashboard menghapus dan memperbaharui data
Admin kategori dan jenis produk barang.
5. Melihat Dashboard 7. Dapat melakukan dan melihat data
Costumer absensi.
6. Melihat dan menjawab 8. Dapat melakukan komentar, kritik dan
komentar costumer saran
7. Admin dapat melakukan
pengelolaan costumer
Member
Karyawan 1. Melihat, menambahkan, 1. Dapat melihat dashboard

menghapus dan 2. Dapat melihat status dan jabatan dari
memperbaharui data akun karyawan
4
produk dan detail 3. Dapat melakukan dan melihat absensi.
barang. 4. Dapat melihat, menambahkan,
2. Absensi menghapus dan memperbaharui data
3. Melihat Dashboard detail produk barang.
4. Komentar 5. Dapat melihat, menambahkan,
5. Melihat status dan menghapus dan memperbaharui data
jabatan pada akun kategori dan jenis produk barang.
6. Dapat melakukan komentar, kritik dan
saran
2.2 Batasan
Batasan yang dapat digunakan pada pengembangan sistem antara lain
sebagai berikut :
1. Fitur add dan delete data barang hanya bisa diakses oleh admin dan
karyawan.
2. Transaksi yang hanya bisa dilakukan melalui akun pengguna
2.2.1 Lingkungan Operasi

Sistem menggunakan web untuk menjalankannya. Aplikasi seperti
chrome, firefox maupun lainnya dapat digunakan untuk menjalankan sistem,
maka sistem dapat berjalan pada operating sistem windows, ios ataupun android.
1. Sistem ini berbasis Web dan dibangun menggunakan software Sublime dan
Dreamweaver menggunakan bahasa pemrograman HTML, PHP dengan
Framework laravel dan MySql sebagai database yang digunakan.
2. Sistem ini dibangun menggunakan sistem operasi windows dan menggunakan
metode Waterfall sebagai metode pengembangan sistem.
3. Sistem informasi ini nantinya dapat diakses secara online berbasis Web agar
pengunjung dapat mengakses halaman dashboard toko online berikut.
BAB III
DESKRIPSI KEBUTUHAN
5
3.1 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
untuk verifikasi terakhir.
2. Sistem harus bisa melakukan login
- Pengguna dapat melakukan login dengan memasukan username dan
password.
- Pengguna tidak dapat melanjutkan akses ke halaman beranda jika
password yang di masukkan salah.
- Pengguna tidak dapat mengakses halaman Login jika tidak memiliki
internet.
- Admin dan karyawan dapat melakukan login untuk mengakses
dashboard 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.
- 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 akhir
beberapa 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
6. Sistem harus bisa melakukan pembelian
- Pengguna dapat melakukan pembelian setelah memilih produk yang
ingin di beli.
- Pengguna dapat melihat barang-barang yang di beli pada keranjang
apabila 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.2 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
dan keatasnya.
2. Keamanan
- Sistem menggunakan username dan password yang terlah di buat
pada registrasi.
- 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.
3. 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 kesalahan
memasukkan username atau password.
- Sistem dapat menampilkan notifikasi jika username telah
digunakan.
7
- Sistem dapat menampilkan informasi biodata pengguna belum
lengkap jika sebelum melakukan transaksi.
- Sistem dapat menampilkan promosi yang sudah di tentukan oleh
admin.
- Sistem dapat menampilkan notifikasi jika pengguna tidak aktif.
- Sistem dapat menampilkan pemberitahuan jika website
maintenance.
- Sistem dapat menampilkan data barang apabila pengguna
menggunakan 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
4. Kinerja
- Sistem akan berjalan dengan stabil jika perangkat masing-masing
memiliki jaringan internet.
- Sistem tidak ada batasan spesifikasi perangkat untuk dapat
mengakses sistem.
8
BAB IV
PERANCANGAN
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.1.1 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 [3].
Gambar 4. 1 use case Sistem Informasi PAG Store
9
4.1.2 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
Anonim yang ingin mendaftar untuk
Description 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
Member, admin & karyawan
melakukan login untuk mengakses
Description
halaman beranda yang telah di
tentukan
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
Use case Data pengguna

Actor Admin, karyawan, customer
Description Use case ini bertujuan untuk
10
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
use case ini digunakan untuk customer
yang ingin mengubah biodata diri
Description
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
Use case ini digunakan untuk admin
Description dan karyawan jika melihat serta
mengubah data produk
f. Input data produk

pengimputan data produk, digambarkan pada tabel 4.6
11
Tabel 4. 6 High Level Use Case Input data produk
Use case Input data produk

Use case ini digunakan khusus untuk
admin serta karyawan yang ingin
Description
menginputkan data produk lama atau
data produk baru jika ada perubahan
g. Update data produk

pengimputan data produk, digambarkan pada tabel 4.7
Tabel 4. 7 High Level Use Case Update data produk
Use case Update data produk

Use case ini digunakan untuk
mengubah data produk dari yang
Description
sudah melakukan update lama menjadi
update produk yang baru
h. Cari produk
pencarian produk, digambarkan pada tabel 4.8
Tabel 4. 8 High Leve Use Case Cari produk
Use case Cari produk

Actor Admin, karyawan & customer
Use case ini di gunakan untuk aktor
Description yang kesusahan mencari produk yang
di inginkan
12
i. Membeli produk
pembelian produk, digambarkan pada tabel 4.9
Tabel 4. 9 High Level Use Membeli Produk
Use case Membeli produk

Actor customer
Use case ini bertujuan untuk customer
Description 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
Use case ini bertujuan untuk customer
Description yang membeli lebih dari satu produk
agar tertampung
k. Transaksi
Transaksi, digambarkan pada tabel 4.11
Tabel 4. 11 High Level Use Case Transaksi
Use case transaksi

Actor Customer & karyawan
Customer di arahkan pada menu
Description transaksi untuk melanjutkan proses
pembelian produk
13
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
Costumer diberikan pilihan untuk
Description 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
Description memilih transaksi via e money jika
costumer memilih via e money
n. Cetak laporan transaksi

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

Description Cetak laporan transaksi akan berjalan
jika aktor sudah melakukan alur-alur
14
transaksi yang di butuhkan
4.1.3 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
Goal In Context yang bertujuan untuk dapat memiliki
hak akses dalam sistem tersebut
Primary Actor Anonim
Secondary Actor
Typical course of event
Actor action System response
1. Use case ini dimulai pada
2. Sistem menampilkan halaman
saat anonim sudah memasuki
registrasi
halaman registrasi
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 yang di perlukan registrasi yang sudah di isi
8. Sistem menerima perintah untuk
7. Anonim menyimpan data
menyimpan data yang sudah di
yang sudah di isi
isi
9. Sistem menampilkan pesan yaitu
“selamat Anda sudah
teregistrasi”
15
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
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.
5. Sistem menampilkan
halaman beranda
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
16
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 Customer, admin dan karayawan
Secondary Actor
6. Use case ini dimulai pada saat 7. Sistem menampilkan menu
aktor telah login halaman utama
9. Sistem menampilkan info
8. Aktor menekan tombol profil data pengguna yang telah
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
Use Case Name Update Data pengguna

Goal In Context Costumer dapat melakukan edit data
Primary Actor Customer
Secondary Actor
saat costumer berada di
profil
halaman profil
3. Costumer menekan
4. Sistem merespon tombol edit data
tombol edit data
5. Sistem menampilkan form edit data
17
6. Costumer mengisi data
7. Sistem mengambil data yang telah
form yang diberikan oleh
di isi
sistem
9. Sistem merespon tombol simpan
8. Costumer menekan
serta sistem menyimpan data
tombol simpan
pengguna yang telah di update
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
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
Primary Actor Admin & karyawan
Secondary Actor
saat admin & karyawan
utama
sudah login pada sistem
3. Admin & karyawan
melakukan pengelolaan 4. Sistem menampilkan halaman
data produk-produk yang pengelolaan data produk
tersedia
f. Input data produk
18
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
1. Use case ini dimulai pada 2. Sistem menampilkan halaman
saat admin dan karyawan pengelolaan produk serta
sudah masuk ke dalam menampilkan produk yang sudah
menu pengelolaan produk terdaftar
3. Admin dan karyawan
melakukan input data
input data produk
produk pada sistem
6. Menampilkan form input produk
mengisi form input produk
8. Sistem menerima perintah untuk
menyimpan data produk
menyimpan data
yang sudah di inputkan
sistem menyimpan data produk jika “tidak” maka sistem menampilkan
halaman input data produk
g. Update produk
Expanded use case update produk menjelaskan bahwa expanded use case
19
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
saat admin dan karyawan
sudah masuk ke dalam
pengelolaan data produk
menu halaman
pengelolaan data produk
memilih menu update
update produk
produk
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
sistem menyimpan data produk jika “tidak” maka sistem menampilkan
halaman update data produk
h. Cari produk
Expanded use case cari produk menjelaskan bahwa expanded use case
Tabel 4. 22 Expanded Use Case Cari Produk
Use Case Name cari data produk
20
Admin & karyawan dapat melakukan
Goal In Context
pencarian data produk
Primary Actor Admin,Karyawan & customer
Secondary Actor
saat admin, karyawan dan 2. Sistem menampilkan halaman
customer sudah utama
melakukan 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
7. Admin, karyawan dan 8. Sistem mencari produk yang di
customer menekan tombol inginkan
cari
9. Sistem menampilkan produk yang
di cari
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
Tabel 4. 23 Expanded Use Case Membeli Produk
21
Use Case Name Membeli produk
Customer dapat melakukan pembelian
Goal in context
suatu produk
Secondary Actor
2. Sistem menampilkan menu
halaman utama serta menampilkan
saat costumer sudah
beberapa produk acak pada
melakukan login
halaman utama
3. Costumer sudah memilih 4. Sistem mengambil data produk
beberapa produk yang dipilih oleh costumer
5. Costumer menekan
6. Sistem merespon tombol beli
tombol beli
7. Sistem mengambil data pengguna
yang telah di daftarkan
8. Sistem memberikan form penerima
barang (nama pengirim, nama
penerima, alamat penerima, nomor
telepon penerima)
9. Costumer mengisi form 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
22
Use Case Name Keranjang produk
Customer dapat melakukan pembelian
Goal in context
lebih dari satu produk
Secondary Actor
halaman utama serta menampilkan
saat costumer sudah
beberapa produk acak pada
melakukan login
halaman utama
3. Costumer sudah memilih 4. Sistem mengambil data produk
beberapa produk yang dipilih oleh costumer
5. Costumer ingin membeli 6. Sistem menyimpan produk yang
beberapa produk sudah di pilih
7. Sistem menampilkan halaman data
produk
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

Goal In Context Customer melanjuti langkah pembelian
23
yang sudah di lakukan
Primary Actor Customer & karyawan
Secondary Actor
saat customer sudah 2. Sistem menampilkan data produk
melakukan pembelian dan yang 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 use
Tabel 4. 26 Expanded Use Case Transaksi via e-money
Use Case Name Transaksi via e money

Customer dapat melakukan transaksi via e
Goal In Context
money
Secondary Actor
saat costumer sudah 2. Sistem menampilkan menu
memilih transaksi via e transaksi via e money
money
3. Sistem menampilkan pilihan menu
e money (seperti bank, dana,
24
paypal, link saja dll)
4. Costumer memilih salah
transaksi yang di pilih oleh
satu menu transaksi
costumer dan sistem memberikan
pilihan e-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
verifikasi
berikan oleh sistem
11. Customer menekan tombol 12. Sistem mengecek verifikasi yang
verifikasi sudah di masukan
13. Sistem menampilkan data transaksi
yang sudah dilakukan
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”
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
25
Secondary Actor
saat costumer sudah 2. Sistem menampilkan menu
memilih transaksi via cas transaksi via cash on delivery
on delivery
3. Sistem mengambil data pembelian
4. Sistem menampilkan tombol status
pemesanan
5. Costumer menekan 6. Sistem merespon tombol tersebut.
tombol status barang Sistem update status pemesanan
7. Sistem menampilkan transaksi yang
sudah terjadi
Line 5: jika status pemesanan aktif maka pemesanan masih tahap proses
pengiriman. Jika pemesanan statusnya non aktif maka pemesanan sudah
sampai pada alamat yang di tuju
n. Cetak laporan
Expanded use case cetak laporan menjelaskan bahwa expanded use case
Tabel 4. 28 Expanded Use Case Cetak Laporan
Use Case Name Cetak laporan
26
Admin dan karyawan mencatat semua
Goal In Context
transaksi yang sudah diselesaikan
Primary Actor admin dan karayawan
Secondary Actor
saat admin dan karyawan
halaman utama
telah login
3. Admin dan karyawan 4. Sistem menampilkan menu cetak
menekan tombol cetak laporan. Sistem memberikan form
laporan cetak laporan
6. Sistem mengambil data transaksi
mencatat laporan transaksi
yang terjadi
7. Admin dan karyawan 8. Sistem menyimpan laporan
menekan tombol simpan transaksi
Line 8: jika admin dan karyawan menekan tombol cancel maka sistem
menampilkan form halaman cetak laporan transaksi
27
4.1.4 Activity Diagram
a. Registrasi
Activity Diagram Registrasi ini menjelaskan tentang aktivitas yang
terjadi antara aktor dengan sistem
Gambar 4. 2 Activity Diagram Registrasi
28
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
29
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
30
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
31
d. 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
32
e. 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
33
f. 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
34
g. 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
35
h. Membeli Produk
membeli produk anatara customer dan sistem. Sistem akan memproses
permintaan dari pembeli.
Gambar 4. 10 Activity Diagram Membeli Produk
36
i. Keranjang
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
37
j. Memilih Menu Transaksi
memilih menu transaksi yang ingin dipilih oleh customer. Sistem
menampilkan menu transaksi yang telah disediakan..
Gambar 4. 12 Activity Diagram Pilihan Menu Transaksi
38
k. 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
39
l. Via COD
transaksi via COD dari pembeli ke penjual. Sistem menampilkan posisi
pengantaran barang via COD.
Gambar 4. 14 Activity Diagram Transaksi via Cash on Delivery
40
m. 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
41
4.1.5 Squence Diagram
Sequence diagram atau diagram urutan adalah sebuah diagram yang

digunakan untuk 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
42
b. Login
Pada gambar 4.17 menjelaskan tentang bagaimana alurnya sistem yang
dijalankan oleh aktor untuk melakukan login.
Gambar 4. 17 Squence Diagram Login
43
c. Biodata
dijalankan oleh aktor saat menggunakan fitur biodata.
Gambar 4. 18 Squence Diagram Biodata
44
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
45
e. Halaman Pengelolaan Produk
dijalankan oleh admin & karyawan saat menggunakan fitur pengelolaan
produk.
Gambar 4. 20 Squence Diagram Halaman Pengelolaan Produk
46
f. Input Produk
Pada gambar 4.21 menjelaskan tentang fitur input produk pada halaman
pengelolaan produk.
Gambar 4. 21 Squence Diagram Input Data
47
g. Edit Produk
Pada gambar 4.22 menjelaskan tentang fitur edit produk pada halaman
pengelolaan produk.
Gambar 4. 22 Squence Diagram Edit Produk
48
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
49
i. Belanja
Pada gambar 2.24 menjelaskan alur bagaimana member/customer
melakukan pembelajaan pada sistem.
Gambar 4. 24 Squence Diagram Belanja
50
j. Keranjang
Pada gambar 2.25 menjelaskan alur bagaimana member/customer
melakukan pembelajaan lebih dari satu produk pada sistem.
Gambar 4. 25 Squence Diagram Keranjang
51
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
52
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
53
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
54
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
55
4.1.6 Class Diagram
Gambar 4. 30 Class Diagram PAG Store
4.1.7 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.
56
1. Flowchart Login
Flowchart Proses Login ini menjelaskan bahwa user dapat melakukan proses
login, dimanan nantinya setelah login user akan diarahkan pada bagian sistemnya
masing masing, digambarkan pada gambar 4.31.
Gambar 4. 31 FlowChart Login Usert

2. Flowchart User Proses
Flowchart User Proses ini menjelaskan sebuah proses mengelola data yang di
lakukan 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.
57
Gambar 4. 32 FlowChart User Admin
58
Gambar 4. 33 Flowchart user pengunjung
Gambar 4. 34 Flowchart user karyawan
59
4.1.8 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.1.9 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.
Gambar 4. 35 Diagram Context
60
4.1.10 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
61
Gambar 4. 37 Data Flow Diagram Level 0 Karyawan
62
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 :
63
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 :
64
Gambar 4. 41 DFD Level 1 Melihat Dashboard
d. proses kelola data costumer

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
65
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
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
66
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.
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.
67
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 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 dua entitas 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 :
68
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 :
Gambar 4. 49 DFD Level 1 Data Keranjang
4.1.11 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.
69
Gambar 4. 50 ERD Retail PAG Store
4.1.12 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.
Gambar 4. 51 Konseptual Database
70
4.2 Struktur Tabel
Struktur tabel akan menampilkan struktur data dari tiap tabel yang
ditampilkan di dalam konseptual database. Berikut adalah struktur tabel dari
sistem.
4.2.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 Data Constraint

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
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’, NOT NULL
’KARYAWAN’,
’COUSTUMER’)
4.2.2 Tabel Karyawan

Pada bagian ini akan ditampilkan struktur data dari tabel karyawan.
Berikut adalah tampilan struktur tabel karyawan.
Tabel 4. 30 Tabel Karyawan

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
71
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.2.3 Tabel Pemesanan

Pada bagian ini akan ditampilkan struktur data dari tabel
pemesanan. Berikut adalah tampilan struktur tabel pemesanan.
Tabel 4. 31 Tabel Pemesanan

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.2.4 Tabel Detail Produk

Pada bagian ini akan ditampilkan struktur data dari tabel
detail_produk. Berikut adalah tampilan struktur tabel detail_produk.
72
Tabel 4. 32 Tabel Detail Produk

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_produk DATE NOT NULL
8 estimasi_ongkir varchar(13) NOT NULL
9 ratting int(10) NOT NULL
10 komentar varchar(500) NOT NULL
4.2.5 Tabel Produk

Pada bagian ini akan ditampilkan struktur data dari tabel produk.
Berikut adalah tampilan struktur table produk
Tabel 4. 33 Produk

2 id_kategori int(11) Foreign Key
3 nama_produk varchar(50) NOT NULL
4 status Enum(‘READY’,’SOLD NOT NULL
OUT’)
4.2.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

73
3 url varchar(50) NOT NULL
4 foto_utama Enum(‘YA’,’TIDAK’) NOT NULL
5 Jenis Enum(‘FOTO’,’VIDEO’)
4.2.7 Tabel Keranjang

Pada bagian ini akan ditampilkan struktur data dari tabel karanjang.
Berikut adalah tampilan struktur table keranjang.
Tabel 4. 35 Keranjang

3 id_pengunjung int(11) NOT NULL
4 jumlah int(11) NOT NULL
4.2.8 Tabel Kategori

Pada bagian ini akan ditampilkan struktur data dari tabel kategori.
Berikut adalah tampilan struktur table kategori.
Tabel 4. 36 Kategori

2 nama_kategori varchar(20) NOT NULL
3 status Enum(‘AKTIF,’NONAKTIF’) NOT NULL
4.3. Design Interface

Desain Interface sistem dibuat untuk mempermudah pada saat
dilakukan implementasi sistem.
74
4.3.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
Gambar 4. 52 Desain Antar Muka Login
75
4.3.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
Gambar 4. 53Desain Antar Muka Registrasi
76
4.3.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
Gambar 4. 54 Desain Antar Muka Dashboard
77
4.3.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
Gambar 4. 55 Desain Antarmuka Profil
78
4.3.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
Gambar 4. 56 Desain Antarmuka Detail Produk
79
4.3.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
Gambar 4. 57 Desain Antarmuka Menu Kategori
80
4.3.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
81
4.3.8. Antarmuka Metode Pembayaran
Desain halaman ini digunakan untuk memilih metode pembayaran.
Berikut adalah gambar dari desain Antarmuka Metode Pembayara dapat
Gambar 4. 59 Desain Antarmuka Metode Pembayaran
82
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
Gambar 4. 60 Desain Antarmuka Via COD
83
4.3.10. 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
Gambar 4. 61 Desain Antarmuka Via E-Money
84
4.4. Desain UI Android
4.4.1. UI Pengguna Android
a. Halaman Registrasi
Pada gambar 4.62 merupakan perancangan desain pada halaman registrasi
anonim untuk menjadi member serta costumer.
Gambar 4. 62 Desain UI Registrasi
85
b. Halaman Login
Gambar 4.63 merupakan rancangan desain UI dari pengguna pada halaman
login.
Gambar 4. 63 Desain UI Login
86
c. Halaman Edit Akun
Pada gambar 4.64 merupakan rancangan desain pengguna pada halaman edit
akun atau edit biodata diri.
Gambar 4. 64 Desain UI edit akun
87
d. Halaman Dashboard Pengguna
Pada gambar 4.65 merupakan perancangan desain ui halaman pengguna yang
berisi produk-produk yang ditawarkan.
Gambar 4. 65 Desain UI Halaman Pengguna
88
e. Kategori
Pada gambar 4.66 merupakan rancangan Desain UI dari kategori produk yang
memisahkan beberapa produk.
Gambar 4. 66 Desain UI Kategori Produk
89
f. Detail Produk
Pada gambar 4.67 merupakan rancangan Desain UI dari detail produk
yang menjelaskan lebih detail dari produk yang dijual.
Gambar 4. 67 Desain UI Detail Produk
90
g. Keranjang
Pada gambar 4.68 merupakan rancangan Desain UI dari fitur keranjang yang
menampung banyak barang untuk di beli.
Gambar 4. 68 Desain UI Keranjang
91
h. Pembayaran
Pada gambar 4.69 merupakan langkah selanjutnya ketika pembeli ingin
melakukan pembayaran.
Gambar 4. 69 Desain UI Pembayaran
92
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.
Gambar 4. 70 Desain UI Metode Pembayaran
93
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
Gambar 4. 71 Desain UI Orderan sedang di konfirmasi
94
k. Metode pembayaran Via E-Money
Pada gambar 4.72 merupakan rancangan Desain UI dari metode
pembayaran via E-money.
Gambar 4. 72 Desain UI Metode Pembayaran Via E-Money
95
l. Via COD
Pada gambar 4.73 merupakan rancangan Desain UI dari Via COD dimana
pembeli diarahkan untuk input alamat yang dinginkan.
Gambar 4. 73 Desain UI Metode Pembayaran Via COD
96
m. Barang telah sampai
Pada gambar 4.74 merupakan rancangan dari Desain UI jika pengiriman
barang telah sampai pada tujuan.
Gambar 4. 74 Pengiriman telah sampai
4.4.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
97
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
98
Pada Gambar 4.77 terdapat halaman pengguna yang dapat diakses oleh
karyawan dan admin, pada halaman pengguna karyawan dan admin 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
99
4.4.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
100
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
101
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
102
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
103
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
104
f. Halaman Detail Produk
Pada gambar 4.84 terdapat halaman detail produk yang dapat diakses oleh
pengguna untuk melihat detail produk.
Gambar 4.84 Halaman Detail Produk Desktop Pengguna
105
g. Halaman Keranjang
Pada gambar 4.85 tedapat halaman keranjang yang dapat diakses oleh
pengguna untuk menyimpan barang yang akan ingin di belinya.
Gambar 4.85 Halaman Keranjang Dasktop Pengguna
106
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
107
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
108
j. Halaman Orderan sedang di konfirmasi
Pada gambar4.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
109
k. Halaman Via E-Money
Pada gambar 4.89 terdapat halaman Via E-Money yang dapat diakses setelah
pengguna memilih metode
110
Gambar 4.89 Halaman Via E-Money Desktop Pengguna
111
l. Halaman COD
Pada gambar 4.90 terdapat halaman COD yang dapat di akses jika pengguna
memilih metode pembauaran COD.
Gambar 4.90 Halaman COD Desktop Pengguna
112
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 Samapi Desktop Pengguna
113
BAB V
PENGUJIAN
5.1 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.
5.1.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 5. 1 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
harus diisi pesan bahwa
username/password
harus diisi
2
Kombinasi Menampilkan pesan Sistem Valid
username dan username dan menampilkan
password tidak password tidak pesan bahwa
cocok cocok kombinasi
username dan
password yang
dimasukkan tidak
cocok
3
Login sukses Manampilkan pesan Sistem berhasil Valid
114
login sukses dan melakukan
masuk ke halaman pengecekan
utama kombinasi
password dan
menampilkan
pesan login
berhasil dan
membawa user ke
halaman utama
5.1.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 5. 2 Hasil Menu Pengguna

1
Tampil data Sistem Sistem berhasil Valid
menampilkan menampilkan
keseluruhan data keseluruhan data
pengguna pengguna
2
Tombol tambah Menambah data Sistem berhasil Valid
pengguna ke dalam menambah data
database pengguna ke
dalam database
setelah tombol
tambah ditekan
3
Tombol ubah Mengubah data Sistem berhasil Valid
pengguna ke dalam mengubah data
database pengguna ke
115
dalam database
setelah tomboh
ubah ditekan
4
Tidak memasukkan Menampilkan Sistem berhasil Valid
data pada salah satu pesan bahwa kolom menampilkan
kolom yang kosong harus pesan 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
5.1.3 Menu Produk

Tabel 5. 3 Hasil Menu Produk

1
produk ke dalam menambah data
database produk ke dalam
database setelah
tombol tambah
116
ditekan
2
Tomboh ubah Mengubah data Sistem berhasil Valid
produk ke dalam mengubah data
database produk ke dalam
database setelah
tomboh ubah
ditekan
3
disi untuk mengisi
kolom yang masih
kosong
5.1.4 Menu Kategori

Tabel 5. 4 Hasil Menu Kategori

1
kategori ke dalam menambah data
database kategori ke dalam
database setelah
tombol tambah
ditekan
2
Tomboh ubah Mengubah data Sistem berhasil Valid
kategori ke dalam mengubah data
database kategori ke dalam
database setelah
tombol ubah
ditekan
117
3
disi untuk mengisi
kolom yang masih
kosong
5.1.5 Menu Pemesanan
Tabel 5. 5 Hasil Menu Pemesanan
1
Tombol Detail Menampilkan data Sistem berhasil Valid
Pemesanan dengan menampilkan data
detail pemesanan dengan
detail
5.1.6 Menu Registrasi
Tabel 5. 6 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
password tidak verifikasi password pesan bahwa
cocok tidak cocok kombinasi
password dan
118
verifikasi
password yang
dimasukkan tidak
cocok
3
Username tidak Manampilkan pesan Sistem Valid
boleh 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
5.1.7 Metode Pembayaran
Tabel 5. 7 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
metode salah satu metode
pembayaran pembayaran yang
akan di lakukan
pengguna
119
5.1.8 Keranjang
Tabel 5. 8 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
5.1.9 Detail Produk

Tabel 5. 9 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 pembayaran saat
langsung di klik tombol beli di klik
5.1.10 Via Cod

Tabel 5. 10 Hasil Menu Via COD
1
Tombol Simpan Menampilakan Sistem berhasil Valid
120
halaman orderan menampilkan
sedang di halaman orderan
konfirmasi sedang di
konfirmasi setelah
tombol simpan di
klik
121
DAFTAR PUSTAKA
[1] N. Budiani et al., “DATA FLOW DIAGRAM : sebagai alat bantu desain sistem
Disusun oleh,” 2000.
[2] T. A. Kurniawan, “Pemodelan Use Case (UML): Evaluasi Terhadap beberapa
Kesalahan dalam Praktik,” Jurnal Teknologi Informasi dan Ilmu Komputer, vol. 5,
no. 1, p. 77, Mar. 2018, doi: 10.25126/jtiik.201851610.
[3] “M2 - Pengenalan UML”.

122

Fix RPL

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Fix RPL

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI TOKO RETAIL

REKAYASA PERANGKAT LUNAK

1. Anak Agung Wisnu Arta (200030014)

INSTITUT TEKNOLOGI DAN BISNIS

1.2. Lingkup masalah

1.3 Definisi, akronim dan singkatan

2.1.1 Karakteristik Level User

Level User Hal yang bisa dilakukan Hak Akses

Pengguna 1. Pengguna dapat membeli 1. Dapat melihat dashboard pengguna

Admin 1. Admin dapat 1. Dapat melihat dashboard

Karyawan 1. Melihat, menambahkan, 1. Dapat melihat dashboard

2.2.1 Lingkungan Operasi

3.2 Kebutuhan non fungsional

4.1.1 Pembuatan Unified Modeling Language (UML)

UML sudah menjadi bahasa pemodelan baku dalam pengembangan sistem

Gambar 4. 1 use case Sistem Informasi PAG Store

Tabel 4. 1 High Level Use Case Registrasi

Use case Registrasi

Use case Login

Tabel 4. 3 High Level Use Case Data Pengguna

Use case Data pengguna

d. Update data pengguna

Tabel 4. 4 High Level Use Case Update Data Pengguna

Use case Update data pengguna

e. Mengelola data produk

Tabel 4. 5 High Level Use Case Mengelola data produk

Use case Mengelola data produk

f. Input data produk

Use case Input data produk

g. Update data produk

Tabel 4. 7 High Level Use Case Update data produk

Use case Update data produk

Tabel 4. 8 High Leve Use Case Cari produk

Use case Cari produk

Tabel 4. 9 High Level Use Membeli Produk

Use case Membeli produk

Use case Keranjang

Tabel 4. 11 High Level Use Case Transaksi

Use case transaksi

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

Use case Transaksi via cash on delivery

m. Transaksi via e money

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

Use case Transaksi via e money

n. Cetak laporan transaksi

Tabel 4. 14 High Level Use Case Cetak Laporan Transaksi

Use case Cetak laporan transaksi

4.1.3 Expanded use case

Tabel 4. 15 Expanded Use Case Registrasi

Use Case Name Registrasi

Use Case Name Login

Use Case Name Data pengguna

d. Update data pengguna

Tabel 4. 18 Expanded Use Case Update Data Pengguna

Use Case Name Update Data pengguna

e. Mengelola data produk

Tabel 4. 19 Expanded Use Case Mengelola Data Produk

Use Case Name Mengelola data produk

f. Input data produk

Tabel 4. 20 Expanded Use Case Input Data Produk

Use Case Name Input data produk

Use Case Name update data produk

Tabel 4. 22 Expanded Use Case Cari Produk