Tampilan Halaman Utama Tampilan Halaman Produk Tampilan Halaman Pendaftaran Tampilan Halaman Profil Tampilan Halaman Administrator

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