350
Gambar 4.33 Tampilan Layar Add Member
Halaman pada Gambar 4.33 merupakan halaman yang akan tampil setelah admin menekan link “add members”. Tombol “submit” untuk mengecek kesalahan dan menyimpan hasil pengisian ke dalam database. Link “back to members” untuk kembali ke halaman Member.
351
Gambar 4.34 Tampilan Layar Update Member
Tampilan layar pada Gambar 4.34 akan muncul setelah link “update members” ditekan. Admin akan diminta memasukkan id member yang ingin diupdate datanya. Setelah tombol “submit” ditekan maka akan muncul halaman seperti Gambar 4.33 di mana admin diminta memasukkan data-data dari member yang ingin diubah. Jika link “delete members” ditekan, admin akan diminta memasukkan id member yang ingin dihapus, yang tampilan halamannya seperti Gambar 4.34. Link “back to members” untuk kembali ke halaman Member.
352
5. Driver and Download
Gambar 4.35 Tampilan Layar Driver and Download Admin
Tampilan pada Gambar 4.35 akan muncul saat link “edit Driver and Download” yang ada pada menu Support Center ditekan. Halaman ini menampilkan semua driver yang ada dalam database berdasarkan urutan ReleasedDate-nya. Di bawah tabel terdapat tiga buah link utama seperti biasa yaitu “add driver”, “update driver”, dan “delete driver”. Di halaman paling bawah adalah nomor halaman yang merupakan link ke halaman Driver and Download yang selanjutnya.
353
Gambar 4.36 Tampilan Layar Add Driver and Download
Tampilan layar pada Gambar 4.36 merupakan halaman yang tampil setelah link “add driver” pada halaman Driver and Download ditekan. Tombol “submit” untuk mengecek kesalahan pengisian dan menyimpan hasil tambahan driver yang
354
baru. Link “back to driver” untuk menampilkan kembali halaman Driver and Download. Di halaman paling bawah terdapat paging.
Gambar 4.37 Tampilan Layar Update Driver and Download tahap I
Tampilan layar pada Gambar 4.37 akan tampil setelah link “update driver” ditekan. Setelah admin memilih id yang ingin diupdate dan menekan tombol
355
“submit” maka admin harus memasukkan data-data driver yang ingin diupdate seperti pada Gambar 4.38.
Gambar 4.38 Tampilan Layar Update Driver and Download tahap II
Tampilan pada Gambar 4.38 akan muncul setelah admin memilih id driver yang ingin diupdate. Tombol “submit” untuk mengecek kesalahan pengisian dan menyimpan hasil pengisian ke database. Link “back to update driver” untuk kembali ke halaman sebelumnya yaitu memilih id mana yang akan diupdate. Link “delete driver” sama dengan link “update driver” di mana ketika pertama kali diklik langsung diminta memasukkan id driver yang ingin dihapus. Jadi tampilannya sama seperti Gambar 4.37.
356
6. Software Update and Goodies
Gambar 4.39 Tampilan Layar Software Update and Goodies Admin
Tampilan layar pada Gambar 4.39 merupakan halaman yang muncul ketika link “edit Software Update and Goodies” pada menu utama Support Center ditekan. Halaman ini menampilkan semua update yang ada dalam database berdasarkan urutan Released Date-nya. Di bawah tabel terdapat tiga buah link utama seperti biasa yaitu “add update”, “update update”, dan “delete update”. Di halaman paling bawah adalah nomor halaman yang merupakan link ke halaman Software Update and Goodies yang selanjutnya.
357
Gambar 4.40 Tampilan Layar Add Software Update and Goodies
Tampilan layar pada Gambar 4.40 merupakan halaman yang tampil setelah link “add update” pada halaman Software Update and Goodies ditekan. Tombol “submit” untuk mengecek kesalahan pengisian dan menyimpan hasil tambahan
358
update yang baru. Link “back to update” untuk menampilkan kembali halaman Software Update and Goodies. Di halaman paling bawah terdapat paging. Untuk link “update update” dan “delete update” prosesnya sama seperti langkah-langkah update dan hapus pada halaman Driver and Download.
359
7. Online Manual
Gambar 4.41 Tampilan Layar Manual Admin
Pada halaman manual seperti yang ditunjukkan Gambar 4.41, terdapat tabel yang berisi tentang ID, Nama, Link, Photo, dan Description. Data yang ada
360
berasal dari database. Pada halaman ini juga terdapat paging. Paging yang ada merupakan kelipatan dari 10, sehingga jika data yang ada lebih dari 10 maka akan terdapat penambahan paging. Di bawah tabel data, terdapat tiga buah link, yaitu: “add manual”, “update manual”, dan “delete manual”. Link “add manual” dan “update manual” terdapat validasi data, sehingga terdapat beberapa bagian data yang dimasukkan tidak boleh sama dengan data yang telah ada, serta data yang diisi tidak boleh kosong. Terdapat link “logout” yang berguna untuk keluar dari login sebagai admin.
8. FAQ
Gambar 4.42 Tampilan Layar FAQ Admin
361
Tampilan yang ditunjukkan Gambar 4.42 merupakan halaman yang muncul pertama kali ketika admin menekan link “edit FAQ” pada halaman yang pertama kali terbuka saat menekan menu utama Support Center. Pada halaman ini FAQ yang ditampilkan sudah berdasarkan produk, versi, dan kategorinya. Jadi admin juga dapat melakukan perubahan berdasarkan produk, versi,
maupun
kategorinya. Terdapat link “edit product”, “edit version”, “edit category”, dan “edit questions” yang masing-masing dapat ditekan untuk melakukan perubahan produk, versi, kategori, dan pertanyaan mulai dari “add” untuk penambahan data baru, “update” untuk melakukan perubahan terhadap data yang telah ada, sampai “delete” untuk menghapus data dari database.
Gambar 4.43 Tampilan Layar Edit FAQ Product
362
Tampilan layar yang ditunjukkan Gambar 4.43 merupakan halaman yang tampil ketika admin menekan link “edit product” pada halaman FAQ. Pada halaman ini terdapat tiga link utama yaitu “add faq product”, “update faq product”, dan “delete faq product”. Link yang lain seperti “edit version” dan “edit category” juga memiliki tampilan seperti ini setelah ditekan.
Gambar 4.44 Tampilan Layar Edit FAQ Questions
Tampilan layar seperti yang ditunjukkan pada Gambar 4.44 merupakan halaman yang ditampilkan saat admin menekan link “edit questions” saat membuka halaman FAQ dan memilih versi produk. Pada halaman ini juga terdapat tiga buah link utama yaitu “add faq questions”, “update faq questions”, dan “delete faq questions” di mana admin dapat menambahkan, mengubah, dan menghapus pertanyaan. Tidak hanya pertanyaan saja yang dapat diedit, tapi
363
jawaban dari FAQ juga dapat diedit. Di setiap pertanyaan yang ditampilkan, terdapat link “edit answers” di bagian sampingnya yang tampilannya sama seperti saat menekan link “edit questions”.
9. Services Contacts
Gambar 4.45 Tampilan Layar Contact Admin
Di halaman Contact yang tampilannya ditunjukkan pada Gambar 4.45 terdapat tabel yang berisi ID, Name, Email, City, Country, Phone. Pada kolom