Evaluasi Akhir Semester - Pemrograman Perangkat Bergerak

Nama : I GUSTI NGURAH ERVAN JULI ARDANA NRP : 5025211205 Kelas : Pemrograman Perangkat Bergerak B

UAS PPB

Use Case dan User Flow untuk Aplikasi Mitra i.saku

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?

Jawaban : 

1. i.saku adalah aplikasi dompet digital yang memungkinkan penggunanya untuk melakukan berbagai transaksi keuangan secara elektronik. Aplikasi ini dikembangkan untuk memudahkan pengguna dalam melakukan pembayaran di merchant, transfer uang, pembelian pulsa, pembayaran tagihan, dan berbagai layanan finansial lainnya secara online. i.saku bertujuan untuk memberikan kenyamanan dan keamanan dalam bertransaksi bagi penggunanya, sekaligus memberikan solusi pembayaran yang efisien bagi merchant. Dengan fitur-fitur yang ditawarkan, i.saku membantu mempercepat adopsi transaksi digital di masyarakat. Berikut Merupakan Use case dan user flow dari aplikasi yang telah saya buat:

• Use Case :

Link : https://www.figma.com/design/CXRDCFKKeEajBPVlo7eWrU/Use-Case?node-id=0-1&t=qUKFD2nTySD7jBd3-1

• Actor: Merchant, User, System Administrator

• Merchant  : Merchant adalah pedagang atau pemilik usaha yang menggunakan aplikasi i.saku untuk menerima pembayaran dari pelanggan

• User : User adalah pelanggan atau pengguna aplikasi i.saku yang melakukan transaksi

• System Administrator : System Administrator adalah individu atau tim yang bertanggung jawab atas pengelolaan dan pemeliharaan sistem aplikasi i.saku.

• Use Cases : 

• UC_1 (Manage Profile)

Kode Use Case	UC_1
Nama Use Case	Manage Profile
Aktor	User
Deskripsi	User mengelola profil mereka dengan mengganti password, nomor HP, atau email.
Relasi	Extend: Login
Kondisi Awal	User ingin mengubah informasi profil mereka.
Kondisi Akhir	Profil user berhasil diperbarui dengan informasi baru.
Alur Normal
	User	Sistem
	1. User memilih "Manage Profile". 2. User memilih opsi yang ingin diubah. 3. User memasukkan informasi baru. 4. User memasukkan password untuk verifikasi.	1.1 Sistem menampilkan opsi untuk mengubah password, nomor HP, atau email. 2.1 Sistem meminta inputan baru dari user 3.1 Sistem meminta konfirmasi dengan memasukkan password. 4.1 Sistem memperbarui informasi di database dan menampilkan pesan sukses.
Alur Alternatif
	1. User salah memasukkan password. 1.1 Sistem meminta user untuk memasukkan password kembali. 2. User kembali ke langkah 4.

• UC_2 (Register)

Kode Use Case	UC_2
Nama Use Case	Register
Aktor	User
Deskripsi	melakukan registrasi akun baru.
Relasi	Include: Login
Kondisi Awal	User ingin membuat akun baru.
Kondisi Akhir	Akun user berhasil dibuat dan user bisa login.
Alur Normal
	User	Sistem
	1. User memilih "Register". 2. User mengisi form registrasi. 3. User mengirim form registrasi.	1.1 Sistem menampilkan form registrasi. 2.1 Sistem memvalidasi inputan user. 3.1 Sistem membuat akun baru dan menampilkan pesan sukses.
Alur Alternatif
	1. User mengisi form registrasi dengan data yang tidak valid. 1.1 Sistem menampilkan pesan error dan meminta user untuk memperbaiki input 2. User kembali ke langkah 2.

• UC_3

Kode Use Case	UC_3
Nama Use Case	Login
Aktor	User
Deskripsi	User melakukan login ke dalam sistem
Relasi	Extend: Register
Kondisi Awal	User ingin masuk ke dalam sistem.
Kondisi Akhir	User berhasil login ke dalam sistem.
Alur Normal
	User	Sistem
	1. User memilih "Login". 2. User mengisi form login. 3. User mengirim form login.	1.1 Sistem menampilkan form login. 2.1 Sistem memvalidasi inputan user. 3.1 Sistem memverifikasi akun dan menampilkan halaman utama jika berhasil.
Alur Alternatif
	1. User mengisi form login dengan data yang tidak valid. 1.1 Sistem menampilkan pesan error dan meminta user untuk memperbaiki input. 2. User kembali ke langkah 2.

• UC_4 (Melakukan Transaksi)

