Final Project Pemrograman Web

Nama : Wildan Fauzy Maulana Hasyim

NRP :  5025221044

Kelas : PWEB-B

1.      Saat ini, SLTP Islam Al-Syukro Ciputat masih menggunakan pendekatan semi manual dalam mengelola informasi akademik, terutama menggunakan aplikasi Microsoft Office. Pengelolaan informasi yang dilakukan adalah seperti proses pendataan siswa, pendataan guru atau karyawan, laporan nilai siswa, pembuatan jadwal belajar dan mengajar, serta pembayaran SPP. Dengan kondisi ini, kegiatan belajar-mengajar dan pelayanan informasi sekolah menjadi kurang efisien. Oleh karena itu, diperlukan pengembangan sistem informasi akademik berbasis web untuk meningkatkan kualitas layanan dan daya saing sekolah. Basis Web digunakan dikarenakan dapat diakses dan digunakan dimanapun dan kapanpun serta pada device yang mumpuni selama dapat terhubung dengan internet.

 

2.     2. Pada aplikasi berbasis web yang hendak dibuat, saya tertarik untuk mengadakan beberapa fitur berikut :
Manajemen Siswa :

-        Pendaftaran Siswa baru dengan formulir Online

-        Profil Siswa dengan informasi pribadi, foto, dan data akademik.

-        Riwayat absensi siswa

 

Manajemen Guru dan Karyawan :

-        Pendataan Guru atau Karyawan baru

-        Profil Guru atau Karyawan baru dengan informasi pribadi, foto, dan data akademik.

 

Pembuatan Laporan Nilai Siswa :

-        Pendataan Nilai murid pada suatu matkul oleh para guru

-        Laporan Nilai Murid yang dapat diakses dalam bentuk PDF yang dapat diakses oleh Wali Murid dan Kepala Sekolah

 

Pembuatan Jadwal Belajar dan Mengajar :

-        Pendataan seluruh kelas, guru, dan seluruh mata pelajaran.

-        Penentuan jadwal pelajaran tiap kelas sesuai dengan constraint (bila ada)

-        Jadwal belajar yang dapat diakses guru dalam bentuk PDF

 

Pembayaran SPP :

-        Pendataan progres pembayaran SPP tiap siswa.

-        Pembuatan laporan pembayaran SPP seluruh siswa yang dapat diakses dalam bentuk PDF

 

3.     3. Database yang hendak saya buat menggunakan MYSQL dengan Syntax MariaDB. Berikut adalah program dan diagramnya :

      CREATE TABLE tbl_jenjang (

    id_jenjang INT(2) PRIMARY KEY NOT NULL,

    jenjang CHAR(4)

);

CREATE TABLE tbl_kelas (

    id_ruang INT(2) PRIMARY KEY NOT NULL,

    ruang CHAR(1)

);

CREATE TABLE tbl_siswa (

    nis VARCHAR(15) PRIMARY KEY NOT NULL,

    id_jenjang INT(2) NOT NULL,

    id_kelas INT(2) NOT NULL,

    username_siswa VARCHAR(20),

    password_siswa VARCHAR(25),

    nama_siswa VARCHAR(40) NOT NULL,

    nama_panggilan VARCHAR(20),

    jenis_kelamin VARCHAR(15),

    alamat_siswa TEXT,

    tempat_lhr_siswa VARCHAR(25),

    tgl_lhr_siswa VARCHAR(20),

    agama_siswa VARCHAR(10),

    email VARCHAR(30),

    kewarganegaraan_siswa VARCHAR(20),

    no_telp_siswa VARCHAR(20),

    status_keluarga VARCHAR(15),

    asal_sekolah VARCHAR(40),

    tahun_ajaran VARCHAR(15),

    foto VARCHAR(100),

    status INT(2),

    FOREIGN KEY (id_jenjang) REFERENCES tbl_jenjang(id_jenjang),

    FOREIGN KEY (id_kelas) REFERENCES tbl_kelas(id_ruang)

);

