EAS PPB B

 Nama : I Gusti Agung Ngurah Adhi Sanjaya

NRP : 5025211056

Kelas : PPB B


EAS PPB

Soal :

1. Buat use case dan user flow dari aplikasi  ?

2. Deskripsikan fitur aplikasi yang akan dibuat?

3. Gambarkan UI yang akan diimplementasikan.

4. Implementasikan Rancangan ? 

5. Buat Presentasi dan demo implementasi upload di Youtube, dan isi lembar monitoring?


Petunjuk Pengerjaan

1. Ambil Foto Diri di kelas dengan baju saat ini/ pada saat mengerjakan

2. Isi Google Form Untuk menjawab pertanyaan

3. Setelah submit pastikan foto anda telah tampil di dashboard - tunggu sekitar 20 menit untuk update atau refresh dashboard.

4. Soal 1-3 dikumpulkan maksimal 01 Juli 2024 pukul 12.30

5. Soal 4 dikumpulkan maksimal 02 Juli 2024 pukul 23.00

6. Soal 5 dikumpulkan maksimal 03 Juli 2024 pukul 11.00

Jawab : 


  1. Buat use case dan user flow dari aplikasi


USE CASE & USER FLOW


  1.  Use Case: Pendaftaran Merchant sebagai Mitra i.saku

  • Actor: Merchant (mitra)

  • Preconditions: Merchant memiliki smartphone dengan akses internet dan aplikasi Mitra i.saku terpasang.

  • Main Flow:

  1. Merchant mengunduh dan membuka aplikasi Mitra i.saku di ponsel mereka.

  2. Merchant memilih opsi "Daftar" atau "Registrasi" di layar utama aplikasi.

  3. Merchant memasukkan nomor HP dan membuat PIN untuk keamanan.

  4. Merchant menerima kode verifikasi melalui SMS atau WhatsApp dan memasukkannya ke dalam aplikasi untuk verifikasi.

  5. Merchant melengkapi informasi usaha yang diminta dalam aplikasi (misalnya, nama usaha, alamat, jenis usaha).

  6. Merchant mengunggah dokumen yang diperlukan (seperti KTP, NPWP, SIUP) untuk verifikasi.

  7. Tim i.saku memvalidasi data dan dokumen yang dikirim oleh merchant.

  8. Merchant menerima notifikasi melalui SMS atau aplikasi bahwa proses validasi telah berhasil dan akun telah diaktifkan.

  9. Merchant mendapatkan QR code statis yang bisa digunakan untuk menerima pembayaran melalui i.saku.

  • Postconditions: Merchant terdaftar sebagai mitra i.saku dan dapat menerima pembayaran elektronik dari pelanggan menggunakan i.saku.

User Flow: Pendaftaran Merchant sebagai Mitra i.saku

  1. Pembukaan Aplikasi:

    • Merchant mengunduh dan membuka aplikasi Mitra i.saku di smartphone mereka.

  2. Memilih Opsi Pendaftaran:

    • Merchant memilih opsi "Daftar" atau "Registrasi" di layar utama aplikasi.

  3. Memasukkan Informasi Dasar:

    • Merchant memasukkan nomor HP.

    • Merchant membuat PIN untuk keamanan akun.

  4. Verifikasi Nomor HP:

    • Merchant menerima kode verifikasi melalui SMS atau WhatsApp.

    • Merchant memasukkan kode verifikasi tersebut ke dalam aplikasi untuk menyelesaikan proses verifikasi nomor HP.

  5. Pengisian Informasi Usaha:

    • Merchant melengkapi informasi usaha yang diminta, seperti nama usaha, alamat, dan jenis usaha.

    • Merchant mengunggah dokumen yang diperlukan, seperti KTP, NPWP, dan SIUP.

  6. Proses Validasi oleh Tim i.saku:

    • Tim i.saku memvalidasi data dan dokumen yang dikirim oleh merchant.

    • Proses validasi ini dapat memakan waktu beberapa hari kerja.

  7. Notifikasi Akun Terdaftar:

    • Merchant menerima notifikasi melalui SMS atau aplikasi bahwa proses validasi telah berhasil dan akun telah diaktifkan.

  8. Penggunaan QR Code:

    • Merchant mendapatkan QR code statis yang bisa digunakan untuk menerima pembayaran melalui i.saku.

    • Merchant dapat mulai menerima pembayaran dari pelanggan yang menggunakan aplikasi i.saku.


