3.4 Implementasi Antarmuka
Pada implementasi antarmuka ini, menjelaskan bagaimana membuat sebuah antarmuka yang menarik dari sebuah aplikasi sehingga menjadi user
friendly bagi user.
3.4.1 Desain Halaman Utama
Pada halaman utama website Sumber Rejeki di menu utama terdapat menu home, cara pesan, pendaftaran, informasi dan tentang kami. Sedangkan pada
menu link, terdapat menu login, menu, produk, cari produk, dan hunting. Pada halaman utama ini berisikan ucapan selamat datang kepada user. Berikut ini
tampilan dari desain halaman utama seperti pada Gambar 3.30
.
Gambar 3.30 Desain Halaman Utama
3.4.2 Desain Halaman Utama Member
Pada halaman utama member website Sumber Rejeki menu utama terdapat menu home, cara pesan, buku tamu, informasi dan tentang kami.
Sedangkan pada menu link, terdapat menu logut, menu, produk, cari produk, dan hunting. Pada halaman utama member ini berisikan ucapan selamat datang kepada
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
member. Berikut ini tampilan dari desain halaman utama seperti pada gambar Berikut ini tampilan dari desain halaman utama seperti pada Gambar 3.31.
Gambar 3.31 Desain Halaman Utama Member
3.4.3. Desain Halaman Menu Buku Tamu
Pada menu buku tamu, dapat diisi oleh semua user yang membuka website pemesanan sembako di Sumber Rejeki. Pada menu ini terdapat nama,
email, tanggal, serta alamat pengunjung website. Berikut ini tampilan dari desain halaman menu buku tamu seperti pada Gambar 3.32.
Gambar 3.32 Desain Halaman Menu Buku Tamu
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.4.4. Desain Halaman Menu Produk
Pada desain halaman menu produk, terdapat semua nama produk yang dilengkapi dengan keterangan, harga serta satuan dari produk yang dipasarkan
oleh Sumber Rejeki. Tampilan dari desain halaman menu produk dapat dilihat pada Gambar 3.33.
Gambar 3.33 Desain Halaman Menu Produk
3.4.5. Desain Halaman Menu Kantong Pemesanan
Pada desain menu kantong pemesanan, terdapat nama produk yang dipesan, harga dalam bentuk rupiah, jumlah pemesanan, serta total. Pada menu ini
terdapat link untuk kembali berbelanja, ubah, serta melanjutkan untuk melakukan pemesanan. Tampilan dari desain halaman menu kantong pemesanan dapat dilihat
pada Gambar 3.34.
Gambar 3.34 Desain Halaman Menu Kantong Pemesanan
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
56
BAB IV IMPLEMENTASI PERANGKAT LUNAK
Pada bab ini akan membahas tentang implementasi program dari hasil analisa dan perancangan sistem pada bab III, serta bagaimana cara sistem tersebut
dijalankan.
4.1 Lingkungan Pemrograman
Perancangan aplikasi web dikembangkan dalam lingkungan pemrograman dengan spesifikasi teknis sebagai berikut ini :
a. Windows XP Profesional Edition SP.2 sebagai sistem operasi. b. Rational Rose 2002 untuk pembuatan desain UML.
c. XAMPP sebagai web development tool. d. MySQL sebagai database.
e. Adobe Dreamweaver CS4 sebagai editor program.
4.2 Implementasi Program
Pada bagian bab ini membahas mengenai implementasi bagian dari program atau potongan script program.
4.2.1 Implementasi Koneksi Database
Aplikasi ini menggunakan bahasa pemprograman PHP dengan basis data database MySQL phpMyAdmin. Script untuk membangun koneksi ke database
MySQL, terlihat pada Gambar 4.1.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Kategori