BAB IV PERANCANGAN SISTEM
Perancangan sistem didefinisikan sebagai penggambaran, perencanaan, dan pembuatan sketsa sistem atau pengaturan dari beberapa elemen yang terpisah ke dalam kesatuan yang utuh dan berfungsi. Untuk bisa menghasilkan sistem yang baik maka diperlukan analisis yang baik pula, baik itu analisis sistem maupun analisis stuktur data, maka perlu sebuah perancangan sistem dengan tujuan untuk memperbaiki masalah yang terjadi. Perancangan sistem secara umum bertujuan untuk memberikan gambaran secara umum kepada pemakai aplikasi yang baru, dan juga merupakan persiapan dari rancangan terperinci dengan mengidentifikasi komponen-komponen aplikasi. Tujuan utama perancangan sistem adalah untuk memenuhi kebutuhan para pemakai sistem dan memberikan gambaran yang jelas serta rancang bangun yang lengkap kepada programmer dan ahli-ahli yang terlibat didalamnya. Kedua tujuan ini lebih berfokus pada perancangan atau desain sistem yang terinci yaitu pembuatan rancang bangun yang jelas dan lengkap yang nantinya digunakan untuk pembuatan program komputernya.
54
55
Rancangan ini meliputi Flowmap yang diusulkan, Diagram Konteks, Data Flow Diagram, Entity Relationship Diagram, Struktur Program, Rancangan Input, Rancangan Proses dan Rancangan Output.
4.1 Prosedur Penjualan Yang Diusulkan Prosedur penjualan yang diusulkan pada PT.Dwi Sukses Mulia adalah sebagai berikut : a.
Bagian penjualan meng-input data barang kedalam database Penjualan Hardware.
b.
Data barang akan tampil di halaman website.
c.
Pelanggan yang ingin membeli barang, wajib registrasi menjadi member website dengan memasukkan data pembeli pada menu registrasi.
d.
Setelah registrasi, pembeli dapat membeli barang dengan memasukkan data pesanan.
e.
Jika stok barang tidak tersedia, maka keputusan pembelian akan dikembalikan kepada pembeli.
f.
Jika stok tersedia, maka data pesanan secara otomatis akan masuk ke database dan tampil di daftar pesanan.
g.
Kemudian pelanggan melakukan konfirmasi pembelian dan menginput nomor order ke database.
56
h.
Nomor order yang telah dimasukkan oleh pelanggan akan dikonfirmasi oleh kasir, setelah dikonfirmasi maka Nota Penjualan akan dicetak sebanyak 2 (dua) rangkap, dimana rangkap pertama diserahkan kepada pelanggan dan rangkap ke-dua diarsip oleh pihak kasir.
i.
Kasir dapat mencetak laporan penjualan dari database yang akan diserahkan kepada pimpinan.
57
Pelanggan
Bagian penjualan
Sales
Pimpinan
Data Barang
Menu Utama
Input Data Barang
Penjualan Hardware
Cetak Nota Penjualan
Registrasi
Nota Penjualan Daftar Produk Keranjang Belanja
Input Data Pesanan Cetak Laporan Penjualan
Tidak Stock Tersedia / Tidak
Ada
Laporan Penjualan Konfirmasi Pembelian
Input Nomor Order
Nota Penjualan
Gambar 4.1 Flowmap Usulan Penjualan Online
Laporan Penjualan
58
4.2 Diagram Konteks Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks berisi gambaran umum (secara garis besar) sistem yang akan dibuat. Secara kalimat, dapat dikatakan bahwa diagram konteks ini berisi “siapa saja yang memberi data (dan data apa saja) ke sistem, serta kepada siapa saja informasi (dan informasi apa saja) yang harus dihasilkan sistem.”
Data Pelanggan, Data Pembelian
Nota Penjualan
Sales
Pelanggan Nomor Order, Data Pembayaran
Nota Penjualan Data barang
Perancangan ecommerce
Laporan Penjualan
Pimpinan
Bagian Penjualan
Gambar 4.2 Rancangan Diagram Konteks
4.3 Data Flow Diagram (DFD) Data Flow Diagram (DFD) adalah diagram yang digunakan untuk menggambarkan suatu aplikasi yang sudah jadi atau aplikasi yang baru dirancang yang akan dikembangkan secara logika, tanpa mempertimbangkan lingkungan fisik kemana data tersebut disimpan. Disamping itu Data Flow
59
Diagram (DFD) juga dapat menggambarkan arus data yang terstruktur dan jelas dari mulai pengisian data sampai dengan keluarannya. Arus data pada Data Flow Diagram (DFD) ini dapat berupa masukan untuk aplikasi atau keluaran dari aplikasi, sehingga akan menghasilkan sebuah keluaran yang akan disampingkan pada pengguna atau penerima aplikasi. 4.3.1 Data Flow Diagram Level 0 Bagian Penjualan
pelanggan
Nomor Order
Data Produk Data Pelanggan
4.0 Konfirma si
2.0
1.0 Register
Data Pesanan
Pengolaha n Data Barang
Sales
Nomor Order Nomor Order
Data Pelanggan
Tb_produk Data Produk
Tb_user
Data Pelanggan
Tb_order
3.0
Nomor Order
Penjualan
Data Pembayaran
Nota Penjualan
Data Pesanan
5.0 Pembaya ran
Tb_ses_ord Data Pesanan
Data Pembayaran Nota Penjualan
Data Barang Data Pembayaran
Tb_payment
6.0 Cetak
Laporan Penjualan Pimpinan
Gambar 4.3 Data Flow Diagram Level 0
60
Dari DFD level 0 di atas terdapat empat proses yang dapat dijabarkan sebagai berikut : a.
Proses 1.0 adalah proses register yang datanya berasal dari pelanggan kemudian disimpan pada database tb_user.
b.
Proses 2.0 adalah proses input data barang yang datanya berasal dari bagian penjualan kemudian disimpan pada database tb_produk.
c.
Proses 3.0 adalah proses penjualan produk dimana data yang diinputkan berasal dari database tb_produk kemudian disimpan kedalam database tb_ses_order .
d.
Proses 4.0 adalah proses konfirmasi pesanan pelanggan dimana data yang diinputkan berasal dari pelanggan yang kemudian diproses oleh sales dan disimpan kedalam database tb_order.
e.
Proses 5.0 adalah proses pembayaran oleh pelanggan dimana data berasal dari tb_order yang kemudian disimpan kedalam database tb_payment.
f.
Proses 6.0 adalah proses cetak nota penjualan dan laporan penjualan yang akan diserahkan kepada pimpinan.
61
4.3.2 Data Flow Diagram Level 1 Proses 1.0
Data Pelanggan
1.1 Input
Data Pelanggan
Tb_user pelanggan
Data Pelanggan
1.2 Update Data Pelanggan
Gambar 4.4 Data Flow Diagram Level 1 Proses 1.0 Register
DFD Level 1 Proses 1.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut: 1. Proses 1.1 input data pelanggan yaitu proses penyimpanan inputan data pelanggan ke dalam table tb_user. 2. Proses 1.2 Update data pelanggan yaitu proses perubahan data pelanggan yang sudah tersimpan didalam tabel tb_user, dengan cara mengambilnya dari tabel, dirubah datanya lalu disimpan kembali kedalam table tb_user.
62
4.3.3 Data Flow Diagram Level 1 Proses 2.0
2.1 Input
Data Produk
Bagian Penjualan
Data produk
2.2 Update
Data Produk
Data Produk Tb_produk Data Produk
Kode Produk Data Produk
2.3 Pencari an
Data Produk
Gambar 4.5 Data Flow Diagram Level 1 Proses 2.0 Pengolahan Data Barang
Dari DFD Level 1 Proses 2.0 Pengolahan data di atas terdapat tiga proses yang dapat dijabarkan sebagai berikut: 1. Proses 2.1 adalah proses penginputan data produk yang kemudian disimpan pada tabel tb_produk. 2. Proses 2.2 Update data produk yaitu proses perubahan data produk yang sudah tersimpan didalam tabel tb_produk, dengan cara mengambilnya dari tabel, dirubah datanya lalu disimpan kembali kedalam table tb_produk. 3. Proses 2.3 Pencarian data produk yaitu proses pencarian data produk yang tersimpan didalam tabel tb_produk.
63
4.3.4 Data Flow Diagaram Level 1 Proses 3.0
Data Pesanan
Data Pesanan Pelanggan
Data Pesanan
3.1 Input Data
3.2 Update Data
3.1 Hapus Data
Data Pesanan
Data Pesanan Tb_ses_ord Data Pesanan
Data Pesanan
Gambar 4.6 Data Flow Diagram Level 1 Proses 3.0 Penjualan
Dari DFD Level 1 Proses 3.0 Penjualan di atas dapat dijabarkan sebagai berikut: 1. Proses 3.1 adalah proses input data pesanan oleh pelanggan dan disimpan kedalam tabel Tb_ses_ord 2. Proses 3.2 adalah proses update data pesanan oleh pelanggan dan disimpan kedalam tabel Tb_ses_ord 3. Proses 3.2 adalah proses penghapus data pesanan oleh pelanggan
64
4.3.5 Data Flow Diagram Level 1 Proses 4.0
Data Pesanan
4.1 Input Pesanan
Data Pesanan Tb_ses_ord
Nomor Order
Pelanggan
Data Pesanan Sales
4.2 Konfirma si Pesanan
Nomor Order
Tb_order
Nomor Order
Gambar 4.7 Data Flow Diagram Level 1 Proses 4.0 Konfirmasi
Dari DFD Level 1 Proses 4.0 Konfirmasi di atas dapat dijabarkan sebagai berikut: 1
Proses 4.1 adalah proses input data pesanan kedalam tabel Tb_ses_ord
2
Proses 4.2 adalah proses konfirmasi pesanan oleh pelanggan berdasarkan nomor order pesanan pelanggan dan diproses oleh sales.
4.3.6 Data Flow Diagram Level 1 Proses 5.0
Nomor Order
5.1 Input Data
Nomor Order
Tb_order
Pelanggan Nomor Order
Sales Data Pembayaran
5.2 Konfir masi
Data Pembayaran
Tb_payment
Gambar 4.8 Data Flow Diagram Level 1 Proses 5.0 Pembayaran
65
Dari DFD Level 1 Proses 5.0 Pembayaran di atas dapat dijabarkan sebagai berikut: 1. Proses 5.1 adalah proses input nomor order oleh pelanggan dan disimpan ke dalam tabel order 2. Proses 5.2 adalah proses konfirmasi pembayaran oleh sales dimana datanya berasal dari tabel order kemudian disimpan ke dalam tabel payment.
4.3.7 Data Flow Diagram Level 1 Proses 6.0
Nota Penjualan
Data Pembayaran Tb_payment
6.1 Cetak Nota
Pelanggan
Nota Penjualan
Kasir
Data Barang Tb_produk
6.2 Cetak Laporan
Tb_order
Laporan Penjualan
Data Penjualan Pimpinan
Gambar 4.9 Data Flow Diagram Level 1 Proses 6.0 Cetak
Dari DFD Level 1 Proses 6.0 Cetak di atas dapat dijabarkan sebagai berikut: 1. Proses 6.1 adalah proses cetak nota penjualan dimana datanya diambil dari tabel tb_payment kemudian diserahkan kepada pelanggan dan kasir.
66
2. Proses 6.2 adalah proses cetak laporan penjualan yang datanya sudah tersimpan di dalam tabel tb_produk dan tb_order yang selanjutnya diserahkan kepada pimpinan.
4.4 Entity Relationship Diagram ( ERD ) Entity RelationShip Diagram ( ERD ) atau diagram relasi antar entitas adalah suatu diagram yang menggambarkan hubungan objek data yang disimpan yang ada dalam suatu aplikasi secara konseptual. Objek Data adalah objek yang dapat dicatat atau direkam atau segala sesuatu yang ada dan dapat dibedakan entitas dapat berupa orang, benda, tempat, peristiwa, atau konsep yang bisa diolah untuk menghasilkan informasi, rancangan diagram entitas ini dibuat menurut data yang ada sehingga dapat menjelaskan hubungan data. Atribut yang berhubungan dengan perangkat lunak Perancangan ECommerce Penjualan Hardware Komputer pada PT.Dwi Sukses Mulia dapat digambarkan sebagai berikut :
67
1
Pelanggan
N
Jenis produk
Membeli
1
Melakukan
N
Penjualan
Gambar 4.10 Entity Relation Diagram ( ERD )
4.5 Perancangan Struktur File Didalam pembuatan program dibutuhkan suatu spesifikasi file yang dimaksudkan untuk dapat melakukan kegiatan-kegiatan dalam pengaturan pencarian data dan pembuatan laporan yang dapat mempermudah kerja sistem komputer. Untuk ini aplikasi pengolahan data ini membutuhkan spesifikasi file untuk mempermudah dalam melakukan kegiatan pemrograman, yang dapat dilihat dari table-tabel berikut ini.
68
Nama Tabel
: Gejala
Primary Key
: kd_gejala Tabel 4.1 Struktur File Data Gejala
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Kd_gejala
char
4
Kode gejala
2
Nm_gejala
Varchar
100
Nama gejala
Nama Tabel
: Penyakit
Primary Key
: kd_penyakit Tabel 4.2 Struktur File Data Penyakit
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Kd_penyakit
char
4
Kode penyakit
2
Nm_penyakit
varchar
60
Nama penyakit
3
definisi
text
-
Definisi
4
solusi
text
-
Solusi
Nama Tabel
: Relasi
Primary Key
: kd_penyakit
69
Tabel 4.3 Struktur File Data relasi No
Nama Field
Tipe data
Ukuran
Keterangan
1
Kd_penyakit
char
4
Kode penyakit
2
Kd_gejala
char
4
Kode gejala
3
Id_kat
int
11
Id keterangan
Nama Tabel
: tb_banner
Primary Key
: banner_id Tabel 4.4 Struktur File Data tb_banner
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Banner_id
int
11
Kode Banner
2
gbr
varchar
1000
Gambar
3
link
varchar
1000
Link
Nama Tabel
: tb_faq
Primary Key
: faq_id Tabel 4.5 Struktur File Data tb_faq
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Faq_id
int
11
Kode Faq
70
2
question
varchar
1000
pertanyaan
3
answer
text
-
Jawaban
Nama Tabel
: tb_history
Primary Key
: order_history_id Tabel 4.6 Struktur File Data tb_history
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Order_history_id
bigint
20
Kode history
2
Order_id
int
11
Kode pesanan
3
History_date
varchar
50-
Tanggal
4
status
enum
-
Status
5
info
varchar
100
Info
Nama Tabel
: tb_kategori
Primary Key
: category_id Tabel 4.7 Struktur File Data tb_kategori
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Category_id
int
11
Kode kategori
2
Category_name
varchar
100
Nama kategori
71
3
Keyword
varchar
50
Kata kunci
4
Description
varchar
100
deskripsi
Nama Tabel
: tb_order
Primary Key
: order_id Tabel 4.8 Struktur File Data tb_order
No
Nama Field
Tipe data
Ukuran
Keterangan
1
order_id
int
11
Kode order
2
Order_date
varchar
50
Tanggal order
3
Order_no
varchar
20
Nomor order
4
User_id
Int
11
Kode user
5
First_name
varchar
20
Nama depan
6
Last_name
varchar
20
Nama belakang
7
Email
varchar
50
Email
8
Address
varchar
100
Alamat
9
Province
varchar
20
Provinsi
10
State
varchar
20
negara
11
Zip_code
varchar
6
Kode pos
12
Telephone
varchar
15
Telepon
13
Handphone
varchar
15
Handphone
72
14
Shipping_charge
Float
-
Ongkos kirim
15
Status
enum
-
Status
Nama Tabel
: tb_ord_det
Primary Key
: detail_order_id Tabel 4.9 Struktur File Data tb_ord_det
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Detail_order_id
int
11
Kode pesanan
2
Order_name
varchar
20
Nama pesanan
3
Product_id
Int
11
Kode produk
4
Price
Double
-
harga
5
Qty
int
2
jumlah
6
Discount
float
-
diskon
Nama Tabel
: tb_payment
Primary Key
: payment_confirm_id
Tabel 4.10 Struktur File Data tb_payment No
Nama Field
Tipe data
Ukuran
Keterangan
1
Payment_id
int
11
Id pembayaran
2
Post_date
Datetime
-
Tanggal post
73
3
Order_id
Int
11
Id pesanan
4
Payment_method
varchar
20
pembayaran
5
Payment_date
datetime
-
Tanggal bayar
6
Total_payment
bigint
20
Total bayar
7
File_name
Varchar
10000
Nama file
8
User_note
Varhcar
250
Catatan
9
Admin_note
Varchar
250
catatan
10
status
enum
-
status
Nama Tabel
: tb_produk
Primary Key
: product_id Tabel 4.11 Struktur File Data tb_product
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Product_id
int
11
Kode produk
2
Category_id
int
11
Kode kategori
3
sku
varchar
10
Nomor sku
4
Product_name
varchar
30
Nama produk
5
stock
int
4
Stok
6
price
double
-
Harga
7
weight
float
4,2
berat
74
8
description
text
-
deskripsi
9
Meta_description
varchar
100
Meta deskripsi
10
keyword
varchar
100
Kata kunci
11
Post_date
varchar
20
Tanggal post
12
Update_date
varchar
20
Tanggal update
13
status
enum
-
Status
14
gbr
varchar
1000
Gambar
Nama Tabel
: tb_ses_ord
Primary Key
: id_ord Tabel 4.12 Struktur File Data tb_ses_ord
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ord
varchar
11
Kode pesanan
2
Product_id
int
11
Kode produk
3
User_id
Int
11
Id konsumen
4
Qty
Int
11
Jumlah
5
Tgl
varchar
50
Tanggal
Nama Tabel
: tb_user
Primary Key
: user_id
75
Tabel 4.13 Struktur File Data tb_user No
Nama Field
Tipe data
Ukuran
Keterangan
1
User_id
Int
11
Id pelanggan
2
User_type_id
Int
11
Tipe user
3
First_name
Varchar
20
Nama depan
4
Last_name
Vachar
20
Nama belakang
5
Email
Varchar
50
Email
6
Title
Enum
-
Title
7
Password
Varchar
50
Password
8
Address
Varchar
100
Alamat
9
Province
Varchar
20
Provinsi
10
State
Varchar
20
Negara
11
Zip_code
Varchar
6
Kode pos
12
Telephone
Varchar
15
Telepon
13
Handphone
Varchar
15
Handphone
14
Register_date
Datetime
-
Tanggal
15
Temp_code
Varchar
50
Kode
16
Status
Enum
-
status
17
Suspend_reason
varchar
100
keterangan
76
Nama Tabel
: tmp_cek
Primary Key
: user_id
Tabel 4.14 Struktur File Data tmp_cek No
Nama Field
Tipe data
Ukuran
Keterangan
1
User_id
Int
11
Id pelanggan
2
Kd_gejala
varchar
4
Kode gejala
Nama Tabel
: tmp_pasien
Primary Key
: user_id Tabel 4.15 Struktur File Data tmp_pasien
No
Nama Field
Tipe data
Ukuran
Keterangan
1
User_id
Int
11
Id pelanggan
2
Nama
varchar
60
Nama
3
Kelamin
Enum
-
Jenis kelamin
4
Alamat
Varchar
100
Alamat
5
Pekerjaan
Varchar
60
Pekerjaan
6
Noip
Varchar
60
Kode
7
Tanggal
datetime
-
Tanggal
77
Nama Tabel
: tb_no_order
Primary Key
: order_id Tabel 4.16 Struktur File Data tb_no_order
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Order_id
Int
11
Nomor id
2
Order_date
Varchar
50
Tanggal order
3
Order_no
Varchar
20
Nomor order
4
User_id
Varchar
100
Id user
5
First_name
Varchar
20
Nama depan
6
Last_name
Varchar
20
Nama belakang
7
Email
Varchar
50
Email
8
Address
Varchar
100
Alamat
9
Province
Varchar
20
Provinsi
10
State
Varchar
20
Negara
11
Zip_code
Varchar
6
Kode pos
12
Telephone
Varchar
15
Telepon
13
Handphone
Varchar
15
Handphone
14
Shipping_charge
Float
-
Biaya kirim
15
status
Enum
-
Status
78
Nama Tabel
: tb_no_order_det
Primary Key
: detail_order_id Tabel 4.17 Struktur File Data tb_no_order_det
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Detail_Order_id
Int
11
Nomor id
2
Order_no
Varchar
20
Nomor_order
3
Product_id
Int
11
Produk id
4
Price
Double
-
Harga
5
Qty
Int
2
Jumlah
6
Discount
Float
-
Diskon
Nama Tabel
: tb_no_ses_ord
Primary Key
: id_ord Tabel 4.18 Struktur File Data tb_no_ses_ord
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ord
Varchar
11
Nomor id
2
Product_id
Int
11
Produk id
3
User_id
Varchar
100
Id user
4
Qty
Int
11
Jumlah
5
Tgl
Varchar
50
Tanggal
79
Nama Tabel
: tb_no_user
Primary Key
: user_id Tabel 4.19 Struktur File Data tb_no_user
No
Nama Field
Tipe data
Ukuran
Keterangan
1
User_id
Int
11
Id user
2
User_type_id
Int
11
Tipe user id
3
First_name
Varchar
20
Nama depan
4
Last_name
Varchar
20
Nama belakang
5
Email
Varchar
50
Email
6
Title
Enum
-
Gelar
7
Password
Varchar
50
Kata sandi
8
Address
Varchar
100
Alamat
9
Province
Varchar
20
Provinsi
10
State
Varchar
20
Negara
11
Zip_code
Varchar
6
Kode pos
12
Telephone
Varchar
15
Telepon
13
Handphone
Varchar
15
handphone
14
Register_date
Datetime
-
Tgl register
15
Temp_code
Varchar
50
Kondisi
16
status
Enum
-
Status
17
Suspend_reason
Varchar
100
Keterangan
80
Nama Tabel
: tb_resi
Primary Key
: resi_id Tabel 4.20 Struktur File Data tb_resi
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Resi_id
Int
11
Kode resi
2
Order_no
Varchar
20
No order
3
Resi_no
Varchar
100
No resi
4
Resi_tgl
Varchar
20
Tanggal resi
4.6 Perancangan Struktur Program Struktur program adalah suatu konsep pembuatan yang mempunyai fungsi untuk mengelompokkan instruksi kedalam sub program fungsional dimana setiap sub program tersebut memiliki tugas dan fungsi tertentu yang digunakan untuk mendukung dari keseluruhan program yang dibuat. Struktur program yang dibuat adalah sebagai berikut :
81
Struktur Program
Input
Proses
Output
Daftar Produk
Update Daftar Produk,
Invoice
Nomor Resi
Transaksi Pembayaran
Laporan Penjualan
Keterangan : Sales Bagian Gudang
Gambar 4.11 Struktur Program Sistem Penjualan hardware PT.Dwi Sukses mulia
4.7 Perancangan Struktur Menu Struktur menu merupakan bentuk umum dalam suatu perancangan aplikasi yang dapat memudahkan pengguna dalam menggunakan aplikasi yang dibangun. Dengan adanya struktur menu ini, maka proses pengolahan data diharapkan lebih cepat dilakukan, sehingga keterlambatan dalam penyajian data dapat ditekan seminimal mungkin. Struktur menu yang dibuatkan dalam aplikasi ini terdiri dari menu-menu dan sub menunya. Dapat dilihat dari gambar berikut :
82
Menu
Dash board
Member
Produk
Kategori Produk
Banner
Order
Konfirmasi Pembayaran
Laporan
Kerusakan
Gejala
Relasi
FAQ
Akun
Daftar Member
Daftar produk
Daftar kategori produk
Daftar Banner
Daftar Order
Daftar Konfirmasi
Print Laporan
Kategori Kerusakan
Daftar Gejala
Daftar Relasi
Daftar FAQ
Ubah Data Akun
Tambah Member
Tambah Produk
Tambah Kategori Produk
Tambah Banner
Proses order
Proses Konfirmasi
Tambah Kategori kerusakan
Tambah Daftar Gejala
Tambah Daftar Relasi
Tambah Daftar FAQ
Logout
Gambar 4.12 Struktur Menu Website Halaman Admin
Menu
Home
Produk
Kategori Produk
Pembaya ran
Tracking Order
Cara Belanja
Tentang Kami
FAQ
Konsult asi
Akun saya Edit Akun
Gambar 4.13 Struktur Menu Website Halaman Customer
Logout
83
Menu
Beranda
Kategori Produk
Pembayar an
Tracking Order
Cara Belanja
Tentang Kami
FAQ
Register
Gambar 4.14 Struktur Menu Website
4.8 Rancangan Input Rancangan input adalah rancangan dari dokumen dasar yang digunakan untuk merekap data yang digunakan. Perancangan input meliputi bentuk dokumen-dokumen input yang akan digunakan untuk menangkap data input.
Login untuk melihat akun anda Email
Password Login
Tidak punya akun? Daftar gratis!
Gambar 4.15 Design Form Login
84
HEADER
MESNU BAR
COLOUMN COLOUMN 2 2 COLOUMN REGISTER 1
FOOTER
Gambar 4.16 Design Form Home
Daftar gratis! Atau sudah punya akun? Login disini! Info Biodata Title *
Mr Nama awal *
Nama belakang
Alamat *
Negara *
No. Telepon
Kota *
Kode pos
No HP *
Info Akun
Email *
Password *
Ulang Password *
*) Wajib diisi
Daftar sekarang !
Gambar 4.17 Design Form Register
85
Konfirmasi Pembayaran No Order * Metode Pembayaran * Tanggal Pembayaran * Jumlah Pembayaran * Bukti Pembayaran
Browse
Catatan tambahan *
Confirm
Gambar 4.18 Design Form Konfirmasi Pembayaran
Keranjang belanja : Qty
Item Description
Item Price
Sub Total
xxx
xxxxxxxxx
xxxxxx
xxxxxx
Total :
xxxxxx
Action Update
Konfirmasi and Checkout
Gambar 4.19 Design Form Keranjang Belanja
Delete
86
Produk Tambah Data Produk
Kategori SKU Nama Produk Stok Harga Deskripsi
Browse
Input Image Simpan
Gambar 4.20 Design Form Daftar Produk
Produk Edit Data Produk
Kategori SKU Nama Produk Stok Harga Deskripsi
Browse
Input Image Update
Gambar 4.21 Design Form Update Produk
87
Data Kerusakan Tambah Data Kerusakan
Kode Kerusakan Nama Kerusakan Definisi
Solusi
Save
Gambar 4.22 Design Form Tambah Data Kerusakan
Data Kerusakan Tambah Data Gejala
Kode Gejala Nama Gejala Save
Gambar 4.23 Design Form Tambah Data Gejala
88
Fquently Asked Question Tambah FAQ Baru
Pertanyaan Jawaban
Save
Gambar 4.24 Design Form Tambah Data FAQ
Member Edit Data Member
Mr
Title Tipe User
Nama awal *
Nama Akhir
Email Alamat
Negara *
Kota *
Kode pos Handphone
Telepon Status User
Verifikasi Password
Password Baru
Simpan
Gambar 4.25 Design Form Update Data Member
89
4.9 Rancangan Output Rancangan output adalah rancangan dalam bentuk laporan dari hasil pemrosesan input yang diterima dari sistem pengolahan data tersebut. Untuk menentukan rancangan keluaran diperlukan kecermatan, ketelitian dan kesabaran dengan harapan keluaran yang dihasilkan merupakan laporanlaporan
yang akurat
dan
releven
serta
dapat
dimengertikan
pemakaiannya.
Nota Penjualan # (Nomor Faktur) Tanggal : 16 Mei 2013 Jalan MT.Haryono No.25 , Tanjungpinang Provinsi Kepulauan Riau Kode Pos 29112 Telp. 0771-344452 , Fax 0771-325252 Email :
[email protected]
Pengiriman
Info Customer : Christoven Lau Jln. Pantai Indah GG.Pantai Indah No.16 Blok D Tanjungpinang , Kode pos 29113
Christoven Lau Jln. Pantai Indah GG.Pantai Indah No.16 Blok D
Handphone 0856 6802 5555
Handphone 0856 6802 5555
Qty
SKU
Deskripsi
Harga
Subtotal
xxx
xxxxx
xxxxxxxxxxxxxxxxxxxx
xxxxx
xxxxx
Total
xxxxx
Grand Total
xxxxx
Power Team,
( Christoven )
Gambar 4.26 Design Output Form Nota Penjualan
oleh
90
LAPORAN PENJUALAN Tanggal : 16 Mei 2013 Jalan MT.Haryono No.25 , Tanjungpinang Provinsi Kepulauan Riau Kode Pos 29112 Telp. 0771-344452 , Fax 0771-325252 Email :
[email protected]
Pilihan : 15/05/2013
No
Order No.
Tanggal
xxx
xxxxx
xxxxxxxxx
Qty
Total Harga
xxxxx
xxx
xxxxxx
Grand Total :
xxx
xxxxxx
Customer
Power Team,
( Christoven )
Gambar 4.27 Design Output Laporan Penjualan
