BAB 3

ANALISIS DAN PERANCANGAN SISTEM

1.1 Analisis Sistem yang Berjalan

Analis sistem yang sedang berjalan pada toko NF

Collection, bertujuan untuk mengetahui lebih jelas bagaimana
cara kerja system tersebut dan masalah yang dihadapi sistem
tersebut untuk dapat dijadikan system yang baru agar
terkomputerisasi, perancangan analisis system yang sedang
berjalan yang dilakukan berdasarkan alur system yang sedang
berjalan saat ini pada toko NF collection di deskripsikan
sebagai berikut:
1. Pemesan datang langsung ke lokasi untuk
mendapat informasi lebih detail tentang variasi
souvenir dan undangan apa saja yang ada pada
toko NF collection.
2. Pemesan memberikan data pesanan ke penjual.
3. penjual memberikan lembar 1 kwitansi
pembayaran kepada pemesan sebagai bukti.
4. Pemesan bayar dengan uang tunai dengan total
pemesanan yang telah di pesan.

1.1.1 Analisis Proses Bisnis

Didalam proses bisnis penjualan di toko NF

Collection Gresik alurnya dapat dilihat pada gambar 3.1
dibawah ini:
 Gambar 3. 1 analisis proses bisnis penjualan

1.2 Analisis Sistem yang Diusulkan

Setelah mengobservasi dan menganalisis dari

proses bisnis yang berjalan pada penjualan toko di NF
Collection pada bab sebelumnya, maka didapatkan gambaran
sistem yang diusulkan untuk sistem penjualan. Berikut ini
proses bisnis yang diusulkan:

Gambar 3. 2 analisis proses bisnis yang diusulkan

Gambar 3.2 di atas dapat dijelaskan bahwasanya

pembeli melakukan pemesanan dan memasukkan data pada
sistem, penjual dapat mengola pesanan yang lebih efesien
dan memantau stok produk.
1.2.1 Kebutuhan Fungsional

Di dalam sistem informasi pemesanan souvenir dan

undangan yang dibangun terdapat dua aktor yakni penjual
yang berperan sebagai admin serta pembeli yang berperan
sebagai pengguna. Kebutuhan fungsional dari kedua aktor
tersebut dapat dilihat pada tabel dibawah.

No User Hak Akses

1 Admin/Penjual 1. Menginput data produk
(variasi, harga, informasi)
2. Update data produk (variasi,
harga)
3. Mengkonfirmasi transaksi (list
pesanan, data pembayaran,
konfirmasi pembayaran)
2. User/Pelanggan 1. Registrasi
2. Melakukan login
3. Melihat informasi souvenir
dan undangan
4. Melakukan transaksi (input
pesanan, input pembayaran)
5. Konfirmasi pesanan
Tabel 3.1 kebutuhan fungsional

1.2.2 Kebutuhan Non Fungsional

Selain kebutuhan fungsional tentu sebuah sistem

juga memiliki kebutuhan non fungsional seperti User Friendly,
kinerja. Kebutuhan non fungsional dari Sistem informasi
pemesanan souvenir dan undangan antara lain:
a. User Friendly
Sistem dibangun dengan tampilan yang menarik
dan mudah dipahami oleh pengguna dalam
proses pembelian souvenir dan undangan.
 b. Kinerja
Kinerja dari sistem ini dapat digunakan 24 Jam.

1.2.3 Perancangan Sistem yang Diusulkan

Bagian ini dibuat dengan asumsi pemodelan

berorientas obyek maka dari itu komponen yang ada adalah
Use Case, Activity, Sequence dan Class Diagram.
A. Pemodelan Use Case
Pada bagian ini dimunculkan Use Case Diagram
serta deskripsi tiap aktor di dalam sistem. Use Case Diagram
pada sistem ini dapat dilihat pada gambar 3.3 dan tabel 3.2
berikut.

Gambar 3.3 Use Case sistem yang diusulkan

Aktor Keterangan
Admin Admin dalam sistem informasi adalah
penjual. Admin memiliki hak untuk
mengakses dan mengelola seluruh proses
yang ada di sistem.
User User dalam sistem informasi adalah
pemebeli. User memiliki hak untuk
mengakses fitur – fitur yang ada di sistem.
Tabel 3.2 Tabel Use Case
B. Use Case Admin
Pada sistem informasi pemesanan souvenir dan
undangan digital berbasis website terdapat Use Case admin.
Admin dapat melakukan login atau logout dari sistem. Selain
itu, admin juga dapat menginput data produk (jenis, harga dan
informasi), update data, dan mengolah data transaksi.

