Perancangan Antar Muka Analisis Sistem yang Berjalan

78 b. Pendaftaran Pelanggan Berikut merupakan perancangan dari formulir pendaftaran pengguna sebagai pelanggan yang nantinya akan digunakan untuk memudahkan proses selanjutnya. Username : Nama Lengkap : Password : Alamat : Propinsi : Kota : Kode Pos : TelephonHP : Emai : ……... ……………...Pilih Kota………………….. V ……………...Pilih Propinsi…………….. V Reset Simpan ISI SESUAI DATA ANDA YANG VALID Form Pendaftaran Member Baru Gambar 4.20 Rancangan Tampilan Pendaftaran Pelanggan c. Form Pembayaran Pada form ini, pemesan yang sudah melakukan pembayaran dapat langsung mengkonfirmasinya di form ini. Konfirmasi Pembayaran No Order Nama Pemilik Rekening Nama Bank Jumlah Transfer Nama Bank Tujuan Tgl Transfer No Resi Pembayaran Rp. Mandiri V Mandiri V 2013 V 05 V 20 V Gambar 4.21 Rancangan tampilan Konfirmasi Pembayaran 79 d. Form Tambah Produk Pada form ini, bagian produksi yang akan mengoperasikan form ini untuk menambah maupun update barang. ---Pilih Kategori--- ---Pilih Sub Kategori--- Pilih File Tambah Ukuran Batal Tambah Merk Produk Kategori Sub Kategori Bahan Produk Berat Produk Harga Satuan No Ukuran Warna Jumlah Gambar Tidak ada file yang di pilih Delete Delete Kg V V Gambar 4.22 Rancangan Tampilan Form Tambah Produk 4.2.5.3 Perancangan Output Rancangan output adalah produk dari sistem informasi yang dihasilkan setelah input dilaksanakan. Hasil dari rancangan input data terlihat dari media keluaran. Dalam rancangan output, sistem informasi ini juga memanfaatkan file database mengandung data-data yang terbilang cukup banyak sehingga membutuhkan tempat yang cukup luas untuk menggambarkan bagaimana sebenarnya rancangan output pada aplikasi yang akan dibuat. 80 a. Tampilan Produk Perancangan output ini bertujuan untuk menampilkan daftar dari produk- produk baik yang ditawarkan kepada pelanggan. Di Upload Tangal : xxxxxx Merk Produk = xxxxxx Kode Produk = xxxxxx Kategori : xxxx – Dilihat : xx Bahan : xxxxxxx Informasi Produk Gambar Size xx Warna xxxxxxxx Stok xx Size xx Warna xxxxxxxx Stok xx Size xx Warna xxxxxxxx Stok xx Size xx Warna xxxxxxxx Stok xx Size xx Warna xxxxxxxx Stok xx Qty : Add to Cart Harga : Rp.xxxxxxxx Gambar 4.23 Rancangan Tampilan Produk b. Tampilan Daftar Belanja Perancangan output ini bertujuan untuk menampilkan daftar belanja dari produk-produk yang akan dipesan oleh pelanggan. Total Bayar Kode Merk Size Warna Jumlah Stok Sub Total Gambar xxxxxx xxxxxxxxxxx xx xxxxxxxxxxx xx Rp.xxxxxxxx Rp.xxxxxxxxxxx X Edite XX Keranjang Belanja Anda Belanja Lagi Pilih Tujuan Pengiriman : ----------------Pilih Tujuan------------------- V Gambar 4.24 Rancangan Tampilan Daftar Belanja 81 c. Tampilan Data Pemesanan Perancangan output ini bertujuan untuk menampilkan daftar pemesanan yang nantinya akan diubah statusnya oleh admin. Data Tabel Pembayaran No Kode Order Pemilik Rek Nama Bank Jumlah Transfer Bank Tujuan Kode Resi Tanggal Masuk Status Aksi 1 xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx 2 xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx 3 xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Gambar 4.25 Rancangan Tampilan Data Pemesanan d. Tampilan Data Pelanggan Perancangan output ini bertujuan untuk menampilkan daftar pelanggan yang terdaftar di Arindo Shoes. No Nama Alamat Tgl Daftar Email Aksi 1 xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxx xxxxxxxxxxxxxx 2 xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxxx Data Tabel Member Gambar 4.26 Rancangan Tampilan Data Pelanggan e. Tampilan Data Order Perancangan data order ini bertujuan untuk menampilkan daftar belanja pelanggan yang terdaftar di Arindo Shoes. 82 No 1 Nama Produk Size Berat Qty Harga Sub Total xxxxxxxx xxxxxx xx xx xxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Nama Jasa Pengirim : Ongkos Kirim Per Kg Untuk Tujauan : Total Berat : Total Ongkos Kirim : Total Pembayaran : Transaksi Sukses Berikut Data Order Anda Gambar 4.27 Rancangan Tampilan Data Order 4.2.5.4 Perancangan Arsitektur Jaringan Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau lebih sistem komputer yang dihubungkan dengan jalur transmisi dan alat komunikasi membentuk suatu sistem. Dengan adanya jaringan, komputer yang satu dapat memberikan berita ke komputer lain walaupun dalam area yang berbeda. Adapun Rancangan Arsitektur jaringan yaitu sebagai berikut : Internet Server Admin User Pelanggan User Pelanggan User Pelanggan Modem Modem Modem Gambar 4.28 Arsitektur Jaringan Arsitektur jaringan ini berskala WAN Wide Area Network. Admin dan server mengirimkan informasi berupa aplikasi web ke internet, dan untuk para 83 user terhubung pada sebuah media penghubung yang dikenal sebagai modem, dimana modem tersebut biasanya berupa lewat saluran telepon yang telah terkoneksi internet. 84

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1 Implementasi

