Rabu, 19 April 2017

Tugas3_IMK_SESI10_Mokeup_Storyboard_Sketsa_Toko_Roti_Online_Mobile_Application

NO
NAMA KELOMPOK
NIM
1.       
RENDY JOHAN
201581292
2.       
RUDY WIJAYA
201581217
3.       
RAHMI AYU NISA
201581300
4.       
DIPHDA ANTARESADA
201581294
5.       
HARDIANTO JOUGA PRATAMA
201581293


Storyboard dan Sketsa Awal Bakery Online Shop Mobile Application

1. Home :




Pada halaman 1 adalah tampak muka bagian utama interface untuk jenis-jenis bakery/cake yang dijual secara online yang terdiri dari 3 macam jenis cake yaitu:

-       Best Seller yang disertai dengan gambarnya.
-       Cake for Boys yang disertai dengan gambarnya.
-       Cake for Girls yang disertai dengan gambarnya.




2. Halaman Menu Best Sellers :



Pada halaman 2 merupakan bagian dari jenis bakery/cake yaitu Best Seller yang menjadi favourite konsumen pada saat ini.
Didalam bagian ini terdiri dari 4 (empat) bagian item yang masing-masing bagian disertai gambar bakery/cake yaitu:

-       Item 1 ; 1kg ; harga
-       Item 2 ; 1kg ; harga
-       Item 3 ; 1kg ; harga
-       Item 4 ; 1kg ; harga

Untuk mempermudah pencarian disediakan menu selection yang terdiri dari 2(dua) jenis pencarian yaitu:
-       Select Category
-       Select Popularity


3. View 1 Produk :



Pada halaman 3 merupakan details informasi item bakery/cakes yang dipilih, yang nantinya akan muncul informasi sebagai berikut: (misalnya cake yang dipilih Black Forest)

- Item Cake yaitu Black Forest serta beratnya
-Gambar Black Forest
- Harga per unit
-Terdapat menu select weight, berapa jumlah berat yang ingin dibeli.
-Terdapat menu Eggless (sedikit telur) berupa option True (jika memilih iya) dan False (jika memilih tidak)
-Disediakan menu message, apabila pembeli/konsumen ingin memberikan pesan atau komen terkait cake yang dibelinya.
-Setelah pembeli sudah selesai melakukan pemilihan pesanan cake/bakery maka pembeli diharuskan mengclick menu buy now.




4. Detail Pemesanan pada Keranjang :




Pada halaman 4 merupakan hasil pemesanan cake/bakery dari halaman 3, yang hasilnya akan memunculkan informasi sebagai berikut:
-Product (muncul gambar dan tulisan yaitu Black Forest 1kg
-Qty yaitu kuantitas yang dibeli, yang kemudian terdapat checkbox untuk kuantitas yang dibeli
-Price yaitu harga per unit yang dibeli
-Dibagian bawahnya terdapat jumlah nilai rupiah atas jumlah banyaknya kuantitas dikalikan dengan harga per unit.
-Selanjutnya terdapat pilihan Delivery Date (tanggal pemesanan) yang disamping terdapat menu selection date.
-Setelah itu dibawanya terdapat pilihan Select Time (waktu yang diinginkan) yang disampingnya terdapat menu selection time.
-Untuk menu delivery pembeli diberikan 2(dua) macam opsi pengantaran/pengiriman yaitu Collect at Store (jika pesanan mau langsung diambil) dan Home / Office Delivery (jika pesanan mau dikirim ke rumah atau kantor) yang masing-masing pilihan disertai check box.
-Jika semua informasi sudah terisi, selanjutnya mengclick menu proceed to pay untuk ke langkah berikutnya yaitu pembayaran.




5. Input Detail Shipping Address :





Pada halaman 5 ini merupakan menu shipping address yaitu informasi mengenai identitas serta alamat pengiriman barang yang terdiri dari bagian sebagai berikut:

-Mobile Number yaitu nomor handphone yang dapat dihubungi.
-Email ID yaitu alamat email yang aktif.
-Full  Name yaitu nama lengkap pembeli atau pemesan.
-Address yaitu alamat pengiriman atas pesanan yang dibeli.
-Reciepient Name  yaitu nama orang yang dikehendaki untuk menerima pesanan.
-Reciepient Mobile yaitu nomor handphone yang menerima pesanan.
-Selanjutnya terdapat menu Apply Offer Coupon bagi pembeli yang memiliki atau mendapatkan kode promosi yaitu terdapat bagian yang harus diisi oleh pembeli di dalam kotak “Enter Coupon Code”, setelah memasukkan kode kupon yang valid, untuk melakukan verifikasi kupon click kotak “Apply”.
-Pada bagian akhir yaitu dibagian paling bawah terdapat 2(dua) menu pilihan untuk metode pembayaran yaitu click kotak “Cash On Delivery” untuk metode pembayaran secara tunai) atau bisa melakukan pembayaran secara online dengan meng -click kotak “Pay Online”



