BAB IV

HASIL PENELITIAN DAN PEMBAHASAN

4.1 Analisa Sistem yang Sedang Berjalan

Analisa sistem adalah memahami, mengamati, membagi, serta

mengidentifikasi kelemahan-kelemahan dalam keunggulan sistem yang sedang

berjalan kemudian mengusulkan pengembangan sistem untuk dapat

mempertahankan keunggulan sistem dan memperkecil atau bahkan menghilangkan

kelemahan sistem yang lama agar terbentuk sistem yang baru.

Berdasarkan hasil pengamatan yang telah dilakukan peneliti, sistem yang

masih berjalan pada penjualan Toko Sakura masih bersifat manual dimana admin

mencatat data produk secara manual, serta admin dalam pembuatan laporan

penjualan masih dicatat secara manual, dan transaksi penjualan masih offline, untuk

gambaran lebih jelasnya dapat dilihat di activity diagram berikut ini :

Admin User

Mencatat Data Produk

Melakukan Penjualan Produk Membeli Produk

Mencatat Data Penjualan

Mencatat Laporan Penjualan

Gambar 4.1 Activity Diagram

4.2 Kelemahan Sistem yang Sedang Berjalan

Kelemahan-kelemahan yang dimiliki sistem adalah sebagai berikut:

1. Penyimpanan data produk yang masih manual tidak efektif dan efisien

2. Pemasaran produk yang masih manual sehingga produk yang dijual hanya

pelanggan yang berada di sekitar toko yang mengetahuinya

3. Transaksi penjualan yang offline membuat pelanggan harus datang ke toko

untuk melihat produk yang diinginkan

4. Proses pembuatan laporan penjualan membutuhkan waktu yang sangat

lama, dan seringnya terjadi kesalahan-kesalahan pencatatan data laporan

penjulan oleh admin yang masih manual. Hal ini dapat menyebabkan

keterlambatan data/informasi kepada pemilik toko

4.3 Perancangan dan Pembuatan Aplikasi

Dari informasi yang telah diperoleh, kemudian dikembangkan konsep

perancangan sistem yang baru yang merupakan pengembangan dari sistem lama

yang bersifat manual menjadi sistem baru yang berbasis komputer.

4.3.1 Kebutuhan Pengguna

Sistem informasi penjualan online pada Toko Sakura mempunyai tiga

pengguna, yaitu:

1. Admin

Admin sebagai administrator yang mengelola sistem pada sistem informasi

penjualan online pada Toko Sakura, yakni menggunakan sistem ini untuk

melakukan proses sebagai berikut:

 a. Admin dapat menambah, mengubah, dan menghapus data produk

b. Admin dapat melihat dan menghapus data pelanggan

c. Admin dapat melihat data konfirmasi pembayaran

d. Admin dapat melihat dan mencetak laporan

2. User

User adalah pengunjung yang telah melakukan pedaftaran menjadi anggota

Pelanggan dapat melakukan proses sebagai berikut:

a. User dapat Login dengan username dan password yang sudah dia

daftarkan.

b. User dapat membeli berbagai macam produk yang ada di Toko

Sakura.

c. User dapat melakukan transaksi dikeranjang belanja

d. User dapat mengisi form konfirmasi Pembayaran

4.3.2 Use Case Diagram

Use case diagram adalah teknik yang biasa digunakan dalam

mengembangkan perangkat lunak atau software dengan tujuan untuk mengetahui

kebutuhan fungsional dari suatu sistem. Definisi dari use case diagram sendiri

adalah proses penggambaran untuk menunjukkan hubungan antara pengguna

dengan sistem yang telah dirancang.

A. Definisi Aktor

Pada bagian defenisi aktor ini akan dijabarkan aktor yang terlibat

dalam perancangan sistem informasi penjualan online pada Toko Sakura.

 Defenisi aktor yang terdapat pada sistem informasi penjualan online pada

Toko Sakura dapat kita lihat pada Tabel 4.1 dibawah ini.

Tabel 4.1 Defenisi Aktor

No Aktor Peran