2. Use Case: Login sebagai Mitra

  • Actor: Merchant

  • Preconditions: Merchant sudah terdaftar sebagai mitra i.saku.

  • Main Flow:

    1. Merchant membuka aplikasi Mitra i.saku dan memilih opsi "Login".

    2. Merchant memasukkan nomor HP dan PIN yang telah dibuat saat pendaftaran.

    3. Sistem memverifikasi nomor HP dan PIN yang dimasukkan.

    4. Jika verifikasi berhasil, merchant diarahkan ke dashboard.

    5. Jika verifikasi gagal, merchant menerima notifikasi kesalahan.

  • Postconditions: Merchant berhasil masuk ke akun dan dapat mengakses fitur-fitur di aplikasi.

User Flow: Login sebagai Mitra

  1. Pembukaan Aplikasi:

    • Merchant membuka aplikasi Mitra i.saku di smartphone mereka.

  2. Memilih Opsi Login:

    • Merchant memilih opsi "Login".

  3. Memasukkan Informasi Login:

    • Merchant memasukkan nomor HP dan PIN.

  4. Verifikasi Informasi:

    • Sistem memverifikasi nomor HP dan PIN yang dimasukkan.

  5. Akses ke Dashboard:

    • Merchant berhasil login dan diarahkan ke dashboard aplikasi.



3. Use Case: Merchant Menerima Pembayaran dari Pelanggan

  • Actor: Merchant, Pelanggan

  • Preconditions: Merchant sudah terdaftar dan memiliki QR code statis dari aplikasi Mitra i.saku.

  • Main Flow:

  1. Pelanggan datang ke toko dan memilih barang yang ingin dibeli.

  2. Merchant menyediakan QR code statis untuk pembayaran.

  3. Pelanggan membuka aplikasi i.saku dan memilih opsi "Bayar Belanja".

  4. Pelanggan memindai QR code milik merchant menggunakan aplikasi i.saku.

  5. Pelanggan mengkonfirmasi jumlah pembayaran dan menyelesaikan transaksi dengan memasukkan PIN atau menggunakan biometrik.

  6. Merchant menerima notifikasi di aplikasi Mitra i.saku bahwa pembayaran telah berhasil dilakukan.

  • Postconditions: Merchant dan pelanggan masing-masing menerima konfirmasi bahwa pembayaran telah selesai.

User Flow: Merchant Menerima Pembayaran dari Pelanggan

  1. Pembukaan Aplikasi:

    • Merchant membuka aplikasi Mitra i.saku di smartphone mereka.

  2. Penyediaan QR Code:

    • Merchant menyediakan QR code statis yang telah didapatkan dari pendaftaran di aplikasi Mitra i.saku.

  3. Pemindaian QR Code oleh Pelanggan:

    • Pelanggan membuka aplikasi i.saku dan memilih opsi "Bayar Belanja".

    • Pelanggan memindai QR code statis milik merchant.

  4. Konfirmasi Pembayaran oleh Pelanggan:

    • Pelanggan mengkonfirmasi detail pembayaran yang ditampilkan di aplikasi i.saku.

    • Pelanggan menyelesaikan pembayaran dengan memasukkan PIN atau menggunakan fitur biometrik.

  5. Pemberitahuan Pembayaran Berhasil:

    • Merchant menerima notifikasi di aplikasi Mitra i.saku bahwa pembayaran telah berhasil dilakukan.

    • Merchant dan pelanggan menerima konfirmasi bahwa transaksi telah selesai.

4. Use Case: Melihat Riwayat Transaksi

  • Actor: Merchant

  • Preconditions: Merchant telah melakukan transaksi menggunakan aplikasi.

  • Main Flow:

    1. Merchant membuka aplikasi dan memilih opsi "Riwayat Transaksi".

    2. Merchant melihat daftar transaksi yang telah dilakukan.

    3. Merchant dapat memilih transaksi tertentu untuk melihat detail lebih lanjut.

  • Postconditions: Merchant dapat memantau dan mengelola transaksi yang telah dilakukan.

User Flow: Melihat Riwayat Transaksi

  1. Pembukaan Aplikasi:

    • Merchant membuka aplikasi Mitra i.saku di smartphone mereka.

  2. Navigasi ke Opsi Riwayat Transaksi:

    • Merchant memilih opsi "Riwayat Transaksi".

  3. Melihat Daftar Transaksi:

    • Merchant melihat daftar transaksi yang telah dilakukan.

  4. Melihat Detail Transaksi:

    • Merchant memilih transaksi tertentu untuk melihat detail lebih lanjut.


