BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Admin dapat melihat data pembayaran. 5. Admin dapat...

42

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

4.1.1. AnalisaKebutuhan

Analisa kebutuhan merupakan langkah awal yang dilakukan agar didapat

gambaran dari sebuah sistem yang akan dibuat. Dengan adanya analisa sistem

yang berjalan pada sebuah penjualan alat kesehatan nantinya akan didapat sebuah

sistem yang sesuai dengan keadaan sistem yang berjalan saat ini sehingga user

tidak merasa kebingungan dalam penggunaan aplikasi ini nantinya. Sistem

penjualan alat kesehatan yang berbasis web ini dibuat untuk membantu proses

penjualan alat kesehatan agar lebih mudah, cepat dan dapat diakses dimana saja

dan kapan saja. Berikut rincian pembagian halaman berdasarkan level pengguna:

Halaman User :

1. Userdapat melihat daftar alat kesehatan yang ada di website PT. Indolab Artha

Medika Jakarta

2. User dapatmelihat detail harga dan keterangan alat kesehatan.

3. User dapat melakukan pedaftaran sebagai member.

4. User dapat melakukan proses pemesanan / pembelian alat kesehatan.

5. User dapat mencetak struk pemesanan alat kesehatan.

Halaman Admin:

1. Admin dapat mengolah data alat kesehatan.

2. Admin dapat mengahapus data member.

3. Admin dapat melihat data pemesanan alat kesehatan.

43

4. Admin dapat melihat data pembayaran.

5. Admin dapat mengolah data ongkos pengiriman alat kesehatan.

4.1.2. Use Case Diagram.

Berikut adalah rancangan Use case diagram pada alat kesehatan.

Penggambaran Use CaseDiagram Model Pertama :

Penggambaran dengan melihat secara keseluruhan fungsi-fungsi yang ada

pada sistem.

1. Use Case Diagaram Belanja Online Halaman User

Gambar IV.1. Use Case Diagram Belanja Online Halaman User

44

Tabel IV.1. Deskripsi Use Case Diagram Selesai

Use Case Name Selesai

Requirements A1 Goal User dapat melakukan pembelian secara online via

web Pre-Conditions User telah memilihproduk Post-Conditions System mengirim rincian faktur penjualan via

email Failed end condition User mebatalkan selesai. Kemungkinan user ingin

menambah produk atau membatalkan. Primary Actors User Main Flow / Basic patch 1. User memilih icon selesai

2. System menampilkan rincian belanja. 3. User menyetujui dan melanjutkan. 4. System mengecek apakah user sudah

terdaftar atau belum. Jika belum, maka sistem akan menampilkan message box “silahkan login terlebih dahulu”. Jika sudah maka system akan menampilkan halaman alamat pengiriman.

5. User memasukan alamat pengiriman. 6. System memproses penjualan dan mengirim

rincian penjualan ke email user. Invariant A A.1 User Konfirmasi pembayaran.

A.2User upload struk atau buktipembayaran pada form konfirmasi.

A3. Jika valid system akan mengkonfirmasi data pembayaran.

A.4 Jika tidak valid, maka akan muncul message box “lengkapi form ini”

Tabel IV.2.

Deskripsi Use Case Diagram Pilih Produk

Use Case Name Pilih Produk Requirements A2 Goal User berhasil memilih produk Pre-Conditions User berhasil memilih

45

Post-Conditions System menampilkan detail pemesanan produk Failed end condition User membatalkan selesai. Kemungkinan user

ingin menambah produk atau membatalkan. Primary Actors User Main Flow / Basic patch 1. User mengklik detail produk.

2. System Menampilkan detail produk 3. Mengklik beli. 4. Produk masuk keranjang belanja

Tabel IV.3. Deskripsi Use Case Diagram Pilih Kategori

Use Case Name Pilih Kategori

Requirements A3 Goal User dapat melihat kategori produk Pre-Conditions User Belum login Post-Conditions System berhasil menampilkan produk berdasarkan

kategori Failed end condition System gagal menampillkan produk berdasarkan

kaegori Primary Actors User Main Flow / Basic patch 1. User mengklik data produk berdasarkan