Gambar 3.4 Use Case admin

Berdasarkan gambaran Use Case pada gambar 3.4

diatas dapat dilihat hak akses yang didapatkan oleh admin.

C. Use Case pengguna

Gambar 3.5 Use Case Pengguna

 Dari gambar 3.5 menjelaskan bahwa pengguna
melakukan regristrasi, login, melihat informasi produk, list
stok, transaksi (input pesanan dan pembayaran) dan
konfirmasi pembayaran.

D. Activity Diagram
Activity Diagram ini digunakan untuk
mengilustrasikan arus kerja secara runtun dari suatu proses
bisnis sistem maka dibuatlah sebuah Activity diagram untuk
menggambarkannya. Berikut merupakan Activity diagram
yang buat berdasarkan usecase yang telah dibuat.

1) Activity Diagram login

Pada activity diagram login akan digambarkan alur
kerja sistem saat aktor login.

Gambar 3.6 Activity Diagram login

 Pada gambar 3.6 menjelaskan bahwa alur dari user
Ketika login adalah mengisi username dan password dan
akan dilakukan validasi oleh basis data sistem sehingga bias
masuk ke beranda sistem.

2) Activity Diagram Registrasi

Pada activity diagram membuat akun akan
digambarkan alur kerja sistem saat mahasiswa membuat
akun.

1.7 Activity Diagram Registrasi

Pada gambar 3.7 menjelaskan bahwa alur dari

pengguna ketika membuat akun yaitu klik daftar akun setelah
itu sistem menampilkan form untuk mendaftar akun.

3) Activity Diagram Input Data Produk

 Pada activity diagram tambah data produk adalah
menggambarkan alur kerja dari penginputan data produk oleh
pihak admin.

Gambar 3.8 Activity Diagram Input Data

Pada gambar 3.8 menjelaskan bahwa dalam

menambah data produk admin harus masuk ke halaman data
produk dan klik tambah, sehingga sistem menampilkan form
tambah data yang bisa diisi dan setelah selesai, data itu akan
disimpan pada database dan ditampilkan di halaman data
produk.

4) Activity Diagram Update Data Produk

Pada activity diagram update data data adalah
menggambarkan alur kerja pihak admin dalam mengubah
data produk.
 Gambar 3.9 Activity Diagram Update Data

Pada gambar 3.9 menjelaskan bahwa dalam

mengupdate data produk, admin harus menuju kedalam
halaman data produk dan memilih produk yang datanya akan
diupdate, klik edit sehingga sistem menampilkan form data
produk yang akan diupdate dan perubahan yang dilakukan
akan disimpan kedalam database dan ditampilakan dalam
halaman data produk.

5) Activity Diagram Hapus Data Produk

Pada activity diagram hapus data produk ini
menggambarkan alur kerja sistem dalam menghapus data
produk yang dilakukan oleh pihak admin.
 Gambar 3.10 Activity Diagram Hapus Data

Pada gambar 3.10 menjelaskan bahwa alur kerja

untuk menghapus data produk adalah dengan masuk kedalam
halaman data produk dan memilih data produk yang akan
dihapus, klik hapus agar sistem menampilkan notifikasi lanjut
hapus atau batal hapus. Dan sistem akan mengirimkan query
delete data ke database sistem dan menghapus data yang
dipilih untuk dihapus.
6) Activity Diagram Transaksi
Pada activity diagram transaksi penjualan souvenir
dan undangan digital ini menggambarkan alur kerja sistem
dalam pemesanan dan konfimasi penjualan souvenir dan
undangan yang dilakukan oleh pihak pengguna dan admin.
 Gambar 3.11 Activity Diagram Transaksi Pengguna

Pada gambar 3.11 menjelaskan bahwa alur kerja

pemesanan souvenir dan undangan digital yang dilakukan
pengguna. Dalam melakukan pemesanan pengguna harus
masuk ke dalam halaman produk. Selanjutnya klik “Tambah”
dan muncul form pesanan yang mana pelanggan harus
menginput jumlah pesanan, kemudian klik “check out” dan
melakukan pembayaran atau menguploud bukti bayar untuk
dikonfirmasi oleh pihak admin.
 Gambar 3.12 Activity Diagram transaksi admin

Pada gambar 3.12 menjelaskan bahwa alur kerja

