BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM 1.1 Proses Bisnis Konvensional Proses bisnis CV.Wijayatama secara konvensional dapat dilihat seperti pada Gambar 3.1: Gambar 3. 1: Proses Bisnis Konvensional 1. Customer harus datang ke toko CV.Wijayatama yang berada di Jl. Mayjend Panjaitan Ruko Madiun Indah BI R/22, Pandean, Taman Madiun, Jawa Timur. Hal ini menyulitkan bagi customer yang berada jauh dari toko, sehingga membuang waktu, tenaga dan biaya. 2. Customer dapat melihat dan memilih produk yang disediakan di toko. Apabila produk yang diinginkan belum ada di toko atau pemebelian dalam jumlah besar, maka customer harus menunggu hingga mendapat konfirmasi dari pihak CV.Wijayatama. 3. Setelah terjadi kesepakatan, maka customer dapat membayar sesuai harga yang sudah ditentukan. Pembayaran dapat dilakukan secara tunai atau transfer ATM ke rekening CV.Wijayatama. 4. Jika pembayaran sudah dilakukan, maka produk sudah menjadi hak milik customer. Produk dapat langsung dibawa pulang, atau dapat diantar ke alamat tujuan apabila pembelian dalam jumlah besar. 1

2 1.2 Proses Bisnis Sistem Proses bisnis dalam e-commerce CV. Wijayatama seperti Gambar 3.2 di bawah ini : Gambar 3. 2: Proses Bisnis Sistem E-Commerce 1. Sistem e-commerce CV. Wijayatama menawarkan produk-produk yang dijual di CV. Wijayatama, sistem ini juga memberikan kemudahan customer dalam memesan produk. Dalam sistem ini, costumer dibedakan menjadi 2 yaitu : a. Costumer yang hanya melihat produk, mengirim pesan tanpa harus login sebagai member. Namun, untuk costumer ini tidak dapat melakukan pemesanan karena belum terdaftar sebagai member. b. Costumer dapat melihat produk, mengirim pesan, melakukan pemesanan dan mendapat berupa invoice dari pemesanan yang dilakukan. Untuk melakukan pemesanan, costumer harus login dahulu sebagai member, apabila belum mempunyai akun sebagai member, 2

3 maka costumer harus mendaftar terlebih dahulu. Setelah itu, costumer baru bisa melakukan pemesanan produk. 2. Costumer memesan produk secara online Member harus login terlebih dahulu sebagai member, lalu memesan produk yang di pilih dan menentukan pula jumlah produk yang dipesan. Sistem juga dapat menghitung total harga barang yang dipesan member. Member juga dapat menghapus barang yang dipesan jika ingin membatalkan. Pemesanan member akan tersimpan ke database admin. 3. Costumer dapat mencetak invoice Setelah member memesan produk, maka sistem akan membuat rincian barang-barang yang dipesan member atau disebut juga invoice. Member dapat mencetak invoice, sebagai bukti pemesanan yang telah dilakukan. Hal ini bertujuan, apabila terjadi kenaikan harga barang setelah member mencetak invoice, maka member tetap dikenai dengan harga barang sebelum mengalami kenaikan. 4. Customer melakukan pembayaran melalui rekening CV. Wijayatama Melalui sistem ini, member tidak perlu melakukan transaksi langsung di toko CV. Wijayatama, melainkan member dapat melakukan pembayaran melalui bank atau ATM dengan tujuan rekening CV. Wijayatama. Setelah melakukan transaksi, member dapat mengisi form confirm payment. 5. Notifikasi invoice ke customer CV.Wijayatama Setelah member mengisi payment confirm, maka akan ada pesan pemesanan member ke CV. Wijayatama, sehingga CV. Wijayatama dapat segera memproses pemesanan dari costumer. CV. Wijayatama akan melakukan validasi bukti pembayaran dan data member. Dengan menggunakan Id Member, validasi data akan lebih cepat dilakukan. 3