kategori 2. Sistem menampikan data produk berdasarkan

kategori User bisa melihat data alat kesehatan berdasarkan kategori

46

2. Use Case Diagaram Penjualan Online Halaman Admin

Gambar IV.2. Use Case Diagram Penjualan Online Halaman Admin

Tabel IV.4. Deskripsi Use CaseDiagramMengelola Data Produk

Use Case Name Mengelola Data Produk

Requirements B1 Goal Admin dapat menambah, mengedit dan

menghapus data produk Pre-condition Admin telah login Post-condition Data barangtersimpan, terupdateatauterhapus Failed end condition Gagalmenyimpan, mengupdateataumenghapus Primary Actors Admin Main Flow / Basic Path 1. Admin melihat data produk

2. Admin memilih tombol Add 3. System Menampilkan form tambah data

produk 4. Admin ingin menginput data produk baru 5. Admin memilih tombol “Save” 6. System menyimpan data produk

47

7. System menutup form tambah data produk. Aternate Flo /Invariant A A2. Admin mengetikan nama produk atau kode

produk. A3. Admin memilih tombol “ edit” A4. System menampilkan form data produk A5. Admin mengedit data produk A6. Admin Memilih tombol “Save” A7. System Menyimpan data produk

Invariant B B2. Admin memilih data produk B3. Admin Memilih tombol ”Hapus”. B3.System menampilkan dialog konfirmasi

pengahapusan. B4. Admin Memilih “yes”. B5.System berhasil menghapus data produk

Tabel IV.5. Deskripsi Use CaseDiagramMengelola Data Transaksi Penjualan

Use Case Name Mengelola Data Transaksi Penjualan

Requirements B2 Goal Admin dapat mengahapus data transaksi penjualan Pre-condition Admin telah login Post-condition Data penjualanterhapus Failed end condition Gagalmenghapus Primary Actors Admin Main Flow / Basic Path 1. Admin melihat data Penjualan

2. Admin memilih tombol “Detail” 3. System Menampilkan detail transaksi penjualan

produk

Invariant B B2. Admin melihat data transksi penjualan B3. Admin Memilih tombol”Hapus”. B3.System menampilkan dialog konfirmasi

pengahapusan. B4. Admin Memilih “yes”. B5.System berhasil menghapus data penjualan

48

Tabel IV.6. Deskripsi Use CaseDiagramMengelola laporan penjualan

Use Case Name Mengelola Data laporan Penjualan Requirements B3 Goal Admin dapat mencetak Laporan penjualan Pre-condition Admin telah login Post-condition Laporan Penjualan Tercetak Failed end condition GagalMenmapilkan dan mencetak laporan Primary Actors Admin Main Flow / Basic Path 1. Admin melihat data Penjualan

2. Admin memilih tombol “Cetak” 3. System Mencetak Laporan penjualan dalam

bentuk PDF Invariant B B2. Admin Melihat laporan penjualan

B3.Admin Memilih tombol”Hapus”. B3.System menampilkan dialog konfirmasi

pengahapusan. B4. Admin Memilih “yes”. B5.System berhasil menghapus data penjualan

Tabel IV.7. Deskripsi Use CaseDiagramMengelola Data Member

Use Case Name Mengelola Data member

Requirements B4 Goal Admin dapat menghapus data member Pre-condition Admin telah login Post-condition Menghapus Data member Failed end condition GagalMenghapus Primary Actors Admin Main Flow / Basic Path 1. Admin melihat data member

2. Admin memilih tombol “Detail” 3. System Menampilkan detail transaksi account

member Invariant B B2. Admin Melihat Data member

B3.Admin Memilih tombol”Hapus”. B3.System menampilkan dialog konfirmasi

49

pengahapusan. B4. Admin Memilih “yes”. B5.System berhasil menghapus data member

4.1.3. Activity Diagram

Berikut merupkan gambaran dari diagaram activityalatkesehatandengan

Partisi Actor.

50

4.1.3.1. Activity DiagramRegistrasi MemberHalaman Front Page

Gambar IV.3. Activity Diagram RegistrasiMember Front Page

