219 Halaman ini pada umumnya tidak berbeda dengan halaman Home sebelum Login. Yang membedakan pada halaman ini yaitu pada bagian center ditampilkan beberapa istilah-istilah yang berhubungan dengan produk kami atau istilah lain yang dianggap penting untuk diketahui masyarakat luas. Hal ini diberikan untuk memudahkan user yang kurang terbiasa dengan istilah yang dipakai dalam informasi produk kami sehingga dapat dijadikan pertimbangan baru dan membantu para customer dalam mempelajari lebih dalam produk dari perusahaan PT. Astra Otoparts Tbk. Selain itu, tersedia pilihan abjad sehingga mempermudah user untuk mencari istilah.
220 4.2.1.15.1.2 Tampilan Layar Glossaries setelah Login Berikut ini merupakan tampilan layar Glossaries setelah Login :
Gambar 4.22 Tampilan layar Glossaries setelah Login
Halaman ini pada umumnya tidak berbeda dengan halaman Home setelah Login. Yang membedakan pada halaman ini yaitu pada bagian center, dimana isinya sama dengan bagian center halaman Glossaries sebelum Login.
221 4.2.1.15.2 Tampilan Layar Articles Tampilan layar Articles terdiri dari tampilan layar Articles sebelum dan setelah Login. 4.2.1.15.2.1 Tampilan Layar Articles sebelum Login Berikut ini merupakan tampilan layar Articles sebelum Login :
Gambar 4.23 Tampilan layar Articles sebelum Login
Halaman ini pada umumnya tidak berbeda dengan halaman Home sebelum Login. Yang membedakan pada halaman ini yaitu pada bagian center ditampilkan articles sehingga mempermudah customer untuk mengetahui promo atau event apa yang sedang terjadi dalam lingkungan PT. Astra Otoparts Tbk ataupun produk-produk terbaru dari PT. Astra Otoparts Tbk Hal ini dapat meningkatkan kepuasan customers.
222 4.2.1.15.2.2 Tampilan Layar Articles setelah Login Berikut ini merupakan tampilan layar Articles setelah Login :
Gambar 4.24 Tampilan layar Articles setelah Login
Halaman ini pada umumnya tidak berbeda dengan halaman Home setelah Login. Yang membedakan pada halaman ini yaitu pada bagian center, dimana isinya sama dengan bagian center halaman Articles sebelum Login.
223 4.2.1.16 Tampilan Layar Products Tampilan layar Products terdiri dari tampilan layar Products sebelum dan setelah Login. 4.2.1.16.1 Tampilan Layar Products sebelum Login Berikut ini merupakan tampilan layar Products sebelum Login :
Gambar 4.25 Tampilan layar Produts sebelum Login
224 Halaman ini pada umumnya tidak berbeda dengan halaman Home sebelum Login. Yang membedakan pada halaman ini yaitu pada bagian center ditampilkan informasi detail products. Kami juga membagi produk-produk dalam beberapa kategori agar lebih mudah untuk dicari oleh user. Untuk melakukan pencarian produk hanya perlu klik kategori diatas untuk melihat produk jenis lainnya yang ada pada perusahaan PT. Astra Otoparts Tbk. Jika ingin melakukan pencarian secara spesifik dapat menggunakan fungsi search yang tersedia pada menu bagian kanan website.
225 4.2.1.16.2 Tampilan Layar Products setelah Login Berikut ini merupakan tampilan layar Products setelah Login :
Gambar 4.26 Tampilan layar Produts setelah Login
226 Halaman ini pada umumnya tidak berbeda dengan halaman Home setelah Login. Yang membedakan pada halaman ini yaitu pada bagian center, dimana isinya sama dengan bagian center halaman Products sebelum Login ditambah munculnya tombol “Add to Cart”.
4.2.1.17 Tampilan Layar Shooping Cart Tampilan layar Shooping Cart terdiri dari tampilan layar Shooping Cart sebelum dan setelah Login. 4.2.1.17.1 Tampilan Layar Shooping Cart sebelum Login Berikut ini merupakan tampilan layar Shooping Cart sebelum Login :
Gambar 4.27 Tampilan layar Shooping Cart sebelum Login
227 Seperti yang telah dijelaskan pada halaman Home sebelum Login, jika user belum login maka akan menampilkan message box bahwa si user harus login terlebih dahulu lewat menu login yang ada pada panel sebelah kanan. Setelah itu baru bisa diakses lebih lanjut.
4.2.1.17.2 Tampilan Layar Shooping Cart setelah Login Berikut ini merupakan tampilan layar Shooping Cart setelah Login :
Gambar 4.28 Tampilan layar Shooping Cart setelah Login
Jika user telah login dan belum memilih produk yang akan dibeli pada halaman produk maka user dapat menggunakan tombol ”Add Product”.
228
Gambar 4.29 Tampilan layar Shooping Cart setelah Login
Halaman ini pada umumnya tidak berbeda dengan halaman Home setelah Login Yang membedakan pada halaman ini yaitu pada bagian center, ditampilkan detail Shooping Cart. Jika user masih ingin menambah produk maka dapat klik tombol ”Add Product”. Jika user mengubah qty secara manual, gunakan tombol “Refresh” untuk update SubTotal dan Total. Jika ingin memproses transaksi maka user dapat menggunakan tombol Submit. Jika ingin membatalkan pesanan maka tombol ”Delete” dapat digunakan.
229 4.2.1.18 Tampilan Layar Polling Berikut ini merupakan tampilan layar Polling :
Gambar 4.30 Tampilan layar Polling
Seperti yang telah dijelaskan pada halaman Home sebelum Login, halaman ini hanya akan muncul pada saat user belum login. Klik ”Vote” untuk ikut berpartisipasi memberikan pendapat atau klik ”Result” untuk mengetahui hasil polling.
230 4.2.1.19 Tampilan Layar Questionaire Berikut ini merupakan tampilan layar Questionaire :
Gambar 4.31 Tampilan layar Questionaire
Halaman ini pada umumnya tidak berbeda dengan halaman Home sebelum Login. Yang membedakan pada halaman ini yaitu pada bagian center ditampilkan sebuah form yang berisikan pertanyaan-pertanyaan yang nantinya akan dijawab oleh customer. Jika customer belum ingin menjawab pertanyaan tersebut maka dapat mengklik tombol “Later” .
231 4.2.2 Tampilan Layar Admin – Side Berikut merupakan tampilan layar Admin – Side : 4.2.2.1 Tampilan Layar Login Admin Berikut ini merupakan tampilan layar Login Admin :
Gambar 4.32 Tampilan layar Login Admin
Halaman ini akan menvalidasi User Id dan Password admin, jika data salah maka akan ditampilkan pesan kesalahannya. Jika data valid maka akan masuk ke halaman History Admin.
232 4.2.2.2 Tampilan Layar History Admin Berikut ini merupakan tampilan layar History Admin :
Gambar 4.33 Tampilan layar History Admin
Pada bagian header terdapat logo perusahaan dari PT. Astra Otoparts Tbk pada sudut kanan dan pada sudut kiri terdapat nama aplikasi. Pada bagian center digunakan untuk content dari menu-menu yang ada. Content pada halaman ini, admin dapat mengedit sejarah perusahaan PT. Astra Otoparts Tbk kemudian klik ”Save”. ”Undo” dapat digunakan untuk mengembalikan sejarah seperti semula (sebelum admin klik ”Save”). Pada panel kiri dari website tersebut terdapat menu utama dari website ini yang terdiri dari seperti History, About Us, FAQs (Questions dan List of FAQs), Forum, Our Dealers, Library (Glossaries dan Articles), Products (Categories dan List of Products), Transactions (Top 10 Customers dan List of Transactions), Members, Admins, Pollings (Results dan List of Pollings), Questionires (Results dan List of Questionaires).
233 Pada bagian footer terdapat informasi tentang lokasi perusahaan dimana mencakup alamat perusahaan dan nomor telepon, email, fax yang dapat dihubungi.
4.2.2.3 Tampilan Layar About Us Admin Berikut ini merupakan tampilan layar About Us Admin :
Gambar 4.34 Tampilan layar About Us Admin
234 Halaman ini pada umumnya tidak berbeda dengan halaman History Admin. Yang membedakan pada halaman ini yaitu pada bagian content dimana admin dapat meng-edit name, address, email, phone, fax, vision, mision, decription perusahaan PT. Astra Otoparts Tbk kemudian klik ”Save”. ”Undo” dapat digunakan untuk mengembalikan name, address, email, phone, fax, vision, mision, decription perusahaan PT. Astra Otoparts Tbk seperti semula (sebelum admin klik ”Save”).
4.2.2.4 Tampilan Layar FAQs Admin Tampilan layar FAQs Admin terdiri dari tampilan layar Questions Admin dan List of FAQs Admin. 4.2.2.4.1 Tampilan Layar Questions Admin Berikut ini merupakan tampilan layar Questions Admin :
Gambar 4.35 Tampilan layar Questions Admin
235 Halaman ini pada umumnya tidak berbeda dengan halaman History Admin. Yang membedakan pada halaman ini yaitu pada bagian content terdapat sebuah form yang terdiri dari Date, Name, Email, Question serta suatu textbox untuk menjawab pertanyaan dari customer. Ada juga checkbox yang menandakan apakah pertanyaan tersebut sudah dijawab atau belum. Admin dapat : 1. klik Answer Digunakan untuk menjawab pertanyaan maupun menanggapi kritik atau saran dari para customers. 2. klik Delete Digunakan untuk menghapus suatu data dari database yang dikarenakan data tersebut tidak dibutuhkan lagi. 3. klik Save Untuk menyimpan data yang telah di-edit tersebut ke dalam database. 4. klik Save and Send an Email Untuk menyimpan data ke dalam database sekaligus mengirimkan jawaban tersebut ke customer yang bersangkutan. 5.
klik Cancel Untuk membatalkan peng-edit-an.
236 4.2.2.4.2 Tampilan Layar List of FAQs Admin Berikut ini merupakan tampilan layar List of FAQs Admin :
Gambar 4.36 Tampilan layar List of FAQs Admin
237 Halaman ini pada umumnya tidak berbeda dengan halaman History Admin. Yang membedakan pada halaman ini yaitu pada bagian content terdapat sebuah form yang terdiri dari Question serta suatu textbox untuk menjawab pertanyaan. Admin dapat : 1. klik Add Digunakan untuk menambahkan data tersebut kedalam database dimana nantinya akan dilihat oleh users. Admin dapat menambahkan pertanyaan baru yang sering dipertanyakan oleh customer baik mengenai produk itu sendiri atau layanan yang ada. Pertanyaan tersebut akan disertai dengan solusi yang paling baik bagi customer itu sendiri. 2. klik Save Digunakan untuk menyimpan data (pertanyaan dan solusi yang baru di-input) kedalam database. 3. klik Cancel Digunakan untuk membatalkan input-an yang telah dimasukkan. Pembatalan hanya terjadi pada data yang baru di-input bukan data yang telah ada sebelumnya. 4. klik Delete Digunakan untuk menghapus suatu data dari database yang dikarenakan data tersebut tidak dibutuhkan lagi. 5.
klik Edit Digunakan untuk mengubah data yang berada di dalam database agar data tersebut menjadi lebih informatif.
238 4.2.2.5 Tampilan Layar Forum Admin Berikut ini merupakan tampilan layar Forum Admin :
Gambar 4.37 Tampilan layar Forum Admin
239 Halaman Forum Admin pada umumnya tidak berbeda dengan halaman Forum Client. Yang membedakan adalah admin mempunyai hak penuh untuk mengeset segala sesuatu yang ada pada forum ini. Selain itu, kendali admin disini adalah memperhatikan tingkah laku yang dilakukan oleh para anggota forum atau customer PT.Astra Otoparts Tbk serta memperhatikan keinginan dari para customer yang ada. Tugas yang lain sama dengan sisi yang ada pada bagian customer. Yang membedakan hanyalah rating atau status saja.
240 4.2.2.6 Tampilan Layar Our Dealers Admin Berikut ini merupakan tampilan layar Our Dealers Admin :
Gambar 4.38 Tampilan layar Our Dealers Admin
Halaman ini pada umumnya tidak berbeda dengan halaman History Admin. Yang membedakan pada halaman ini yaitu pada bagian content terdapat sebuah form yang
241 terdiri dari Dealer Code, Name, Location, Address, Fax, Telephone. Pada halaman ini Admin dapat : 1. klik Add Digunakan untuk menambahkan data tersebut kedalam database dimana nantinya akan dilihat oleh users. Admin dapat menambahkan data dealer baru yang menjalin kerjasama dengan pihak Astra sendiri. 2. klik Save Digunakan untuk menyimpan data (data diri dari dealer) kedalam database. 3. klik Cancel Digunakan untuk membatalkan input-an yang telah dimasukkan. Pembatalan hanya terjadi pada data yang baru di-input bukan data yang telah ada sebelumnya. 4. klik Delete Digunakan untuk menghapus suatu data dari database yang dikarenakan data tersebut tidak dibutuhkan lagi. 5. klik Edit Digunakan untuk mengubah data yang berada di dalam database agar data tersebut menjadi lebih informatif.
242 4.2.2.7 Tampilan Layar Library Admin Tampilan Library Admin terdiri dari tampilan layar Glossaries Admin dan Articles Admin. 4.2.2.7.1 Tampilan Layar Glossaries Admin Berikut ini merupakan tampilan layar Glossaries Admin :
Gambar 4.39 Tampilan layar Glossaries Admin
Halaman ini pada umumnya tidak berbeda dengan halaman History Admin. Yang membedakan pada halaman ini yaitu pada bagian content terdapat sebuah form yang terdiri dari Word, Description. Untuk lebih memudahkan dalam melihat data maka data tersebut dibagi kedalam susunan abjad yang letaknya berada diatas form tersebut. Pada halaman ini Admin dapat :
243 1. klik Add Digunakan untuk menambahkan data tersebut kedalam database dimana nantinya akan dilihat oleh users. Admin dapat menambahkan istilah baru yang berhubungan dengan product dari Astra yang nantinya akan digunakan atau dilihat oleh customer 2. klik Save Digunakan untuk menyimpan data (istilah baru) kedalam database. 3. klik Cancel Digunakan untuk membatalkan input-an yang telah dimasukkan. Pembatalan hanya terjadi pada data yang baru di-input bukan data yang telah ada sebelumnya. 4. klik Delete Digunakan untuk menghapus suatu data dari database yang dikarenakan data tersebut tidak dibutuhkan lagi. 5. klik Edit Digunakan untuk mengubah data yang berada di dalam database agar data tersebut menjadi lebih informatif.
244 4.2.2.7.2 Tampilan Layar Articles Admin Berikut ini merupakan tampilan layar Articles Admin :
Gambar 4.40 Tampilan layar Articles Admin
Halaman ini pada umumnya tidak berbeda dengan halaman History Admin. Yang membedakan pada halaman ini yaitu pada bagian content terdapat sebuah form yang terdiri dari Title, Picture, dan News. Pada halaman ini Admin dapat :
245 1. klik Browse Digunakan untuk mencari suatu data gambar yang nantinya akan di-upload ke dalam server. 2. klik Delete Digunakan untuk menghapus data gambar tersebut dari server yang dikarenakan data tersebut sudah tidak dibutuhkan lagi 3. klik Add Digunakan untuk menambahkan data tersebut kedalam database dimana nantinya akan dilihat oleh users. Admin dapat menambahkan istilah baru yang berhubungan dengan product dari Astra yang nantinya akan digunakan atau dilihat oleh customer 4. klik Save Digunakan untuk menyimpan data (article baru) kedalam database. 5. klik Cancel Digunakan untuk membatalkan input-an yang telah dimasukkan. Pembatalan hanya terjadi pada data yang baru di-input bukan data yang telah ada sebelumnya. 6. klik Delete Digunakan untuk menghapus suatu data dari database yang dikarenakan data tersebut tidak dibutuhkan lagi. 7. klik Edit Digunakan untuk mengubah data yang berada di dalam database agar data tersebut menjadi lebih informatif.
