Pemrograman Web - EAS

Pemrograman Web - EAS

Nama: Risyad Nazhir Aqila

NRP: 5053231031

Kelas: Pemrograman Web (M)

1. Deskripsikan Topik Final Project yang dikerjakan dan jelaskan fitur yang tersedia di dalam aplikasi

Topik Final Project kami adalah pembuatan website sekolah dengan judul "SMA Indonesia Satu". Website ini dirancang untuk memberikan kemudahan bagi siswa dan guru untuk memberikan informasi digital sekolah. Dalam website ini, fitur-fitur yang terdapat dalam website ini antara lain:

1. Dashboard: Halaman utama website yang berisi informasi tentang grafik nilai siswa, tabel yang berisi informasi tentang siswa, guru, daftar mata pelajaran, dan hasil nilai ujian siswa.

2. Ganti Password: Melakukan pergantian password pada admin (yang dapat mengakses website) bila terjadi kesalahan/lupa password.

3. Manajemen Siswa: Input data pribadi siswa dan ditampilkan pada tabel yang berisi pas foto, Nomor induk sekolah (NIS), nama, jurusan (IPA/IPS/Bahasa), alamat, dan operasi untuk melakukan perubahan pada data pada tabel yaitu hapus dan edit.

4. Manajemen Guru: : Input data pribadi guru dan ditampilkan pada tabel  yang berisi pas foto, Nomor Induk Pegawai (NIP), nama, alamat, email, jabatan, dan operasi untuk melakukan perubahan pada data pada tabel yaitu hapus dan edit. 

5. Manajemen Mata Pelajaran: Input data pelajaran berupa nama pelajaran, jurusan mata pelajaran, guru mata pelajaran, dan operasi untuk melakukan perubahan pada data pada tabel yaitu hapus dan edit.

6. Manajemen Nilai Ujian: Input hasil ujian siswa berdasarkan waktu ujian, nama peserta ujian, mata pelajaran ujian, menghitung rata-rata nilai ujian berdasarkan seluruh nilai mata pelajaran,  hasil ujian siswa dengan output lulus/tidak lulus, dan mencetak hasil ujian dalam bentuk file.

7. Login: Halaman login sebelum menuju halaman dashbard dengan melakukan input data admin berupa username dan password.

8. Switch User: Dapat melakukan pergantian atau penambahan akun dalam mengakses website secara interaktif.

2. Jelaskan Arsitektur MVC Aplikasi Final Project yang dikerjakan

1. User mengakses halaman (misalnya, melalui form login) melalui browser.

2. Controller memproses permintaan user, mengambil data dari Model, lalu data tersebut diberikan ke View.

3. View menampilkan data dalam bentuk halaman HTML yang sudah diberikan desain tampilan menggunakan CSS dan Bootstrap yang dapat dilihat oleh user.

4. Jika user mengirimkan data (misalnya, input nilai ujian) Controller akan menerima data tersebut, memvalidasi, dan menyimpannya ke Model.

3. Buatlah Desain UI dari aplikasi dan jelaskan fungsinya

Page Login:

Halaman yang berisi form input username dan password user. Jika username dan password berhasil tervalidasi dengan mengklik tombol "Login", akan lanjut ke page selanjutnya.

Page Dashboard:

Pada halaman dashboard, bagian side bar terdapat reffering list data siswa, guru, mata pelajaran, dan nilai ujian. Pada bagian tengah, terdapat text box yang menampilkan jumlah siswa dan guru, serta jumlah siswa lulus dan tidak lulus.

Page Siswa:

Terdapat tabel berisi data siswa dari sekolah tersebut. tersedia fitur untuk melakukan edit atau hapus data siswa per baris bila ada kesalahan pada data. Mengklik tombol "Tambah Siswa" untuk menambahkan data pribadi setiap siswa.

Halaman untuk menambahkan data pribadi siswa. Bila data berhasil tersimpan, data akan ditampilkan pada tabel halaman utama siswa.

Page Guru:

Terdapat tabel berisi data guru dari sekolah tersebut. tersedia fitur untuk melakukan edit atau hapus data gutu per baris bila ada kesalahan pada data. Mengklik tombol "Tambah guru" untuk menambahkan data pribadi setiap guru.

Halaman untuk menambahkan data pribadi guru. Bila data berhasil tersimpan, data akan ditampilkan pada tabel halaman utama guru

Page Mata Pelajaran:

Untuk menambah data mata pelajaran, pada bagian mata pelajaran dapat mengatur nama pelajaran, jurusan (pelajaran), dan Guru (guru berdasarkan mata pelajaran). Bila data berhasil tersimpan dengan mengklik tombol "Simpan", data akan ditampilkan di bagian sebelah kanan dalam bentuk tabel.

Page Nilai Ujian:

Tampilan tabel yang berisi data hasil nilai ujian oleh siswa. Terdapat tombol "Tambah Data Ujian" untuk melakukan input data ujian terbaru.

Pada halaman nilai ujian, terdapat bagian data ujian untuk mengatur waktu pelaksanaan ujian, siswa yang mengikuti ujian, dan jurusan siswa. Terdapat fungsi untuk menghitung total nilai, nilai terendah, nilai tertinggi, dan nilai rata-rata. Siswa yang memiliki nilai rata-rata ujian per mata pelajaran diatas 65 dan nilai tiap mata pelajaran diatas 60, akan terindikasi lulus.

4. Implementasikan Aplikasi yang telah didesain dengan menggunakan teknologi web tanpa framework

Link Github: Github Kode Projek Website Sekolah - "SMA Indonesia Satu"

5. Buat PPT presentasi yang menunjang Demo Aplikasi

Link PPT: PPT Projek Website Sekolah - "SMA Indonesia Satu"

6. Demokan aplikasi dengan membuat video dan diupload di Youtube.

Link Demo (Youtube): Demo Projek Website Sekolah - "SMA Indonesia Satu"