Aktor yang bertanggung jawab terhadap sistem yang

1 Admin
dibuat dan mengelola sistem dengan baik.

User dapat melihat berbagai produk yang tersedia dan

2 User memesan produk, setelah itu mencetak bukti

pemesanan, lalu mengisi form konfirmasi pembayaran.

B. Defenisi Use Case

Untuk rincian lebih lengkap tentang use case pada use case diagram

untuk perancangan sistem informasi penjualan online pada Toko Sakura

dapat dilihat pada Tabel 4.2 dibawah ini.

Tabel 4.2 Defenisi Use Case

No Use Case Deskripsi Aktor
1. Beranda Halaman utama dari sistem Admin dan User
informasi penjualan online toko
sakura.
2. Login Admin Admin harus login untuk dapat Admin
mengakses halaman admin.
3. Halaman Halaman dan menu setelah Admin
Admin admin melakukan login.
4. Kelola Data Halaman untuk admin melihat, Admin
Produk menambah, mengubah dan
menghapus data produk.
5. Kelola Data Halaman untuk admin melihat, Admin
User menambah, mengubah dan
menghapus data user.
8. Kelola Data Halaman untuk admin melihat, Admin
Rekening menambah, mengubah dan
menghapus data rekening.
9. Kelola Data Halaman untuk admin melihat, Admin
Pembelian menghapus data pembelian dan
mencetak laporan penjualan.

10. Registasi User melakukan registrasi User

User terlebih dahulu apabila belum
memiliki akun

11. Login User User harus login untuk dapat User

mengakses halaman user.

12. Halaman Halaman dan menu setelah user Siswa

User melakukan login.

13. Produk dan Halaman untuk user melihat dan User

Belanja memesan produk.

14. Keranjang Halaman untuk user melihat, User

menghapus dan check out data
pemesanan produk.

15. Profil User Halaman untuk user konfirmasi User

pembayaran belanja.
 C. Use Case Diagram

Berikut ini adalah gambar use case diagram sistem informasi penjualan

online pada Toko Sakura dapat dilihat pada gambar 4.2 dibawah ini:

Gambar 4.2 Use Case Diagram

4.3.3 Activity Diagram

Activity Diagram adalah representasi grafis dari seluruh tahapan alur kerja.

Diagram ini mengandung aktivitas, pilihan tindakan, perulangan dan hasil dari

aktivitas tersebut. Pada bagian ini akan digambarkan alur kerja pada sistem

informasi penjualan online Toko Sakura yang bertujuan untuk melihat alur proses

sistem yang diusulkan.

1. Activity diagram admin

Activity diagram admin yang ada pada sistem informasi penjualan online

Toko Sakura dapat dilihat pada gambar 4.3 dibawah ini:

 Gambar 4.3 Activity Diagram Admin

2. Activity diagram user

Activity diagram user yang ada pada sistem informasi penjualan online Toko

Sakura dapat dilihat pada gambar 4.4 dibawah ini:

Gambar 4.4 Activity Diagram User

4.3.4 Class Diagram

Class diagram adalah sebuah gambaran kelas-kelas dalam sebuah sistem

dan berhubungan antara satu dengan yang lain. Class diagram yang ada pada

sistem informasi penjualan online Toko Sakura dapat dilihat pada gambar 4.5

dibawah ini:

Gambar 4.5 Class Diagram

4.3.5 Sequence Diagram

Sequence Diagram menjelaskan hubungan objek yang disusun dalam suatu

urutan waktu. Urutan waktu yang dimasksud adalah urutan kejadian yang dilakukan

oleh seorang actor dalam mengaplikasikan sistem. Sequence Diagram pada sistem

informasi penjualan online Toko Sakura dapat dilihat pada gambar 4.6 dibawah ini:
 Gambar 4.6 Sequence Diagram

4.3.6 Desain Sistem Terperinci Antar Muka (Interface)

Desain terperinci merupakan pengembangan lebih lanjut dan desain sistem

secara global. Berikut rancangan desain yang ada yaitu:

1. Desain Halaman login user

Halaman login user adalah halaman login untuk masuk ke halaman web