51

4.1.3.2. Activity DiagramKonfirmasi PembayaranHalaman Front Page

Gambar IV.4. Activity Diagram Konfirmasi Pembayaran Front Page

52

4.1.3.3. Activity DiagramKonfirmasi Pengirman BarangHalaman

Front Page

Gambar IV.5. Activity Diagram Konfirmasi Pengiriman Barang Front Page

53

4.1.3.4. Activity Diagram Data Member Halaman Admin

Gambar IV.6. Activity Diagram Data Member Halaman Admin

54

4.1.3.5. Activity DiagramData Barang Halaman Admin

Gambar IV.7. Activity Diagram Data BarangHalaman Admin

55

4.1.3.6. Activity DiagramData Pembayaran Halaman Admin

Gambar IV.8. Activity Diagram Data PembayaranHalaman Admin

56

4.2. Desain Sistem

Dalam membuat sebuah Sistem penjualan online, dibutuhkan tahap desain

yang akan menggambarkan desain database, desain software architecthure dan

desain interface dari sistem yang akan di buat.

4.2.1. Database

Di dalam database terdapat beberapa tabel yang saling berelasi

(berhubungan) maka dari itu penulis mencoba menggambarkanya menggunakan

ERD. Diagram hubungan entitas merupakan diagram yang berfungsi untuk

menggambarkan hubungan antar aentitas dalam suatu sistem, dimana diagram

menjelaskan hubungan antara entitas yang ada melalui atribut yang dimiliki oleh

entitas tersebut. Penggambaran database pada alat kesehatan menggunakan Entity

Relationship Diagrama dalah sebagai berikut:

57

act Use Case Model

Produk

merk

stokId

Nm_barang

gambar

tipe

harga

spesifikasi

mempunyai

Idid_orders_temp

Orders_tempId

id_orders_temp

Tgl_order_temp

jumlah

jam_order_temp

Id_session

masukOrders

Id_orders_temp

Id_orders

melakukan

member

Id_ordersKd_member

Pasword

Telp_memberNama_member

Email_memberalamat_member

Kd_memberKd_pos_member

Id_orders

Nama_penerima

nama_kota

Alamat_kirim

Kd_member

Jam_order

mempunyai

Id_orders

Orders_detailmempunyaikonfirmasi bayar

total

Id_bank

Id_konfirmasi

Atas_nama email tanggal

akun_bank

Id

Id_KonfirmasiId_orders

jumlah

1

M

1

1

1

1

M

M

1

1 1

M

Id_konfirmasi

4.2.1. Entity Relationship Diagram

4.2.2. Gambar IV.9. Entity Relationship Diagram Penjualan Online AlatKesehatan

58

class Class Model

produk

- id- nm_barang- merk- tipe- spesifikasi- harga- stok- gambar

member

- kd_member- nama_member- alamat_member- email_member- telp_member- kd_pos_member- password

orders_temp

- id_orders_temps- id- id_session- jumlah- tgl_order_temp- jam_order_temp

orders

- id_orders- kd_member- nama_penerima- alamat_kirim- kdpos_kirim- tlp_penerima- status_order- tgl_order- jam_order- nama_kota

konfirmasi bayar

- id_konfirmasi- st_konfirmasi- atas_nama- tgl_transfer- total- id_orders- id_bank- email- akun_bank

orders_detail

- Id- id_orders- id_konfirmasi- jumlah

M

1 M

1

1 M

1

M

1

1

4.2.2. Logical Record Structure

Gambar IV.10. Logical Record Structure Penjualan Online AlatKesehatan

59

4.2.3. Spesifikasi File

a. Spesifikasi File Admin

Nama file : Admin

Akronim : Admin

Fungsi : Untuk menyimpan data admin

Tipe File : file master

Organisasi File : index sequential

Akses File : Random

Media : Hard disk

Panjang Record : 78 byte

Kunci Field : id_admin

Software : Mysql

Tabel IV.8. Spesifikasi File Admin

No Elemen data Nama Field Tipe Size Keterangan

1 Id_admin Id_admin Int 3 Primary Key dan Auto_Increment