CREATE TABLE tbl_orangtua (

    id_orangtua INT(10) PRIMARY KEY NOT NULL,

    nis VARCHAR(15) NOT NULL,

    username_orangtua VARCHAR(20) NOT NULL,

    password_orangtua VARCHAR(20) NOT NULL,

    nama_ayah VARCHAR(30),

    tempat_lhr_ayah VARCHAR(30),

    tgl_lhr_ayah VARCHAR(30),

    alamat_ayah TEXT,

    agama_ayah VARCHAR(15),

    pekerjaan_ayah VARCHAR(20),

    pendidikan_ayah VARCHAR(25),

    nama_ibu VARCHAR(30),

    tempat_lhr_ibu VARCHAR(30),

    tgl_lhr_ibu VARCHAR(30),

    alamat_ibu TEXT,

    agama_ibu VARCHAR(15),

    pekerjaan_ibu VARCHAR(20),

    pendidikan_ibu VARCHAR(25),

    nama_wali VARCHAR(30),

    tempat_lhr_wali VARCHAR(30),

    tgl_lhr_wali VARCHAR(30),

    alamat_wali TEXT,

    agama_wali VARCHAR(15),

    pekerjaan_wali VARCHAR(20),

    pendidikan_wali VARCHAR(25),

    FOREIGN KEY (nis) REFERENCES tbl_siswa(nis)

);

CREATE TABLE tbl_karyawan (

    Nip VARCHAR(15) PRIMARY KEY NOT NULL,

    Nama_karyawan VARCHAR(20) NOT NULL,

    alamat_karyawan TEXT NOT NULL,

    Jenis_kelamin VARCHAR(10),

    Tempat_lhr_karyawan VARCHAR(20),

    Tgl_lhr_karyawan VARCHAR(25),

    Pendidikan VARCHAR(40),

    agama_karyawan VARCHAR(15),

    kewarganegaraan_karyawan VARCHAR(20),

    No_telp_karyawan VARCHAR(20),

    Email VARCHAR(50),

    Jabatan VARCHAR(60),

    Perkawinan VARCHAR(20),

    Status_karyawan VARCHAR(20),

    Mulai VARCHAR(30),

    username_karyawan VARCHAR(20),

    password_karyawan VARCHAR(20),

    Foto VARCHAR(100),

    level INT(2)

);

CREATE TABLE tbl_admin (

    id INT(3) PRIMARY KEY NOT NULL,

    username VARCHAR(30) NOT NULL,

    password VARCHAR(30) NOT NULL,

    status_akun INT(1) NOT NULL

);

CREATE TABLE tbl_pelajaran (

    id_pelajaran INT(10) PRIMARY KEY NOT NULL,

    Nama_pelajaran VARCHAR(30) NOT NULL,

    Status INT(2) NOT NULL

);

CREATE TABLE tbl_nilai (

    id_nilai INT(10) PRIMARY KEY NOT NULL,

    Nis VARCHAR(15) NOT NULL,

    id_pelajaran INT(10) NOT NULL,

    Nilai_ul_hr_1 FLOAT,

    Nilai_ul_hr_2 FLOAT,

    Nilai_ul_hr_3 FLOAT,

    Nilai_ul_hr_4 FLOAT,

    Nilai_uts FLOAT,

    Nilai_uas FLOAT,

    Semester INT(2) NOT NULL,

    Tahun_ajaran VARCHAR(15) NOT NULL,

    FOREIGN KEY (Nis) REFERENCES tbl_siswa(nis),

    FOREIGN KEY (id_pelajaran) REFERENCES tbl_pelajaran(id_pelajaran)

);

CREATE TABLE tbl_jam_pel (

    id_waktu INT(3) PRIMARY KEY NOT NULL,

    Waktu VARCHAR(15) NOT NULL,

    Status INT(3) NOT NULL

);