5. Use Case: Mengelola Akun

  • Actor: Merchant

  • Preconditions: Merchant memiliki akun di aplikasi Mitra i.saku.

  • Main Flow:

    1. Merchant membuka aplikasi dan memilih opsi "Pengaturan Akun".

    2. Merchant dapat mengubah informasi usaha, memperbarui dokumen, atau mengubah PIN.

    3. Merchant menyimpan perubahan yang telah dilakukan.

  • Postconditions: Informasi akun merchant diperbarui sesuai dengan perubahan yang dilakukan.

User Flow: Mengelola Akun

  1. Pembukaan Aplikasi:

    • Merchant membuka aplikasi Mitra i.saku di smartphone mereka.

  2. Navigasi ke Opsi Pengaturan Akun:

    • Merchant memilih opsi "Pengaturan Akun".

  3. Memperbarui Informasi Akun:

    • Merchant mengubah informasi usaha, memperbarui dokumen, atau mengubah PIN.

  4. Menyimpan Perubahan:

    • Merchant menyimpan perubahan yang telah dilakukan.

6. Use Case: Pencairan Dana ke Rekening Bank

  • Actor: Merchant

  • Preconditions: Merchant memiliki saldo yang cukup di akun Mitra i.saku dan telah menambahkan rekening bank yang valid.

  • Main Flow:

    • Merchant membuka aplikasi Mitra i.saku dan login ke akun mereka.

    • Merchant memilih opsi "Pencairan Dana" atau "Withdraw" di menu utama.

    • Merchant memasukkan jumlah dana yang ingin dicairkan.

    • Merchant memilih atau menambahkan rekening bank tujuan pencairan dana.

    • Merchant mengonfirmasi detail pencairan dana dan memasukkan PIN untuk otentikasi.

    • Sistem memproses permintaan pencairan dana.

    • Merchant menerima notifikasi bahwa permintaan pencairan dana telah diterima dan sedang diproses.

    • Merchant menerima notifikasi bahwa dana telah berhasil dicairkan ke rekening bank yang dituju.

  • Alternative Flow:

    • Jika saldo tidak mencukupi, sistem menampilkan pesan kesalahan dan merchant harus mengurangi jumlah pencairan atau menambahkan saldo.

    • Jika detail rekening bank tidak valid, sistem meminta merchant untuk memasukkan detail yang benar.

  • Postconditions: Dana berhasil ditransfer dari akun Mitra i.saku ke rekening bank merchant.

User Flow: Pencairan Dana ke Rekening Bank

  1. Pembukaan Aplikasi:

    • Merchant membuka aplikasi Mitra i.saku di smartphone mereka.

  2. Login ke Akun:

    • Merchant memasukkan nomor HP dan PIN untuk login ke akun mereka.

  3. Navigasi ke Opsi Pencairan Dana:

    • Merchant memilih opsi "Pencairan Dana" atau "Withdraw" di menu utama aplikasi.

  4. Memasukkan Jumlah Pencairan:

    • Merchant memasukkan jumlah dana yang ingin dicairkan dari saldo mereka.

  5. Memilih Rekening Bank:

    • Merchant memilih rekening bank tujuan dari daftar yang sudah tersimpan atau menambahkan rekening bank baru.

  6. Konfirmasi Detail Pencairan:

    • Merchant meninjau kembali detail pencairan dana termasuk jumlah dan rekening bank tujuan.

    • Merchant mengonfirmasi pencairan dengan memasukkan PIN.

  7. Proses Pencairan oleh Sistem:

    • Sistem memverifikasi dan memproses permintaan pencairan dana.

    • Merchant menerima notifikasi bahwa permintaan pencairan sedang diproses.

  8. Notifikasi Pencairan Berhasil:

    • Setelah dana berhasil ditransfer, merchant menerima notifikasi bahwa pencairan dana telah berhasil dan dana sudah masuk ke rekening baank yang dituju.

  9. Pemeriksaan Saldo dan Riwayat Transaksi:

    • Merchant dapat memeriksa saldo terbaru dan melihat riwayat transaksi untuk memastikan dana telah dicairkan.