2 Userid Username Varchar 15

3 password Password Varchar 30

4 Nama nama Varchar 30

b. Spesifikasi File konrimasi_bayar

Nama file : konfirmasi_bayar

Akronim : konfirmasi_bayar

Fungsi : Untuk Konfirmasi pembayaran

60

Tipe File : file transaksi

Organisasi File : index seequential

Akses File : Random

Media : Hard disk

Panjang Record : 70byte

Kunci Field : id_konfirmasi

Software : Mysql

Tabel IV.9. Spesifikasi File konfirmasi_bayar


1 Id_konfirmasi Id_konfirmasi int 3 Primary Key dan Auto_increment

2 St_konfrmasi St_konfirmasi num

3 Atas_nama Atas_nama Varchar 25

4 Tgl_transfer Tgl_transfer Date

5 total Total double

6 Id_orders Id_orders Varchar 9

7 Id_bank Id_bank int 3

8 email Email Varchar 30

9 Akun_bank Akun_bank varchar 30

c. Spesifikasi Fileorders_temp

Nama file : orders_temp

Akronim : orders_temp

61

Fungsi : Untuk menyimpan data pembelian sementara

Tipe File : file Transaksi


Akses File : Random

Media : Hard disk


Kunci Field : id_orders_temp

Software : Mysql

Tabel IV.10. Spesifikasi File orders_temp


1 Id_orders_temp Id_order_temp Int 5 Primary Key

dan Auto Increment

2 Id Id int 3

3 Id_session Id_session Varchar 100

4 Jumlah Jumlah Int 5

5 Tgl_order_temp Tgl_order_temp Date

6 Jam_order_temp Jam_order_temp Time

d. Spesifikasi File member

Nama file : member

Akronim : member

Fungsi : Untuk menyimpan data pelanggan / member



62

Akses File : Random

Media : Hard disk


Kunci Field : kd_member

Software : Mysql

63

Tabel IV.11. Spesifikasi File member


1 kd_member kd_member Int 11 Primary Key dan Auto_increment

2 Nama_member Nama_member Varchar 30

3 Alamat_member Alamat_member text 255

4 Email_member Email_member Varchar 30

5 Telp_member Telp_member Varchar 13

6 Kd_pos_member Kd_pos_member Varchar 5

7 Password Password Int 10

e. Spesifikasi File orders

Nama file : orders

Akronim : orders

Fungsi : Untuk menyimpan data pemesanan barang

Tipe File : file Transaksi


Akses File : Random

Media : Hard disk


Kunci Field : id_orders

Software : Mysql

64

Tabel IV.12. Spesifikasi File orders

No Elemen data Nama Field Tipe Size Keterangan 1 Id_orders Id_orders varachar 5 Primary Key 2 kd_member Kd_member Int 10

3 Nama_penerima Nama_penerima Varchar 100

4 Alamat_kirim Alamat_kirim Text 255

5 Kdpos_kirim Kdpos_kirim Varchar 7

6 Tlp_penerima Tlp_penerima Varchar 15

7 Status_order Status_order Varchar 15

8 Tgl_order Tgl_order Date

9 Jam_order Jam_order Time

10 nama_kota nama_kota Int 3

f. Spesifikasi Fileorders_detail

Nama file : orders_detail

Akronim : orders_detail

Fungsi : Untuk menyimpan data detail pemesanan

Tipe File : File Transaksi


Akses File : Random

Media : Hard disk


Kunci Field : id_orders

Software : Mysql

65

Tabel IV.13. Spesifikasi File orders_detail

No Elemen data Nama Field Tipe Size Keterangan 1 id_orders Id_orders varchar 5

2 Id Id Int 3

3 Jumlah jumlah Int 3

4 Id_konfirmasi Id_konfirmasi int 3

g. Spesifikasi File produk

Nama file : produk

Akronim : produk

Fungsi : mengelola data barang



Akses File : Random

Media : Harddisk


Kunci Field : id

Software : Mysql

Tabel IV.14. Spesifikasi File produk


1 Id Id Int 3 Primary Key dan Auto_increment

2 Nm_barang Nm_barang Varchar 30