konfirmasi pesanan souvenir dan undangan digital yang
dilakukan admin. Dalam melakukan konfirmasi pesanan harus
masuk ke dalam halaman transaksi. Selanjutnya klik “detail”
dan muncul form transaksi atau pesanan sekaligus bukti
pembayaran. Selanjutnya admin mengirim konfirmasi bukti
bayar valid atau invalid, jika bukti bayar valid makan admin
akan langsung melakukan konfirmasi pengiriman barang.
7) Activity Diagram Logout
Pada activity diagram logout menjelaskan alur kerja
dari user dalam melakukan logout pada sistem.
 Gambar 3.13 Activity Diagram Logout

Pada gambar 3.13 menjelaskan alur kerja log out

user dimana user harus menuju kehalaman beranda dan klik
log out maka sistem akan menuju ke halaman login.

E. Sequence Diagram
Sequence Diagram digunakan untuk menunjukkan
sebuah interaksi setiap partisipan sistem melalui garis vertical
dan pengurutan pesan dari atas ke bawah. Berikut beberapa
squence diagram yang terdiri dari beberapa squence diagram
antara lain sebagai berikut.
1) Sequence Diagram Login
Sequence diagram login menunjukkan pertukaran
pesan yang terjadi saat user memasukkan inputan data serta
alur data pada sistem tersebut.
 Gambar 3.14 Sequence Diagram Login

Pada gambar 3.14 menggambarkan bahwa

pertukaran informasi antara user dan juga sistem serta basis
data dimana ketika validasi gagal maka akan kembali ke
halaman login dan apabila berhasil akan menuju ke halaman
beranda.

2) Sequence Diagram Registrasi

Sequence diagram registrasi akun menunjukkan
pertukaran pesan yang terjadi saat user memasukkan inputan
data form daftar akun serta alur data pada sistem tersebut.

Gambar 3.15 Sequence Diagram Registrasi

 Pada gambar 3.15 menggambarkan bahwa
pertukaran informasi antara user dan juga sistem serta basis
data dimana user melakukan input ke form data daftar akun
dan basis data menyimpan data form yang sudah di inputkan
oleh user.

3) Sequence Diagram Input Data Produk

Sequence diagram tambah data produk menunjukan
penambahan informasi data produk ke dalam database
sistem.

Gambar 3.16 Sequence Diagram Input Data Produk

Pada gambar 3.16 menunjukan bagaimana admin

menambahkan data produk yang akan di simpan oleh
database sistem sehingga data yang sudah disimpan dapat
ditampilkan di halaman data produk.

4) Sequence Diagram Update Data Produk

Sequence Diagram Update Data produk menunjukan
perubahan data produk ke dalam database sistem.
 Gambar 3.17 Sequence Diagram Update Data Produk

Pada gambar 3.17 Menunjukan admin mengupdate

atau merubah data produk yang akan di simpan oleh database
sehingga data yang simpan bisa ditampilkan dihalaman
produk.

5) Sequence Diagram Hapus Data Produk

Sequence Diagram Hapus Data produk menunjukan
perubahan dengan menghapus data produk.

Gambar 3.18 Sequence Diagram Hapus Data Produk

 Pada gambar 3.18 menunjukan admin menghapus
data produk yang kemudian disimpan oleh database untuk
ditampilkan dihalaman data produk.

6) Sequence Diagram Transaksi

Sequence Diagram Transaksi menunjukan
bagaimana proses transaksi yang dilakukan oleh pengguna
dan admin.

Gambar 3.19 Sequence Diagram Transaksi pengguna

Pada gambar 3.19 menunjukan bagaimana

pelanggan melakukan transaksi dengan memilih produk,
kemudian mengisi form pesanan (jumlah, alamat dan metode
pembayaran) sehingga data dapat masuk ke admin untuk
dikonfirmasi.
 Gambar 3.20 Sequence Diagram Transaksi Admin

Pada gambar 3.20 menunjukan bagaimana admin

melakukan konfimasi/memperoses pesanan dengan mengirim
validitas bukti bayar, kemudian konfirmasi pengiriman barang.

7) Sequence Diagram Logout

Squence Diagram Logout menunjukan proses logout
yang dilakukan oleh user.

Gambar 3.21 Sequence Diagram Logout

Pada gambar 3.21 menunjukan bagaimana proses

user dalam melakukan logout yang nantinya akan kembali ke
halaman login.
F. Class Diagram
Class diagram dibuat sesuai dengan sequence.
Pada dasarnya hanya ada satu class diagram. Namun apabila
terlalu besar class diagram dapat dipecah pecah sesuai
kebutuhan asal tidak mengubah maksud dari relasi antar
class.

G. Perancangan Basis Data

Perancangan basis data berisi rancangan basis data
yang dibuat pada perangkat lunak.

H. Perancangan User Interface