2. Deskripsi Fitur yang akan dibuat

  • Fitur login sebagai mitra

Fitur ini memungkinkan merchant yang sudah terdaftar untuk masuk ke akun mereka di aplikasi Mitra i.saku.

  • Fitur register sebagai mitra

Fitur ini memungkinkan merchant untuk mendaftar sebagai mitra i.saku dan membuat akun baru.

  • Fitur Riwayat transaksi yang masuk

Fitur ini memberikan riwayat dari transaksi yang sudah dilakukan oleh pembeli dari merchant mitra.

  • Dashboard

Dashboard adalah fitur utama yang menampilkan ringkasan informasi dan statistik penting terkait aktivitas dan performa penjualan merchant.

3. Gambarkan UI yang akan diimplementasikan

Gambar 1. Login Page

Gambar 2. Register Page

Gambar 3. Dashboard Page

Gambar 4. Riwayat Page

4. Implementasi Rancangan
Implementasi code bisa di lihat di dalam github ini : https://github.com/txmlrd/mitra-isaku-redesign

5. Demo
Demo codingan dan aplikasi dapat di lihat pada link youtube ini : https://youtu.be/kmGthrutLY0?si=zsFoksIWp6Fddjzv

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 5 - PPB B

Gambar
  Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro TUGAS 5 Pada tugas ke 5 kali ini, saya akan membuat sebuah aplikasi sederhana yang dimana akan berisi sebuah animasi boto yang berisi air dimana air tersebut bisa di isikan dengan menekan sebuah tombol dan botol tersebut memiliki jumlah air yang bisa di isi. Penerapan materi kali ini adalah Material Design yang dimana bisa dibilang ada hubungan dengan design dan UI karena dari tugas yang di buat, mengharuskan saya membuat sebuah bentuk/shape botol yang berisi warna yang akan drink  jika sebuah tombol di tekan. Berikut merupakan tampilan dari aplikasi yang sudah saya buat : Ini merupakan tampilan awal dari botol (sebelum di tekan tombol), default value 100ml Tampilan setelah tombol di tekan, akan menambahkan 200ml Tampilan jika tombol terus di tekan sampai 2500ml Amount yang di tambahkan menggunakan kelipatan 200 ml dengan default value 100 ml. Referensi ya...
Baca selengkapnya

Tugas 4 - PPB B

Gambar
Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro TUGAS 4 Pada tugas ke 4 kali ini, saya akan mencoba untuk membuat halaman login dengan design UI yang sederhana. Tugas ini akan menerapkan metode seperti composable, dan beberapa hal sederhana untuk membuat UI login yang sederhana juga. Berikut merupakan hasil aplikasi yang sudah saya buat : Gambar ini menunjukan bahwa, text field email dan password bisa di interaksikan dengan mengisi value email, dan password yang di hide Gambar ini menunjukan UI full login yang belum di interaksi sama sekali oleh user, terlihat bahwa pada text field email dan password berisi place holder yang bertuliskan "Email" dan "Password Kesimpulan dari tugas ini : Dapat mendesign UI dengan design yang sudah di tentukan Dapat mengimport gambar dengan ukuran yang di inginkan Dapat mmebuat gambar menjadi clickable Dapat membuat text field agar bisa di interaksikan oleh user Dapat ...
Baca selengkapnya

Tugas 3 - PPB B

Gambar
Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro Tugas 3 Pada tugas 3 kali ini, saya akan menerapkan fitur komponen button dengan interaksi dice roller. Aplikasi ini hanya berisikan tombol yang berisi tulisan "roll" dan terdapat ilustrasi dadu yang berisi dot angka 1 sampai 6. Jika tombol roll di tekan, dadu akan mengacak nilai yang akan keluar secara vertikal. Berikut merupakan hasil aplikasi yang sudah saya buat : Gambar ini saat tombol roll belum di tekan Gambar ini saat tombol roll sudah di tekan Bisa kita lihat, bahwa dadu yang awalnya salah satu bagian (atas) awal berniali 5, lalu setelah menekan roll nilainya berubah menjadi 1 Kesimpulan dari tugas ini : Menentukan fungsi composable Membuat tata letak dengan Komposisi. Membuat tombol dengan composable  Button . Mengimpor resource  drawable . Menampilkan gambar dengan composable  Image . Membuat UI interaktif dengan composable. Menggunakan compo...
Baca selengkapnya