BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1 Sejarah Perusahaan CV Budi Jaya adalah badan usaha yang didirikan oleh Bapak Mulianto pada tahun 1998 bertempat pada Jalan Bekasi Timur 1 No 11, Jatinegara - Jakarta Timur. Dimana pada tahun 1998 terjadi krisis ekonomi tetapi Bapak Yanto melihat itu bukan sebagai halangan melainkan sebagai tantangan untuk kedepan. CV Budi Jaya tidak berfokus pada penjualan barang-barang matrial, mereka juga menjual ukiran-ukiran berbagi macam untuk kebutuhan ruamah.
Misi CV Budi Jaya yaitu, sebagai berikut : •
Untuk menjadi badan usaha terkemuka di Indonesia.
•
Menyediakan produk-produk berkualitas terbaik kepada masyarakat.
•
Mendapatkan kehormatan dan kesetiaan dari konsumen dengan memberikan pengalaman pembelian dan jasa yang tiada bandingannya yang secara konsisten memuaskan kebutuhan mereka.
•
Membuat hubungan yang baik seumur hidup dengan konsumen dan rekanan kerja.
Visi CV Budi Jaya, sebagai berikut : •
Menjadi badan usaha yang menciptakan suatu tempat penjualan yang menyediakan kenyamanan one stop shopping bagi seluruh konsumen.
45
46
3.1.1 Struktur Organisasi Perusahaan Berikut ini adalah gambar struktur organisasi yang terdapat di CV Budi Jaya.
Owner
General Manager
Manager
Penjualan
Pembelian
Pemasaran
Akuntansi
HRD
Gambar 3.1 Stukrtur Organisasi CV Budi Jaya
3.2 Pembagian tugas dan wewenang a. Owner Tugas Owner adalah memeriksa laporan – laporan yang diberikan oleh General Manajer, mengawasi dan mengkoordinir pekerjaan masing – masing divisi, menentukan target yang ingin dicapai perusahaan, memberikan arahan kepada seluruh karyawan, membuat peraturan – peraturan / tata tertib dalam CV Budi Jaya, membuat kebijakan – kebijakan baru. Owner juga mempunyai hak dalam mengambil keputusan
untuk
menentukan karyawan yang layak bekerja di tempat penjualan.
46
47
b. General Manager General Manager bertanggung jawab kepada Owner, bertugas memeriksa ulang laporan-laporan yang diberikan oleh Manager tiap cabang sebelum diberikan kepada Owner, mengawasi kinerja Manajer pada tiap cabang, memberikan nasehat dan masukan kepada owner dalam mengambil suatu keputusan yang berhubungan dengan perusahaan. turut mengambil keputusan untuk langkah ke depan CV Budi Jaya. c. Manager Manager bertanggung jawab kepada General Manager, bertugas memeriksa laporan yang diberikan oleh para staff tiap divisi sebelum diberikan kepada General Manager, memberi teguran pada tiap divisi apabila staff tersebut melakukan kesalahan, menentukan keputusan awal dalam CV Budi Jaya yang dapat di pertanggungjawabkan. d. Penjualan Bagian Penjualan bertanggung jawab kepada Manager, bertugas membuat laporan penjualan dan memberikannya kepada Manager, menyusun kebijakan dan strategi penjualan serta rencana penjualan, mengawasi seluruh proses penjualan dalam CV Budi Jaya, menentukan harga jual barang-barang sehingga CV Budi Jaya mendapat keuntungan sebesar-besarnya. e. Pembelian Bagian Pembelian bertanggung jawab kepada Manager, bertugas membuat laporan pembelian dan memberikannya kepada Manager, menyusun kebijakan dan rencana pembelian, membuat daftar barang-barang yang akan dibeli oleh CV Budi Jaya,
47
48
memeriksa barang yang telah dibeli, memperhitungkan biaya-biaya yang akan dikeluarkan CV Budi Jaya dalam pemesanan maupun pembelian barang-barang. f. Pemasaran Bagian Pemasaran bertanggung jawab kepada Manager, bertugas membuat laporan pemasaran dan memberikannya kepada Manager, membuat kebijakan-kebijakan dalam pemasaran Product, menentukan waktu dalam pemasangan iklan, membuat rencana pemasaran sehingga dapat menaikan pendapatan CV Budi Jaya, merencanakan dan mengembangkan segmen pasar yang paling menguntungkan. g. Akuntasi Bagian Akuntasi bertanggung jawab kepada Manager, bertugas membuat pembukuan jumlah transaksi-transaksi CV Budi Jaya, memberikan laporan transaksi – transaksi dan keuangan kepada Manager, membuat laporan keuangan CV Budi Jaya.
.
48
49
3.3 Anaslisis Sistem yang sedang Berjalan Selama ini, pihak CV Budi Jaya mendapatkan barang dengan cara yaitu, pertama melalui supplier terpercaya. Kedua, dengan cara produksi sendiri, karena ada sebagian barang yaitu ukiran diproduksi sendiri oleh pihak kami.. Kondisi barang yg dijual diperiksa oleh bagian pembelian. Apabila barang dalam kondisi baik dan layak jual, maka bagian pembelian melakukan penawaran terhadap barang tersebut. Jika pembeli tertarik dgn barang yang ditawarkan maka pembeli dapat langung memesan pada web kami dengan cara yang telah kami sediakan dalam web tersebut. Pada saat ini, sistem pemasaran yang sedang berjalan pada CV Budi Jaya tersebut, masih menggunakan sistem manual yaitu CV Budi Jaya memasarkan barang masih mengunakan media brosur. Bagian pemasaran akan menghubungi pihak percetakan untuk membuat brosur untuk mengkonfirmasi perihal pencetakan dan biaya yang akan dikeluarkan. Jika ada customer yang tertarik dengan salah satu barang yang di cetak di brosur customer dapat menghubungi pihak CV Budi Jaya melalui telepon atau dapat datang langsung ke tempat CV Budi Jaya. Bagian penjualan akan melayani customer, jika tertarik dengan barang yang dijual maka customer dapat melihat secara langsung kondisi barang (bekas atau baru). Setelah itu proses negoisasi harga antara kedua belah pihak dan terakhir proses transaksi jual beli jika tercipta suatu kesepakatan antara kedua belah pihak.
49
50
3.4 Analisis Permasalahan Setelah dilakukan wawancara dengan Owner, terdapat beberapa masalah kritis yang sedang dihadapi pihak CV Budi Jaya, yaitu sebagai berikut: •
CV Budi Jaya mempromosikan produk hanya melalui brosur dan hanya pada saat pameran di event-event tertentu sehingga target pasar tidak luas. Misalnya : Pihak CV Budi Jaya menyebarkan brosur hanya pada daerah tertentu untuk Jabodetabek maka target pasar yang terjangkau hanya sebatas daerah Jabodetabek. Itu pun belum tentu mencakup smua daerah di Jabodetabek.
•
Customer tidak dapat memberikan keluhan dan komentar kepada pihak CV Budi Jaya terhadap produk yang mereka beli dikarenakan fasilitas untuk berkomunikasi antarpihak belum tersedia.
•
Tampilan produk yang kurang menarik, tidak efektif dan efisien pada media cetak (brosur). Tampilan pada brosur hanya berupa sedikit informasi (tidak jelas dan tidak detail) dan satu buah gambar depan (hanya jika diperlukan).
•
Tingginya biaya pengeluaran (biaya pemasaran untuk pembuatan dan penyebaran brosur)
karena pihak CV Budi Jaya masih menggunakan cara manual dalam
pemasaran.
50
51
3.5 Analisis Pemecahan Masalah Untuk mengatasi beberapa permasalahan diatas, maka dibuatkan suatu usulan pembuatan aplikasi sehingga dapat mengatasi masalah-masalah tersebut. Yang dimana isi dari aplikasi ini yaitu : •
Menyediakan informasi yang selalu up-to-date bagi konsumen, sehingga customer dapat mengetahui informasi yang terbaru mengenai barang-barang yang dijual di CV Budi Jaya.
•
Menyediakan informasi lengkap seluruh barang yang ditawarkan oleh CV Budi Jaya.
•
Menyediakan suatu fasilitas admin yang hanya dapat digunakan oleh staff admin untuk meng-update isi dari website tersebut.
•
Menyediakan fasilitas Contact us yang dapat menampung pertanyaan, saran dan kritik. Keuntungan aplikasi ini, yaitu sebagai berikut :
•
Sistem yang digunakan bersifat user-friendly.
•
Dapat dengan mudah meng-update website.
•
Mengurangi human error.
•
Mempermudah dan mempercepat proses pemasaran.
•
Menyediakan komunikasi yang cepat. Adanya fitur Hubungi Kami maka customer dapat bertanya kapan saja walaupun diluar jam kerja dan pihak CV Budi Jaya akan berusaha secepat mungkin untuk meghubungi via telepon atau email.
51
52
•
Menjangkau potensi pasar yang lebih luas. Melalui aplikasi ini maka tidak menutup kemungkinan adanya calon customer yang berasal dari luar Jabodetabek karena jangkauan internet sangat luas.
•
Memungkinkan terjadinya peningkatan penjualan produk.
•
Adanya fasilitas bagi customer. Tersedianya fitur Hubungi Kami yang memungkinkan customer dapat lebih komunikatif dengan pihak CV Budi Jaya, fitur search untuk mempermudah pencarian data dan menampilkannya secara detail.
•
Menekan (mengurangi) biaya pemasaran khusus untuk pembuatan brosur.
52
53
3.6 Perancangan Sistem 3.6.1 Class Diagram Class diagram untuk proses dalam sistem aplikasi pemasaran Product berbasis web yang akan berjalan pada Cv. Budi Jaya ini secara umum.
Gambar 3.2 Class Diagram
53
54
3.6.2 Use Case Diagram Use case diagram untuk proses dalam sistem pemasaran berbasis web yang akan berjalan pada Cv. Budi Jaya secara umum
System Online Shop Pada Cv. Budi Jaya get data
insert product new user registration update product insert comment delete product
update biodata
view biodata
insert info
login/logout
update info
delete info
kirim pesan Customer
Administrator manage system make order get info order get info
kirim order info
get product
order deal get data cust
kirim product
get order info
view data
Kurir kirim data
Bag. Penjualan
Gambar 3.3 Use Case Diagram
54
55
Di dalam usecase tersebut terdapat 4 aktor utama dan 28 use case, semuanya akan di jelaskan dalam penjelasan berikut ini : 1.
2.
Customer : •
Dapat melakukan registrasi
•
Memasukkan biodata
•
Mengedit biodata
•
Melihat biodata
•
Mengirim komentar
•
Membuat info order
•
Membaca info
•
Melihat produk
Administrator : •
Melihat data pembeli
•
Memasukkan produk
•
Mengedit produk
•
Menghapus produk
•
Memasukkan info
•
Mengedit info
•
Menghapus info
•
Manage system
•
Melihat status order
•
Mengirim info order kepada bagian penjualan (bila ada)
55
56
3.
4.
Bagian Penjualan : •
Mendapatkan info order dari admin
•
Melihat data pembeli
•
Mengirimkan data pembeli kepada kurir
Kurir : •
Melihat data customer
•
Mengirimkan produk kepada customer
56
57
Deskripsi proses use case sistem online shop berbasis web pada CV. Budi Jaya secara umum dapt dilihat di bawah ini. a. Deskripsi Use Case Halaman Home Customer Tabel 3.1 Use Case Home Customer Use-Case :
New User Registration
Actor :
Customer
Tujuan :
Customer dapat mendaftar sebagai user baru agar dapat melakukan proses order dll.
Prakondisi :
Customer melakukan akses ke halaman register
Langkah-langkah : Aksi actor :
Respon sistem
1.
2.
Customer melakukan akses
Menampilkan halaman register
halaman register.
beserta web form untuk di isi oleh user.
3.
4.
Customer mengisi web form
dengan data – data yang akan di
Menyimpan data – data yang
telah di masukkan oleh user.
gunakan dalam proseb order
57
58
b. Deskripsi Use Case Halaman Stok Product Tabel 3.2 Use Case Product Use-Case :
View Halaman Product
Actor :
Customer
Tujuan :
Customer dapat melihat produk yang tersedia.
Prakondisi :
Customer melakukan akses ke halaman product.
Langkah-langkah : Aksi actor : 1.
Respon sistem
Customer melakukan akses 2.
Menampilkan
memperlihatkan
halaman product.
halaman product
yang beserta
keterangan dan info tiap product.
3.
Customer
dapat
gambar dari tiap product.
mengklik
4.
Menampilkan info product secara
detail..
58
59
c. Deskripsi Use Case Simulasi Contacct Us Tabel 3.3 Use Case Simulasi Contact Us Use-Case :
Simulasi Contact Us
Actor :
Customer
Tujuan :
Customer dapat menulisakan pesan untuk admin.
Prakondisi :
Customer berada di halaman contact us.
Langkah-langkah : Aksi actor : 1.
Respon sistem
Customer melakukan akses 2.
berisi mengenai data customer dan pesan
halaman contact us. 3.
Customer
Menampilkan web form yang
harus
data-data yang diperlukan.
mengisi
yang akan d sampaikan 4.
Menyimpan dan mengirimkannya
kepada admin.
59
60
d. Deskripsi Use Case Halaman Admin Tabel 3.4 Use Case Halaman Admin Use-Case :
Halaman Admin
Actor :
Admin
Tujuan :
Admin dapat melihat data customer yang telah di input ke dalam databse.
Prakondisi :
Admin telah login ke halaman admin.
Langkah-langkah : Aksi actor : 1.
Respon sistem
Admin melakukan login ke 2.
Menampilkan halaman admin.
halaman admin. 3.
Admin memiliki hak akses
untuk melakukan perubahan pada dalam web.
4.
Menyimpan data-data yang telah
di perbaharui oleh admin dan untuk kemudian ditampilkan kepada user.
60
61
e. Deskripsi Use Case Bagian Penjualan Tabel 3.5 Use Case Bagian Penjualan Use-Case :
Bagian Penjualan
Actor :
Bagian Penjualan
Tujuan :
Bagian
penjualan
proses
yang
di
melakukan
proses
perlukan
dalam
melakukan transaksi. Prakondisi :
Admin mengirimkan data data customer yang ingin melakukan order.
Langkah-langkah : Aksi actor : 1.
Respon sistem Penjualan 2.
Bagian
memastikan
customer
persyaratan
untuk
Memperlihatkan
data
-
data
memenuhi customer yang ingin melkukan transaksi. melakukan
4. Menyimpan record transaksi.
transaksi. 3. Bagian Penjualan memberikan data customer kepada kurir agar dapat
mengantarkan
barangnya
kepada customer.
61
62
f. Deskripsi Use Case Proses pengantaran barang Tabel 3.6 Use Case Proses Pengantaran Barang Use-Case :
Proses pengantaran barang
Actor :
Kurir
Tujuan :
Kurir mengantarkan barang yang telah di pesan oleh customer.
Prakondisi :
Kurir mendapatkan data – data customer yang telah melakukan transaksi secara online.
Langkah-langkah : Aksi actor : 1.
Respon sistem
Kurir menerima data – data 2.
customer 3.
Menampilkan
data
–
data
customer.
Kurir menerima perintah atau
persetujuan
untuk
mengantarkan
barang kepada customer.
62
63
3.6.3 Sequence Diagram 3.6.3.1 Sequence Sistem Customer
Register
Login
Data diri
Komentar
Produk
Order Form
Info
Customer
do() do() view() edit()
view() insert() view() do()
view()
Gambar 3.4 Sequence Sistem Customer
3.6.3.2 Sequence Sistem Admin
Gambar 3.5 Sequence Sistem Admin
63
64
3.6.3.3 Sequence Login Sukses Admin
Gambar 3.6 Sequence Login Sukses Admin 3.6.3.4 Sequence Update Change Datadiri Admin
Gambar 3.7 Sequence Update Change Datadiri Admin
64
65
3.6.3.5 Sequence Admin Produk Akses
Database
Produk
Login
Admin
do() view() delete() update() insert() save()
Gambar 3.8 Sequence Admin Produk Akses
3.6.3.6 Sequence Admin Tips & Info Akses
Database
Info
Login
Admin
do() view() delete() update() insert() save()
Gambar 3.9 Sequence Admin Tips & Info Akses
65
66
3.6.3.7 Sequence Admin Akses Order Info
Database
Order Form
Login
Admin
do() view() delete()
save()
Gambar 3.10 Sequence Admin Akses Info Order 3.6.3.8 Sequence Admin Akses Komentar
Database
Komentar
Login
Admin
do() view() insert() delete()
save()
Gambar 3.11 Sequence Admin Akses Komentar
66
67
3.6.3.9 Sequence User Komentar
Database
Komentar
Login
User
do() view() insert()
save()
Gambar 3.12 Sequence User Komentar 3.6.3.10 Sequence User Data Diri
Gambar 3.13 Sequence User Data diri
67
68
3.6.3.11 Sequence User Order Form
Database
Order Form
Login
User
do() view() insert()
save()
Gambar 3.14 Sequence User Order Form
68
69
3.6.4 Activity Diagram 3.6.4.1 Activity Diagram Customer User
Sistem
Register
Cek Registration Form
/ Register Gagal
Home Guest
/ Register Berhasil Simpan Data / Login Gagal
/ Belum register Login
Cek Login Form
/ Sudah Register / Login sukses View produk Komentar Produk Detail
Database
Lihat Komentar
Tulis Komentar
Order Form
Isi Order Form Simpan Data
Datadiri
Update Datadiri
Search
Search Database
/ Search gagal
Tampilkan hasil search
/ Search Sukses
Gambar 3.15 Activity Diagram Customer
69
70
3.6.4.2 Activity Diagram Komentar Admin
Gambar 3.16 Activity Diagram Komentar Admin 3.6.4.3 Activity Diagram Produk Admin
Gambar 3.17 Activity Diagram Produk Admin
70
71
3.6.4.4 Activity Diagram Panel Admin
Admin
Sistem Check User & Password Admin Login
/ Login Gagal
Admin Panel
/ Login Sukses
Cek Database Info Order Lihat Order / Tidak ada order
Tampilkan Info Order
Filter Order
/ Ada order
Simpan
Delete Order
Database
Submit Info
Update Datadiri
Gambar 3.18 Activity Diagram Admin
71
72
3.6.4.5 Activity Diagram Info Admin
Gambar 3.19 Activity Diagram Info Admin
72
73
3.7 Perancangan Layar 1.
Perancangan layar Home
TANGGAL USERNAME
COMPANY LOGO
SEARCH PASSWORD
LOGIN
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
Penjelasan mengenai isi website USER ONLINE
COPYRIGHT
Gambar 3.20 Rancangan Layar Home Customer Gambar 3.19 menunjukkan rancangan tampilan halaman utama dan merupakan tampilan halaman awal, di mana halaman inilah yang akan ditampilkan setiap pertama kali customer mengunjungi website ini. Halaman ini dapat diakses oleh semua customer dan mempunyai menu-menu dan link yakni : Home, About Us, Product, Register, Tips & Info, Contact Us, Login, FAQ, Order Form dan Search.
73
74
2.
Perancangan Layar About Us
TANGGAL USERNAME
COMPANY LOGO
SEARCH PASSWORD
LOGIN
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
USER ONLINE
Penjelasan mengenai sejarah, visi dan misi perusahaan
COPYRIGHT
Gambar 3.21 Rancangan Layar About Us Gambar 3.20 halaman ini akan muncul apabila customer memilih menu about us. Halaman ini berisi penjelasan mengenai sejarah, visi dan misi cv. Budi jaya.
74
75
3.
Perancangan Layar Tips & Info
TANGGAL USERNAME
COMPANY LOGO
SEARCH PASSWORD
LOGIN
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
USER ONLINE
Berisi Tips dan Info yang berhubungan dengan Toko Material dan Furniture
COPYRIGHT
Gambar 3.22 Rancangan Layar Tips & Info Gambar 3.21 Halaman ini akan muncul apabila customer memilih menu tips dan indo. Halaman ini berisi tentang tips dan info yang berhubungan dengan took material dan furniture. Halaman ini dapat di akses oleh sapa saja, baik user yang sudah melakukan register ataupun belum.
75
76
4.
Perancangan Layar FAQ
TANGGAL USERNAME
COMPANY LOGO
SEARCH PASSWORD
LOGIN
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
USER ONLINE
Berisi mengenai penjelasan tentang berbelanja di cvbudijaya.com
COPYRIGHT
Gambar 3.23 Rancangan Layar FAQ Gambar 3.20 halaman ini akan muncul apabila customer memilih menu FAQ. Berisi mengenai pertanyaan dan jawaban yang mungkin di tanyakan oleh user dalam berbelanja dan mengakses cvbudijaya.com
76
77
5.
Perancangan layer Order Form
TANGGAL HI, ADMIN
COMPANY LOGO
SEARCH LOGOUT
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
Xxxxxx Xxxxxx Xxxxxx Xxxxxx Xxxxxx
DATA DIRI SUBMIT INFO VIEW ORDER LOGOUT
Xxxxxx Xxxxxx Xxxxxx
USER ONLINE
Subm it
COPYRIGHT
Gambar 3.24 Rancangan Layar Order Form Gambar 3.23 halaman ini akan muncul apabila customer memilih menu Order Form. Halaman ini berisi form yang harus diisi seperti nama lengkap, alamat, no. telepon, kode pos, kode barang pesanan, jumlah barang yang di pesan dll. Form ini di gunakan apabila user ingin membeli produk melalui cvbudijaya.com.
77
78
6.
Perancangan Layar Contact Us
TANGGAL HI, ADMIN
COMPANY LOGO
SEARCH LOGOUT
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
Info Perusahaan Alamat perusahaan No. Telp Perusahaan Em ail Perusahaan Nama
DATA DIRI SUBMIT INFO VIEW ORDER
Em ail
LOGOUT
USER ONLINE
Subm it
COPYRIGHT
Gambar 3.25 Rancangan Layar Contact Us Gambar 3.24 halaman ini akan muncul apabila customer memilih menu Contact Us. Halaman ini berisi informasi mengenai perusahan yang dapat di gunakan bagi user apabila ingin menghubungi cv. Budi Jaya. Selain itu di halaman ini terdapat form yang
78
79
harus di isi oleh user apabila ingin mengirimkan pesan kepada cv budi jaya melalui email. 7.
Perancangan Layar Register
TANGGAL USERNAME
COMPANY LOGO
SEARCH PASSWORD
LOGIN
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
Nama Username Pa ssword
PRODUCT
Alamat
USER ONLINE
Telepon Handphone Submit
COPYRIGHT
Gambar 3.26 Rancangan Layar Contact Us Gambar 3.25 halaman ini akan muncul apabila customer memilih menu Register. Halaman ini berisi form yang harus di isi oleh user apabila ingin menjadi member pada cvbudijaya.com.
79
80
8.
Perancangan Layar Product
TANGGAL USERNAME
COMPANY LOGO
SEARCH PASSWORD
LOGIN
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
Gam bar produk
USER ONLINE
Info produk
Komentar user mengenai produk
COPYRIGHT
Gambar 3.27 Rancangan Layar Contact Us Gambar 3.26 halaman ini akan muncul apabila customer memilih menu Produk. Halaman ini berisi gambar produk dan info mengenai produk yang di tawarkan oleh cv budi jaya. Di kolom paling bawah terdapat komentar mengani produk tersebut yang dapat di lihat dan di isi hanya oleh user yang telah melakukan registrasi.
80
81
9.
Perancangan Layar Data Diri
TANGGAL
SEARCH
HI, USERNAME
COMPANY LOGO
LOGOUT
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
Nama Username Pa ssword Alamat
DATA DIRI LOGOUT
Telepon Handphone
USER ONLINE
Submit
COPYRIGHT
Gambar 3.28 Rancangan Layar Data Diri Gambar 3.27 halaman ini akan muncul apabila customer telah melakukan login dan memilih menu Data Diri. Halaman ini berisi form yang sebelumnya telah di isi oleh user. Form ini di gunakan bagi user yang ingin merubah data dirinya.
81
82
10.
Perancangan Layar View Order
FILTERS
DATA CUSTOMER
KEYWORDS RELOAD DELETE
Gambar 3.29 Rancangan Layar View Order Gambar 3.28 halaman ini akan muncul apabila admin telah melakukan login dan memilih menu view order. Halaman ini berisi form yang sebelumnya telah di isi oleh user. Form ini di gunakan bagi user yang ingin merubah data dirinya. Halaman ini di bukan dalam tampilan window baru.
82
83
11.
Perancangan Submit Info
TANGGAL HI, ADMIN
COMPANY LOGO
SEARCH LOGOUT
HOME | ABOUT US | TIPS & INFO | FAQ | ORDER FORM | CONTACT US | REGISTER
PRODUCT
DATA DIRI SUBMIT INFO VIEW ORDER LOGOUT
Field untuk menulis info
USER ONLINE
Save
Cancel
COPYRIGHT
Gambar 3.30 Rancangan Layar Submit Info Gambar 3.29 halaman ini akan muncul apabila admin telah melakukan login dan memilih menu Submit Info. Halaman ini berisi field yang dapat digunakan oleh admin untuk memasukkan artikel atau info yang nantinya akan di tampilkan pada web cvbudijaya.com.
83
84
3.8 Perancangan Database Sistem DataBase yang digunakan adalah MySQL, dengan struktuk tabel dan field sebagai berikut : 1. Nama table : Info Deskripsi : tabel ini untuk menampung setiap info yang akan di tampilkan di web Primary key : info_id Tabel 3.8.1 Info Nama Field Tipe
Panjang Keterangan
data Info_id
varchar
Info_isi
text
3
Kode pengenal dari info Isi dari info yan akan di tampilkan pada web
Info_jenis
varchar
20
Jenis atau kategori dari setiap
info
yang
di
tampilkan pada web
84
85
2. Nama table : Info Order Deskripsi : tabel ini untuk menampung info order.
Primary key : order_id
Tabel 3.8.2 Info Order Nama Field
Tipe data
Panjang
Keterangan
Order_id
varchar
3
Kode pengenal dari tiap order form yang di isi oleh customer
Order_telp
varchar
15
Telepon pembeli
Order_nama
text
Nama pembeli
Order_email
text
Email pembeli
Order_alamat
text
Alamat pembeli
Order_pesan
text
Pesan dari pembeli
85
86
3. Nama tabel : Admin Deskripsi : tabel yang digunakan untuk menyimpan data admin Primary key : Admin_Id Tabel 3.8.3 Admin Nama Field
Tipe data
Panjang
Keterangan
Admin_id
varchar
3
Kode untuk
pengenal setiap
Id
admin
Admin_nama
text
Admin_telp
varchar
Admin_alamat
text
Admin_pass
varchar
Nama admin 15
Telepon admin Alamat admin
7
password admin
86
87
4. Nama tabel : Customer Deskripsi : tabel yang digunakan untuk mencatat data dan status customer Primary key : Cust_Id Tabel 3.8.4 Customer Nama Field
Tipe data
Panjang
Keterangan
Cust_id
varchar
3
Kode
pengenal
untuk Id cust Cust_telp
varchar
15
Cust_nama
text
Nama customer
Cust_alamat
text
Alamat customer
Cust_email
text
Email customer
Cust_status
varchar
20
Telepoon customer
Status
berupa
keterangan
apakah
order dari customer telah di terima atau belum
87
88
5. Nama tabel : Product Deskripsi : tabel yang digunakan untuk menyimpan data – data mengenai product yang akan di tampilkan pada web Primary key : product_Id Tabel 3.8.5 Product Nama Field Product_id
Tipe data
Panjang
Keterangan
varchar
3
Kode pengenal untuk Id produk
Product_nama
varchar
40
Nama produk
Product_jenis
varchar
20
Jenis atau ketegori dari produk yang di tampilkan pada web
Product_spesifik
text
Spesifikasi dari produk
Product_harga
varchar
15
Harga produk
Product_type
varchar
10
Tipe produk
Product_info
text
Info
atau
penjelasan
mengenai produk Product_gambar
varchar
Gambar produk
88
89
5. Nama table : Komentar Deskripsi : tabel ini untuk menampung komentar customer.
Primary key : komentar_id
Tabel 3.8.6 Komentar Nama Field
Tipe data
Panjang
Keterangan
Id_coments
varchar
3
Kode
pengenal
untuk
tiap komentar Isi_coments
text
Berisi
komentar
user
untuk produk
cust_nama
text
Nama user
cust_email
text
Email user
89
90
3.9
Perancangan Spesifikasi Proses
3.9.1
Menu Customer
IF Home ditekan THEN Masuk halaman Home END IF IF Product ditekan THEN Muncul halaman product IF Gambar Product ditekan THEN Muncul halaman detail produk IF User telah login THEN User bisa mengisi komentar END IF IF Contact Us ditekan THEN Muncul halaman Contact Us END IF IF About Us ditekan THEN muncul halaman About Us END IF IF Tips & Info ditekan THEN muncul Tips & Info END IF IF FAQ ditekan THEN muncul halaman FAQ
90
91
END IF IF Register ditekan THEN Muncul Form Register END IF IF Form Login Diakses THEN Validasi input, username dan password IF inputan username kosong THEN User harus mengisi field username ELSE IF password kosong THEN User harus mengisi field password ELSE IF username dan password tidak tepat THEN User tidak dapat masuk ke halaman Index User ELSE IF login berhasil THEN Muncul user menu IF datadiri di tekan THEN Muncul form data diri user, user dapat mengedit data dirinya IF save di tekan THEN Menyimpan data diri user ke dalam database END IF IF Order Form di tekan THEN Muncul form untuk melakukan order, user mengisi form IF Submit di tekan
91
92
Menyimpan data kedalam database order info IF Logout di tekan THEN Kembali ke halaman home, session di hapus.
3.9.2
Menu Admin
IF Admin Login Diakses THEN muncul halaman Login Admin Validasi input, username dan password IF inputan username kosong THEN Admin harus mengisi field username ELSE IF password kosong THEN Admin harus mengisi field password ELSE IF username dan password tidak tepat THEN Admin tidak dapat masuk ke halaman Index Admin ELSE IF username dan password tepat THEN Muncul user menu admin END IF END IF IF Tips & Info ditekan THEN Masuk halaman Tips & Info Admin IF Edit Icon ditekan THEN Muncul Halaman Edit Tips & Info
92
93
END IF IF datadiri di tekan THEN Muncul form data diri user, user dapat mengedit data dirinya IF save di tekan THEN Menyimpan data diri user ke dalam database END IF
IF Submit info di tekan THEN Muncul halaman untuk memasukkan artikel info IF submit di tekan THEN Artikel di simpan dan di tampilkan di dalam web cvbudijaya.com END IF IF Produk di tekan THEN Muncul halaman produk IF User Panel di tekan THEN Masuk ke halaman edit produk IF produk edit icon di tekan THEN Masuk ke halaman produk untuk mengedit produk yang telah di tampilkan IF save di tekan THEN Menyimpan data produk yang telah di edit ke dalam database END IF IF insert produk di tekan THEN
93
94
Masuk ke halaman untuk menambah produk yang ingin di tampilkan IF save di tekan THEN Menyimpan dan menampilkan produk yang baru di masukkan. END IF END IF
IF Logout di tekan THEN Kembali ke halaman home, session di hapus.
94