BAB IV PERANCANGAN SISTEM

Transkripsi

1 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

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

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

4 57 Pelanggan Bagian penjualan Sales Pimpinan Data Barang Menu Utama Input Data Barang Penjualan Hardware Cetak Nota Penjualan Registrasi Daftar Produk Nota Penjualan Keranjang Belanja Input Data Pesanan Tidak Cetak Laporan Penjualan Stock Tersedia / Tidak Ada Laporan Penjualan Laporan Penjualan Konfirmasi Pembelian Input Nomor Order Nota Penjualan Gambar 4.1 Flowmap Usulan Penjualan Online

5 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 Bagian Penjualan Nota Penjualan Data barang Perancangan e- commerce Nomor Order, Data Pembayaran Laporan Penjualan Pimpinan 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

6 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 Data Flow Diagram Level 0 pelanggan Data Pelanggan Bagian Penjualan Data Produk Nomor Order 1.0 Register Data Pelanggan Data Pesanan 2.0 Pengolaha n Data Barang Tb_produk Nomor Order 4.0 Konfirma si Nomor Order Sales Tb_user Data Produk Tb_order Data Pelanggan 3.0 Penjualan Nomor Order Nota Penjualan Data Pesanan Tb_ses_ord 5.0 Pembaya ran Data Pembayaran Data Barang Data Pesanan 6.0 Cetak Data Pembayaran Tb_payment Data Pembayaran Nota Penjualan Laporan Penjualan Pimpinan Gambar 4.3 Data Flow Diagram Level 0

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

8 Data Flow Diagram Level 1 Proses 1.0 Data Pelanggan 1.1 Input Data Pelanggan pelanggan Tb_user 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.

9 Data Flow Diagram Level 1 Proses 2.0 Data Produk 2.1 Input Data Produk Bagian Penjualan Data produk 2.2 Update Data Produk Data Produk Tb_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.

10 Data Flow Diagaram Level 1 Proses 3.0 Data Pesanan 3.1 Input Data Data Pesanan Pelanggan Data Pesanan 3.2 Update Data Data Pesanan Data Pesanan Tb_ses_ord Data Pesanan 3.1 Hapus Data 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

11 Data Flow Diagram Level 1 Proses 4.0 Data Pesanan 4.1 Input Pesanan Data Pesanan Tb_ses_ord Pelanggan Nomor Order Sales Data Pesanan Nomor Order 4.2 Konfirma si Pesanan Nomor Order Tb_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 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

12 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 Data Flow Diagram Level 1 Proses 6.0 Nota Penjualan Tb_payment Data Pembayaran 6.1 Cetak Nota Pelanggan Nota Penjualan Tb_produk Tb_order Data Barang Data Penjualan 6.2 Cetak Laporan Laporan Penjualan Kasir 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.

13 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 E- Commerce Penjualan Hardware Komputer pada PT.Dwi Sukses Mulia dapat digambarkan sebagai berikut :

14 67 Pelanggan 1 Membeli N Jenis produk 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.

15 68 : Gejala : kd_gejala Tabel 4.1 Struktur File Data Gejala 1 Kd_gejala char 4 Kode gejala 2 Nm_gejala Varchar 100 Nama gejala : Penyakit : kd_penyakit Tabel 4.2 Struktur File Data Penyakit 1 Kd_penyakit char 4 Kode penyakit 2 Nm_penyakit varchar 60 Nama penyakit 3 definisi text - Definisi 4 solusi text - Solusi : Relasi : kd_penyakit

16 69 Tabel 4.3 Struktur File Data relasi 1 Kd_penyakit char 4 Kode penyakit 2 Kd_gejala char 4 Kode gejala 3 Id_kat int 11 Id keterangan : tb_banner : banner_id Tabel 4.4 Struktur File Data tb_banner 1 Banner_id int 11 Kode Banner 2 gbr varchar 1000 Gambar 3 link varchar 1000 Link : tb_faq : faq_id Tabel 4.5 Struktur File Data tb_faq 1 Faq_id int 11 Kode Faq

17 70 2 question varchar 1000 pertanyaan 3 answer text - Jawaban : tb_history : order_history_id Tabel 4.6 Struktur File Data tb_history 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 : tb_kategori : category_id Tabel 4.7 Struktur File Data tb_kategori 1 Category_id int 11 Kode kategori 2 Category_name varchar 100 Nama kategori

18 71 3 Keyword varchar 50 Kata kunci 4 Description varchar 100 deskripsi : tb_order : order_id Tabel 4.8 Struktur File Data tb_order 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 varchar 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

