Perancangan Antar Muka HASIL DAN PEMBAHASAN

4. Struktur Menu Website Bagian Gudang

Gambar 4.12 Struktur Menu Bagian Gudang

5. Struktur Menu Website Pemilik

Gambar 4.13 Struktur Menu Pemilik

4.2.1.2 Perancangan Input

Perancangan input dimaksudkan untuk merancang bentuk tampilan input data yang digunakan sebagai antar muka user dengan sistem

1. Form Pendaftaran Pelanggan

Gambar 4.14 Rancangan Form Pendaftaran Pelanggan

2. Form Login Pelanggan

Gambar 4.15 Rancangan Form Login Pelanggan

3. Form Detail Produk

Gambar 4.16 Rancangan Detail Produk

4. Form Alamat Pengiriman

Gambar 4.17 Rancangan Form Detail Pengiriman

5. Form Kelola Pengiriman

Gambar 4.18 Rancangan Form Kelola Pengiriman

6. Form Kelola Detail Pengiriman

Gambar 4.19 Rancangan Form Kelola Detail Pengiriman

7. Form Kelola Jenis Produk

Gambar 4.20 Rancangan Form Kelola Jenis Produk

8. orm Kelola Tambah Jenis Produk

Gambar 4.21 Rancangan Form Kelola Tambah Jenis Produk

9. Form Kelola Produk

Gambar 4.22 Rancangan Form Kelola Produk

10. Form Kelola Tambah Produk

Gambar 4.23 Rancangan Form Kelola Tambah Produk

11. Form Kelola Supplier

Gambar 4.24 Rancangan Form Kelola Supplier

12. Form Kelola Tambah Supplier

Gambar 4.25 Rancangan Form Kelola Tambah Supplier

13. Form Kelola Surat Po

Gambar 4.26 Rancangan Form Kelola Surat PO

14. Form Kelola Tambah Surat PO

Gambar 4.27 Rancangan Form Kelola Tambah Surat PO

4.2.1.3 Perancangan Output

Perancangan output dimaksudkan untuk merancang bentuk tampilan output data yang digunakan sebagai antar muka user dengan sistem.

1. Halaman Semua Produk

Gambar 4.28 Rancangan Form Semua Produk

2. Halaman Detail Pemesanan

Gambar 4.29 Rancangan Form Detail Pemesanan

3. Halaman Laporan Penjualan

Gambar 4.30 Rancangan Halaman Laporan Penjualan

4. Halaman Laporan Pembelian

Gambar 4.31 Rancangan Halaman Pembelian

5. Halaman Laporan Persedian Barang

Gambar 4.32 Rancangan Halaman Persedian Barang

4.3 Perancangan Arsitektur Jaringan

Sistem informasi penjualan ini digunakan oleh beberapa pengguna. Masing – masing pengguna memiliki hak akses tersendiri, untuk dapat menggunakan sistem ini maka para pengguna diharuskan terkoneksi pada internet. Sistem informasi ini dibangun dengan menggunakan bahasa pemograman PHP dengan database MySql yang terhubung kepada web server. Gambar 4.33 Gambaran Umum Cara Kerja Perangkat Lunak

4.4 Implementasi

Implementasi Sistem Informasi Penjualan dan pembelian Berbasis Website pada Butik Nadiah Collection dilakukan dengan menggunakan bahasa pemograman PHP. Adapun tujuan implementasi adalah untuk mengetahui apakah perangkat lunak yang dibangun dapat berjalan dan memiliki kualitas yang baik serta memungkinkan dilakukannya pengembangan sistem lebih lanjut.

4.4.1 Batasan Implementasi

Dalam mengimplementasikan perangkat lunak sistem informasi penjualan dan Pembelian berbasis website pada Butik Nadiah Collection terdapat beberapa hal yang menjadi batasan implementasi, yaitu:

1. Proses pembelian barang 2. Konfirmasi pembayaran

3. Proses pembuatan laporan penjualan dan pembelian 4.4.2 Implementasi Perangkat Lunak

Spesifikasi yang digunakan dalam perancangan Sistem Informasi Penjualan dan Pembelian Berbasis Website Pada Butik Nadiah Collection adalah sebagai berikut : 1. Sistem Operasi : Microsoft Windows 8 2. Program : Xampp 3. Database : MySQL 4. Browser : Mozila Firefox Google Crome 5. Editor : Adobe Dreamweaver CS4 6. DFD Modeler : Microsoft Office Visio 2007

4.4.3 Implementasi Prangkat Keras

Adapun spesifikasi hardware perangkat keras yang diterapkan pada admin sebagai pengelola Sistem Informasi Penjualan dan Pembelian Berbasis Website ini adalah : 1. Mikroprosessor : Intel Core-i3 2. Memori : 4 GB DDR2 3. Media penyimpanan : Harddisk 500 GB 4. Monitor : 17 inch 5. Mouse dan Keyboard : Logitech 6. Internet : 2.3 Mbps

4.4.4 Implementasi Basis Data

Pembuatan basis data dilakukan dengan menggunakan bahasa SQL, dimana DBMS yang digunakan adalah MySQL. Implementasi basis datanya dalam bahasa SQL adalah sebagai berikut :

1. Tabel Kategori

Table structure for table `kategori`-- CREATE TABLE IF NOT EXISTS `kategori` `id_kategori` int5 NOT NULL AUTO_INCREMENT, `nama_kategori` varchar100 NOT NULL, PRIMARY KEY `id_kategori` ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;