penjulan online Toko Sakura supaya dapat memesan produk yang diinginkan

dan tersedia di toko tersebut.

Gambar 4.8 Desain Halaman Login User

2. Desain halaman utama user

Halaman utama user adalah halaman beranda yang berisi produk-produk

yang dijual Toko Sakura secara online yang dapat dipesan langsung oleh

pelanggan.

Gambar 4.9 Desain Halaman Utama User

3. Desain halaman keranjang User

Halaman keranjang user adalah halaman yang berisikan pemesanan produk

user yang telah dipilih dan belum check out.

Gambar 4.10 Desain Halaman Keranjang User

4. Desain halaman konfirmasi pembayaran

Halaman konfirmasi pembayaran adalah halaman untuk melakukan

pembayaran produk yang telah user pesan dengan cara mengirim bukti

bayar pada form konfirmasi pembayaran.

Gambar 4.11 Desain Halaman Konfirmasi Pembayaran

5. Desain output laporan penjualan

Desain output laporan penjualan pada sistem informasi penjualan online di

Toko Sakura dapat dilihat pada gambar di bawah ini.

Gambar 4.12 Desain Output Laporan Penjualan

4.3.7 Desain File

Desain file merupakan suatu desain yang nantinya digunakan untuk

menyimpan data-data yang telah dientrikan oleh seorang user kedalam database

sehingga nantinya dapat menghasilkan suatu informasi atau laporan. Adapun bentuk

tabel-tabel untuk desain file dapat dilihat pada table-tabel berikut:

1. File admin

Nama database : toko_oktias

Nama Tabel : admin

Field Key : id

Tabel 4.3 Desain Tabel Admin

No. Field Name Type Width Description

1. id Int 11 Id Admin

2. nama Varchar 50 Nama

3. email Varchar 50 Email

4. password Varchar 50 Password

2. File header transaksi

Nama database : toko_oktias

Nama Tabel : header_transaksi

Field Key : id_pembelian

Tabel 4.4 Desain Tabel Header Transaksi

No. Field Name Type Width Description

1. id_pembelian Int 5 Id Buku

2. id_user Int 11 Judul Buku

 3. id_transaksi Int 11 Penerbit

4. id_rekening Int 11 Kelas

5. nama Varchar 50 Jumlah

6. email Vachar 50 Email

7. alamat Text Alamat

8. Telepon Varchar 12 Telepon

9. tanggal_transaksi Date Tanggal transaksi

10. status Varchar 30 Status

11. rekening_pembayaran Varchar 50 Rekening pembayaran

12. rekening_palanggan Varchar 50 Rekening pelanggan

13. bukti_bayar Varchar 50 Bukti bayar

14. nama_bank Varchar 50 Nama bank

3. File konfigurasi

Nama database : toko_oktias

Nama Tabel : konfigurasi

Field Key : id_konfigurasi

Tabel 4.7 Desain Tabel Konfigurasi

No. Field Name Type Width Description

1. id_konfigurasi Int 11 Id konfirmasi

2. author Varchar 50 Author

3. keyword Varchar 50 Keyword

4. Deskripsi Varchar 50 Deskripsi

5. Icon Varchar 50 Icon

 6. Logo Varchar 50 Logo

7. Banner Varchar 50 Banner

8. Email Varchar 50 Email

9. telepon Varchar 50 Telepon

10. Facebook Varchar 50 Facebook

11. Instagram Varchar 50 Instagram

12. Alamat Text Alamat

13. tanggal_post date Tanggal post

4. File produk

Nama database : toko_oktias

Nama Tabel : produk

Field Key : id_produk

Tabel 4.8 Desain Tabel Produk

No. Field Name Type Width Description

1. id_produk Int 11 Id produk

2. kode_produk Varchar 20 Kode produk

3. nama_produk Varchar 50 Nama produk

4. Harga Int 20 Harga

5. Stok Int 20 Stok

6. Gambar Varchar 50 Gambar

 5. File rekening

Nama database : toko_oktias

Nama Tabel : rekening

