Halaman Utama Halaman Halaman

4.1.2 Kebutuhan Perangkat Lunak

Perangkat lunak merupakan kebalikan dari perangkat keras yang mana tidak mempunyai bentuk fisik yang dapat dipegang. Adapun perangkat lunak yang dibutuhkan untuk menjalankan sistem ini adalah: a. Sistem operasi menggunakan Microsoft Windows XP Professional. b. Net Beans 6.9. c. Browser seperti Mozilla Firefox, Google Chrome, dan lain-lain.

4.2 Implementasi Program

Berikut ini merupakan tampilan form yang digunakan pada Aplikasi Toko Online dengan Menggunakan Platform Facebook. Pada aplikasi ini terdiri dari 2 pengguna aplikasi yaitu aplikasi yang digunakan customer dan admin.

4.2.1 Halaman Utama

Aplikasi Toko Online dengan Menggunakan Platform Facebook ini dimulai dari halaman produk yang menampilkan produk-produk terbaru dari Aqila Store serta sebagai halaman pemesan produk. User harus login ke Facebook terlebih dahulu agar dapat melihat produk-produk dari Aqila Store. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.1 Halaman Utama Setelah Login Facebook Pada bagian kiri halaman ini terdapat menu kategori produk yang dapat digunakan user untuk memilih produk sesuai dengan kategorinya. Pada bagian kiri juga terdapat informasi cara pemesanan produk serta contact dari admin Page Aqila Store. Adapun menu-menu tab yang terdapat di halaman ini yaitu menu How To, menu Invite Friends, menu Aqila Store, menu Contact Us, menu Guest Book, dan menu Peta Lokasi. Untuk lebih jelasnya mengenai tampilan halaman How To pada aplikasi dapat dilihat seperti pada Gambar 4.2. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.2 Halaman How To

4.2.2 Halaman

Invite Friends Halaman Invite Friends ini berfungsi sebagai halaman untuk mempublikasikan Page dengan cara mengundang teman-teman yang terkoneksi dengan Facebook user untuk ikut mengunjungi aplikasi Aqila Store. Pada halaman ini, user men-check teman-teman yang ingin dia undang di daftar yang telah disediakan. Berikut script yang digunakan untuk invite friends : Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.3 Halaman Invite Friends

4.2.3 Halaman

Aqila Store Halaman Aqila Store ini berisi produk-produk dari Aqila Store. Di halaman inilah user dapat berbelanja dengan cara mengklik tombol Add to Cart fbml = FBML fb:name uid=loggedinuser firstnameonly=true shownetwork=false Undang teman anda berbelanja disini... fb:req-choice url=url label=Aqila Store FBML; ? fb:request-form type=Aqila Store action=?php echo appCanvasUrl;? content=?php echo htmlentitiesfbml;? invite=true fb:multi-friend-selector max=20 actiontext=Undang mereka untuk belanja disini :. showborder=true rows=3 exclude_ids=?php echo friends;? fb:request-form Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. pada produk yang diinginkan. Setelah itu user akan diarahkan ke halaman keranjang belanjanya untuk melihat daftar produk yang telah dipesan sekaligus total harga dari pesanannya. Halaman ini ditunjukkan pada Gambar 4.4. Gambar 4.4 Halaman Aqila Store

4.2.4 Halaman Keranjang Belanja