Updated README.md

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 <a href="#administrator-page">**Administrator Page**</a>.
+
+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 <a href="mailto:gregorio@lepisi.ac.id">gregorio@lepisi.ac.id</a>.