EAS PWEB 2021

Nama : Erza Janitradevi Nadine

Kelas : PWEB B

NRP : 05111940000153


Soal dan Jawaban


1. Definisikan fitur dari aplikasi yang akan dibangun

Fitur-fitur yang dimiliki oleh aplikasi sekolah terbagi menjadi 4 kategori berdasarkan user roles sebagai berikut :

    1. Admin

Admin adalah user role yang dapat memiliki akses untuk mengelola data siswa dan orang tua siswa, terdapat dashboard untuk manajemen data pada website, dan dapat mengelola keuangan.

  • Login : Login sebagai admin dengan username dan password yang diberikan khusus untuk admin sekolah
  • Student Management : Melihat dan mengelola data siswa, seperti NISN, nama siswa, kelas, alamat rumah, no telepon, dan nama orang tua siswa. 
  • Parent Creation : Menambahkan data orang tua siswa
  • E-payslip generation : Mengelola data pembayaran siswa untuk kebutuhan sekolah
  • Complete Dashboard : Dashboard yang dapat dilihat oleh admin untuk mengelola website

    2. Teacher 

Teacher adalah user role yang dimiliki oleh guru mata pelajaran yang terkait untuk mengelola ujian, tugas, kelas, dan kehadiran siswa pada kelas tersebut.

  • Login : Login sebagai guru dengan username dan password yang diberikan khusus untuk guru sekolah
  • Exam Management : Mengelola ujian untuk masing-masing mata pelajaran yang diajar oleh guru sekolah
  •  Assignment Management : Mengelola tugas untuk masing-masing mata pelajaran yang diajar oleh guru sekolah
  • Classroom Management : Mengelola kelas untuk masing-masing mata pelajaran yang diajar oleh guru sekolah
  • Attendance Management : Mengelola kehadiran siswa untuk masing-masing mata pelajaran yang diajar oleh guru sekolah
  • Course Management : Mengelola materi pelajaran untuk masing-masing mata pelajaran yang diajar oleh guru sekolah

    3. Student

Student adalah user role yang dimiliki oleh siswa untuk mengakses jadwal pelajaran, mengumpulkan tugas, dan mengakses materi pelajaran.

  • Login : Login sebagai siswa dengan username dan password yang diberikan khusus untuk guru sekolah
  • Timetable Viewing : Melihat jadwal pelajaran, ujian, dan tugas yang akan datang
  • Assignment Submission : Mengumpulkan tugas pada submission yang telah disiapkan oleh guru mata pelajaran
  • Study Material : Mengakses materi untuk semua mata pelajaran

    4. Parent

Parent adalah user role yang dimiliki oleh orang tua siswa untuk mengetahui perkembangan belajar anaknya pada sekolah dan melakukan pembayaran sekolah.

  • Child Credentials : Menambahkan data siswa
  • Invoice Viewing : Melihat bukti pembayaran untuk kebutuhan sekolah siswa
  • Payment Management : Mengelola pembayaran untuk kebutuhan sekolah siswa
  • Login Portal :  Login sebagai orang tua siswa dengan username dan password yang diberikan khusus untuk guru sekolah

2. Rancang aplikasi menggunakan Figma 

Link Figma :

Tampilan fitur : 

    1. Halaman Login



    2. Complete Dashboard Admin



    3. Student Management Admin





3. Implementasikan aplikasi. Boleh dikerjakan secara kelompok, didokumentasikan, dan dibuat video demo/ presentasinya di youtube. Semua hasil pekerjaan disatukan di blognya masing-masing.

Anggota Kelompok :

  • Andika Nugrahanto (05111940000031)
  • Dyandra Paramitha W (05111940000119)
  • Erza Janitradevi N (05111940000153)
  • Akmal Zaki A (05111940000154)

Link video : Demo EAS No 3

Link website : Website Sekolah

Dokumentasi tampilan :

1. Login

  • Admin dapat melakukan login dengan username admin

  • Menggunakan session untuk login yang akan di destroy apabila logout, sehingga tidak dapat mencoba mengakses halaman lain secara manual tanpa login terlebih dahulu. Sehingga ketika mencoba mengakses halaman lain, user akan tetap berada pada halaman login

2. Dashboard Admin
  • Dashboard Admin berisi informasi mengenai jumlah siswa, kelas, dan guru untuk masing-masing tingkatan kelas (kelas 10, 11, dan 12) pada sekolah


  • Terdapat sidebar yang berisi Dashboard, Student Management, Parent Creation, dan Payment Slip. 

3. Student Management
  • Pada Student Management, admin dapat melihat semua data siswa dan mengelola data siswa, seperti menambah data baru, edit, hapus, dan melihat data. 

  • Admin dapat menambahkan data baru dengan klik button "Tambah Baru", kemudian akan diarahkan ke halaman "Formulir Siswa Baru". Data siswa yang perlu diisi, yaitu nama siswa, NIS, kelas, tahun masuk sekolah, agama, jenis kelamin, alamat, nomor hp, email, dan pas foto siswa

  • Setelah klik button "Simpan" pada "Formulir Siswa Baru", data siswa akan tampil pada List Siswa

  • Admin dapat melihat, edit, dan menghapus data siswa dengan klik icon pada kolom "Tindakan"

    • Untuk melihat data siswa dapat mengklik icon mata, kemudian akan diarahkan ke halaman berikut


    • Untuk mengedit data siswa dapat mengklik icon edit, kemudian akan diarahkan ke halaman "Formulir Edit Data Siswa". Admin dapat mengedit data siswa jika terdapat kesalahan, kemudian menyimpan perubahan data


    • Untuk menghapus data siswa dapat mengklik icon delete, kemudian data siswa akan terhapus dari List Siswa

4. Parent Creation
  • Pada Parent Creation, admin dapat melihat semua data orang tua siswa dan mengelola data orang tua siswa, seperti menambah data baru, edit, hapus, dan melihat data. 


  • Admin dapat menambahkan data orang tua siswa dengan klik button "Tambah Baru", kemudian akan diarahkan ke halaman "Formulir Data Orang Tua Siswa". Data orang tua siswa yang perlu diisi, yaitu ID siswa, nama orang tua siswa, alamat, nomor hp, dan email.


  • Setelah klik button "Simpan" pada "Formulir Data Orang Tua Siswa", data orang tua siswa akan tampil pada List Orang Tua Siswa


  • Admin dapat melihat, edit, dan menghapus data orang tua siswa dengan klik icon pada kolom "Tindakan"


    • Untuk melihat data orang tua siswa dapat mengklik icon mata, kemudian akan diarahkan ke halaman berikut


    • Untuk mengedit data orang tua siswa dapat mengklik icon edit, kemudian akan diarahkan ke halaman "Formulir Edit Data Orang Tua Siswa". Admin dapat mengedit data orang tua siswa jika terdapat kesalahan, kemudian menyimpan perubahan data


    • Untuk menghapus data orang tua siswa dapat mengklik icon delete, kemudian data orang tua siswa akan terhapus dari List Orang Tua Siswa

5. Payment Slip

  • Admin dapat mengelola informasi pembayaran siswa, seperti melihat dan mengubah status pembayaran siswa

  • Admin dapat mengklik "Ubah Status" pada kolom "Tindakan", kemudian mengubah status pembayaran dari "Belum Dibayar" menjadi "Sudah Dibayar" dan sebaliknya.
  • Setelah mengklik "Simpan" maka status pembayaran pada List Pembayaran akan terupdate.



Comments