Implementasi adalah proses penerapan rancangan program yang telah dibuat pada bab sebelumnya atau aplikasi dalam melaksanakan sistem informasi pemrograman yang telah dibuat, hasil dari tahapan implementasi ini adalah suatu sistem pengolahan data yang sudah dapat berjalan dengan baik. Dengan demikian dapat diketahui apakah perangkat lunak ini dapat menghasilkan aplikasi e- Commerce yang sesuai dengan tujuan yang diharapkan.

5.1.1 Batasan Implementasi

Dalam mengimplementasikan perangkat lunak pemantauan dan pengendalian aplikasi e-Commerce terdapat beberapa hal yang menjadi batasan implementasi, yaitu: 1. Hanya pelanggan yang dapat melakukan pemesanan produk. Selain pelanggan, user hanya dapat melihat informasi-informasi yang disediakan 2. Administrator melakukan mengkonfirmasi pembayaran, mengelola dan mengolah data yang terdapat pada sistem. 3. Admin melakukan kelola data admin, data pelanggan, data pemesanan dan mengolah laporan-laporan yang akan dicetak. 85

5.1.2 Implementasi Perangkat Lunak

Untuk implementasi perangkat lunak ini menggunakan XAMPP 1.7.4, Macromedia Dreamweaver 8, dan MySQL. XAMPP 1.7.4 dipilih sebagai perangkat lunak untuk webserver karena faktor kecepatan, kinerja yang stabil, dan performansi PHP versi 5 5.2.9 dan Macromedia Dreamweaver 8 dipilih sebagai perangkat lunak pengembang karena menyediakan fasilitas yang memadai dan membuat perangkat lunak yang berbasis web. Sementara itu MySQL digunakan sebagai pengembang dalam pembuatan basis data.

5.1.3 Implementasi Perangkat Keras

Untuk dapat menjalankan website yang dirancang maka dibutuhkan suatu perangkat keras sebagai penunjangnya. Adapun perangkat kebutuhan perangkat keras yang dibutuhkan tersebut adalah sebagai berikut : 1. Server : a. Processor Minimal Pentium atau yang sekelasnya. b. Menggunakan minimal RAM 256 MB. c. Harddisk 40 Gb. d. Keyboard, Monitor dan Mouse. 2. Client a. Processor Minimal Pentium atau yang sekelasnya. b. Menggunakan minimal RAM 256 MB. c. Harddisk 40 Gb. d. Keyboard, Monitor dan Mouse. 86

5.1.4 Implementasi Basis Data Sintaks SQL

Implementasi basis data dilakukan dengan menggunakan bahasa SQL, dimana aplikasi pemrograman yang digunakan adalah MySQL, implementasi basis datanya dalam bahasa SQL adalah sebagai berikut : -- -- Database: `arindo` -- -- -------------------------------------------------------- -- --Struktur dari tabel `album` -- CREATE TABLE IF NOT EXISTS `album` `Id` int11 NOT NULL AUTO_INCREMENT, `idp` varchar5 DEFAULT NULL, `ket` varchar50 DEFAULT NULL, `gambar` varchar100 DEFAULT NULL, PRIMARY KEY `Id` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ; -- -- -------------------------------------------------------- -- -- Struktur dari tabel `buktibayar` -- CREATE TABLE IF NOT EXISTS `buktibayar` `idbukti` int11 NOT NULL AUTO_INCREMENT, `idpemesanan` varchar35 DEFAULT NULL, `pemilikrek` varchar100 DEFAULT NULL, `namabank` varchar100 DEFAULT NULL, `jumlahbayar` double DEFAULT NULL, `banktujuan` varchar100 DEFAULT NULL, `tgltransfer` date DEFAULT NULL, `noresi` varchar100 DEFAULT NULL, `tglkirim` date DEFAULT NULL, `konfirmasi` int3 DEFAULT NULL, PRIMARY KEY `idbukti` ENGINE=MyISAM DEFAULT CHARSET=latin1 ROW_FORMAT=DYNAMIC AUTO_INCREMENT=11 ; -- -- -------------------------------------------------------- -- --Struktur dari tabel `bukutamu` -- CREATE TABLE IF NOT EXISTS `bukutamu` `id` int11 NOT NULL AUTO_INCREMENT,