Batik Tulis. Website UKM Batik Tulis memiliki beberapa halaman yang akan dibuat yaitu:
1 Halaman Utama
2 Halaman Produk
3 Halaman Pendaftaran
4 Halaman Profil
5 Halaman Administrator
Berikut ini merupakan perancangan dan penjelasan dari tampilan halaman website yang akan dibuat.
3.4.1. Tampilan Halaman Utama
Gambar 3.8 Desain Tampilan Halaman Utama
Gambar 3.8 di atas menggambarkan desain tampilan halaman utama dari website yang akan dibuat. Pada bagian atas halaman utama terdapat identitas
Nama UKM Utama Produk Pendaftaran Profil
Login
Nama Password
Artikel Terbaru
Link Artikel Link Artikel
Produk Populer
Link Produk Link Produk
Login
Nama UKM Utama Produk Pendaftaran Profil
Login
Nama Password
Katalog Produk
Link Produk Link Produk
Link Produk Link Produk
Login
nama UKM dan di bawahnya terdapat menu sebagai penghubung ke halaman lain. Di bagian kiri halaman utama, terdapat kotak untuk mengisi nama dan password
apabila telah terdaftar sebagai pelanggan. Area kanan merupakan daerah untuk memunculkan artikel-artikel terbaru dan produk-produk populer.
3.4.2. Tampilan Halaman Produk
Gambar 3.9 Desain Tampilan Halaman Produk
Pada gambar 3.9 menunjukkan desain tampilan halaman produk. Secara garis besar desain halaman ini tidak jauh berbeda dengan desain halaman utama.
Perbedaannya hanyalah area kanan pada halaman ini memuat katalog produk- produk yang tersedia.
Nama UKM Utama Produk Pendaftaran Profil
Login
Nama Password
Pendaftaran
Nama Password
Negara Kota
Alamat
Login
Nama UKM Utama Produk Pendaftaran Profil
Login
Nama Password
Uraian Profil UKM
Login
3.4.2. Tampilan Halaman Pendaftaran
Gambar 3.10 Desain Tampilan Halaman Pendaftaran
Gambar 3.10 menampilkan desain halaman pendaftaran dimana area sebelah kanan berisi form pendaftaran menjadi pelanggan UKM Batik Tulis Jawa
Timur.
3.4.3. Tampilan Halaman Profil
Negara Kota
Daftar
Nama UKM
Produk Artikel
Supplier Negara
Kota Lihat Pelanggan
Lihat Transaksi
Berisi form sesuai dengan menu yang dipilih
Gambar 3.11 Desain Tampilan Halaman Profil
Gambar 3.11 menampilkan desain halaman profil dimana area sebelah kanan berisi profil UKM Batik Tulis Jawa Timur.
3.4.5. Tampilan Halaman Administrator
Gambar 3.12 Desain Tampilan Halaman Administrator
Pada gambar 3.12 ditunjukkan desain tampilan halaman administrator dimana halaman ini menunjukkan ragam aktivitas yang dapat dilakukan oleh
administrator website UKM Batik Tulis Jawa Timur. Aktivitas yang dapat dilakukan administrator ditunjukkan dengan menu link yang ada pada kolom kiri
halaman administrator. Sedangkan kolom kanan akan menampilkan form sesuai dengan menu pada kolom kiri yang dipilih.
35
BAB IV IMPLEMENTASI SISTEM
4.1. Lingkungan Implementasi
Perancangan Aplikasi Teknologi Ajax pada E-Commerce on-line untuk promosi Batik Tulis Jawa Timur diimplementasikan pada sistem komputer dengan
spesifikasi sebagai berikut:
Sistem operasi : Microsoft Windows Xp Service Pack 2
Jenis komputer : Notebook Acer Aspire 4530
Prosesor : AMD Turion 64 X2 2.0 GHz
RAM :
1Gb Hard Disk
: 160 GB
4.2. Implementasi Antarmuka
Pada bagian ini akan dijelaskan tentang implementasi antarmuka dari aplikasi yang dibuat. Implementasi antarmuka yang telah dibuat yaitu:
1 Tampilan Utama
2 Tampilan Bagian Produk
3 Tampilan Bagian Pendaftaran
4 Tampilan Bagian Profil
5 Tampilan Administrator