diff --git a/README.md b/README.md index 0e850018939820466a1b050b95c72b05d5b4d70a..5cfb2ae7ae43ec52cb99499579c94cc7824e53d7 100644 --- a/README.md +++ b/README.md @@ -52,6 +52,132 @@ Bondoman merupakan aplikasi manajemen transaksi dalam proyek pembangunan seribu ## Screenshot aplikasi +1. Splashscreen + + <img src='screenshot/splashscreen.png' height=400> + +2. Login + + <img src='screenshot/login.png' height=400> + +3. Transactions + +<img src='screenshot/transactions.png' height=400> + +<img src='screenshot/add_transaction.png' height=400> + +<img src='screenshot/edit_transaction.png' height=400> + +4. Scan + + <img src='screenshot/scan.png' height=400> + +4. Graph + +<img src='screenshot/graph_vertical.png' height=400> + +<img src='screenshot/graph_horizontal.png' width=400> + +5. Twibbon + +<img src='screenshot/twibbon.png' height=400> + +6. Settings + +<img src='screenshot/settings.png' height=400> + +## Accessibility Testing + +1. Halaman Login + + **Sebelum diubah** +  + + **Setelah diubah** +  + + **Perbaikan yang dilakukan** + + 1. Membuat input email dan password jadi lebih besar heightnya + 2. Menambahkan hint untuk email dan password + 3. Memperbesar tombol mata + +2. Halaman Transaksi (Homepage) + + **Sebelum diubah** +  + + **Setelah diubah** +  + + **Perbaikan yang didlakukan** + + 1. Mengubah warna yang digunakan menjadi lebih gelap agar kontras dengan latar belakangnya + +3. Halaman Kamera + + **Sebelum diubah** +  + + **Setelah diubah** + +  + + **Perubahan yang dilakukan** + + 1. Menambahkan content description untuk kedua tombol (kamera dan gallery) + +4. Halaman Graf + **Tidak ada perubahan** +  + +5. Halaman Twibbon + + **Sebelum diubah** +  + + **Setelah diubah** +  + + **Perubahan yang dilakukan** + + 1. Menambahkan content description untuk seluruh gambar + +6. Halaman Tambah Transaksi + + **Sebelum diubah** +  + + **Sesudah diubah** +  + + **Perubahan yang dilakukan** + + 1. Memperbesar size dari input + +7. Halaman Edit Transaksi + + **Tidak ada perubahan** +  + +8. Halaman Settings + + **Sebelum diubah** +  + + **Sesudah diubah** +  + + **Perubahan yang dilakukan** + + 1. Menggunakan relative width untuk containernya + +<br> + +**Keterangan** + +Ada beberapa rekomendasi yang tidak kami lakukan karena kami rasa tidak bagus untuk UI/UX nya, misalnya adalah nama halaman yang terletak di pojok kiri atas. Kami direkomendasikan untuk menggunakan relative size, bukan fixed size. Tapi menurut kamu topbar lebih enak dilihat kalau misalnya menggunakan fixed size. Hal serupa juga terjadi di halaman login, yaitu hint email dirasa kurang kontras dengan latar belakangnya. Namun, hint dari sebuah input memang seharusnya tidak terlalu kontras agar tidak membingungkan + ## Pembagian kerja anggota kelompok. <table> @@ -292,9 +418,40 @@ Bondoman merupakan aplikasi manajemen transaksi dalam proyek pembangunan seribu <td>Size Layar</td> <td>13521162</td> </tr> + <tr> + <td>14</td> + <td colspan="2"><i>Accessibility Testing</i></td> + </tr> + <tr> + <td></td> + <td>Testing dengan Accessibility Scanner</td> + <td>1352139</td> + </tr> + <tr> + <td></td> + <td>Perbaikan UI</td> + <td>13521139</td> + </tr> + <tr> + <td>15</td> + <td colspan="2"><i>OWASP</i></td> + </tr> + <tr> + <td></td> + <td>Patch Aplikasi</td> + <td>13521170</td> + </tr> + <tr> + <td></td> + <td>Dokumen OWASP</td> + <td>13521170</td> + </tr> </table> +## OWASP +Hasil patch terkait OWASP Top 10 Security Threats ada di branch owasp dan dokumen analisis dapat diakses melalui link berikut. +[OWASP Docs](https://docs.google.com/document/d/1MazRWIFmcFqJ0s_VDtDNZd8nK5eVbka-gs2LkP_JMpU/edit?usp=sharing) ## Alokasi jam kerja @@ -305,15 +462,15 @@ Bondoman merupakan aplikasi manajemen transaksi dalam proyek pembangunan seribu </tr> <tr> <td>13521139</td> - <td>???</td> + <td>36</td> </tr> <tr> <td>13521162</td> - <td>???</td> + <td>38</td> </tr> <tr> <td>13521170</td> - <td>???</td> + <td>38</td> </tr> </table> diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.29_1df9db63.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.29_1df9db63.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f5278db4073386d598a15898ec395b090ee119dc Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.29_1df9db63.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.30_3f8b23a4.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.30_3f8b23a4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..90a7641c7d2dff6e14ef12f90a0c48381f7ade5d Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.30_3f8b23a4.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_4bd2026d-1.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_4bd2026d-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..cc3419382ed9d93c189686c3cf2f7b45603aeeb8 Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_4bd2026d-1.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_4bd2026d.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_4bd2026d.jpg new file mode 100644 index 0000000000000000000000000000000000000000..cc3419382ed9d93c189686c3cf2f7b45603aeeb8 Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_4bd2026d.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_7714f3f8.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_7714f3f8.jpg new file mode 100644 index 0000000000000000000000000000000000000000..dc9d545fd95c35fd12bc6ac272d20d473a48d8df Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.31_7714f3f8.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.32_0af25022.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.32_0af25022.jpg new file mode 100644 index 0000000000000000000000000000000000000000..65ba27f57fc286dd18649fb6b8cc7be6072087cc Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.32_0af25022.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.32_ec97ef7c.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.32_ec97ef7c.jpg new file mode 100644 index 0000000000000000000000000000000000000000..cb81dd4676d450e4fd97d48354b3fd547b0b47dc Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.32_ec97ef7c.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.33_d1a42f1a.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.33_d1a42f1a.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c28381c43aa28d7afe9ee0cfde45d15b6707f0db Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.33_d1a42f1a.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.33_f8eca732.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.33_f8eca732.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3c0e2d3224918cd4e472275a77cce77eb0082f3e Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.33_f8eca732.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_1b4f6bcb.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_1b4f6bcb.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c883e3b46dc25250f36809f379a9133ee9b1fe95 Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_1b4f6bcb.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_30ecbffa.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_30ecbffa.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a8cf01b04bdb6344215d4cfef2da1723e3356443 Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_30ecbffa.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_785ddb4c.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_785ddb4c.jpg new file mode 100644 index 0000000000000000000000000000000000000000..caad0aa0d431d0eddc2242b3b0a4b4a77e39f924 Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.34_785ddb4c.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_1d22e9c3.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_1d22e9c3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ff92c3a653e26bf81dcbdb8876ee2e36b0482d2d Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_1d22e9c3.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_41d50021.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_41d50021.jpg new file mode 100644 index 0000000000000000000000000000000000000000..116b35fab864437b0df824a9e466d2d6decb0087 Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_41d50021.jpg differ diff --git a/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_fcb1feff.jpg b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_fcb1feff.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2a12980c789809c6bf72c98cfe14753a624e575d Binary files /dev/null and b/screenshot-accessibility/WhatsApp Image 2024-04-05 at 08.58.35_fcb1feff.jpg differ diff --git a/screenshot/add_transaction.png b/screenshot/add_transaction.png new file mode 100644 index 0000000000000000000000000000000000000000..8f6579a97fb90b147b8d7af42eeac5ab997563f5 Binary files /dev/null and b/screenshot/add_transaction.png differ diff --git a/screenshot/edit_transaction.png b/screenshot/edit_transaction.png new file mode 100644 index 0000000000000000000000000000000000000000..83709abe408b83fb1b37d592200ccfca467bfd7c Binary files /dev/null and b/screenshot/edit_transaction.png differ diff --git a/screenshot/graph_horizontal.png b/screenshot/graph_horizontal.png new file mode 100644 index 0000000000000000000000000000000000000000..702c3da5f862b4cedff2d33e5402939c3f42d401 Binary files /dev/null and b/screenshot/graph_horizontal.png differ diff --git a/screenshot/graph_vertical.png b/screenshot/graph_vertical.png new file mode 100644 index 0000000000000000000000000000000000000000..b34de4cd781f5cb2d642921e46dc2f29a0b98de0 Binary files /dev/null and b/screenshot/graph_vertical.png differ diff --git a/screenshot/login.png b/screenshot/login.png new file mode 100644 index 0000000000000000000000000000000000000000..950ed9d64d88a1e96ecb4b8b5e25c39543b97b6c Binary files /dev/null and b/screenshot/login.png differ diff --git a/screenshot/scan.png b/screenshot/scan.png new file mode 100644 index 0000000000000000000000000000000000000000..3eebbd2bf2f3806874289379ecb52ef37007b1d1 Binary files /dev/null and b/screenshot/scan.png differ diff --git a/screenshot/settings.png b/screenshot/settings.png new file mode 100644 index 0000000000000000000000000000000000000000..aad2be46dec094bdd7e553b4630f85bb18ee4d1e Binary files /dev/null and b/screenshot/settings.png differ diff --git a/screenshot/splashscreen.png b/screenshot/splashscreen.png new file mode 100644 index 0000000000000000000000000000000000000000..9e3cd9642f4236cc6f24570c46ea2511b85eba39 Binary files /dev/null and b/screenshot/splashscreen.png differ diff --git a/screenshot/transactions.png b/screenshot/transactions.png new file mode 100644 index 0000000000000000000000000000000000000000..eb291d25e05f8c9459596d8be131d5e52f206994 Binary files /dev/null and b/screenshot/transactions.png differ diff --git a/screenshot/twibbon.png b/screenshot/twibbon.png new file mode 100644 index 0000000000000000000000000000000000000000..69ff7a82921fe34df0fb122ea4eab19cf74a79a0 Binary files /dev/null and b/screenshot/twibbon.png differ