Kode Use Case	UC_4
Nama Use Case	Melakukan Transaksi
Aktor	User
Deskripsi	User melakukan transaksi di sistem.
Relasi	Include: Memeriksa Mutasi Extend: Generate Report
Kondisi Awal	User ingin melakukan transaksi.
Kondisi Akhir	Transaksi berhasil dilakukan.
Alur Normal
	User	Sistem
	1. User memilih "Melakukan Transaksi". 2. User mengisi form transaksi. 3. User mengirim form transaksi.	1.1 Sistem menampilkan form transaksi. 2.1 Sistem memvalidasi inputan user. 3.1 Sistem memproses transaksi dan menampilkan pesan sukses.
Alur Alternatif
	1. User mengisi form transaksi dengan data yang tidak valid. 1.1 Sistem menampilkan pesan error dan meminta user untuk memperbaiki input. 2. User kembali ke langkah 2.

• UC_5 (Memeriksa Mutasi)

Kode Use Case	UC_5
Nama Use Case	Memeriksa Mutasi
Aktor	User
Deskripsi	User memeriksa mutasi transaksi di akun mereka.
Relasi	Include: Melakukan Transaksi
Kondisi Awal	User ingin memeriksa mutasi transaksi.
Kondisi Akhir	Mutasi transaksi berhasil ditampilkan.
Alur Normal
	Admin	Sistem
	1. User memilih "Memeriksa Mutasi".	1.1 Sistem menampilkan daftar mutasi transaksi.
Alur Alternatif
	(Tidak ada)

• UC_6 (Top-Up)

Kode Use Case	UC_6
Nama Use Case	Top-Up
Aktor	User
Deskripsi	User melakukan top-up saldo di akun mereka.
Relasi	Include: Top-Up Online, Top-Up Offline
Kondisi Awal	User ingin menambah saldo di akun mereka.
Kondisi Akhir	Saldo akun user berhasil ditambah.
Alur Normal
	User	Sistem
	1. User memilih "Top-Up". 2. User memilih metode top-up.	1.1 Sistem menampilkan opsi top-up online dan offline. 2.1 Sistem memproses top-up sesuai metode yang dipilih.
Alur Alternatif

• UC_7 (Top-Up Online)

Kode Use Case	UC_7
Nama Use Case	Top-Up Online
Aktor	User
Deskripsi	User melakukan top-up saldo secara online.
Relasi	Extend: Top-Up
Kondisi Awal	User ingin melakukan top-up saldo secara online.
Kondisi Akhir	Saldo akun user berhasil ditambah secara online.
Alur Normal
	Admin	Sistem
	1. User memilih "Top-Up Online". 2. User mengisi form top-up online. 3. User mengirim form top-up online.	1.1 Sistem menampilkan form top-up online. 2.1 Sistem memvalidasi inputan user. 3.1 Sistem memproses top-up dan menampilkan pesan sukses.
Alur Alternatif
	1. User mengisi form top-up dengan data yang tidak valid. 1.1 Sistem menampilkan pesan error dan meminta user untuk memperbaiki input. 2. User kembali ke langkah 2.

• UC_8 (Top-Up Offline)

Kode Use Case	UC_8
Nama Use Case	Top-Up Offline
Aktor	User
Deskripsi	User melakukan top-up saldo secara offline.
Relasi	Extend: Top-Up
Kondisi Awal	User ingin melakukan top-up saldo secara offline.
Kondisi Akhir	Saldo akun user berhasil ditambah secara offline.
Alur Normal
	User	Merchant
	1. User Datang ke Merchant terdekat 2. User mengisi form top-up offline. 3. User mengirim form top-up offline.	1.1 Merchant menampilkan form top-up offline 2.1 Merchant memvalidasi inputan user. 3.1 Sistem memproses top-up dan menampilkan pesan sukses.
Alur Alternatif
	1. User mengisi form top-up dengan data yang tidak valid 1.1 Sistem menampilkan pesan error dan meminta user untuk memperbaiki input. 2. User kembali ke langkah 2.

• UC_9 (Melakukan Pembayaran)

Kode Use Case	UC_9
Nama Use Case	Melakukan Pembayaran
Aktor	Merchant/User
Deskripsi	Merchant melakukan pembayaran transaksi.
Relasi	-
Kondisi Awal	Merchant ingin melakukan pembayaran.
Kondisi Akhir	Pembayaran berhasil dilakukan.
Alur Normal
	Merchant/User	Sistem
	1. Merchant memilih "Melakukan Pembayaran" 2. Merchant mengisi form pembayaran. 3. Merchant mengirim form pembayaran.	1.1 Sistem menampilkan form pembayaran. 2.1 Sistem memvalidasi inputan merchant. 3.1 Sistem memproses pembayaran dan menampilkan pesan sukses.