4 6. Pengiriman barang kepada costumer Jika validasi data telah sesuai, maka pengiriman barang akan langsung dikirim ke alamat costumer ketika mendaftar sebagai member. Apabila alamat costumer masih di wilayah Madiun dan sekitarnya, maka barang akan langsung dikirim oleh pihak CV. Wijayatama. Sehingga jarak menjadi salah satu penentu kapan barang akan sampai ke tangan costumer. 7. Customer menerima barang Apabila barang sudah sampai alamat yang sesuai, costumer harus menunjukkan bukti invoice, maka barang sudah sah menjadi milik costumer. 1.3 Alat dan Bahan Dalam pembuatan aplikasi E-Commerce CV.Wijayatama terdapat beberapa perangkat lunak dan perangkat keras yang digunakan untuk mendukung proses perancangan sistem. 1. Perangkat lunak yang digunakan dalam pembuatan aplikasi, yaitu: a. Notepad digunakan untuk proses scriptting. b. Xampp versi 6.2 sebagai web server. c. MySQL sebagai DBMS (Database Management System). d. Astah Community dan Microsoft Visio 2010 sebagai aplikasi untuk mendesain perancangan. e. Web browser standar saat ini seperti Mozilla Firefox dan Google Chrome, yang digunakan untuk menjalankan sistem. f. Framework Codeigniter sebagai bahasa pemrograman. 2. Keperluan hardware yang digunakan untuk membangun sistem antara lain: a. Processor : Intel Core i3-3217u b. Memory : 4GB Tipe DDR 3 c. Hardisk : 500 Gb 4

5 1.4 SRS (Software Requirement Specification) Berikut ini terdapat tabel SRS. Tabel tersebut berisi data beberapa fungsi kerja yang terdapat pada rancangan sistem aplikasi. Tabel SRS fungsional memiliki 24 SRS dan tabel Non Fungsional memiliki 2 SRS SRS Fungsional Kebutuhan fungsional merupakan kebutuhan-kebutuhan yang berhubungan dengan proses bisnis dari sistem yang dibuat. Dari analisis yang dilakukan, kebutuhan fungsional dalam sistem yang dibuat, seperti pada Tabel 3.1: Tabel 3. 1: SRS Fungsional E-Commerce Kode Deskripsi Level UL-01 UL-02 UL-03 UL-04 UL-05 UL-06 UL-07 UL-08 UL-09 UL-10 Sistem dapat melakukan proses menampilkan data kategori produk ke dalam tabel kategori Sistem dapat melakukan proses menambahkan data kategori produk ke dalam tabel kategori Sistem dapat melakukan proses mengedit data kategori produk ke dalam tabel kategori Sistem dapat melakukan proses menghapus data kategori produk ke dalam tabel kategori Sistem dapat melakukan proses menampilkan semua data produk ke dalam tabel produk Sistem dapat melakukan proses menambahkan data produk ke dalam tabel produk Sistem dapat melakukan proses mengedit data produk ke dalam tabel produk Sistem dapat melakukan proses menghapus data produk ke dalam tabel produk Sistem dapat melakukan proses menampilkan detail data produk yang dipilih Admin Admin Admin Admin Admin, Customer Admin Admin Admin Admin, Customer Sistem dapat melakukan proses menambahkan data member Customer 5

6 ke dalam tabel member UL-11 Sistem dapat melakukan proses menampilkan semua data Admin member ke dalam tabel member UL-12 Sistem dapat melakukan proses menghapus data member ke Admin dalam tabel member UL-13 Sistem dapat melakukan proses pemesanan (order) Member UL-14 Sistem dapat melakukan proses menghapus pemesanan Member (order) yang sedang dilakukan UL-15 Sistem dapat melakukan proses menampilkan semua semua Admin data order ke dalam tabel order UL-16 Sistem dapat melakukan proses mengubah status order ke Admin dalam tabel order UL-17 Sistem dapat melakukan proses menghapus data order ke Admin dalam tabel order UL-18 Sistem dapat melakukan proses menampilkan semua data Admin user (admin) ke dalam tabel user UL-19 Sistem dapat melakukan proses menambahkan data user Admin (admin) ke dalam tabel user UL-20 Sistem dapat melakukan proses menghapus data user Admin (admin) ke dalam tabel user UL-21 Sistem dapat melakukan proses menampilkan semua data Admin message ke dalam tabel message UL-22 Sistem dapat melakukan proses menambahkan data Customer message ke dalam tabel message UL-23 Sistem dapat melakukan proses menghapus data message Admin ke dalam tabel message UL-24 Sistem dapat melakukan proses menampilkan data profil Customer perusahaan UL-25 Sistem dapat melakukan proses menampilkan informasi dari pertanyaan dari customer Customer 6