CREATE TABLE tbl_jadwal (

    id_jadwal INT(10) PRIMARY KEY NOT NULL,

    id_pelajaran INT(10) NOT NULL,

    id_jenjang INT(10) NOT NULL,

    id_kelas INT(10) NOT NULL,

    id_hari INT(10) NOT NULL,

    id_waktu INT(10) NOT NULL,

    Nip INT(10) NOT NULL,

    Tahun_ajaran VARCHAR(15) NOT NULL,

    FOREIGN KEY (id_pelajaran) REFERENCES tbl_pelajaran(id_pelajaran),

    FOREIGN KEY (id_jenjang) REFERENCES tbl_jenjang(id_jenjang),

    FOREIGN KEY (id_kelas) REFERENCES tbl_kelas(id_ruang),

    FOREIGN KEY (id_waktu) REFERENCES tbl_jam_pel(id_waktu),

    FOREIGN KEY (Nip) REFERENCES tbl_karyawan(Nip)

);

CREATE TABLE tbl_absensi (

    id_absensi INT(20) PRIMARY KEY NOT NULL,

    nis VARCHAR(15) NOT NULL,

    s INT(2) NOT NULL,

    i INT(2) NOT NULL,

    a INT(2) NOT NULL,

    tanggal VARCHAR(15) NOT NULL,

    semester INT(2) NOT NULL,

    tahun_ajaran VARCHAR(15) NOT NULL,

    FOREIGN KEY (nis) REFERENCES tbl_siswa(nis)

);

CREATE TABLE tbl_spp (

    id_transaksi BIGINT(20) PRIMARY KEY NOT NULL,

    nis VARCHAR(20) NOT NULL,

    bulan INT(4) NOT NULL,

    tahun_ajaran VARCHAR(10) NOT NULL,

    status INT(2) NOT NULL,

    tgl_byr VARCHAR(15) NOT NULL,

    metode VARCHAR(20) NOT NULL,

    FOREIGN KEY (nis) REFERENCES tbl_siswa(nis)

);

CREATE TABLE tbl_atr_kelas (

    id_atr INT(5) PRIMARY KEY NOT NULL,

    Id_jenjang INT(5) NOT NULL,

    Id_kelas INT(5) NOT NULL,

    Nip INT(5) NOT NULL,

    Ketua_kelas INT(5) NOT NULL,

    Wakil_ketua INT(5) NOT NULL,

    Sekretaris INT(5) NOT NULL,

    Bendahara INT(5) NOT NULL,

    Tahun_ajaran VARCHAR(15) NOT NULL,

    FOREIGN KEY (Id_jenjang) REFERENCES tbl_jenjang(id_jenjang),

    FOREIGN KEY (Id_kelas) REFERENCES tbl_kelas(id_kelas),

    FOREIGN KEY (Nip) REFERENCES tbl_karyawan(Nip),

    FOREIGN KEY (Ketua_kelas) REFERENCES tbl_siswa(nis),

    FOREIGN KEY (Wakil_ketua) REFERENCES tbl_siswa(nis),

    FOREIGN KEY (Sekretaris) REFERENCES tbl_siswa(nis),

    FOREIGN KEY (Bendahara) REFERENCES tbl_siswa(nis)

);

CREATE TABLE tbl_alumni (

    id_alumni INT(10) PRIMARY KEY NOT NULL,

    nis VARCHAR(15) NOT NULL,

    tahun_lulus VARCHAR(15) NOT NULL,

    FOREIGN KEY (nis) REFERENCES tbl_siswa(nis)

);

CREATE TABLE tbl_siswa_keluar (

    id_keluar INT(10) PRIMARY KEY NOT NULL,

    nis VARCHAR(15) NOT NULL,

    alasan_keluar VARCHAR(15) NOT NULL,

    sekolah_dituju VARCHAR(255) NOT NULL,

    tgl_keluar VARCHAR(15) NOT NULL,

    FOREIGN KEY (nis) REFERENCES tbl_siswa(nis)

);

 

 

4.   Pada website ini, terdapat beberapa front end yang telah didesain untuk halaman dan fitur-fiturnya seperti :

Halaman Login

Halaman Utama Administrator

Halaman Data Siswa

Halaman Detail Siswa

Halaman Input Siswa Baru

Halaman Input Orangtua Siswa

Halaman Data Guru dan Karyawan

Halaman Input Data Guru dan Karyawan

Halaman Daftar Administrator

Halaman Input Administrator

Halaman Ganti Password

