Halaman Utama Halaman Registrasi Halaman Profile Halaman Edit Profile Halaman Buat Lelang

CREATE TABLE `bid` `no` int11 NOT NULL AUTO_INCREMENT, `time` varchar25 DEFAULT NULL, `bid` int11 DEFAULT NULL, `id_item` varchar20 DEFAULT NULL, `email` varchar50 DEFAULT NULL, PRIMARY KEY `no`, KEY `FK_bid-item` `id_item`, KEY `FK_bid-member` `email`, CONSTRAINT `FK_bid-item` FOREIGN KEY `id_item` REFERENCES `item` `id_item`, CONSTRAINT `FK_bid-member` FOREIGN KEY `email` REFERENCES `member` `email` ENGINE=InnoDB AUTO_INCREMENT=4213 DEFAULT CHARSET=utf8; Query 4.5. Query DDL Tabel Bid

4.3. Implementasi Halaman

4.3.1. Halaman Utama

Halaman ini merupakan halaman utama yaitu halaman pertama yang ditampilkan ketika pengguna membuka website. Dalam halaman utama ini ditampilkan delapan daftar lelang terbaru dan juga delapan daftar lelang dengan penawaran terbanyak. Gambar 4.1. Implementasi Halaman Utama

4.3.2. Halaman Registrasi

Halamin ini merupakan halaman yang digunakan untuk pendaftaran anggota. Halaman ini terbagi menjadi dua bagian yaitu bagian input data dan input file gambar untuk gamb ar profile. Pengguna harus memasukkan data yang dibutuhkan kemudian menekan tombol ‘Create account’ untuk mendaftar. Pengguna akan dibawa ke halaman input gambar yang digunakan untuk gambar profile. Halaman registrasi ditunjukkan pada Gambar 4.2. dan halaman input gambar ditunjukkan pada Gambar 4.3. Gambar 4.2. Implementasi Halaman Registrasi Gambar 4.3. Implementasi Halaman Input Gambar Profil

4.3.3. Halaman Profile

Pada halaman profile ditampilkan data diri dari member dan juga daftar lelang yang pernah dibuat oleh member. Terdapat menu edit untuk yang dapat digunakan oleh member untuk mengubah data profilnya. Halaman profil ditunjukkan dalam Gambar 4.4. Gambar 4.4. Implementasi Halaman Profil

4.3.4. Halaman Edit Profile

Halaman ini berfungsi untuk mengubah data profil member. Member dapat mengubah profilnya dengan memasukkan data baru kemudian menekan tombol ‘Save change’. Halaman edit profil ditunjukkan pada Gambar 4.5. Gambar 4.5. Implementasi Halaman Edit Profil

4.3.5. Halaman Buat Lelang

Halaman ini merupakan halaman yang digunakan member untuk membuat lelang. Halaman ini juga terbagi menjadi dua bagian yaitu halaman input data dan halaman input file gambar. Member harus memasukkan data yang dibutuhkan kemudian menekan tombol ‘Create Auction’. Halaman buat lelang ditunjukkan pada Gambar 4.6. dan halaman input gambar ditunjukkan pada gambar 4.7. Gambar 4.6. Implementasi Halaman Buat Lelang Gambar 4.7. Implementasi Halaman Input Gambar Lelang

4.3.6. Halaman Lelang