Alur Alternatif
	1. Merchant mengisi form pembayaran dengan data yang tidak valid. 1.1 Sistem menampilkan pesan error dan meminta merchant untuk memperbaiki input. 2. Merchant kembali ke langkah 2.

• UC_10 (Melakukan Tarik Tunai)

Kode Use Case	UC_10
Nama Use Case	Melakukan Tarik Tunai
Aktor	Merchant
Deskripsi	Merchant melakukan tarik tunai dari sistem.
Relasi	-
Kondisi Awal	Merchant ingin melakukan tarik tunai.
Kondisi Akhir	Tarik tunai berhasil dilakukan.
Alur Normal
	User	Sistem
	1. Merchant memilih "Melakukan Tarik Tunai". 2. Merchant mengisi form tarik tunai. 3. Merchant mengirim form tarik tunai.	1.1 Sistem menampilkan form tarik tunai 2.1 Sistem memvalidasi inputan merchant 3.1 Sistem membuat akun baru dan menampilkan pesan sukses.
Alur Alternatif
	1. Merchant mengisi form tarik tunai dengan data yang tidak valid. 1.1 Sistem menampilkan pesan error dan meminta merchant untuk memperbaiki input. 2. Merchant kembali ke langkah 2.

• UC_11 (Generate Report)

Kode Use Case	UC_11
Nama Use Case	Generate Report
Aktor	System Administrator
Deskripsi	Admin sistem menghasilkan laporan dari transaksi yang ada.
Relasi	Extend: Melakukan Transaksi
Kondisi Awal	Admin ingin menghasilkan laporan.
Kondisi Akhir	Laporan berhasil dihasilkan.
Alur Normal
	User	Sistem
	1. Admin memilih "Generate Report". 2. Admin memilih opsi laporan. 3. Admin mengunduh laporan.	1.1 Sistem menampilkan opsi untuk laporan. 2.1 Sistem menghasilkan laporan sesuai opsi yang dipilih. 3.1 Sistem menyediakan file laporan untuk diunduh.
Alur Alternatif
	-

• User Flow

Link : https://miro.com/app/board/uXjVK1ecUWQ=/?share_link_id=240852613979

• Implementasi : 

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. Deskripsi Fitur yang akan dibuat

• Fitur Transaksi

• Deskripsi: Fitur ini memungkinkan merchant atau user untuk dapat melakukan transaksi

• Detail :

• Input: Data rekening tujuan berupa nama, Nomor Rekening, 

• Output : Data Transaksi Berhasil berupa report

• Fitur Top Up

• Deskripsi: Fitur ini memungkinkan merchant atau user untuk dapat melakukan transaksi

• Detail : 

• Input: Data Top up tujuan berupa nama, Nomor Rekening

• Output : Data Transaksi Berhasil berupa report 

• Fitur Mutasi:

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

• Detail:

• Input: Permintaan untuk melihat riwayat transaksi.

• Proses: Pengambilan data transaksi dari server.

• Output: Daftar transaksi yang telah dilakukan dengan detail setiap transaksi.

• Fitur Login sebagai Mitra:

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

• Detail:

• Input: Nomor HP dan PIN.

• Proses: Verifikasi nomor HP dan PIN.

• Output: Akses ke dashboard aplikasi.

• Fitur Register sebagai Mitra:

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

• Detail:

• Input: Nomor HP, PIN, kode verifikasi, informasi usaha, dan dokumen pendukung.

• Proses: Pendaftaran, verifikasi kode, validasi dokumen.

• Output: Akun terdaftar dan aktif, QR code statis untuk menerima pembayaran

3. Berikut merupakan beberapa tampilan UI yang saya implementasikan berdasarkan Fitur yang akan saya buat:

Link : https://www.figma.com/design/mgP1acrCJPNT7fKn63aHIL/UI-EAS-PPB?node-id=0-1&t=JqI4eYCVQD6Fy46Y-1

1. Landing Page

2. Register Page

3. Login Page

4. Dashboard Page

5. Transaksi Page

6. Top Up Page

7. Cek Mutasi Page

4. Berikut Merupakan Link implementasi dari UI yang telah saya buat: 

https://github.com/NgurahErvan/Evaluasi-Akhir-Semester

5. Berikut Merupakan Link Presentasi/Demo aplikasi yang telah saya buat : 

https://youtu.be/BENYbwkQ7IY?si=2G6JszrCws73KqdS