EAS Pemrograman Web 2021

 by Hana Machmudah


Membuat Aplikasi Sekolah




1. Mendefinisikan fitur dari aplikasi yang akan dibangun sesuai pada gambar di atas. Pada Gambar diatas terdapat 4 role (aktor) pada project aplikasi sekolah.
            
               1. ADMIN, terdapat bebrapa firtur didalamnya yaitu:
    • Login: untuk login sebagai admin.
    • Student Management: untuk mengelola data-data siswa, dapat melihat data-data siswa
    • Parent Creation: untuk mengelola data-data parent, dapat melihat data-data parent
    • Epayslip Generation: untuk dapat melihat pembayaran sekolah yang dilakukan oleh parent.
    • Complete Dashboard: untuk mengelola tampilan pada dashboard pada website yang dapat dilihat oleh untuk teacher, student, dan parent.

            2. TEACHER, terdapat beberapa firtur didalamnya yaitu:
    •  Login: untuk login sebagai teacher
    • Exam Management: untuk mengelola data-data ujian siswa.
    • Assigment Management: untuk mengelola data-data tugas siswa.
    • Classroom Management: untuk mengelola data-data tiap pertemuan di  setiap kelas.
    • Attendence Management: untuk mengelola data-data siswa yang yang hadir, teacher dapat  men-set data siswa telah hadir,tidak hadir, dan ijin.
    • Course Management: untuk mengelola data-data kelas-kelas yang tersedia pada semestaer tersebut yang akan ditampilkan di website student.

            3. STUDENT, terdapat beberapa firtur didalamnya yaitu:
    • Login: untuk login sebagai student.
    • Timeable Viewing: student dapat melihat jadwal kegitan kelas yang akan datang.
    • Result Viewing: student dapat melihat hasil (nilai) ujian dan tugas yang telah dikumpulkan.
    • Assignment Submission: student dapat mengumpulkan tugas dan ujian.
    • Study Material: student dapat melihat course yang telah diambil.

            4. PARENT, terdapat beberapa firtur didalamnya yaitu:
    • Login: untuk login sebagai parent
    • Child Credentials: untuk 
    • Invoice Viewing: parent dapat melihat tagihan pembayaran sekolah yang belum dibayar.
    • Payment Management: parent dapat melakukan pembayaran sekolah siswanya.

2. Rancang aplikasi menggunakan Figma, pada project kali ini saya akan memilih 3 fitur yang akan saya buat, yaitu:
  • Login pada role student, untuk bisa masuk di website sekolah sebagai student.

  • Study Material: student dapat melihat course yang telah diambil.


  • Student Management: untuk mengelola data-data siswa, dapat melihat data-data siswa


Link Design pada Figma:

3. Implementasi 3 fitur dan video demontrasi. 
    Pada impelementasi fitur kali ini dikerjakan secara berkelompok oleh:
                1. Tsania Az Zahra                                                        05111940000032
                2. Julietta Anastasia Rodiah Boru Panjaitan         05111940000033
                3.  Hana Machmudah                                                 05111940000072
                4.  Kirana Zea Sachdania Mayz                                05111940000081

    Fitur yang kami buat yaitu:
  1. Fitur Login dan Logout pada Student, fitur login ini Student dapat masuk website sebagai Student dengan username dan password yang telah disimpan dalam database. Pada saat masuk dalam webiste sebagai role Student. Student dapat melakukan logut dan disini nanti akan diarahkan ke halaman login.
  2. Fitur Study Material pada Student, fitur ini digunakan untuk Student dapat melihat kelas atau course yang telah diambil.
  3. Fitur Student Management untuk Admin, fitur ini Admin dapat melihat data-data student dan dapat melakukan pengeditan dan pendeletan pada data student.
    Untuk  penjelasan webitenya kami telah membuat video demontrasi. Berikut videonya:


Source Code: disini


Terima Kasih





Komentar

Postingan populer dari blog ini

Form Vaksin dengan Javascript

BagShop

ETS PBKK