An open API service indexing awesome lists of open source software.

https://github.com/matchati/issue-sedunia

Repo PA Pemrograman Web
https://github.com/matchati/issue-sedunia

Last synced: 1 day ago
JSON representation

Repo PA Pemrograman Web

Awesome Lists containing this project

README

        

# Project Akhir Pemrograman Web

## Kelompok 1

Anggota Kelompok

- Adi Muhammad Syifai | 2309106065 (Ketua)
- Ifnu Umar | 2309106060
- Muh Ghazy Daffa Sampe | 2309106063

Tema Proyek : Forum Diskusi Orang Skills Issue
Judul Proyek : Issue Sedunia

## Buku Manual

##### A. Registrasi dan Login

Cara masuk ke website :

- Buka Browser (Mozilla Firefox / Google Chrome / Brave)
- Ketik url : https://matcha.great-site.net/issue-sedunia/
- Akan tampil seperti berikut:

![Halaman Login](img/Manual_Book/1.png)

- tetapi jika anda belum mempunyai akun maka anda dapat melakukan proses registasi dengan menekan tombol "Register" yang ada di bawah seperti yang ada pada gambar di bawah ini :

![Tombol Register](img/Manual_Book/2.png)

- Pada halaman Register maka anda akan di minta memasukan username, fullname, email, password. Lalu setelah anda memasukan semua data-data yang anda minta maka anda dapat menekan tombol "Register" untuk membuat akun anda sekaligus mengalihkan anda ke halaman Login kembali. Berikut adalah gambar halaman Register nya :

![Halaman Register](img/Manual_Book/3.png)

- Setelah login maka tampilan nya akan seperti ini :

![Halaman home](img/Manual_Book/4.png)

##### B. Pengenalan Fitur website

- Setelah login anda di arahkan pada halaman home website ini seperti pada gambar di bawah :

![Halaman home](img/Manual_Book/4.png)

- Pada gambar di sebelum nya terdapat beberapa fitur dan tombol yang memiliki kegunaan nya masing-masing seperti pada bagian samping kiri terdapat bar navigasi yang mencakup tombol home, searching,full screen, music, profile, pengaturan dan LogOut lalu pada tengah layar terdapat juga bagian POST yang mencakup CRUD postingan dan komentar. Semua itu akan di jelaskan nanti :

![Halaman home dengan pentunjuk](img/Manual_Book/5.png)

##### C. Bar Navigasi

- Pada Bar Navigasi tombol dengan gambar rumah berfunsi untuk mengarahkan pengguna ke halaman home.
- Untuk tombol dengan gambar kaca pembesar untuk masuk ke halaman searching:

![Halaman Searching](img/Manual_Book/6.png)

- Gambar note jika di tekan akan muncul kotak tambahan yang di dalam nya terdapat beberapa lagu pilihan yang bisa di putar. Berikut adalah tampilan kotak music nya :

![Haman home music](img/Manual_Book/7.png)

- Lalu untuk gambar profile jika di tekan kita akan di arahkan ke halaman profile akun kita yang isi nya mengenai informasi pribadi kita seperti Foto profile, username, nama, bio dan postingan yang pernah anda post. Di halaman profile juga terdapat tombol untuk untuk LogOut dan edit profile yang mana khusus untuk edit profil akan kita jelaskan lebih rinci pada bagian berikut nya. Berikut adalah penampakan halaman profile :

![Halaman profile dengan petunjuk](img/Manual_Book/8.png)

- lalu terdapat tombol gambar gir yang jika di tekan kita akan masuk pada halaman edit profile dan sama seperti sebelum nya halaman edit profil akan di jelaskan pada bagian berikut nya. Berikut adalah penampakan halaman edit profile :

![Halaman edit profile](img/Manual_Book/9.png)

- untuk tombol di bawah gir berfungsi untuk logout dari akun.

##### D. Edit profil