7 UL-26 Sistem dapat melakukan proses menambahkan komentar Customer pada tiap produk UL-27 Sistem dapat melakukan proses menambahkan rating pada Customer tiap produk UL-28 Sistem dapat melakukan proses menampilkan invoice member UL-29 Sistem dapat melakukan proses pengiriman invoice ke Member member Pada kebutuhan fungsional yang telah dipaparkan di atas, actor yang terlibat dalam sistem ini adalah: 1. Admin Admin adalah salah satu karyawan CV.Wijayatama yang berwenang mengelola seluruh data yang ada di sistem, seperti memanajemen data produk, memanajemen data member, memanajemen data order, mengubah status order dan lain-lain. 2. Customer Customer adalah semua orang yang ingin melihat produk dan profil CV.Wijayatama. Customer dibedakan menjadi dua, yaitu: a. Customer Non Member : customer yang hanya bisa melihat produk dan profil CV.Wijayatama. b. Customer Member : customer yang bisa melihat produk, profil CV.Wijayatama dan melakukan pemesanan produk dengan mendaftar sebagai member terlebih dahulu SRS Non Fungsional Kebutuhan non fungsional merupakan kebutuhan-kebutuhan yang berhubungan dengan interaksi antar user dengan aplikasi yang dibuat. Dari analisis yang dilakukan, kebutuhan non fungsional dalam sistem yang dibuat seperti pada Tabel 3.2 : 7

8 Tabel 3. 2: SRS Non Fungsional E-Commerce Kode Deskripsi Level FA-01 Menggunakan login untuk masuk ke sistem Admin FA-02 Menggunakan login customer untuk memesan produk Curtomer 1.5 Perancangan Sistem Perancangan aplikasi e-commerce CV.Wijayatama ini menggunakan UML. Terdiri dari UseCase diagram, Activity diagram, Sequence Diagram dan class diagram UseCase Diagram Dari kebutuhan fungsional yang sudah di deskripsikan sebelumnya, maka dapat dibuat usecase diagram yang menggambarkan siapa saja aktor yang terlibat dan aksi apa saja yang dapat dilakukan oleh aktor tersebut. Berikut ini adalah gambaran usecase diagram dari Admin e-commerce CV.Wijayatama, dapat dilihat pada Gambar 3.3: 8

9 Gambar 3. 3: Use Case Diagram Admin Berikut ini adalah gambaran usecase diagram dari customer e-commerce CV.Wijayatama, dapat dilihat pada Gambar 3.4: Gambar 3. 4: Use Case Diagram Member 9

10 1.5.2 Activity Diagram Setelah membuat usecase diagram, selanjutnya membuat activity diagram untuk menggambarkan dan menjelaskan proses-proses dan jalur-jalur aktivitas secara umum. Hal ini untuk memudahkan dalam pembuatan aplikasi Activity Diagram Memanajemen Data Admin Activity Diagram seorang Admin memanajemen data admin, yaitu dalam menginput dan menghapus data admin dapat dilihat dari Gambar

11 Gambar 3. 5:Activity Diagram Memanajemen Data Admin 11

12 Activity Diagram Memanajemen Data Kategori Activity Diagram seorang Admin memanajemen data kategori, yaitu dalam menginput, mengedit, menghapus dan mencetak data kategori dapat dilihat dari Gambar 3.6 : 12

13 Gambar 3. 6: Activity Diagram Memanajemen Data Kategori 13

14 Activity Diagram Memanajemen Data Member Activity Diagram seorang Admin memanajemen data member, yaitu dalam menghapus dan mencetak data member dapat dilihat dari Gambar 3.7 : Gambar 3. 7:Activity Diagram Memanajemen Data Member Activity Diagram Memanajemen Data Message Activity Diagram seorang Admin dalam memanajemen data message, yaitu dalam membaca dan menghapus data message dari seorang member dapat dilihat dari Gambar 3.8: 14

