diff --git a/.env.example b/.env.example new file mode 100644 index 0000000000000000000000000000000000000000..65a300a439541cb2b6d826f507c70c41375b4d8d --- /dev/null +++ b/.env.example @@ -0,0 +1,5 @@ +POSTGRES_HOST=db_wbd_1 +POSTGRES_DB=wbd_db +POSTGRES_PORT=5432 +POSTGRES_USER=postgres +POSTGRES_PASSWORD=Aa123456 \ No newline at end of file diff --git a/README.md b/README.md index 5614db31c485058c8277b93c72a82d02c6d04a21..b4fe9c2d965f7021d9ec5530ef287e03c5e5b0b4 100644 --- a/README.md +++ b/README.md @@ -1,20 +1,170 @@ -## Panduan Pengerjaan -Berikut adalah hal yang harus diperhatikan untuk pengumpulan tugas ini: -1. Buatlah grup pada Gitlab dengan format "IF3110-2023-01-XX", dengan XX adalah nomor kelompok (untuk K1 dan K2) atau kode kelompok (untuk K3). -2. Tambahkan anggota tim pada grup anda. -3. **Fork** pada repository ini dengan organisasi yang telah dibuat. -4. Ubah hak akses repository hasil Fork anda menjadi **private**. -5. Hal-hal yang harus diperhatikan. - * Silakan commit pada repository anda (hasil fork) - * Lakukan beberapa commit dengan pesan yang bermakna, contoh: “add register formâ€, “fix logout bugâ€, jangan seperti “finalâ€, “benerin dikitâ€, “fix bugâ€. - * Disarankan untuk tidak melakukan commit dengan perubahan yang besar karena akan mempengaruhi penilaian (contoh: hanya melakukan satu commit kemudian dikumpulkan). - * Commit dari setiap anggota tim akan mempengaruhi penilaian. - * Jadi, setiap anggota tim harus melakukan commit yang berpengaruh terhadap proses pembuatan aplikasi. - * Sebagai panduan bisa mengikuti [semantic commit](https://gist.github.com/joshbuchea/6f47e86d2510bce28f8e7f42ae84c716). -6. Buatlah file README yang berisi: - * Deskripsi aplikasi web - * Daftar requirement - * Cara instalasi - * Cara menjalankan server - * Screenshot tampilan aplikasi (tidak perlu semua kasus, minimal 1 per halaman), dan - * Penjelasan mengenai pembagian tugas masing-masing anggota (lihat formatnya pada bagian pembagian tugas). +# Baca.a + +> Disusun untuk memenuhi Tugas Milestone 1 - Monolithic PHP & Vanilla Web Application IF3110 Pengembangan Aplikasi Berbasis Web + +## Daftar Isi + +- [Deskripsi Aplikasi _Web_](#deskripsi-aplikasi-web) +- [Daftar _Requirement_](#daftar-requirement) +- [Cara Instalasi](#cara-instalasi) +- [Cara Menjalankan _Server_](#cara-menjalankan-server) +- [Screenshot Tampilan Aplikasi](#screenshot-tampilan-aplikasi) +- [Pembagian Tugas](#pembagian-tugas) + +## Deskripsi Aplikasi _Web_ + +**Baca.a** adalah sebuah aplikasi web yang sederhana namun sangat berguna, dirancang untuk memberikan penilaian terhadap audiobook dan juga memungkinkan pengguna untuk mendengarkannya. Website ini menjadi alat yang penting bagi mereka yang ingin mengevaluasi atau mendengarkan audiobook. Aplikasi ini dikembangkan tanpa mengandalkan framework apapun, menggunakan teknologi seperti PHP, HTML, CSS, dan JavaScript, serta memanfaatkan XHR (XMLHttpRequest) sebagai implementasi Ajax. Untuk penyimpanan data, web ini memanfaatkan database PostgreSQL. + +# Daftar requirement + +1. Login +2. Register +3. Home +4. Profile +5. History Review +6. Search, Sort, dan Filter +7. List-List Audiobook +8. Review Audiobook +9. Edit Audiobook +10. Detail Audiobook +11. Add Audiobook +12. Delete Audiobook +13. Navbar +14. Pagination +15. List-List User +16. Add User +17. Delete User +18. Edit Info User + +# Cara instalasi + +1. Lakukan pengunduhan _repository_ ini dengan menggunakan perintah `git clone https://gitlab.informatika.org/if3110-2023-01-24/tugas-besar-1-wbd.git` pada terminal komputer Anda. +2. Pastikan komputer Anda telah menginstalasi dan menjalankan aplikasi Docker. +3. Lakukan pembuatan _image_ Docker yang akan digunakan oleh aplikasi ini dengan menjalankan perintah `docker-compose up --build -d.` pada terminal _directory_ aplikasi web. +4. Buatlah sebuah file `.env` yang bersesuaian dengan penggunaan (contoh file tersebut dapat dilihat pada `.env.example`). + +# Cara menjalankan server + +1. Anda dapat menjalankan program ini dengan menjalankan perintah `docker-compose up -d` pada terminal _directory_ aplikasi web. +2. Aplikasi web dapat diakses dengan menggunakan browser pada URL `http://localhost:8008/home`. +3. Aplikasi web dapat dihentikan dengan menjalankan perintah perintah `docker-compose down` pada terminal _directory_ aplikasi web. + +# Screenshot tampilan aplikasi + +### Login + + + +### Register + + + +### Home + + + + +### Profile + + + + +### History Review + + + + +### Search, Sort, dan Filter + + + +### List-List Audiobook + + + + +### Review Audiobook + + + + + +### Edit Audiobook + + + +### Detail Audiobook + + + + +### Add Audiobook + + + +### Delete Audiobook + + + +### List-List User + + + +### Add User + + + +### Delete User + + + +### Edit Info User + + + +### Error + + + + +# Pembagian tugas + +## Frontend / Client-side + +1. Login: 13521115 +2. Register: 13521115 +3. Home: 13521095 +4. Profile: 13521115 +5. Search, Sort, Filter: 13521095 +6. List-List Audiobook: 13521095 +7. Review Audiobook: 13521127 +8. Edit Audiobook: 13521127 +9. Delete Audiobook: 13521127 +10. Navbar: 13521095 +11. Pagination: 13521095 +12. List-List User: 13521127 +13. Add User: 13521127 +14. Delete User: 13521127 +15. Edit Info User: 13521127 +16. Error : 13521095 +17. Responsive Adjustments: 13521095 +18. Global Styling: 13521095 + +## Backend / Server-side + +1. Login: 13521115 +2. Register: 13521115 +3. Home: 13521095 +4. Profile: 13521115 +5. Search, Sort, Filter: 13521095 +6. List-List Audiobook: 13521095 +7. Review Audiobook: 13521127 +8. Edit Audiobook: 13521127 +9. Delete Audiobook: 13521127 +10. Navbar: 13521095 +11. Pagination: 13521095 +12. List-List User: 13521127 +13. Add User: 13521127 +14. Delete User: 13521127 +15. Edit Info User: 13521127 +16. Initial Project,Routing, Database & Docker Setup: 13521095 diff --git a/doc/screenshots/AddReviewAdmin.png b/doc/screenshots/AddReviewAdmin.png new file mode 100644 index 0000000000000000000000000000000000000000..607ce763a0c1d171d84b6228570014598ecdbc4f Binary files /dev/null and b/doc/screenshots/AddReviewAdmin.png differ diff --git a/doc/screenshots/AddReviewUser.png b/doc/screenshots/AddReviewUser.png new file mode 100644 index 0000000000000000000000000000000000000000..077c6933052a1e5715f0825cdd2e28b37bdfe12f Binary files /dev/null and b/doc/screenshots/AddReviewUser.png differ diff --git a/doc/screenshots/AddUser.png b/doc/screenshots/AddUser.png new file mode 100644 index 0000000000000000000000000000000000000000..0fa0fd95a4401c600cce177a4dc6902117b7c67b Binary files /dev/null and b/doc/screenshots/AddUser.png differ diff --git a/doc/screenshots/DeleteAudiobook.png b/doc/screenshots/DeleteAudiobook.png new file mode 100644 index 0000000000000000000000000000000000000000..2a8ab4ccc7ee921a739de2e38204e59426f46bab Binary files /dev/null and b/doc/screenshots/DeleteAudiobook.png differ diff --git a/doc/screenshots/DeleteReview.png b/doc/screenshots/DeleteReview.png new file mode 100644 index 0000000000000000000000000000000000000000..12af1d9b4e7c66f4758396c568657fb7826b3ad5 Binary files /dev/null and b/doc/screenshots/DeleteReview.png differ diff --git a/doc/screenshots/DetailAudioBook1.png b/doc/screenshots/DetailAudioBook1.png new file mode 100644 index 0000000000000000000000000000000000000000..54067fb174b9fdf03e6255aacd011f7086593fc8 Binary files /dev/null and b/doc/screenshots/DetailAudioBook1.png differ diff --git a/doc/screenshots/DetailAudioBook2.png b/doc/screenshots/DetailAudioBook2.png new file mode 100644 index 0000000000000000000000000000000000000000..a1c28d6fcbaedbc54dc8a7c5f998eac369221439 Binary files /dev/null and b/doc/screenshots/DetailAudioBook2.png differ diff --git a/doc/screenshots/EditAudiobook.png b/doc/screenshots/EditAudiobook.png new file mode 100644 index 0000000000000000000000000000000000000000..ffc0712e008d6de40ac9b06b67c8393bddccce60 Binary files /dev/null and b/doc/screenshots/EditAudiobook.png differ diff --git a/doc/screenshots/EditReview.png b/doc/screenshots/EditReview.png new file mode 100644 index 0000000000000000000000000000000000000000..06b0dd67f59bd4a12f3c529cfafd353a3d922f0c Binary files /dev/null and b/doc/screenshots/EditReview.png differ diff --git a/doc/screenshots/EditUser.png b/doc/screenshots/EditUser.png new file mode 100644 index 0000000000000000000000000000000000000000..c7441f41a76f0dbaa28c3e8fac1adb9eb2b712c9 Binary files /dev/null and b/doc/screenshots/EditUser.png differ diff --git a/doc/screenshots/Error404.png b/doc/screenshots/Error404.png new file mode 100644 index 0000000000000000000000000000000000000000..dc5c3ed8ddda16c1e11896edd876afe151aaefd8 Binary files /dev/null and b/doc/screenshots/Error404.png differ diff --git a/doc/screenshots/Error501.png b/doc/screenshots/Error501.png new file mode 100644 index 0000000000000000000000000000000000000000..7e215307327d09e9e9b0ece54a411f8ecd2637c5 Binary files /dev/null and b/doc/screenshots/Error501.png differ diff --git a/doc/screenshots/HapusUser.png b/doc/screenshots/HapusUser.png new file mode 100644 index 0000000000000000000000000000000000000000..c09017da33f7be46a06d3355555782b455ec618b Binary files /dev/null and b/doc/screenshots/HapusUser.png differ diff --git a/doc/screenshots/HistoryReview1.png b/doc/screenshots/HistoryReview1.png new file mode 100644 index 0000000000000000000000000000000000000000..cfba182b8a2c8a7937f56dc884530dd9702fb49f Binary files /dev/null and b/doc/screenshots/HistoryReview1.png differ diff --git a/doc/screenshots/HistoryReview2.png b/doc/screenshots/HistoryReview2.png new file mode 100644 index 0000000000000000000000000000000000000000..c7f719df9da8779eed4b4e2dd3ca9115726613d2 Binary files /dev/null and b/doc/screenshots/HistoryReview2.png differ diff --git a/doc/screenshots/Home1.png b/doc/screenshots/Home1.png new file mode 100644 index 0000000000000000000000000000000000000000..da2efa83af4d2d71c3f91b4691124e38b250fa49 Binary files /dev/null and b/doc/screenshots/Home1.png differ diff --git a/doc/screenshots/Home2.png b/doc/screenshots/Home2.png new file mode 100644 index 0000000000000000000000000000000000000000..11632f4e11f23d0dd282befcfe8098925da8c808 Binary files /dev/null and b/doc/screenshots/Home2.png differ diff --git a/doc/screenshots/ListOfAllBook1.png b/doc/screenshots/ListOfAllBook1.png new file mode 100644 index 0000000000000000000000000000000000000000..901351a07b9c690d15e98725c8f4cdea0d556963 Binary files /dev/null and b/doc/screenshots/ListOfAllBook1.png differ diff --git a/doc/screenshots/ListOfAllBook2.png b/doc/screenshots/ListOfAllBook2.png new file mode 100644 index 0000000000000000000000000000000000000000..c792af0049c17a64897a8ab206d488c6a1fde99b Binary files /dev/null and b/doc/screenshots/ListOfAllBook2.png differ diff --git a/doc/screenshots/ListUser1.png b/doc/screenshots/ListUser1.png new file mode 100644 index 0000000000000000000000000000000000000000..62dac203a1cd509c6019293a03ebcba784fc1bde Binary files /dev/null and b/doc/screenshots/ListUser1.png differ diff --git a/doc/screenshots/ListUser2.png b/doc/screenshots/ListUser2.png new file mode 100644 index 0000000000000000000000000000000000000000..3112915a00b88883d0988643e3106448fc088dd7 Binary files /dev/null and b/doc/screenshots/ListUser2.png differ diff --git a/doc/screenshots/Login.png b/doc/screenshots/Login.png new file mode 100644 index 0000000000000000000000000000000000000000..0210d7ce600db8a7e97b86405752e2d78f2fb474 Binary files /dev/null and b/doc/screenshots/Login.png differ diff --git a/doc/screenshots/NambahUser.png b/doc/screenshots/NambahUser.png new file mode 100644 index 0000000000000000000000000000000000000000..2080f46cba9d86814732f51c4a1db82387b6c51d Binary files /dev/null and b/doc/screenshots/NambahUser.png differ diff --git a/doc/screenshots/Profile1.png b/doc/screenshots/Profile1.png new file mode 100644 index 0000000000000000000000000000000000000000..b0cca27b538be04876b36920aef29c714ee18b46 Binary files /dev/null and b/doc/screenshots/Profile1.png differ diff --git a/doc/screenshots/Profile2.png b/doc/screenshots/Profile2.png new file mode 100644 index 0000000000000000000000000000000000000000..b86525ee665c56733e38eb394cbd2790878ec5b9 Binary files /dev/null and b/doc/screenshots/Profile2.png differ diff --git a/doc/screenshots/Search-Sort-Filter.png b/doc/screenshots/Search-Sort-Filter.png new file mode 100644 index 0000000000000000000000000000000000000000..3a7218f17e05a3ef163448414dda53dbeca3245e Binary files /dev/null and b/doc/screenshots/Search-Sort-Filter.png differ diff --git a/doc/screenshots/SignUp.png b/doc/screenshots/SignUp.png new file mode 100644 index 0000000000000000000000000000000000000000..853421b6d7e0af89fd6ed5403f6a8374c8942196 Binary files /dev/null and b/doc/screenshots/SignUp.png differ diff --git a/doc/screenshots/TambahBuku.png b/doc/screenshots/TambahBuku.png new file mode 100644 index 0000000000000000000000000000000000000000..839724c63d17c29bf3c990441009c4d0b9832cb4 Binary files /dev/null and b/doc/screenshots/TambahBuku.png differ