19 72 14 Shipping_charge Float - Ongkos kirim 15 Status enum - Status : tb_ord_det : detail_order_id Tabel 4.9 Struktur File Data tb_ord_det 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 : tb_payment : payment_confirm_id Tabel 4.10 Struktur File Data tb_payment 1 Payment_id int 11 Id pembayaran 2 Post_date Datetime - Tanggal post

20 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 Nama file 8 User_note Varhcar 250 Catatan 9 Admin_note Varchar 250 catatan 10 status enum - status : tb_produk : product_id Tabel 4.11 Struktur File Data tb_product 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

21 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 : tb_ses_ord : id_ord Tabel 4.12 Struktur File Data tb_ses_ord 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 : tb_user : user_id

22 75 Tabel 4.13 Struktur File Data tb_user 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 Varchar 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

23 76 : tmp_cek : user_id Tabel 4.14 Struktur File Data tmp_cek 1 User_id Int 11 Id pelanggan 2 Kd_gejala varchar 4 Kode gejala : tmp_pasien : user_id Tabel 4.15 Struktur File Data tmp_pasien 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

24 77 : tb_no_order : order_id Tabel 4.16 Struktur File Data tb_no_order 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 Varchar 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

25 78 : tb_no_order_det : detail_order_id Tabel 4.17 Struktur File Data tb_no_order_det 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 : tb_no_ses_ord : id_ord Tabel 4.18 Struktur File Data tb_no_ses_ord 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

26 79 : tb_no_user : user_id Tabel 4.19 Struktur File Data tb_no_user 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 Varchar 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

27 80 : tb_resi : resi_id Tabel 4.20 Struktur File Data tb_resi 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 :

28 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 :

29 82 Menu Dash board Member Produk Kategori Produk Banner Order Konfirmasi Pembayaran Laporan Kerusakan Gejala Relasi FAQ Akun Logout 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 Gambar 4.12 Struktur Menu Website Halaman Admin Menu Home Produk Pembaya ran Tracking Order Cara Belanja Tentang Kami FAQ Konsult asi Akun saya Logout Kategori Produk Edit Akun Gambar 4.13 Struktur Menu Website Halaman Customer

30 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 Password Tidak punya akun? Daftar gratis! Login Gambar 4.15 Design Form Login

31 84 HEADER MESNU BAR COLOUMN REGISTER 1 COLOUMN 2 2 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 * Kota * Kode pos No. Telepon No HP * Info Akun * Password * Ulang Password * *) Wajib diisi Daftar sekarang! Gambar 4.17 Design Form Register

32 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 Action xxx xxxxxxxxx xxxxxx xxxxxx Update Delete Total : xxxxxx Konfirmasi and Checkout Gambar 4.19 Design Form Keranjang Belanja

33 86 Produk Tambah Data Produk Kategori SKU Nama Produk Stok Harga Deskripsi Input Image Browse Simpan Gambar 4.20 Design Form Daftar Produk Produk Edit Data Produk Kategori SKU Nama Produk Stok Harga Deskripsi Input Image Browse Update Gambar 4.21 Design Form Update Produk

34 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

35 88 Fquently Asked Question Tambah FAQ Baru Pertanyaan Jawaban Save Gambar 4.24 Design Form Tambah Data FAQ Member Edit Data Member Title Mr Tipe User Nama awal * Nama Akhir Alamat Negara * Kota * Kode pos Telepon Handphone Status User Password Baru Verifikasi Password Simpan Gambar 4.25 Design Form Update Data Member

36 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 oleh pemakaiannya. Nota Penjualan # (Nomor Faktur) Jalan MT.Haryono No.25, Tanjungpinang Provinsi Kepulauan Riau Kode Pos Telp , Fax Tanggal : 16 Mei chen.taurus90@gmail.com Info Customer : Pengiriman Christoven Lau Jln. Pantai Indah GG.Pantai Indah No.16 Blok D Tanjungpinang, Kode pos Handphone Christoven Lau Jln. Pantai Indah GG.Pantai Indah No.16 Blok D Handphone 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

37 90 LAPORAN PENJUALAN Jalan MT.Haryono No.25, Tanjungpinang Provinsi Kepulauan Riau Kode Pos Telp , Fax Tanggal : 16 Mei chen.taurus90@gmail.com Pilihan : 15/05/2013 No Order No. Tanggal Customer Qty xxx xxxxx xxxxxxxxx xxxxx xxx Total Harga xxxxxx Grand Total : xxx xxxxxx Power Team, ( Christoven ) Gambar 4.27 Design Output Laporan Penjualan