15 Gambar 3. 8: Activity Diagram Memanajemen Data Message Activity Diagram Memanajemen Data Order Activity Diagram seorang Admin dalam memanajemen order, yaitu dalam mengubah status, menghapus dan mencetak data order dapat dilihat dari Gambar 3.9: 15

16 Gambar 3. 9: Activity Diagram Memanajemen Data Order Activity Diagram Memanajemen Data Payment Activity Diagram seorang Admin dalam memanajemen payment, yaitu dalam menghapus dan mencetak data payment yang dilakukan seorang member dapat dilihat dari Gambar 3.10: 16

17 Gambar 3. 10: Activity Diagram Memanajemen Data Payment Activity Diagram Memanajemen Data Product Activity Diagram seorang Admin dalam memanajemen product, yaitu dalam menginput, mengedit, menghapus dan mencetak data product dapat dilihat dari Gambar 3.11: 17

18 Gambar 3. 11: Activity Diagram Memanajemen Data Product 18

19 Activity Diagram Member Memesan Product Activity Diagram seorang Member dalam memesan product melalui toko online dapat dilihat dari Gambar 3.12: Gambar 3. 12: Activity Diagram Member Memesan Product 19

20 Activity Diagram Member Mengirim Konfirmasi Payment Activity Diagram seorang Member dalam mengirim konfirmasi payment/pembayaran melalui transfer bank dapat dilihat dari Gambar 3.13: Gambar 3. 13: Activity Diagram Member Mengirim Konfirmasi Payment Activity Diagram Member Melihat Data Product Activity Diagram seorang Member dalam melihat product dapat dilihat dari Gambar 3.14:. 20

21 Gambar 3. 14: Activity Diagram Member Melihat Data Product Activity Diagram Member Mengirim Message Activity Diagram seorang Member dalam mengirim message dapat dilihat dari Gambar 3.15: Gambar 3. 15: Activity Diagram Member Mengirim Message 21

22 1.5.3 Sequence Diagram Setelah membuat Usecase dan Activity Diagram selanjutnya adalah membuat Sequence Diagram agar dalam perpindahan function dalam sebuah aksi di aplikasi menjadi lebih jelas dan class yang digunakan dapat diketahui Sequence Diagram Admin Memanajemen Data Admin Sequence Diagram seorang Admin dalam memanajemen data Admin yaitu menginput dan menghapus data dapat dilihat dari Gambar Gambar 3. 16: Sequence Diagram Admin Memanajemen Data Admin Sequence Diagram Admin Memanajemen Data Member Sequence Diagram seorang Admin dalam memanajemen data Member yaitu menghapus dan mencetak data dapat dilihat dari Gambar

23 Gambar 3. 17: Sequence Diagram Admin Memanajemen Data Member Sequence Diagram Admin Memanajemen Data Message Sequence Diagram seorang Admin dalam memanajemen data message yaitu membaca dan menghapus data dapat dilihat dari Gambar Gambar 3. 18: Sequence Diagram Admin Memanajemen Data Message 23

24 Sequence Diagram Admin Memanajemen Data Category Sequence Diagram seorang Admin dalam memanajemen data category yaitu menginput, mengedit, menghapus dan mencetak data dapat dilihat dari Gambar Gambar 3. 19: Sequence Diagram Admin Memanajemen Data Category Sequence Diagram Admin Memanajemen Data Product Sequence Diagram seorang Admin dalam memanajemen data Product yaitu menginput, mengedit, menghapus dan mencetak data dapat dilihat dari Gambar 3.20: 24

25 Gambar 3. 20: Sequence Diagram Admin Memanajemen Data Product Sequence Diagram Admin Memanajemen Data Order Sequence Diagram seorang Admin dalam memanajemen data Order yaitu mengubah status, menghapus dan mencetak data dapat dilihat dari Gambar 3.21: 25

26 Gambar 3. 21: Sequence Diagram Admin Memanajemen Data Order Sequence Diagram Admin Memanajemen Data Payment Sequence Diagram seorang Admin dalam memanajemen data Payment yaitu menghapus dan mencetak data dapat dilihat dari Gambar

