Updated readme
This commit is contained in:
parent
b9a3a6d6b9
commit
964606bef1
20
README.md
20
README.md
@ -29,7 +29,7 @@ Pada halaman ini, pengguna dapat memasukkan data akun mereka (`username` dan `pa
|
||||
|
||||
### Halaman Administrator
|
||||
Setelah pengguna memasukkan data dengan benar, maka pengguna akan dialihkan ke halaman awal dengan tampilan yang berbeda.<br>
|
||||
Pada halaman ini ditampilkan seluruh pengumuman yang telah dibuat dalam bentuk `stack` atau berupa kotak-kotak. Pada halaman ini juga terdapat 2 navigasi yaitu `primary` dan `secondary`.
|
||||
Pada halaman ini ditampilkan seluruh pengumuman yang telah dibuat dalam bentuk `stack` atau berupa kotak-kotak. Pada halaman ini juga terdapat 2 navigasi yaitu `primary` dan `secondary`. <a href="#masuklogin">`Cara masuk/login`</a>.
|
||||

|
||||
|
||||
#### Navigasi
|
||||
@ -55,8 +55,8 @@ Navigasi ini berupa 4 tombol _sortir_ (`Semua`, `Aktif`, `Belum Aktif`, `Nonakti
|
||||

|
||||
|
||||
#### Daftar Pengumuman
|
||||
Setiap pengumuman ditampilkan dalam bentuk sebuah kotak yang memiliki warna sesuai warna dari kategori pengumuman tersebut.<br> Dalam setiap kotak pengumuman, terdapat tanggal berlaku dan tanggal berakhir pengumuman tersebut, isi/konten dari pengumuman tersebut, serta tombol `Ubah` dan tombol `Matikan`/`Aktifkan`.<br>
|
||||
Posisi kotak paling kiri/awal (berbentuk +) merupakan tombol untuk menambahkan atau membuat pengumuman baru.
|
||||
Setiap pengumuman ditampilkan dalam bentuk sebuah kotak yang memiliki warna sesuai warna dari kategori pengumuman tersebut.<br> Dalam setiap kotak pengumuman, terdapat tanggal berlaku dan tanggal berakhir pengumuman tersebut, isi/konten dari pengumuman tersebut, serta tombol `Ubah` dan tombol `Matikan`/`Aktifkan`. <a href="#mengubah-pengumuman">`Cara mengubah pengumuman`</a>. <a href="#menonaktifkan-pengumuman">`Cara menonaktifkan pengumuman`</a>. <a href="#mengaktifkan-pengumuman">`Cara mengaktifkan pengumuman`</a>.<br>
|
||||
Posisi kotak paling kiri/awal (berbentuk +) merupakan tombol untuk menambahkan atau membuat pengumuman baru. <a href="#menambah-pengumuman-baru">`Cara menambah pengumuman`</a>.
|
||||

|
||||
|
||||
### Halaman Registrasi User
|
||||
@ -77,20 +77,20 @@ Pada daftar kategori, untuk setiap kategori, terdapat nama kategori (termasuk wa
|
||||
## Penggunaan
|
||||
|
||||
### Masuk/Login
|
||||
Untuk dapat masuk, pengguna harus memasukkan `username` dan `password` dari `user` yang sudah terdaftar pada <a href="#halaman-loginmasuk">Halaman Login/Masuk</a>, setelah itu klik tombol `Masuk`. Jika berhasil, maka akan muncul label `Berhasil masuk`.
|
||||
Beralih ke <a href="#halaman-loginmasuk">`Halaman Login/Masuk`</a> lalu masukkan `username` dan `password` dari `user` yang sudah terdaftar, setelah itu klik tombol `Masuk`. Jika berhasil, maka akan muncul label `Berhasil masuk`.
|
||||
|
||||
### Keluar/Logout
|
||||
Klik tombol `Keluar` yang terletak pada pojok kanan atas navigasi `primary`. Jika berhasil, maka akan muncul label `Berhasil keluar` dan dialihkan ke <a href="#halaman-awal">Halaman Awal</a>.
|
||||
Klik tombol `Keluar` yang terletak pada pojok kanan atas navigasi `primary`. Jika berhasil, maka akan muncul label `Berhasil keluar` dan dialihkan ke <a href="#halaman-awal">`Halaman Awal`</a>.
|
||||
|
||||
### Registrasi User Baru
|
||||
Untuk mendaftarkan user baru, ada 3 data yang diperlukan pada <a href="#halaman-registrasi-user">Halaman Registrasi User</a>. `Nama Lengkap` merupakan nama lengkap/asli dari user baru. `username` dan `password` merupakan data yang nanti digunakan user baru untuk dapat `masuk`/`login`. Setelah semua data terisi, klik pada tombol `Registrasi`.
|
||||
Untuk mendaftarkan user baru, ada 3 data yang diperlukan pada <a href="#halaman-registrasi-user">`Halaman Registrasi User`</a>. `Nama Lengkap` merupakan nama lengkap/asli dari user baru. `username` dan `password` merupakan data yang nanti digunakan user baru untuk dapat `masuk`/`login`. Setelah semua data terisi, klik pada tombol `Registrasi`.
|
||||
> NB: Hanya `admin` yang dapat menambahkan user baru.
|
||||
|
||||
### Pengumuman
|
||||
Pengguna hanya dapat melakukan perubahan pada pengumuman yang dibuat oleh dirinya sendiri.
|
||||
|
||||
#### Membuat Pengumuman Baru
|
||||
Klik pada tombol `+` yang ada pada <a href="#halaman-administrator">Halaman Administrator</a> (akan dialihkan ke <a href="#halaman-pengumuman-baru">Halaman Pengumuman Baru</a>). Pilih kategori dari pengumuman yang akan dibuat. Pilih tanggal berlaku dan tanggal berakhir pengumuman tersebut (jika tidak diubah, maka secara otomatis menggunakan tanggal hari ini). Setelah itu, isi konten dari pengumuman tersebut. Setelah selesai, klik tombol `Unggah` yang terletak di bawah formulir. Jika berhasil, maka akan ada label `Data berhasil diunggah`.
|
||||
Klik pada tombol `+` yang ada pada <a href="#halaman-administrator">`Halaman Administrator`</a> (akan dialihkan ke <a href="#halaman-pengumuman-baru">`Halaman Pengumuman Baru`</a>). Pilih kategori dari pengumuman yang akan dibuat. Pilih tanggal berlaku dan tanggal berakhir pengumuman tersebut (jika tidak diubah, maka secara otomatis menggunakan tanggal hari ini). Setelah itu, isi konten dari pengumuman tersebut. Setelah selesai, klik tombol `Unggah` yang terletak di bawah formulir. Jika berhasil, maka akan ada label `Data berhasil diunggah`.
|
||||
|
||||
#### Mengubah Pengumuman
|
||||
Klik tombol `Ubah` pada pengumuman yang akan diubah. Pengguna dapat mengubah kategori, tanggal berlaku dan berakhir, serta isi dari pengumuman tersebut. Setelah selesai, klik tombol `Ubah` yang terletak di bawah formulir. Jika berhasil akan muncul label `Data berhasil diperbarui`.
|
||||
@ -105,17 +105,17 @@ Klik tombol `Aktifkan` pada pengumuman yang akan diaktifkan. Jika berhasil, maka
|
||||
Hanya `admin` yang dapat mengubah sebuah kategori.
|
||||
|
||||
#### Menambah Kategori
|
||||
Beralih ke <a href="#halaman-kategori">Halaman Kategori</a>. Masukkan nama kategori (tidak dapat sama dengan kategori yang sudah tersedia). Pilih warna `background` dan `foreground`. Klik tombol `Tambah`. Jika berhasil akan muncul label `Data berhasil diunggah`.
|
||||
Beralih ke <a href="#halaman-kategori">`Halaman Kategori`</a>. Masukkan nama kategori (tidak dapat sama dengan kategori yang sudah tersedia). Pilih warna `background` dan `foreground`. Klik tombol `Tambah`. Jika berhasil akan muncul label `Data berhasil diunggah`.
|
||||
> NB: `Background` adalah warna latar yang digunakan pada pengumuman. `Foreground` adalah warna teks yang digunakan pada pengumuman.
|
||||
|
||||
#### Mengubah Kategori
|
||||
Beralih ke <a href="#halaman-kategori">Halaman Kategori</a>. Klik tombol `Ubah` pada kategori yang akan diubah. Ubah data dari kategori tersebut. Klik `Ubah` yang terletak di bawah formulir (sisi sebelah kiri).
|
||||
Beralih ke <a href="#halaman-kategori">`Halaman Kategori`</a>. Klik tombol `Ubah` pada kategori yang akan diubah. Ubah data dari kategori tersebut. Klik `Ubah` yang terletak di bawah formulir (sisi sebelah kiri).
|
||||
|
||||
#### Menonaktifkan Kategori
|
||||
Beralih ke <a href="#halaman-kategori">Halaman Kategori</a>. Klik tombol `Matikan` pada kategori yang akan dinonaktifkan. Jika berhasil, akan muncul label `Data berhasil dinonaktifkan` dan tombol `Matikan` berubah menjadi tombol `Aktifkan`.
|
||||
|
||||
#### Mengaktifkan Kategori
|
||||
Beralih ke <a href="#halaman-kategori">Halaman Kategori</a>. Klik tombol `Aktifkan` pada kategori yang akan diaktifkan. Jika berhasil, akan muncul label `Data berhasil diperbarui` dan tombol `Aktifkan` berubah menjadi tombol `Matikan`.
|
||||
Beralih ke <a href="#halaman-kategori">`Halaman Kategori`</a>. Klik tombol `Aktifkan` pada kategori yang akan diaktifkan. Jika berhasil, akan muncul label `Data berhasil diperbarui` dan tombol `Aktifkan` berubah menjadi tombol `Matikan`.
|
||||
|
||||
### Label
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user