Jumat, 16 September 2016

Mockup Aplikasi Laundry Go.

Mockup Aplikasi Laundry Go

1.      Penyedia Laundry
  • Login: menggunakan username dan password yang sudah terdaftar, hanya dibutuhkan sekali lalu tidak perlu login lagi, penyimpanan session menggunakan sharedpreference.

Gambar 1 : Login Penyedia Laundry
  • Register : Mendaftarkan username, password, nama pemilik laundry, nama laundry, no telp, id laundry (4 huruf), foto laundry, alamat map (jika diklik maka akan muncul map, dan marker yang menunjukan lokasi laundry, jika lokasi lain diklik maka marker akan berpindah ke lokasi tersebut) . Foto Laundry dapat diinputkan lewat kamera hp atau galeri. Jika tombol register diklik maka akan memunculkan alert dialog berupa pesan bahwa lokasi yang digunakan adalah lokasi yang digunakan untuk laundry anda.


Gambar 2 : Register Untuk Penyedia Jasa

  • ·         Foto laundry dapat diinputkan lewat kamera hp atau galeri.
  • ·      Setelah berhasil login akan muncul menu utama yang memiliki drawer berisi profil, report, kurir, log out.


Gambar 3 : Menu Utama Penyedia Laundry
  • ·         Menu utama sendiri memiliki list order yang dimiliki laundry tersebut, serta memiliki search order.
  • ·      Jika salah satu list diklik maka akan muncul spesifikasi order yang berisi nama pelanggan, alamat, total berat, biaya, map yang memiliki marker di tempat tersebut, lalu ganti status laundry yang digunakan untuk mengganti status laundry. Status laundry : Pengambilan laundry, proses laundry, siap antar, pengiriman laundry, transaksi selesai, dll.


Gambar 4 : Deskripsi Order

  • ·   Profil: memunculkan foto laundry, nama laundry, alamat, no telp, biaya per kilo, lama pengerjaan, deskripsi laundry, serta rating laundry, alamat map (seperti pada register yang digunakan untuk update lokasi).


Gambar 5 : Profil Laundry

  • ·    Masing-masing field langsung menggunakan textboxt dan jika foto laundry diklik langsung dapat mengganti foto dengan opsi foto lewat kamera atau galeri, opsi profil yang diberikan, update dan cancel.
  • ·       Report: menampilkan jumlah order, jumlah uang yang telah didapat, dan terdapat list order yang sudah ditangani. Opsi report yang diberikan bersihkan report.
  • ·    Kurir: List kurir yang dimiliki oleh laundry, request id verifikator, id verifikator diberikan di perusahaan dan penambahan kurir dilakukan di pendaftaran. Jika salah satu kurir di klik maka akan muncul profil kurir yang berisi foto,id kurir (4 huruf laundry+kurir+nomor kurir) nama, lama bergabung, jumlah order yang sudah ditangani.


Gambar 6 : List Kurir

  • ·         Log out: setelah log out akan memunculkan layout login.

*untuk penulisan id dapat diubah.

2.      Pengguna laundry
  • ·         Login: menggunakan username dan password yang sudah terdaftar, hanya dibutuhkan sekali lalu tidak perlu login lagi, penyimpanan session menggunakan sharedpreference.


Gambar 7 : Login Pengguna

  • ·         Register: Mendaftarkan username, password, nama pengguna, no telp, alamat, foto(opsional), alamat map (jika diklik maka akan muncul map, dan marker yang menunjukan lokasi pengguna, jika lokasi lain diklik maka marker akan berpindah ke lokasi tersebut) . Foto pengguna dapat diinputkan lewat kamera hp atau galeri. Jika tombol register diklik maka akan memunculkan alert dialog berupa pesan bahwa lokasi yang digunakan adalah lokasi yang digunakan agar kurir dapat menemukan anda.


Gambar 8 : Profil Pengguna

  • ·       Setelah berhasil login akan muncul menu utama yang memiliki drawer yang berisi profil,history, reward dan logout.


Gambar 9 : Menu Utama Pengguna

  • ·      Di dalam menu utama sendiri berisi list laundry, yang ditampilkan dilist adalah foto laundry, nama laundry, serta rating laundry, terdapat juga fungsi search serta terdapat kategori laundry seperti termurah, terdekat, recommended(berdasarkan rating). Jika list laundry diklik maka akan muncul profil laundry yang berisi foto laundry, spesifikasi laundry, biaya per kilo,lama pengerjaan, jumlah penggunaan pengguna pada laundry ini dan terdapat juga rating yang diberikan, rating bisa diberikan berkali2, namun rating yang lama akan hilang, lalu order. Setelah diorder akan tergenerate id order(4 huruf laundry+order+nomor order).


Gambar 10 : Deskripsi Laundry

  • ·       Profil: memunculkan foto pengguna, nama pengguna, alamat, no telp,alamat map(seperti pada register, digunakan untuk update lokasi).


Gambar 11 : Profil Pengguna

  • ·      Masing-masing field langsung menggunakan textboxt dan jika foto pengguna diklik langsung dapat mengganti foto dengan opsi foto lewat kamera atau galeri, opsi profil yang diberikan, update dan cancel.
  • ·     History: dalam history terdapat list transaksi yang telah digunakan, jika diklik akan muncul spesifikasi transaksi seperti nama laundry, berat, tanggal, biaya.


Gambar 12 : Tampilan History Pengguna

  • ·         Reward: digunakan untuk mendapatkan point, penggunaan bisa melakukan order menggunakan aplikasi atau dengan melakukan transaksi lainnya

.

Gambar 13 : Tampilan Reward

  • ·        Tracking order: akan muncul transaksi yang belum selesai, jika diklik akan muncul spesifikasi transaksi(seperti di history) dengan tambahan status laundry sekarang.


Gambar 14 : Tampilan Tracking Order Pengguna
  • ·         Log out: setelah log out akan memunculkan layout login.

*untuk penulisan id dapat diubah.

3.      Kurir
  • ·       Login: menggunakan username dan password yang sudah terdaftar, hanya dibutuhkan sekali lalu tidak perlu login lagi, penyimpanan session menggunakan sharedpreference.


Gambar 15 : Tampilan Login Kurir

  • ·         Register: Mendaftarkan username, password, nama kurir,nama laundry(berupa combo box), id verifikator yang didapat dari laundry tersebut(akan ada pencocokan id verifikator dengan laundry), foto(opsional). Foto pengguna dapat diinputkan lewat kamera hp atau galeri. Setelah itu akan tergenerate id kurir(4 huruf laundry+kurir+nomor kurir)


Gambar 16 : Tampilan Register Kurir

  • ·      Setelah berhasil login akan muncul menu utama yang memiliki drawer yang berisi list order yang belum ditangani oleh kurir lain(dalam satu laundry). Jika diklik maka akan muncul profil pengguna seperti nama, no telp, foto, alamat, dan alamat map, serta status order, dan terdapat tombol tangani yang otomatis akan mengganti status order.


Gambar 17 : Tampilan Utama Kurir
  • ·       Profil kurir: memunculkan foto kurir, nama kurir, nama laundry, dan jumlah transaksi yang telah ditangani.


Gambar 18 : Tampilan Profil

  • ·         Masing-masing field langsung menggunakan textboxt dan jika foto kurir diklik langsung dapat mengganti foto dengan opsi foto lewat kamera atau galeri, opsi profil yang diberikan, update dan cancel.
  • ·         Log out: setelah log out akan memunculkan layout login.


*untuk penulisan id dapat diubah.

0 komentar:

Posting Komentar