Rancangan desain Sistem DESAIN DAN PERANCANGAN

commit to user 35

3.4.8 Tabel konfirmasi

Tabel komfirmasi digunakan untuk menyimpan data konfirmasi yang telah di-input-kan oleh pelanggan, yang ditunjukkan seperti tabel 3.9 di bawah ini. Tabel 3.9 Tabel konfirmasi Nama Field Tipe Data Ukuran data Keterangan Id_konfirmasi Varchar 6 Primary key Id_transaksi Varchar 12 Foreign Key username Varchar 10 - Atas_nama Varchar 25 - Transfer Integer 8 - Tgl_transfer varchar 10 - Tgl_konfirmasi Datetime

3.5 Rancangan desain Sistem

1. Rancangan desain website Administrator Perancangan desain website untuk administrator ditunjukkan seperti gambar 3.13 di bawah ini yang terbagi menjadi beberapa bagian yaitu : a. Header, bagian ini adalah tampilan atas dari desain yang berisi judul untuk sistem pemesanan sepatu lukis b. Main menu. Adalah bagian yang memuat tentang tombol navigasi dari website. Navigasi diatas digunakan untuk mengakses halaman-halaman berikut ini : a. Home, produk, Design, Type, Data pelanggan, Data Transaksi, Data Ongkir, dan Konfirmasi untuk user admin. b. Home dan How To order untuk user umum. c. Content, adalah isi utama dari website berisi tentang tabel-tabel yang digunakan pada aplikasi pemesanan sepatu lukis dengan mobile WAP. d. Sidebar menu, berisi foto-foto sepatu lukis dan kelender. e. Footer, berisi hak cipta pembuat website. commit to user 36 Gambar 3.18 Rancangan desain website Administrator Gambar 3.19 Rancangan desain website user umum

2. Rancangan aplikasi J2ME untuk klien pelanggan

Perancangan aplikasi untuk klien berbasiskan J2ME yang dapat diintegrasikan ke handphone dan desainnya ditampilkan seperti gambar 3.21 di bawah ini. HEADER MAIN MENU FOOTER SIDEBAR MENU CONTENT LOGOUT HEADER MAIN MENU FOOTER SIDEBAR MENU CONTENT LOGIN commit to user 37 Gambar 3.20 Rancangan aplikasi J2ME sisi klien T TYPE SEPATU DESAIN SEPATU LUKIS WARNA PEMESANAN KONFIRMASI Keluar Pilih FAQ ABOUT commit to user 38

BAB IV IMPLEMENTASI DAN ANALISA

4.1 Implementasi Desain dan Perancangan

Desain dan perancangan yang telah dibuat kemudian di realisasikan ke dalam pembuatan website Admin dan aplikasi mobile J2ME. Berikut ini adalah tampilan dari hasil desain dan perancangan website serta aplikasi mobile. 4.1.1 Tampilan Sisi Client Tampilan aplikasi untuk sisi klien terbagi menjadi beberapa form antara lain :

4.1.1.1 Form Depan

Sistem client diimplementasikan dengan aplikasi berbasis J2ME. Gambar 4.1 berikut adalah tampilan awal aplikasi di sisi client. Di form ini terdapat beberapa menu yaitu Keluar, Registrasi dan Login. Gambar 4.1 Tampilan Utama Sisi Client