6. Metode Pembayaran :



Pada bagian halaman 6 ini merupakan tampilan untuk menu pembayaran dimana pada halaman ini terdapat informasi untuk melakukan pembayaran yang harus diisi yaitu sebagai berikut:

-Terdapat informasi jumlah transaksi yang harus dibayar, disertai juga transcation ID yaitu nomor transaksi pembelian yang sudah terverifikasi
-Selanjutnya terdapat pilihan metode pembayaran, dapat dipilih pembeli sesuai yang dikehendaki pembeli yaitu Credit Card (kartu kredit), Debit Card (kartu debit), Net Banking (via e-Banking), serta Wallets (menggunakan saldo top-up yang dapat diisi sesuai yang dikehendaki).
-Dibagian akhir terdapat bagian Visa, Mastercards, RuPay, PCI sesuai dengan metode pembayaran yang dikehendaki pembeli.


7. Metode Pembayaran Via Net Banking :




Pada halaman 7 merupakan bagian akhir dari proses pembelian cake/bakery secara online, dimana pada halaman ini terdapat informasi yang terdiri dari bagian-bagian yang harus diisi sehingga pesanan ini akan tervalidasi apabila proses pembayaran sudah selesai, yaitu sebagai berikut:

-Informasi jumlah transaksi yang harus dibayar, disertai juga transcation ID yaitu nomor transaksi pembelian yang sudah terverifikasi.
-Didalam menu berikutnya terdapat pilihan pembayaran melalui bank yaitu dibagian “Select one of the following popular banks, yang dibawah nya terdapat gambar logo bank-bank nasional yaitu sebagai berikut: Mandiri, BNI, BCA, HSBC, Mega dan BII.  Di bagian ini pembeli harus meng-click logo bank yang dikehendaki untuk melakukan pembayaran.
-Apabila diantara nama bank tersebut diatas tidak tersedia, maka pembeli dapat melakukan pembayaran dengan bank lainnya yaitu dengan meng-click kotak/box dibawah tulisan “or select any other bank”.
-Untuk mengakhiri pemesanan ini maka pembeli dapat meng-click “Pay Now”.
-Dengan semua proses yang ada diharapkan pemesanan secara online akan memberikan manfaat kepada konsumen yang sangat efektif dan efisien.




Moke Up Bakery Online Shop Mobile Application

Halaman Pembuka :



Sidebar Menu : 




Home :




Daftar Menu Cake Yang Tersedia :



View 1 Produk :




Input Detail Shipping Address :







Metode Pembayaran  :





Pembayaran Via Credit Card :




Detail Input Pembayaran Via Credit Card :





Transaksi Berhasil Diproses :






Analisis Aplikasi Bakery Online Shop : 

Aplikasi Bakery Online Shop memiliki kekuatan dan kelemahan. Berikut adalah analilisis yang dilakukan oleh kelompok kami:

Kekuatan:

1. Usability : Aplikasi ini memiliki desain interface yang sangat mudah dipelajari, dengan adanya menu home, best seller, shipping address, payment method, user dapat dengan mudah mempelajari dan menggunakannya. Dari segi efisiensi, aplikasi ini memiliki kecepatan proses yang tangkas dan cepat, karena, aplikasi ini tidak terlalu banyak plug in, hanya saja foto kue dan informasi harga, ketika orang tertarik, foto diklik lalu akan muncul informasi lebih lengkapnya, itu sangat membantu proses jalannya aplikasi. Desain yang kita gunakan dapat meminimalisir terjadinya error karena setiap step di dalam satu page, sangat aman dan mudah.

2. Fleksibilitas : Aplikasi ini memiliki tingkat fleksibilitas yang bagus, karena orang sangat mudah dalam.menggunakannya, desain yang simple, cerdas, dan informatif

3. User interface : Aplikasi ini memiliki keterlibatan satu sama lain, halaman home terdapat informasi best seller, lalu best seller diklik akan muncul menu kue yg sering dibeli dan diakses oleh orang, jika di klik, akan muncul gambar yg lebih zoom dan terdapat informasi yang sangat lengkap, jika ingin membeli orang hanya butuh klik 1 button yaitu next, masukkan data diri dan alamat dan nomer telepon lalu pilih payment method. 
- layout : aplikasi ini memiliki layout yg terstruktur secara rapi berbentuk persegi sehingga terlihat sangat minimalis.
- font : font yang digunakan oleh aplikasi ini adalah ms sans serif, yang tidak terlalu berat dan simple.
- informasi dan representive : informasi yang diberikan hanya yang penting saja.

Kelemahan

1. Desain : simple tidak terlalu mewah
2. User interface : terlalu banyak step sehingga jika internet sedang down, akan membuat reload berkali" dan user akan malas.
3. Fleksibilitas : tidak terlalu fleksibel karena terlalu banyak step