Field Key : id_rekening

Tabel 4.9 Desain Tabel Rekening

No. Field Name Type Width Description

1. id_rekening Int 11 Id rekening

2. nama_bank Varchar 50 Nama bank

3. nomor_rekening Varchar 50 Nomor rekening

4. nama_pemilik Varchar 50 Nama pemilik

5. tanggal_post Timestamp Tanggal post

6. File transaksi

Nama database : toko_oktias

Nama Tabel : transaksi

Field Key : id_transaksi

Tabel 4.9 Desain Tabel admin

No. Field Name Type Width Description
1. id_transaksi Int 11 Id transaksi

2. id_user Int 11 Id user

3. id_produk Int 11 Id produk

4. Harga Int 11 Harga

5. Jumlah Int 11 Jumlah

6. total_harga Int 11 Total harga

7. tanggal_transaksi datetime Tanggal transaksi

 7. File users

Nama database : toko_oktias

Nama Tabel : users

Field Key : id_user

Tabel 4.9 Desain Tabel Users

No. Field Name Type Width Description

1. id_user Int 11 Id Admin

2. nama Varchar 50 Nama

3. Email Varchar 50 Email

4. Password Varchar 50 Password

5. alamat Text alamat

6. Telepon Varchar 12 Telepon

4.3.8 Kebutuhan Perangkat Keras dan Perangkat Lunak

Kebutuhan-kebutuhan perangkat keras dan perangkat tersebut meliputi:

1. Perangkat Keras

Perangkat keras adalah perangkat nyata atau terlihat yang digunakan untuk

merancang sistem informasi penilaian kinerja karyawan ini. Adapun

spesifikasi perangkat keras yang dianjurkan sebagai berikut:

a. Computer (Processor AMD E1-1200 [1.40 Ghz], RAM 2.00 GB,

Harddisk 120 GB, Monitor 14 Inch dengan Resolusi Layar

Min.1024x768).

b. Mouse dan Keyboard.

 2. Perangkat Lunak

Perangkat lunak adalah perangkat yang tidak nyata yang digunakan

untuk merancang sistem informasi penilaian kinerja karyawan ini. Adapun

perangkat lunak yang dianjurkan adalah sebangai berikut:

1. Sistem Operasi Microsoft Windows

2. Aplikasi web server XAMPP yang terdiri dari beberapa komponen di

dalamnya, yaitu Apache, PHPMyAdmin dan MySQL.

3. Aplikasi web browser Google Chrome dan Mozilla Firofox.

4. Notepad++

4.3.9 Implementasi

Implementasi dari rancangan website sistem informasi penjualan online pada

Toko Sakura yang telah dibuat diantaranya adalah sebagai berikut:

1. Halaman Login Admin

Admin harus melakukan login terdahulu untuk bisa melakukan atau

mengakses website dengan mengisi email dan kata sandi.

Gambar 4.13 Halaman login Admin

2. Halaman Login User

User harus melakukan login terdahulu untuk bisa melakukan atau

mengakses website dengan mengisi email dan password.

Gambar 4.14 Halaman login User

3. Halaman Data Produk

Admin dapat menambahkan data, mengedit dan menghapus data produk

pada toko sakura.

Gambar 4.14 Halaman Data Produk

4. Halaman Beranda User

User dapat melihat dan memesan produk yang tersedia di sistem informasi

penjualan online pada Toko Sakura.

Gambar 4.15 Halaman Beranda User

5. Halaman Checkout

Halaman checkout merupakan halaman yang berisikan data pemesanan

yang telah dipilih user.

Gambar 4.16 Halaman Checkout

6. Halaman Konfirmasi Pembayaran

Halaman konfirmasi pembayaran merupakan halaman form input bukti

pembayaran yang ada sistem informasi penjualan online pada Toko Sakura.

Gambar 4.17 Halaman Konfirmasi Pembayaran

7. Halaman Laporan Penjualan

Halaman ini merupakan laporan penjualan sistem informasi penjualan

online pada Toko Sakura.

Gambar 4.17 Halaman Konfirmasi Pembayaran