BAB 3 ANALISIS DAN PERANCANGAN SISTEM. tahun 1998 bertempat pada Jalan Bekasi Timur 1 No 11, Jatinegara - Jakarta Timur.

Transkripsi

1 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

2 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

3 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

4 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

5 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

6 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

7 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 . 51

8 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

9 Perancangan Sistem 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

10 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 new user registration insert product update product insert comment delete product update biodata insert info view biodata login/logout update info Customer kirim pesan delete info Administrator make order manage system get info order get info get product kirim order info order deal get data cust get order info kirim product view data Kurir kirim data Bag. Penjualan Gambar 3.3 Use Case Diagram 54

11 55 Di dalam usecase tersebut terdapat 4 aktor utama dan 28 use case, semuanya akan di jelaskan dalam penjelasan berikut ini : 1. Customer : Dapat melakukan registrasi Memasukkan biodata Mengedit biodata Melihat biodata Mengirim komentar Membuat info order Membaca info Melihat produk 2. 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

12 56 3. Bagian Penjualan : Mendapatkan info order dari admin Melihat data pembeli Mengirimkan data pembeli kepada kurir 4. Kurir : Melihat data customer Mengirimkan produk kepada customer 56

13 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. Customer melakukan akses halaman register. 2. Menampilkan halaman register beserta web form untuk di isi oleh user. 3. Customer mengisi web form dengan data data yang akan di 4. Menyimpan data data yang telah di masukkan oleh user. gunakan dalam proseb order 57

14 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 : Respon sistem 1. Customer melakukan akses halaman product. 2. Menampilkan halaman yang memperlihatkan product beserta keterangan dan info tiap product. 3. Customer dapat mengklik gambar dari tiap product. 4. Menampilkan info product secara detail.. 58

15 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 : Respon sistem 1. Customer melakukan akses halaman contact us. 3. Customer harus mengisi data-data yang diperlukan. 2. Menampilkan web form yang berisi mengenai data customer dan pesan yang akan d sampaikan 4. Menyimpan dan mengirimkannya kepada admin. 59

16 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 : Respon sistem 1. 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

17 61 e. Deskripsi Use Case Bagian Penjualan Tabel 3.5 Use Case Bagian Penjualan Use-Case : Bagian Penjualan Actor : Bagian Penjualan Tujuan : Bagian penjualan melakukan proses proses yang di perlukan dalam melakukan transaksi. Prakondisi : Admin mengirimkan data data customer yang ingin melakukan order. Langkah-langkah : Aksi actor : Respon sistem 1. Bagian Penjualan memastikan customer memenuhi persyaratan untuk melakukan transaksi. 2. Memperlihatkan data - data customer yang ingin melkukan transaksi. 4. Menyimpan record transaksi. 3. Bagian Penjualan memberikan data customer kepada kurir agar dapat mengantarkan barangnya kepada customer. 61

18 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 : Respon sistem 1. Kurir menerima data data customer 2. Menampilkan data data customer. 3. Kurir menerima perintah atau persetujuan untuk mengantarkan barang kepada customer. 62

19 Sequence Diagram Sequence Sistem Customer Register Login Data diri Komentar Produk Order Form Info Customer do() do() view() edit() view() view() insert() do() view() Gambar 3.4 Sequence Sistem Customer Sequence Sistem Admin Gambar 3.5 Sequence Sistem Admin 63

20 Sequence Login Sukses Admin Gambar 3.6 Sequence Login Sukses Admin Sequence Update Change Datadiri Admin Gambar 3.7 Sequence Update Change Datadiri Admin 64

21 Sequence Admin Produk Akses Login Produk Database Admin do() view() delete() update() insert() save() Gambar 3.8 Sequence Admin Produk Akses Sequence Admin Tips & Info Akses Login Info Database Admin do() view() delete() update() insert() save() Gambar 3.9 Sequence Admin Tips & Info Akses 65

22 Sequence Admin Akses Order Info Login Order Form Database Admin do() view() delete() save() Gambar 3.10 Sequence Admin Akses Info Order Sequence Admin Akses Komentar Login Komentar Database Admin do() view() insert() delete() save() Gambar 3.11 Sequence Admin Akses Komentar 66

23 Sequence User Komentar Login Komentar Database User do() view() insert() save() Gambar 3.12 Sequence User Komentar Sequence User Data Diri Gambar 3.13 Sequence User Data diri 67

24 Sequence User Order Form Login Order Form Database User do() view() insert() save() Gambar 3.14 Sequence User Order Form 68

25 Activity Diagram Activity Diagram Customer User Sistem Register Cek Registration Form Home Guest / Register Gagal / Register Berhasil Simpan Data / Login Gagal / Belum register Login Cek Login Form View produk / Sudah Register / Login sukses Komentar Produk Detail Lihat Komentar Database 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

26 Activity Diagram Komentar Admin Gambar 3.16 Activity Diagram Komentar Admin Activity Diagram Produk Admin Gambar 3.17 Activity Diagram Produk Admin 70

27 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 / Ada order Simpan Filter Order Delete Order Database Submit Info Update Datadiri Gambar 3.18 Activity Diagram Admin 71

28 Activity Diagram Info Admin Gambar 3.19 Activity Diagram Info Admin 72

