diff --git a/README.md b/README.md index 64dc60b..1ef94df 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,15 @@ +# Dokumentasi +--- +Panduan penggunaan aplikasi. + +*Catatan :* +1. Semua bentuk tanggal dalam aplikasi ini ditampilkan dalam format `YYYY-MM-DD` (4 digit tahun - 2 digit bulan - 2 digit tanggal). +2. Perpindahan antar halaman menggunakan `navigasi`. +3. Untuk kembali ke halaman awal, klik pada logo *Live Info*. +4. Pada setiap proses yang dijalankan, akan ada notifikasi pemberitahuan yang terletak di atas (bagian tengah `navigasi`). Notifikasi tersebut dapat ditutup dengan cara klik pada notifikasi tersebut. +5. Jika terjadi `error` atau kesalahan pada aplikasi, silahkan refresh halaman dengan menekan tombol `F5` pada keyboard. + + # Landing Page Tampilan yang disajikan pada awal mengunjungi halaman ini. Terbagi menjadi 2 bagian, yaitu `navigasi` dan `konten`. @@ -30,6 +42,7 @@ Pada `navigasi` terdapat logo *Live Info* pada bagian kiri, serta 4 tombol pada - *Dokumentasi*, membuka tab baru yang akan menampilkan halaman ini. - *Kategori*, mengalihkan ke halaman untuk mengubah dan menambah kategori. - *User*, mengalihkan ke halaman untuk menambah user baru. +- *Profil*, mengalihkan ke halaman untuk mengubah profil. - *Keluar*, berfungsi jika user ingin `logout`. Bagian `navigasi sekunder` merupakan navigasi yang berfungsi untuk menyaring pengumuman yang ingin di lihat. Terdapat 4 kategori penyaringan, yaitu: @@ -124,5 +137,24 @@ Pada bagian `konten` terdapat sebuah `form` untuk mendaftarkan user baru yang te ###### *Screenshot :* ![newuserpage](images/screenshots/newuserpage.jpg) +--- +# Profile Page +Tampilan yang disajikan setelah user klik pada tombol *Profil* pada `navigasi`. +Terbagi menjadi 2 bagian, yaitu `navigasi` dan `konten`. + +Halaman ini memiliki `navigasi` yang sama seperti pada **Administrator Page**. + +Pada bagian `konten` terdapat sebuah `form` untuk mengubah profil. Bagian profil yang dapat diubah adalah *Nama Lengkap* dan *Password*. + +Ketika user klik pada `input` *Password*, maka kolom *Password* akan memiliki 3 `input`, yaitu: +- *Password Baru*: `password` baru. +- *Password Lama*: `password` lama yang ingin diganti. +- *Ulangi Password Baru*: user diminta untuk mengetik ulang `password` barunya. + +Jika user klik pada tombol *Simpan*, maka data user tersebut akan diperbarui sesuai isi `form` tersebut. Setelah proses berhasil, maka user akan `logout` secara otomatis. + +###### *Screenshot :* +![profilepage](images/screenshots/profilepage.jpg) + --- Jika masih belum jelas, silahkan kirim e-mail ke gregorio@lepisi.ac.id. diff --git a/images/screenshots/profilepage.jpg b/images/screenshots/profilepage.jpg new file mode 100644 index 0000000..886e153 Binary files /dev/null and b/images/screenshots/profilepage.jpg differ