- Pada halaman edit profil anda dapat melakukan pengeditan profil anda seperti menganti fullname, username, bio, password dan photo. untuk melakukan nya anda perlu mengisi data-data pada kolom edit profil sesuai dengan data yang ada ingin edit dan anda perli memasukan kata sandi anda pada "current password" langkah pengamanan dan sesudah memasukan data yang ingin di edit anda tinggal menakan tombol "update profile" untuk menyelesaikan pengeditan profil.
- Di halaman edit profil juga terdapat beberapa tombol seperti "delete profile" yang memiliki fungsi untuk menghapus akun saat ini lalu tombol "delete photo profile" untuk menghapus gambar profile dan yang terakhir tombol "cancel" untuk membatalkan pengeditan profile.

##### E. Posts

- Bagian post muncul pada halaman awal dari website dan lebih tepat nya adalah halaman home. beberapa fungsi posts antara lain adalah mengirim postingan yang dapat berupa kalimat maupun gambar, melakukan edit postingan, dan menghapus postingan. tentu saja kita juga dapat mengirim komentar tetapi bagian tersebut akan di bahas pada bagian berikut nya.

![Halaman home](img/Manual_Book/10.png)

- untuk menambah postingan atau mengirim postingan anda dapat menekan sebuah kotak yang bertuliskan "Hi user! What's new?" untuk menambah postingan lalu akan muncul sebuah pop up yang berisi inputan "Category", "Title Post", "Description Post", "Photo Post" dan tombol yang bertuliskan "Delete Photo Post, "Post". Anda dapat mengisi inputan untuk melengkapi postingan lalu menambahkan gambar pada postingan anda lalu menekan tombol post untuk mengirim postingan. Tetapi jika anda sudah menambahkan sebuah gambar tetapi berubah pikiran dan tidak jadi menambahkan gambar maka anda menekan tombol "Delete Photo Post" untuk menghapus photo dalam inputan.

![Halaman home pop up tambah postingan](img/Manual_Book/11.png)

- Untuk mengedit dapat menekan sebuah logo yang ada di postingan anda yang memiliki 3 garis lalu menekan tombol edit dan anda akan di arahkan ke halaman edit post. Untuk pengeditan hampir mirip dengan menambah postingan anda hanya perlu mengganti atau mengedit postingan lalu menekan tombol "Edit Post" untuk memperbaharui postingan.

![Halaman Edit Post](img/Manual_Book/12.png)

- Untuk menghapus postingan anda hanya perlu menekan logo garis 3 lalu menekan "delete" untuk menghapus postingan.
- Anda juga dapat membagikan postingan dengan cara menekan pesawat kertas yang ada di bawah postingan.

##### F. Komentar

- Anda dapat mengirim komentar ke postingan dengan cara menekan logo paling kiri yang ada di postingan seperti di bawah ini :

![Halaman Home Tombol Komentar](img/Manual_Book/13.png)
Setelah menakan nya mengarahkan anda ke halaman komentar lalu di bawah postingan tersebut akan muncul kota inputan yang dapat di isi untuk menulis komentar lalu mengirim nya.

- Anda mengedit komentar yang telah di kirim di dengan cara menekan logo garis 3 lalu menekan "edit" untuk mengedit komentar lalu memperbaharui komentar. Anda juga dapat menghapus komentar dengan cara menekan garis 3 pada komentar anda lalu menekan "Delete".

![Halaman Komentar](img/Manual_Book/14.png)

##### G. Admin

- Akun admin tidak bisa di buat tetapi akan sudah ada duluan di database nya. Setelah login sebagai admin anda akan melihat perubahan pada bar navigasi.

![Bar Navigasi Admin](img/Manual_Book/15.png)

- Logo profil pada Bar Navigasi berisi akun-akun user yang mana dapat di hapus dengan menekan tombol "Delete" di samping akun yang ingin di hapus.

![Halaman Users Admin](img/Manual_Book/16.png)

- Logo yang mirip windows berisi postingan para users yang dapat di hapus seperti pada halaman profil sebelum nya.

![Halaman Postingan Admin](img/Manual_Book/17.png)

- Logo terakhir dan paling bawa berisi komentar-komentar para users yang dapat di hapus seperti pada halaman profil dan postingan sebelum nya.

![Halaman Komentar Admin](img/Manual_Book/18.png)