Halaman Utama Kepala Sekolah

Halaman Data Pribadi Kepala Sekolah

Halaman Data Guru dan Karyawan

Halaman Data Siswa

Halaman Detail Siswa

Halaman Data Nilai Siswa

Halaman Data Absensi Siswa

Halaman Detail Absensi Siswa

Halaman Jadwal KBM

Halaman Jadwal KBM per Hari

Halaman Data Pelajaran

Halaman Data Biaya

Halaman Data SPP

Halaman Ubah Password Kepala Sekolah

Halaman Utama Guru

Halaman Data Pribadi Guru

Halaman Data Nilai Siswa

Halaman Jadwal Mengajar

Halaman Ubah Password Guru

Halaman Utama Wali Kelas

Halaman Data Kelas

Halaman Data Nilai Kelas

Halaman Data Absensi Kelas

Halaman Jadwal KBM Kelas

Halaman Utaman Bagian Kurikulum

Halaman Data Pribadi Bagian Kurikulum

        

Halaman Data Pelajaran (Bagian Kurikulum)

Halaman Input Pelajaran

Halaman Jadeal KBM per Hari (Bagian Kurikulum)

Halaman Jadwal KBM per Kelas (Bagian Kurikulum)

Halaman Input Jadwal KBM (Bagian Kurikulum)

Halaman Ubah Password Bagian Kurikulum

Halaman Utama Bagian Keuangan

Halaman Data Pribadi Bagian Keuangan

Halaman Data Biaya (Pada Halaman Bagian Keuangan)

Halaman Input Data Biaya

Halaman Data SPP (Pada Halaman Bagian Keuangan)

Halaman Input Data SPP

Halaman Ubah Password Bagian Keuangan

Halaman Utama Siswa

Halaman Data Pribadi Siswa (Pada Halaman Siswa)

Halaman Data Nilai (Pada Halaman Siswa)

Halaman Data Absensi (Pada Halaman Siswa)

Halaman Jadwal KBM (Pada Halaman Siswa)

Halaman Data SPP (Pada Halaman Siswa)

Halaman Ubah Password Siswa

Halaman Utama Orangtua / Wali Siswa

Halaman Data SPP (Pada Halaman Orangtua)

Halaman Pembayaran SPP Online

Berikut adalah beberapa contoh re-desain front end dari beberapa halaman website ini :

Desain Halaman Login

Desain Halaman Utama
 

Desain Halaman Input

Desain Halaman Data

    Desain Halaman antar pengguna dan fitur pada dasarnya adalah sama. Untuk para pengguna, perbedaan terdapat pada fitur yang dapat diakses dan tulisan peran pada kanan atas halaman. Untuk fitur sendiri, input disesuaikan dengan desain database pada nomor 3. Penampilan data pun disesuaikan dengan apa yang mau ditampilkan dan secara tampilan tidak berbeda jauh dengan yang lainnya.

5.  Setidaknya, pada aplikasi ini terdapat beberapa file menggunakan bahasa PHP untuk melakukan action Back End. File-file tersebut adalah :

- index.php : Untuk Halaman Login dan interaksi pemasukan username dan password

- Koneksi.php : Untuk menyambungkan website dengan Database MYSQL

- Admin.php = Untuk segala kegiatan dan penggunaan fitur khusus untuk Administrator

- Kepsek.php = Untuk segala kegiatan dan penggunaan fitur khusus untuk Kepala Sekolah

- BagKurikulum.php = Untuk segala kegiatan dan penggunaan fitur khusus untuk Bagian Kurikulum

- BagKeuangan.php = Untuk segala kegiatan dan penggunaan fitur khusus untuk Bagian Keuangan

- Guru.php = Untuk segala kegiatan dan penggunaan fitur khusus untuk Guru

- wali_siswa.php = Untuk segala kegiatan dan penggunaan fitur khusus untuk Wali Siswa

- Siswa.php = Untuk segala kegiatan dan penggunaan fitur khusus untuk

Berikut adalah Video Youtube berisikan demo Proses pembuatan Websitenya :
https://youtu.be/9sv_h71sE7M