29 Perancangan Layar 1. Perancangan layar Home TANGGAL SEARCH COMPANY LOGO USERNAME PASSWORD LOGIN HOME ABOUT US TIPS & INFO FAQ ORDER FORM CONTACT US REGISTER PRODUCT Penjelasan mengenai isi website USER ONLINE CO PYRIGHT 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

30 74 2. Perancangan Layar About Us TANGGAL SEARCH COMPANY LOGO USERNAME 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

31 75 3. Perancangan Layar Tips & Info TANGGAL SEARCH COMPANY LOGO USERNAME PASSWORD LOGIN HOME ABOUT US TIPS & INFO FAQ ORDER FORM CONTACT US REGISTER PRODUC T USER ONLINE Berisi Tips dan Info yang berhubungan dengan Toko Material dan Furniture CO PYRIGHT 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

32 76 4. Perancangan Layar FAQ TANGGAL SEARCH COMPANY LOGO USERNAME PASSWORD LOGIN HOME ABOUT US TIPS & INFO FAQ ORDER FORM CONTACT US REGISTER PRODUC T 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

33 77 5. Perancangan layer Order Form TANGGAL SEARCH COMPANY LOGO HI, ADMIN LOGOUT HOME ABOUT US TIPS & INFO FAQ ORDER FORM CONTACT US REGISTER PRODUCT DATA DIRI SUBMIT INFO VIEW ORDER LOGOUT Xxxxxx Xxxxxx Xxxxxx Xxxxxx Xxxxxx Xxxxxx Xxxxxx Xxxxxx USER ONLINE Subm it CO PYRIGHT 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

34 78 6. Perancangan Layar Contact Us TANGGAL SEARCH COMPANY LOGO HI, ADMIN LOGOUT HOME ABOUT US TIPS & INFO FAQ ORDER FORM CONTACT US REGISTER PRODUC T Info Perusahaan Alamat perusahaan No. Telp Perusahaan Em ail Perusahaan DATA DIRI SUBMIT INFO VIEW O RDER LOGOUT Na ma Em a il USER ONLINE Subm it CO PYRIGHT 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

35 79 harus di isi oleh user apabila ingin mengirimkan pesan kepada cv budi jaya melalui Perancangan Layar Register TANGGAL SEARCH COMPANY LOGO USERNAME PASSWORD LOG IN HOME ABOUT US TIPS & INFO FAQ ORDER FORM CONTACT US REGISTER PRODUCT Nama Userna m e Pa ssword Alamat USER ONLINE Telepon Handphone Sub m it CO PYRIGHT 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

36 80 8. Perancangan Layar Product TANGGAL SEARCH COMPANY LOGO USERNAME 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

37 81 9. Perancangan Layar Data Diri TANGGAL SEARCH COMPANY LOGO HI, USERNAME LOGOUT HOME ABOUT US TIPS & INFO FAQ ORDER FORM CONTACT US REGISTER PRODUCT Nama Userna m e Pa ssword Alamat DATA DIRI LOGOUT USER ONLINE Telepon Handphone Sub m it 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

38 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

39 Perancangan Submit Info TANGGAL SEARCH COMPANY LOGO HI, ADMIN LOGOUT HOME ABOUT US TIPS & INFO FAQ ORDER FORM CONTACT US REGISTER PRODUC T DATA DIRI SUBMIT INFO VIEW O RDER LOGOUT USER ONLINE Field untuk menulis info Save Cancel CO PYRIGHT 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

40 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 Info Nama Field Tipe data Panjang Keterangan Info_id varchar 3 Kode pengenal dari info Info_isi text 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

41 85 2. Nama table : Info Order Deskripsi : tabel ini untuk menampung info order. Primary key : order_id Tabel 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_ text pembeli Order_alamat text Alamat pembeli Order_pesan text Pesan dari pembeli 85

42 86 3. Nama tabel : Admin Deskripsi : tabel yang digunakan untuk menyimpan data admin Primary key : Admin_Id Tabel Admin Nama Field Tipe data Panjang Keterangan Admin_id varchar 3 Kode pengenal untuk setiap Id admin Admin_nama text Nama admin Admin_telp varchar 15 Telepon admin Admin_alamat text Alamat admin Admin_pass varchar 7 password admin 86

43 87 4. Nama tabel : Customer Deskripsi : tabel yang digunakan untuk mencatat data dan status customer Primary key : Cust_Id Tabel Customer Nama Field Tipe data Panjang Keterangan Cust_id varchar 3 Kode pengenal untuk Id cust Cust_telp varchar 15 Telepoon customer Cust_nama text Nama customer Cust_alamat text Alamat customer Cust_ text customer Cust_status varchar 20 Status berupa keterangan apakah order dari customer telah di terima atau belum 87

44 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 Product Nama Field Tipe data Panjang Keterangan Product_id 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

45 89 5. Nama table : Komentar Deskripsi : tabel ini untuk menampung komentar customer. Primary key : komentar_id Tabel 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_ text user 89

46 Perancangan Spesifikasi Proses 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

47 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

48 92 Menyimpan data kedalam database order info IF Logout di tekan THEN Kembali ke halaman home, session di hapus 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

49 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

50 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