27 Gambar 3. 22: Sequence Diagram Admin Memanajemen Data Payment Sequence Diagram Member Memesan Product Sequence Diagram seorang Member dalam memesan product dapat dilihat dari Gambar Gambar 3. 23: Sequence Diagram Member Memesan Product 27

28 Sequence Diagram Member Mengirim Konfirmasi Payment Sequence Diagram seorang Member dalam mengkonfirmasi payment dapat dilihat dari Gambar Gambar 3. 24: Sequence Diagram Member Mengirim Konfirmasi Payment Sequence Diagram Member Melihat Product dari Gambar 3.25: Sequence Diagram seorang Member dalam melihat product dapat dilihat 28

29 Gambar 3. 25: Sequence Diagram Member Melihat Product Sequence Diagram Member Mengirim Message Seorang customer yang belum memiliki akun sebagai member, dapat mengirimkan pertanyaan, saran atau kritik kepada pihak CV.Wijayatama melalui fasilitas yang terdapat dalam web E-Commerce CV.Wijayatama. Sequence Diagram seorang Member dalam mengirim pesan (message) dapat dilihat dari Gambar 3.26: Gambar 3. 26: Sequence Diagram Member Mengirim Message 29

30 1.5.4 Class Diagram Setelah membuat Use Case Diagram, Activity Diagram, dan Sequence Diagram, maka selanjutnya membuat Class Diagram. Class Diagram digunakan untuk menggambarkan desain statis dari sistem yang sedang dibangun. Berikut class diagram dari e-commerce CV. Wijayatama dapat dilihat pada Gambar Gambar 3. 27: Class Diagram E-Commerce 30

31 1.6 Perancangan Database Setelah membuat rancangan sistem, selanjutnya membuat rancangan database e-commerce. Rancangan database ini sesuai dengan banyaknya data yang disimpan dalam aplikasi yang dibuat Rancangan ERD Berikut gambar rancangan ERD sistem dapat dilihat dari Gambar 3.28: 31

32 Gambar 3. 28: ERD Sistem E-Commerce 32

33 1.6.2 Relasi Antar Tabel Dari ERD yang sudah ada, terbentuk 10 entitas yang menjadi tabel. Pada relasi antar tabel akan ditunjukan lebih jelas tentang table-tabel yang dihasilkan dari ERD yang sudah dibuat. Relasi antar tabel dapat dilihat pada Gambar 3.29: Gambar 3. 29: Relasi Antar Tabel E-Commerce Tabel Fisik Tabel fisik yang dibuat harus sesuai dengan ERD sehingga dapat terbetuk relasi antar tabel yang diharapkan. Maka terdapat 10 tabel untuk implementasi database yang dibutuhkan dalam aplikasi yang akan dibuat Tabel Pages Tabel Admin merupakan tabel yang digunakan untuk menyimpan data admin. Tabel Admin dapat dilihat pada Tabel 3.3.: Tabel Tabel Pages NO FIELD TYPE KEY 1 id(pk) int(11) PRIMARY KEY 33

34 2 permalink VARCHAR(100) 3 title VARCHAR(100) 4 body text Tabel User Tabel Member merupakan tabel yang digunakan untuk menyimpan data member. Tabel Member dapat dilihat pada Tabel 3.4 : Tabel Tabel User NO FIELD TYPE KEY 1 user_id(pk) int(11) PRIMARY KEY 2 full_name varchar(25) 3 varchar(25) 4 Password varchar(50) 5 reset_token varchar(25) 6 address varchar(25) 7 phone varchar(200) 8 gender tinyint(4) 9 level tinyint(4) Tabel Categroies Tabel Category merupakan tabel yang digunakan untuk menyimpan data kategori produk. Tabel Category dapat dilihat pada Tabel 3.5. : Tabel Tabel Categories NO FIELD TYPE KEY 34