3 Merk Merk Varchar 30

4 Tipe Tipe Varchar 30

66

sd Data Model

Staff penjualan Form pemesanan control pemesanan Pemesanan Customer Barang Detail pemesanan

Buatbaru()

No pesanan() No pesanan()

Tambah pesanan()

Tgl_pesanan()Pil ih Kd_cust()

Kd_Customer()

Nm_Customer()Pi lih Kd_Barang()

Input Kd_brg()Input Kd_brg()

nm_barang()

Set Qty()

Set Quantity()simpan()

Cetak()

5 Spesifikasi spesifikasi Text 255

6 Harga Harga Int 9

7 Stok Stok Int 3

8 Gambar gambar varchar 100

4.2.4. Software Architecture

Didalam merancang sebuah sistem penjualan secara online pada

alatkesehatan. Bahasa program yang digunakan penulis adalah PHP secara

terstruktur atau prosedural. Maka Software Architecture yang digunakan untuk

menggambarkan program adalah sebagai berikut :

1. Sequence Diagram

Gambar IV.11.

Sequence Diagram Sistem Penjualan AlatKesehatanOnline

67

2. Deployment Diagram

Menggambarkan tata letak sistem secara fisik, yang menampakan bagian-

bagian software yang berjalan pada hardware yang digunakan untuk

mengimplementasi sebuah sistem dan keterhubungan antar hardware-hardware

tersebut.

Gambar IV.12.

Deployment Diagram Sistem Penjualan Online

deployment Class Model

Web serv er

User Aplication Apache 2 serv er

Jquery.js

Style.cssAdmin Aplication

Database Serv er

Mysql Database

Aplication Database

Client PC

Aplication Penj ualan

68

4.2.5. User Interface

Merupakan gambaran sistem yang sudah berjalan. Berikut detail tampilan-

tampilan tiap halaman website Penjualan alatkesehatan:

4.2.5.1.Tampilan Halaman UserWebsitealatkesehatan

Gambar IV. 13.

Tampilan Halaman user

69

4.2.5.2.Tampilan Halaman Detail Produk

Gambar IV.14.

Tampilan Halaman Detail Produk

4.2.5.3.Tampilan Halaman Cara Pemesanan

Gambar IV.15.

Tampilan Menu Halaman Cara Pemesanan

70

4.2.5.4.Tampilan Halaman Login Admin

Gambar IV.16.

Tampilan Halaman Login Admin

4.2.5.5.Tampilan Halaman Beranda Admin

Gambar IV.17.

Tampilan Halaman Beranda Admin

71

4.2.5.6.Tampilan Halaman Data Produk

Gambar IV.18.

Tampilan Halaman Data Produk

4.2.5.6.1.1.1. Tampilan Halaman Daftar Order masuk

Gambar IV. 19.

Tampilan Halaman Daftar Order Masuk

72

4.2.5.7.Tampilan Halaman Kelola Admin

Gambar IV.20.

Tampilan Halaman Kelola Data Admin

4.5.6. Spesifikasi Hardware dan Software

Selain biaya yang dikeluarkan dalam penulisan tugasakhirini yaitu adalah

penjelasan tentang spesifikasi hardware dan software yang digunakan. Kebutuhan

hardware tersebut meliputi: Processor, Memory, monitor, Hard disk, Keyboard,

mouse dan printer. Kebutuhan Software tersebut meliputi : Sistem Operasi,

Software aplikasi dan software.

73

Tabel IV. 15. Spesifikasi Hardware Dan Software

Kebutuhan Keterangan

Sistem Operasi Windows 7

Processor Intel® Core™ I3 CPU 2.27 GHz

Ram 2.00 GB

Hardisk 320 GB

DVD-ROM 52 x

Monitor SVGA 14”

Keyboard 108 Key

Printer Epson T60 dan Epson T1100

Mouse Standart

Browser Mozilla Firefox, Google chrome, Internet Explorer

Database Mysql

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Admin dapat melihat data pembayaran. 5. Admin dapat...

Documents

Transcript of BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Admin dapat melihat data pembayaran. 5. Admin dapat...