MANUAL BOOK TUGAS BESAR PEMROGRAMAN WEB ULTIMAXX GADGET STORE

Oleh: Rizky Esa Ramadhan Tri Anindia Putra A.A.N Mahendra Adhi Putra Ardhi Gunawan Suarsa Gede Ngurah Duta krisna Mandala 1008605003 1008605015 1008605025 1008605029 1008605030

PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS UDAYANA 2012

Ultimaxx Gadget Store

Website ini diberi nama Ultimaxx Gadget Store dimana website ini merupakan web berjenis toko online yang dikhususkan menjual smartphone dan PC tablet. Dimana kita bisa melakukan pembelian online, melihat review dari produk, memberi review dan semua hal yang berhubungan dengan belanja online. komponen utama dari website ini adalah: Katalog online Belanja online Social media share Memberikan review pada item Artikel review Searching Signup dan login

Webstite ini dibuat menggunakan CMS joomla 2.5 dengan template GK_yourshop yang didesain ulang dan dikonfigurasi layoutnya sedemikian rupa agar cocok diimplementasikan sebagai toko gadget. Layout dari website ini kami desain dengan mengadopsi tampilan metro UI dari windows 8. Berikut tampilan home website ini

Komponen-komponen yang terdapat di halaman home website ini adalah:

Menu navigasi atas:

Dimana menu ini merupakan menu navigasi utama dalam web ini, dimana tombol home akan mengarahkan ke homepage, gadgets akan mengarahkan ke halaman merk-merk gadget ada, review gadget akan mengarahkan ke halaman artikel review, dan menu akun saya akan mengarahkan ke halaman account penngguna. Shop Cart

Berisi informasi tentang item yang akan kita beli, jika kita melihat katalog barangbarang, tan ingin melakukan pembelian, klik pada add to cart, maka shopping cart akan terisi tergantung jumlah pembelian, selain itu terdapat tombol checkout untuk melanjutkan belanja ke tahap pembayaran dan pengiriman Kotak pecarian(search)

Kotak search digunakan untuk mencari item maupun artikel dengan mengetikkan keyword didalamnya Brands

Memperlihatkan list dari merk-merk gadget yang ada, jika diklik, akan mengarahkan ke katalog online merk yang dipilih

Login box

Digunakan untuk melakukan login maupun signup pada website ini, agar user dapat melakukan belanja online lebih lanjut Hot Review dan Latest item

Pada bagian ini, Hot review memuat tentang review-review terbaru yang dibuat dimana berisi artikel review gadget. Sedangakn di sebelahnya terlihat produk-produk baru yang sudah tersedia di toko, dan bisa langsung dipesan, termasuk harganya sudah tertera disana. Review terpopuler dan produk terlaris

komponen tersebut dibuat sedemikian rua untuk menampilkan review yang paling sering dilihat, dan produk-produk yang paling banyak dibeli oleh user. Melihat Katalog Online

Untuk mengakses katalog, klik pada menu gadget pada menu atas. Maka kita akan diarahkan ke halaman berikut, disini terdapat brand-brand gadget yang ada, kita bisa memilih salah satu, misalnnya kita klik apple, akan tampil list produk yang tersedia beserta spesifikasi dan review dari user

Gambar diatas adalah tampilan setelah kita klik menu apple, akan terlihat barangbarang apa saja yang tersedia. Misal kita klik ipnone 5, maka akan tampil sbb

Terlihat tampilan seperti diatas. Dibawah terdapat description berupa spesifikasi dari barang tersebut, sedangkan pada tab reviews memperlihatkan review yang diberikan oleh user yang melihat katalog. Untuk melakukan pembelian, user dapat langsung klik pada add to cart

Kita bisa mengubah jumlah barang yang akan dipesan disana, lalu klik add to cart, maka akan langsung masuk ke cart pada bagian atas kanan website ini

Memberikan review

Dengan klik tab review, kita bisa memberikan review kita, disini kita harus menulis minimal 100 huruf, dan harus login terlebih dahulu Mengelola Akun Di website ini, akun memiliki peranan yang sangat penting, karena untuk melakukan pembelian sesuatu, kita harus terdaftar terlebih dahulu, dan melakukan login. Selain itu, kita juga harus melengkapi semua form registrasi yang ada, karena semua informasi akan digunakan dalam pembayaran dan pengiriman barang. Untuk mengakses pengelolaan akun, pada menu navigasi klik akun saya maka akan tampil seperti berikut.

disana kita bias melakukan login dan pendaftara, dimana disamping itu, kita juga bias melakukan login pada form login sebelah kiri. Untuk melakukan pendaftaran, kita harus melangkapi form-form dibawah

Melakukan pembelian Untuk melakukan pembelian, pastikan kita telah memilih barang yang akan dibeli, sampai shopping cart terisi

Untuk melanjutkan pembelian, klik pada go to checkout , maka akan tampil seperti ini

Pada gambar diatas, terlihat detail dari pembelian, diasumsikan kita akan membeli ipad mini sebanyak 2 unit, dan HTC One X+ sebanyak 2 unit juga, maka akan dihitung jumlahnya disini kita misalkan membeli dengan total pembelian Rp 23.600.000,00 jika sudah deal, klik pada check out now Maka kita akan diarahkan ke halaman pengiriman, disini missal kita pilih pengiriman ultimaxx express, dimana dengan biaya pengiriman, termasuk pengemasan sebesar 25.000

Setelah itu klik save, maka kita akan diarahkan ke halaman pemilihan metode pembayanran, disini kita menyediakan tipe pembayaran melalui rekening bank, maka pilih seperti dibawah

Setelah itu, kita klik save, maka akan diarahkan ke halaman berikut

Diatas, terlihat detail semua pemesanan yang akan dilakukan, disertai juga informasi pengiriman ke rekening bank yang sudah tertera pada halaman tersebut, serta penambahan biatya pengiriman. Setelah itu, kita konfirmasi pemesanan dengan klik confirm purchase. Setah itu, maka pemesanan berhasil. Dan pemesanan telah diproses.

Cek Status Pemesanan Setelah melakukan pemesanan seperti diatas, kita diharapkan untuk melakukan transfer uang ke rekening yang tertera diatas, untuk mengecek status pemesanan, klik pada akun saya, klik pada tab your orders

Diatas terlihat bahwa status pemesanan masih berstatus pending, berarti administrator belum menkonfirmasi pemesanan kita. Pengiriman barang baru akan dilakukan jika order status sudah berstatus confirmed.

Melakukan konfirmasi terhadap pemesanan (administrator) Ini merupakan tugas dari administrator, dimana administrator akan melakukan konfirmasi terhadap barang yang dipesan, dan siap untuk mengirimkan barang. Pertamatama masuk ke administrator joomla, klik pada menu virtuemart di bagian components

Setelah itu, kita akan masuk ke control panel dari virtuemart, selajutnya klik pada menu orders Maka akan terlihat order-order yang masuk beserta detailnya, dan disini kita bias menkonfirmasinya

Pada kolom status, kita akan mengubah status dari pending, menjadi confirmed, administrator biasa melakukannya jika pembayaran melalui rekening bank telah diterima oleh admin. Setelah itu, klik pada update order status.

Setelah itu, kembali ke halaman your order user, maka user yang akan melakukan pemesanan, akan mendapati status pemesanannya menjadi confirmed

Maka jika sudah berstatus confirmed, user hanya tinggal menunggu pengiriman barang sampai ke tujuan, dan menerima barang yang dipesan tersebut.