35 1 category_id (PK) int(11) PRIMARY KEY 2 Name varchar(50) 3 Description varchar(100) Tabel Product Tabel Product merupakan tabel yang digunakan untuk menyimpan data produk. Tabel Product dapat dilihat pada Tabel 3.6. : Tabel Tabel Product NO FIELD TYPE KEY 1 id (PK) int(11) PRIMARY KEY 2 Code varchar(100) 3 Name varchar(100) 4 category_id (FK) int(11) FOREIGN KEY 5 Price int(11) 6 discount_percent Double 7 net_price Double 8 Description varchar(100) 9 Stock int(11) 10 Status tinyint(4) Tabel Orders Tabel Order merupakan tabel yang digunakan untuk menyimpan data pemesanan yang dilakukan member. Tabel Order dapat dilihat pada Tabel 3.7. : 35

36 Tabel Tabel Orders NO FIELD TYPE KEY 1 order_id (PK) int(11) PRIMARY KEY 2 user_id (FK) int(11) FOREIGN KEY 3 Total double 4 order_date date 5 payment_deadline date 6 Status tinyint(4) Tabel Order_details Tabel Order Detail merupakan tabel yang digunakan untuk menyimpan data rincian pemesanan yang dilakukan member. Tabel Order dapat dilihat pada Tabel 3.8. : Tabel Tabel Order_details NO FIELD TYPE KEY 1 detail_id (PK) int(11) PRIMARY KEY 2 id (FK) int(11) FOREIGN KEY 3 Code varchar(255) 4 Name varchar(255) 5 order_id int(11) FOREIGN KEY 6 Qty int(10) 7 Price double 8 discount_percent double 36

37 9 net_price Double Tabel Confirmations Tabel Payment merupakan tabel yang digunpakan untuk menyimpan data konfirmasi pembayaran yang dilakukan member. Tabel Payment dapat dilihat pada tabel 3.9. : Tabel Tabel Confirmations NO FIELD TYPE KEY 1 Id int(10) PRIMARY KEY 2 sender_bank varchar(255) 3 bank_account_name varchar(255) 4 receiver_bank varchar(255) 5 Amount Double 6 payment_date Date 7 Status tinyint(4) 8 order_id int(10) Tabel Slides Tabel Message merupakan tabel yang digunakan untuk menyimpan data message yang dikirim oleh member. Tabel Message dapat dilihat padatabel 3.10.: Tabel Tabel Slides NO FIELD TYPE KEY 1 id (PK) int(11) PRIMARY KEY 2 Title varchar(255) 37

38 3 Description varchar(255) 4 title_en varchar(255) 5 description_en text 1.7 Perancangan Interface Setelah rancangan UML selesai, selanjutnya membuat perancangan interface. Perancangan interface digunakan sebagai gambaran umum implementasi aplikasi, sehingga memudahkan dalam membangun aplikasi yang akan dibuat Halaman Login Admin Halaman ini digunakan admin ketika login untuk masuk ke dalam sistem, perancangan seperti pada Gambar 3.30.: Gambar Racangan Halaman Login Admin Halaman Admin Halaman ini merupakan tampilan ketika admin masuk ke dalam sistem, perancangannya seperti pada Gambar : 38

39 Gambar Rancangan Halaman Admin Halaman Home Halaman ini merupakan tampilan ketika customer masuk ke halaman menu Home e-commerce, perancangannya seperti pada Gambar 3.32.: 39

40 Gambar Rancangan Halaman Home Halaman Product Halaman ini merupakan tampilan ketika customer masuk ke halaman menu Product e-commerce, perancangannya seperti pada Gambar 3.33.: Gambar Rancangan Halaman Product 40

41 1.7.5 Halaman About Halaman ini merupakan tampilan ketika customer masuk ke halaman menu About e-commerce, perancangannya seperti pada Gambar 3.34.: Gambar Rancangan Halaman About Halaman Contact Us Halaman ini merupakan tampilan ketika customer masuk ke halaman menu Message e-commerce, perancangannya seperti pada Gambar 3.35.: Gambar Rancangan Halaman Contact Us 41

42 1.7.7 Halaman Order Halaman ini merupakan tampilan ketika customer masuk ke halaman menu Order e-commerce, perancangannya seperti pada Gambar : Gambar Rancangan Halaman Order Halaman Confirm Payment Halaman ini merupakan tampilan ketika customer masuk ke halaman menu Confirm Payment e-commerce, perancangannya seperti pada Gambar 3.37.: Gambar Rancangan Halaman Confirm Payment 42