Contoh Aplikasi : - Halaman Home Halaman home adalah halaman pertama yang muncul ketika pertama kali muncul ketika website ini diakses. Pada halaman ini ditampilkan Picture Slider. Selain itu terdapat beberapa menu yang dapat diakses tanpa perlu login, seperti How To Buy, How To Eat atau About Us
- Halaman Login Halaman ini berisi form login untuk melakukan proses login customer. Tersedia pula menu Forgot Password serta Register. - Halaman Register Halaman ini berisi form untuk customer yang ingin membuat account baru di keranjangbuah.com
- Halaman Forgot Password Halaman ini berisi form untuk customer yang lupa password-nya. Disini customer dapat mengisi alamat email-nya untuk dikirimi reset password dari customer tersebut. - Halaman How To Eat Halaman ini berisikan animasi mengenai bagaimana cara memakan buah yang baik dan benar. Konsumen dapat melihat animasi yang mengambarkan bagaimana
buah-buahan pada keranjangbuah.com didapat serta bagaimana cara melihat tingkat kematangan buah sehingga dapat mengedukasi konsumen tentang cara memakan buah pada saat benar-benar matang. - Halaman How To Buy Halaman ini berisi langkah-langkah bagaimana cara membeli produk pada keranjangbuah.com, dari proses register menjadi member hingga proses pembayaran.
- Halaman Fruit Grade Halaman ini berisi penjelasan mengenai grade-grade buah yang ada. Disertakan juga contoh buah serta penjelasan pada setiap grade buah. - Halaman About Us Halaman ini berisi profil perusahaan keranjangbuah.com ini yakni CV. Global Mega Trading. Terdapat pula alamat serta Contact Number perusahaan.
- Halaman Fruit Catalog Pada halaman catalog berisi gambar dan informasi produk yang tersedia. Halaman ini juga menyediakan detail informasi tentang produk yang tersedia untuk dipesan seperti nama, ukuran atau berat, serta harga buah. Pada halaman ini juga dapat dilakukan sorting berdasarkan kriteria tertentu pada bagian kanan atas. Untuk melanjutkan proses order, customer dapat mengklik pada gambar atau nama buah.
- Halaman Fruit Detail Pada halaman ini ditampilkan detail serta harga dari suatu buah seperti nama, ukuran atau berat, serta kode buah. Bila ingin melakukan order tambahan, customer dapat melakukannya dengan mencentang pilihan Upsize. Setelah itu, customer juga dapat menambahkan buah tersebut ke dalam keranjang dengan memilih Add to Cart.
- Halaman Cart Sebelum Login Halaman ini berisi daftar produk yang telah ditambahkan customer pada halaman produk. Customer dapat menghapus produk dengan memilih tombol x. Customer harus login terlebih dahulu untuk dapat melakukan checkout. Jika belum login maka akan muncul tombol Login dan Register Now.
- Halaman Cart Setelah Login Halaman ini berisi daftar produk yang telah ditambahkan customer pada halaman produk setelah login. Konsumen dapat menghapus produk dengan memilih tombol x. Customer yang sudah login dapat memilih menu checkout untuk melanjutkan proses order berikutnya. - Halaman Checkout Step 1 Halaman ini berisi form address yang berisi alamat yang sama sewaktu melakukan register. Field yang harus diisi adalah nama depan, nama belakang, email, nomor telepon, negara, alamat, kota, provinsi serta kode pos. Alamat ini berguna untuk proses pengiriman barang.
- Halaman Choose Address Customer dapat memilih alamat yang lain yang telah ditambahkan sebelumnya pada menu My Account dengan memilih tombol Choose. Tampilan field pada Address akan mengikuti daftar tersebut. Halaman Checkout Step 2 Setelah memilih Continue, akan ditampilkan tabel yang berisi produk yang akan dibeli. Pada halaman ini konsumen dapat melihat total dari tiap produk serta grand total yakni keseluruhan biaya yang harus dibayar konsumen.
- Halaman Place Order Setelah customer memilih Submit Order, customer telah selesai melakukan proses order. Customer akan diberikan Order Number beserta tabel berisi detail dan total biaya yang harus dibayar dari order yang dilakukan.
- Halaman My Account Halaman ini berisi detail dari customer yang terdiri dari Account Information. Address Manager untuk mengatur alamat pengiriman, Change Password serta Order History yang berisi semua orderan yang telah dilakukan customer tersebut. Customer dapat langsung beberapa informasi seperti nama depan, nama belakang, email, nomor telepon, serta password pada bagian Account Information. Address Manager berfunzdgsi untuk menambahkan data alamat pengiriman yang dapat digunakan sebagai alternatif pilihan dalam memasukkan tujuan alamat pengiriman untuk proses order. Pada halaman ini, juga terdapat tombol Confirmation untuk melakukan konfirmasi pembayaran.
- Halaman Address Form Halaman Form Address digunakan untuk memasukan alternatif alamat pengiriman lain dalam proses order nantinya. - Halaman Admin Login Halaman ini berisi form login untuk melakukan proses login admin. Admin dapat mencentang Keep me logged in untuk membuat admin selalu masuk.
- Halaman Dashboard Admin Pada halaman admin terdapat menu utama yang terletak diatas seperti Dashboard, Online Store, Catalog, dan Actions. Halaman ini adalah halaman pertama yang akan muncul setelah admin melakukan login. Pada halaman ini juga terdapat beberapa pesan notifikasi tentang Store Status, Recent Orders, dan Recent Customers.
- Halaman Orders Halaman ini berisi daftar order yang masuk beserta keterangan dari order tersebut. Jika admin memilih tombol View maka akan ditampilkan halaman View Order. Pada halaman ini admin dapat melakukan control serta search order berdasarkan tanggal terhadap semua order yang masuk. Pada halaman ini admin juga dapat melakukan export data orders ke dalam bentuk xml.
- Halaman View Order Pada halaman ini admin dapat melihat detail dari suatu order yang dilakukan dari customer seperti alamat, buah yang dipesan, hingga total biayanya. Di sini admin dapat mengirim email notification dan membuat slip pengiriman dengan memilih tombol Packing Slip.
- Halaman Packing Slip Halaman ini berisi slip yang dapat di print oleh pihak perusahaan yang dilampirkan bersamaan dengan pesanan untuk dikirimkan ke alamat customer. - Halaman Customers Halaman ini berisi daftar semua customer. Admin dapat menetapkan status dan kontrol terhadap customer tersebut dengan tombol Edit serta dapat melihat detail alamat customer dengan tombol Address. Pada halaman ini, admin dapat melakukan export data customers dalam bentuk xml dan juga admin dapat mengirim email kepada customers jika dibutuhkan. Selain itu, admin juga dapat menambah data customer baru dengan menekan tombol Add New Customer.
- Halaman Add New Customers Halaman ini berisi form yang digunakan admin untuk menambahkan customer baru secara manual. Field-field yang harus dimasukkan yaitu nama depan, nama belakang, email telepon, password dan confirm password. - Halaman Edit Customers Halaman ini berisi form yang digunakan admin untuk mengedit customer yang sudah ada secara manual. Admin dapat menetapkan status keaktifan customer dengan mencentang Active.
- Halaman Addresses of Customer Halaman ini berisi detail alamat yang dapat dilihat oleh admin jika memilih tombol Address pada menu halaman Customer. - Halaman Edit Addresses of Customer Halaman ini akan muncul jika admin memilih tombol Edit pada halaman Address of Customer. Pada halaman ini admin dapat mengubah alamat customer.
- Halaman Reports Pada halaman ini, admin dapat mencari Best Sellers yang didapatkan pada periode tertentu. Best Sellers Report yang ditampilkan berisi informasi buah mana yang paling laris serta terdapat juga Sales Report berisi total penjualan buah berdasarkan periode waktu tertentu.
- Halaman Categories Halaman ini berisi daftar kategori buah yang tersedia dan admin dapat menambah kategori buah yang baru, melakukan edit, organize serta menghapus kategori buah yang ada. - Halaman Add New Category Halaman ini berisi form untuk menambahkan kategori buah baru dengan memasukkan nama dan deskripsinya. Admin dapat menekan tombol Save untuk menyimpan kategori buah.
- Halaman Edit Category Halaman ini berisi form untuk meng-edit kategori buah yang sudah ada beserta deskripsinya. Admin dapat menekan tombol Save untuk menyimpan perubahan. Halaman Products Halaman ini berisi daftar dari produk buah-buahan yang tersedia. Admin dapat melakukan filter berdasarkan kategori buah yang ada. Selain itu, admin dapat mengedit data buah dengan tombol Edit. Admin juga dapat menghapus buah yang ada dengan menggunakan tombol delete.
- Halaman Add New Product - Details Tab Details ini berisi form untuk admin memasukan nama dan deskripsi buah baru. Selain itu juga admin dapat menetapkan status Track Stock, Fixed Quantity serta memasukkan jumlah buah yang tersedia.
- Halaman Add New Products Categories Tab Categories ini berfungsi untuk menetapkan kategori buah berdasarkan kategori buah yang telah dimasukkan sebelumnya pada menu Catalog Categories.
- Halaman Add New Products - Options Tab Options berfungsi untuk menambahkan pilihan optional pembelian yang dapat dipesan Customer nantinya. - Halaman Add New Products Images Tab Images berfungsi untuk memasukkan gambar buah yang akan ditampilkan kepada Customer.