Skripsi Siti Maisarah 17630295 PDF [PDF]

Citation preview

SKRIPSI SISTEM INFORMASI HASIL BELAJAR SANTRI PPS. ASYSYUHADA PELAIHARI TINGKAT WUSTHO BERBASIS WEB “Diajukan Sebagai Persyaratan Untuk Menyelesaikan Program Sarjana (S-1) Teknik Informatika”



Oleh : SITI MAISARAH NPM : 17630295



PROGRAM STUDI S1 TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INFORMASI UNIVERSITAS ISLAM KALIMANTAN MUHAMMAD ARSYAD AL-BANJARI BANJARMASIN 2019 i



LEMBAR PENGESAHAN PEMBIMBING SKRIPSI SISTEM INFORMASI HASIL BELAJAR SANTRI PPS. ASYSYUHADA PELAIHARI TINGKAT WUSTHO BERBASIS WEB



Oleh : SITI MAISARAH NPM : 17630295



Pembimbing 1



Pembimbing 2



Erfan Karyadiputra, S.Kom., M.Kom NIK.061510821



Agus Alim Muin, S.Kom., M.Kom NIK. 061510819



Mengetahui,



Dekan Fakultas Teknologi Informasi Universitas Islam Kalimantan



Dr. Silvia Ratna, S.Kom, M.Kom NIP. 19750913 200501 2 001



LEMBAR PENGESAHAN PENGUJI SKRIPSI SISTEM INFORMASI HASIL BELAJAR SANTRI PPS. ASYSYUHADA PELAIHARI TINGKAT WUSTHO BERBASIS WEB Oleh: SITI MAISARAH NPM : 17630295



Telah Dipertahankan di Depan Sidang Penguji Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana (S-1) Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Islam Kalimantan Muhammad Arsyad Al Banjari Banjarmasin.



Banjarmasin,



2019



Tim Penguji



Tanda Tangan



Penguji I Penguji II Penguji III



Mengetahui, Dekan Fakultas Teknologi Informasi Universitas Islam Kalimantan



Dr. Silvia Ratna, S.Kom, M.Kom NIP. 19750913 200501 2 001



iii



PERNYATAAN KEASLIAN SKRIPSI Saya menyatakan dengan sesungguhnya bahwa skripsi dengan judul :



“SISTEM INFORMASI HASIL BELAJAR SANTRI PPS. ASYSYUHADA PELAIHARI TINGKAT WUSTHO BERBASIS WEB” yang dibuat untuk melengkapi sebagai persyaratan menjadi Sarjana pada Program Studi Teknik Informatika Fakultas Teknologi Informasi Univeritas Islam Kalimantan. Merupakan karya saya sendiri dan sejauh yang saya ketahui bukan merupakan tiruan atau publikasi dan pernah dipakai untuk mendapatkan gelar kesarjanaan di lingkungan Universitas Islam Kalimantan Muhammad Arsyad AlBanjari maupun Perguruan Tinggi Negeri, swasta maupun instansi pendidikan lainnya. Adapun pencantuman sumber informasi data, saya selaku penulis mencantumkan sebagaimana mestinya.



Banjarmasin,



2019



SITI MAISARAH NPM : 17630295



ABSTRAK Kesadaran masyarakat akan pentingnya pendidikan berbasis agama membuat Pondok Pesantren Asy-Syuhada menjadi sekolah pilihan para orang tua murid di Tanah Laut khususnya kota Pelaihari. Proses belajar mengajar di Pondok Pesantren Asy-Syuhada tidak berbeda dengan sekolah lainnya. Guru menyampaikan materi sesuai dengan kurikulum yang disepakati dengan teknik berbeda-beda. Salah satunya dengan cara memberikan para santri hafalan. Setelah proses belajar mengajar maka akan didapat sebuah output hasil belajar para santri. Sistem yang digunakan saat ini masih dengan cara manual. Setiap wali kelas akan menuliskan hasil belajar santri dalam sebuah buku laporan. Kelemahan sistem ini adalah ketika terjadi kesalahan penulisan pada buku laporan, maka buku tersebut harus diganti dengan yang baru. Kelemahan kedua adalah perhitungan nilai dan perangkingan dengan cara manual. Untuk mengatasi masalah tersebut maka di bangunlah sebuah sistem baru dengan judul Sistem Informasi Hasil Belajar Santri Pps. Asy-Syuhada Pelaihari Tingkat Wustho Berbasis Web. Metode penelitian yang digunakan pada perancangan aplikasi meliputi enam tahap yaitu tahap perencanaan, tahap analisis, tahap perancangan, tahap penerapan, dan tahap evaluasi serta teknik pemodelan yang digambarkan dengan Unified Modeling Language (UML).Aplikasi ini dibangun untuk mempermudah pekerjaan guru ketika membuat laporan hasil belajar santri. Aplikasi ini akan dirancang menggunakan bahasa pemrograman Hypertext preprocessor (PHP) dan MySQL sebagai databasenya untuk mempermudah dalam proses pengolahan data secara lengkap untuk mendapatkan informasi. Kata Kunci: Belajar, Mengajar, MySQL, Pendidikan, Hypertext preprocessor (PHP) dan Sistem Informasi.



v



KATA PENGANTAR



Assalamu’alaikum. Wr. Wb. Puji dan syukur Penulis panjatkan kehadirat Allah SWT yang senantiasa melimpahkan rahmat dan karunia-Nya kepada kita semua, sehingga saya dapat menyelesaikan laporan hasil penelitian skripsi ini dalam waktu yang telah di tetapkan oleh pembimbing. Pada proses penyusunan laporan ini penulis menyadari bahwa dalam penulisan laporan skripsi ini banyak mengalami kendala atau halangan, namun berkat bantuan, bimbingan, kerjasama dari berbagai pihak sehingga dapat diatasi. Untuk itu saya ingin rasanya menyampaikan banyak terima kasih yang sebesarbesarnya kepada: 1. Ibu Dr. Silvia Ratna, S.Kom, M.Kom Selaku Dekan Fakultas Teknologi Informasi Universitas Islam Kalimantan Muhammad Arsyad Al-Banjari. 2. Bapak Ir.H.Muflih M.Kom selaku Kepala Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Islam Kalimantan Muhammad Arsyad Al-Banjari. 3. Bapak Erfan Karyadiputra, S.Kom., M.Kom Selaku pembimbing 1 yang selalu membimbing saya dalam menyelesaikan laporan penelitian skripsi ini. 4. Bapak Agus Alim Muin, S.Kom., M.Kom Selaku Pembimbing 2 yang telah memberikan bimbingan dan mengarahkan penulisan laporan Skripsi ini hingga selesai.



5. Seluruh Dosen Universitas Islam Kalimantan yang telah membimbing saya sejauh ini dan memberikan ilmu yang sangat bermanfaat bagi saya untuk di masa yang akan datang. 6. Orang tua dan keluarga tercinta yang selalu memberikan dukungan serta do’anya, dan yang telah membuat saya termotivasi untuk menyelesaikan Skripsi ini. 7. Rekan-rekan semua, serta semua pihak yang telah banyak membantu serta memberikan dorongan yang tidak bisa saya tuliskan satu persatu semuanya. Semoga Allah SWT memberikan balasan yang berlipat ganda atas segala kebaikan dan bantuannya yang telah diberikan kepada saya selama dalam pembuatan laporan penelitian skripsi ini berlangsung. Saya menyadari pasti ada kekurangan-kekurangan yang terdapat dalam laporan skripsi ini, karena itu saran dan kritik yang sifatnya membangun dari semua pembaca saya sangat harapkan. Akhir kata saya mengucapkan banyak terima kasih dan semoga laporan ini akan bermanfaat bagi saya khususnya dan bagi para pembaca pada umumnya. Wassalamualaikum Wr. Wb. Banjarmasin,



SITI MAISARAH NPM : 17630295



vii



2019



DAFTAR ISI



HALAMAN SKRIPSI .................................................................................................................. i LEMBAR PENGESAHAN PEMBIMBING ...................................................... ii LEMBAR PENGESAHAN PENGUJI ............................................................... iii PERNYATAAN KEASLIAN SKRIPSI ............................................................. iv ABSTRAK ............................................................................................................. v KATA PENGANTAR .......................................................................................... vi DAFTAR ISI ....................................................................................................... viii DAFTAR GAMBAR ............................................................................................ xi DAFTAR TABEL ............................................................................................. xvii BAB I PENDAHULUAN ...................................................................................... 1 1.1 Latar Belakang .............................................................................................. 1 1.2 Rumusan Masalah ......................................................................................... 3 1.3 Batasan Masalah............................................................................................ 3 1.4 Tujuan Penelitian .......................................................................................... 4 1.5 Manfaat Penelitian ........................................................................................ 4 1.6 Metode Penelitian.......................................................................................... 4 1.6.1 Metode Pengumpulan Data .................................................................... 4 1.6.2 Tahapan Pengembangan Perangkat Lunak ............................................ 5 1.7 Sistematika Penulisan.................................................................................... 7 BAB II TINJAUAN PUSTAKA........................................................................... 8 2.1 Landasan Teori .............................................................................................. 8 2.1.1 Sistem ..................................................................................................... 8



2.1.2 Informasi ................................................................................................ 9 2.1.3 Hasil Belajar ......................................................................................... 10 2.1.3 Pondok Pesantren Salafiyah Asy-Syuhada .......................................... 10 2.1.4 Web ...................................................................................................... 11 2.1.4 Hypertext Preprocessor (PHP) ............................................................ 11 2.1.5 MySQL................................................................................................. 11 2.1.6 Unified Modeling Language (UML) .................................................... 12 2.2 Penelitian Terkait ........................................................................................ 15 2.3 Profil Objek Penelitian ................................................................................ 17 BAB III ANALISIS DAN PERANCANGAN SISTEM .................................. 19 3.1 Analisis sistem yang berjalan ...................................................................... 19 3.1.1 Analisis Guru ....................................................................................... 20 3.1.2 Analisis Santri ...................................................................................... 21 3.1.3 Analisis Orang Tua .............................................................................. 21 3.1.4 Analisis Kepala Sekolah ...................................................................... 21 3.2 Analisis kebutuhan sistem ........................................................................... 21 3.3 Rancangan Model Sistem ............................................................................ 22 3.4 Rancangan Basis Data ................................................................................. 39 3.5 Rancangan antarmuka masukan sistem ....................................................... 45 3.6 Rancangan antarmuka keluaran sistem ....................................................... 63 BAB IV IMPLEMENTASI DAN PENGUJIAN ............................................. 70 4.1 Spesifikasi Sistem ....................................................................................... 70 4.1.1 Perangkat Keras yang Digunakan ........................................................ 70 4.1.2 Perangkat Lunak yang Digunakan ....................................................... 70 4.2 Langkah-langkah Pembuatan Sistem .......................................................... 71 ix



4.3 Hasil Tampilan Aplikasi ............................................................................. 72 4.3.1



Tampilan Antarmuka Masukan Sistem ......................................... 72



4.3.2



Tampilan Antarmuka Keluaran Sistem ......................................... 92



4.4 Pengujian ..................................................................................................... 98 4.4.1



Rancangan Pengujian .................................................................... 98



4.4.2



Kasus dan Hasil Pengujian .......................................................... 101



BAB V PENUTUP ............................................................................................. 114 5.1 Kesimpulan ............................................................................................... 114 5.2 Saran .......................................................................................................... 114 DAFTAR PUSTAKA ........................................................................................ 115 LAMPIRAN ....................................................................................................... 116



DAFTAR GAMBAR



Gambar 1. 1 Metode Waterfall ............................................................................... 6 Gambar 3. 1 Analisis Sistem Berjalan .................................................................. 19 Gambar 3. 2 Use Case Diagram Sistem Informasi Hasil Belajar Santri Pps. AsySyuhada Pelaihari Tingkat Wustho Berbasis Web................................................ 23 Gambar 3. 8 Sequence Diagram Login Admin ..................................................... 25 Gambar 3. 9 Sequence Diagram Data Penjadwalan Admin ................................. 26 Gambar 3. 10 Sequence Diagram Data Penjadwalan Kepsek .............................. 26 Gambar 3. 11 Sequence Diagram Data Penjadwalan Guru .................................. 27 Gambar 3. 12 Sequence Diagram Data Penjadwalan Santri ................................. 27 Gambar 3.13 Sequence Diagram Data Penjadwalan Orang Tua .......................... 28 Gambar 3.14 Sequence Diagram Data Nilai Guru................................................ 28 Gambar 3.15 Sequence Diagram Data Biodata .................................................... 29 Gambar 3.16 Sequence Diagram Data Silabus ..................................................... 29 Gambar 3.17 Sequence Diagram Data Guru......................................................... 30 Gambar 3.18 Sequence Diagram Data Santri ....................................................... 30 Gambar 3.19 Sequence Diagram Data Penilaian .................................................. 31 Gambar 3.20 Sequence Diagram Data Perwalian ................................................. 31 Gambar 3.21 Sequence Diagram Data Pengguna ................................................. 32 Gambar 3.22 Sequence Diagram Data Tahun Ajaran ........................................... 32 Gambar 3.23 Sequence Diagram Data Absensi Guru........................................... 33 Gambar 3. 24 Sequence Diagram Data ................................................................. 33



xi



Gambar 3.25 Sequence Diagram Data .................................................................. 34 Gambar 3. 3 Activity Diagram Admin ................................................................... 35 Gambar 3. 4 activity diagram guru ....................................................................... 36 Gambar 3. 5 activity diagram kepala sekolah ....................................................... 36 Gambar 3. 6 activity diagram orang tua santri ...................................................... 37 Gambar 3. 7 activity diagram santri ...................................................................... 37 Gambar 3. 26 Class Diagram................................................................................ 38 Gambar 3. 27 Rancangan Form Login .................................................................. 45 Gambar 3.28 Rancangan Halaman Beranda ......................................................... 46 Gambar 3.29 Rancangan Halaman Data Guru ...................................................... 46 Gambar 3.30 Rancangan Form Tambah Guru ...................................................... 47 Gambar 3.31 Rancangan Halaman Data Santri..................................................... 47 Gambar 3.32 Rancangan Form Tambah Santri ..................................................... 48 Gambar 3.33 Rancangan Halaman Data Jadwal dan Kelas Pembelajaran ........... 48 Gambar 3.34 Rancangan Halaman Data Nilai Pembelajaran ............................... 49 Gambar 3.35 Rancangan Form Tambah Nilai Pembelajaran ................................ 49 Gambar 3.36 Rancangan Halaman Laporan Santri Baru ...................................... 50 Gambar 3.37 Rancangan Halaman Laporan Santri Lama ..................................... 50 Gambar 3.38 Rancangan Halaman Laporan Guru ................................................ 51 Gambar 3.39 Rancangan Halaman Laporan Guru Kriteria Aktif ......................... 51 Gambar 3.40 Rancangan Halaman Laporan Guru Kriteria Pensiun ..................... 52 Gambar 3.41 Rancangan Halaman Laporan Guru Kriteria Guru Baru ................. 52 Gambar 3.42 Rancangan Halaman Laporan Guru Kriteria Jenjang Pendidikan .. 53



Gambar 3.43 Rancangan Halaman Laporan Nilai Umum .................................... 53 Gambar 3.44 Rancangan Halaman Laporan Nilai Agama .................................... 54 Gambar 3.45 Rancangan Halaman Laporan Silabus............................................. 54 Gambar 3.46 Rancangan Halaman Laporan Absensi Guru .................................. 55 Gambar 3.47 Rancangan Halaman Laporan Absensi Santri ................................. 55 Gambar 3.48 Rancangan Halaman Data Pengguna .............................................. 56 Gambar 3.49 Rancangan Form Tambah Pengguna............................................... 56 Gambar 3.50 Rancangan Halaman Data Mata Pelajaran ...................................... 57 Gambar 3.51 Rancangan Form Tambah Mata Pelajaran ...................................... 57 Gambar 3.52 Rancangan Halaman Data Tahun Ajaran ........................................ 58 Gambar 3.53 Rancangan Form Tambah Tahun Ajaran ........................................ 58 Gambar 3.54 Rancangan Halaman Data Absensi Guru ........................................ 59 Gambar 3.55 Rancangan Form Tambah Absensi Guru ........................................ 59 Gambar 3.56 Rancangan Halaman Data Pengaturan Penanda Tanganan ............. 60 Gambar 3.57 Rancangan Form Tambah Pengaturan Penanda Tanganan ............. 60 Gambar 3.58 Rancangan Halaman Data Detail .................................................... 61 Gambar 3.59 Rancangan Form Detail ................................................................... 61 Gambar 3.60 Rancangan Halaman Data Jadwal Pembelajaran ............................ 62 Gambar 3.61 Rancangan Halaman Data Nilai Pembelajaran ............................... 62 Gambar 3.62 Laporan Guru Kriteria Jenjang Pendidikan..................................... 63 Gambar 3.63 Laporan Guru Kriteria Aktif ........................................................... 64 Gambar 3.64 Laporan Guru Kriteria Pensiun ....................................................... 64 Gambar 3.65 Laporan Guru Kriteria Guru Lama.................................................. 65



xiii



Gambar 3.66 Laporan Guru Kriteria Guru Baru .................................................. 65 Gambar 3.67 Laporan Nilai Umum ..................................................................... 66 Gambar 3.68 Laporan Silabus Guru .................................................................... 66 Gambar 3.69 Laporan Nilai Agama ..................................................................... 67 Gambar 3.70 Laporan Absensi Guru ................................................................... 67 Gambar 3.71 Laporan Absensi Santri .................................................................. 68 Gambar 3.72 Laporan Santri Lama ...................................................................... 68 Gambar 3.73 Laporan Santri Baru ........................................................................ 69 Gambar 4.1 Halaman Login .................................................................................. 72 Gambar 4.2 Halaman Beranda .............................................................................. 73 Gambar 4.3 Halaman Data Guru ........................................................................... 73 Gambar 4.4 Halaman Data Santri ......................................................................... 74 Gambar 4.5 Halaman Data Jadwal dan Kelas Pembelajaran ................................ 74 Gambar 4.6 Halaman Data Nilai Pembelajaran .................................................... 75 Gambar 4.7 Halaman Laporan Santri Baru ......................................................... 75 Gambar 4.8 Halaman Laporan Santri Lama ......................................................... 76 Gambar 4.9 Halaman Laporan Guru ..................................................................... 76 Gambar 4.10 Halaman Laporan Guru Kriteria Aktif ............................................ 77 Gambar 4.11 Halaman Laporan Guru Kriteria Guru Baru ................................... 77 Gambar 4.12 Halaman Laporan Guru Kriteria Jenjang Pendidikan ..................... 78 Gambar 4.13 Halaman Laporan Nilai Umum ....................................................... 78 Gambar 4.14 Halaman Laporan Nilai Agama....................................................... 79 Gambar 4.15 Halaman Laporan Silabus ............................................................... 79



Gambar 4.16 Halaman Laporan Absensi Guru ..................................................... 80 Gambar 4. 17 Halaman Laporan Absensi Santri ................................................... 80 Gambar 4. 18 Halaman Data Pengguna ................................................................ 81 Gambar 4. 19 Halaman Data Mata Pelajaran ........................................................ 81 Gambar 4. 20 Halaman Data Tahun Ajaran .......................................................... 82 Gambar 4. 21 Data Pengaturan Penanda Tanganan .............................................. 82 Gambar 4. 22 Halaman Utama Guru..................................................................... 83 Gambar 4. 23 Halaman Jadwal Pembelajaran....................................................... 83 Gambar 4. 24 Halaman Nilai Pembelajaran .......................................................... 84 Gambar 4. 25 Halaman Silabus............................................................................. 84 Gambar 4.26 Halaman Perwalian ......................................................................... 85 Gambar 4. 27 Halaman Perangkingan .................................................................. 85 Gambar 4. 28 Halaman Raport.............................................................................. 86 Gambar 4. 29 Halaman Beranda Kepala Sekolah ................................................. 86 Gambar 4. 30 Halaman Data Guru ........................................................................ 87 Gambar 4. 31 Halaman data santri ........................................................................ 87 Gambar 4. 32 halaman pembelajaran .................................................................... 88 Gambar 4. 33 halaman absensi.............................................................................. 88 Gambar 4. 34 Halaman Utama Santri ................................................................... 89 Gambar 4. 35 Halaman Data Jadwal Pembelajaran .............................................. 89 Gambar 4. 36 Halaman Data Nilai Pembelajaran ................................................. 90 Gambar 4. 37 Halaman Utama Santri ................................................................... 90 Gambar 4. 38 Data Jadwal Pembelajaran ............................................................. 91



xv



Gambar 4. 39 Halaman Data Nilai Pembelajaran ................................................. 91 Gambar 4. 40 Laporan Santri Baru ....................................................................... 92 Gambar 4. 41 Laporan Santri Lama ...................................................................... 92 Gambar 4. 42 Berdasarkan Jenjang Pendidikan .................................................... 93 Gambar 4. 43 Laporan Guru Aktif ........................................................................ 93 Gambar 4. 44 Laporan Guru Pensiun.................................................................... 94 Gambar 4. 45 Laporan Guru Lama ....................................................................... 94 Gambar 4. 46 Laporan Guru Baru ........................................................................ 95 Gambar 4. 47 Laporan Nilai Umum ..................................................................... 95 Gambar 4. 48 Laporan Nilai Agama ..................................................................... 96 Gambar 4. 49 Laporan Silabus .............................................................................. 96 Gambar 4. 50 Laporan Absensi Guru ................................................................... 97 Gambar 4. 51 Laporan Absensi Santri .................................................................. 97



DAFTAR TABEL



Tabel 2. 1 Penelitian Terkait ................................................................................. 15 Tabel 3. 2 Tabel Absen ......................................................................................... 39 Tabel 3. 3 Tabel Absen Guru ................................................................................ 39 Tabel 3. 4 Tabel Atur ............................................................................................ 40 Tabel 3. 5 Tabel Catatan ....................................................................................... 40 Tabel 3. 6 Tabel Guru ........................................................................................... 41 Tabel 3. 7 Tabel Jadwal ........................................................................................ 41 Tabel 3. 8 Tabel Mata Pelajaran ........................................................................... 42 Tabel 3. 9 Tabel Nilai............................................................................................ 42 Tabel 3. 10 Tabel Orang Tua ................................................................................ 42 Tabel 3. 11 Tabel Pengampu................................................................................. 43 Tabel 3. 12 Tabel Santri ........................................................................................ 43 Tabel 3. 13 Tabel Silabus ...................................................................................... 43 Tabel 3. 14 Tabel Tahun ....................................................................................... 44 Tabel 3. 15 Tabel User .......................................................................................... 44 Tabel 3. 16 Tabel Wali .......................................................................................... 44 Tabel 4. 1 Hasil Pengujian Black Box Bagian Admin .......................................... 98 Tabel 4. 2 Hasil Pengujian Black Box Bagian Guru ............................................. 99 Tabel 4. 3 Hasil Pengujian Black Box Bagian Kepala Sekolah .......................... 100 Tabel 4. 4 Hasil Pengujian Black Box Bagian Orang Tua Santri ........................ 100 Tabel 4. 5 Hasil Pengujian Black Box Bagian Santri .......................................... 100



xvii



Tabel 4. 6 Pengujian Login Admin ..................................................................... 101 Tabel 4. 7 Pengujian Login User ........................................................................ 102 Tabel 4. 8 Pengujian Data Guru .......................................................................... 102 Tabel 4. 9 Pengujian Data Santri......................................................................... 103 Tabel 4. 10 Pengujian Pemasok Kayu ................................................................ 104 Tabel 4. 11 Pengujian Data Nilai ........................................................................ 105 Tabel 4. 12 Pengujian Data Pengguna ................................................................ 106 Tabel 4. 13 Pengujian Data Mata Pelajaran ........................................................ 107 Tabel 4. 14 Pengujian Laporan Santri Lama ....................................................... 108 Tabel 4. 15 Pengujian Laporan Santri Baru ........................................................ 108 Tabel 4. 16 Pengujian Laporan Nilai Umum ...................................................... 108 Tabel 4. 17 Pengujian Laporan Nilai Agama ...................................................... 109 Tabel 4. 18 Pengujian Laporan Silabus............................................................... 109 Tabel 4. 19 Pengujian Laporan Absensi Guru .................................................... 109 Tabel 4. 20 Pengujian Laporan Absensi Santri ................................................... 110 Tabel 4. 21 Pengujian Laporan Pembelian ......................................................... 110 Tabel 4. 22 Pengujian Data Nilai Pembelajaran ................................................. 110 Tabel 4. 23 Pengujian Data Silabus .................................................................... 111 Tabel 4. 24 Pengujian Laporan Hasil Belajar Santri atau Raport ....................... 112 Tabel 4. 25 Pengujian Laporan Pengiriman ........................................................ 113



BAB I PENDAHULUAN



1.1



Latar Belakang PPS (Pondok Pesantren Salafiyah) Asy-Syuhada Pelaihari diresmikan



bertepatan dengan 1 Muharram 1423 H dibawah pimpinan Ahmad Syarifuddin. Gedung pertama pondok pesantren Asy - Syuhada sebelumnya adalah bangunan sekolah MAN. Pada tahun 1997, MAN berpindah ke lahan yang lebih luas. Kemudian terjadi kekosongan kegiatan pada bangunan tersebut. Ahmad Syarifuddin merasa prihatin dan muncullah ide untuk mengembalikan fungsi bangunan sebagaimana niat dari orang-orang yang mewakafkannya yaitu sebagai tempat Pendidikan Islam. Untuk mewujudkan keinginan tersebut maka dihimpunlah para ikhwan yang peduli dan mendukung melalui sebuah wadah yaitu Ikatan Persaudaraan Santri Tanah Laut (IPSAT). Nama Asy-Syuhada sendiri diambil dari hadist Nabi Muhammad SAW “Barang siapa meninggal sedangkan ia masih aktif menuntut ilmu maka ia mati sebagai Syuhada”. Kesadaran masyarakat akan pentingnya pendidikan berbasis agama membuat Pondok Pesantren Asy-Syuhada menjadi sekolah pilihan para orang tua murid di Tanah Laut khususnya kota Pelaihari. Pada mulanya hanya terdapat satu tingkat pendidikan yaitu tingkat WUSTHO setingkat Tsanawiyah/SLTP. Kemudian disusul dan tingkat ULYA setingkat Aliyah/SLTA dan yang terbaru Sekolah tingkat ULA setingkat dengan SD/MI. Proses belajar mengajar di Pondok Pesantren



Asy-Syuhada



tidak



berbeda



dengan



sekolah



lainnya.



Guru



menyampaikan materi sesuai dengan kurikulum yang disepakati dengan teknik



1



berbeda-beda. Salah satunya dengan cara memberikan para santri hafalan. Setelah proses belajar mengajar maka akan didapat sebuah output hasil belajar para santri. Sistem yang digunakan saat ini masih dengan cara manual. Setiap wali kelas akan menuliskan hasil belajar santri dalam sebuah buku laporan. Kelemahan sistem ini adalah ketika terjadi kesalahan penulisan pada buku laporan, maka buku tersebut harus diganti dengan yang baru. Kelemahan kedua adalah perhitungan nilai dan perangkingan dengan cara manual. Maka sangat diperlukan sebuah sistem yang dapat mengatasi masalah tersebut. Adapun penelitian sebelumnya yang berkaitan dengan pembelajaran adalah Perancangan Sistem Informasi Pengolahan Nilai Raport Berbasis Web Studi Kasus Smp Negeri 1 Surakarta oleh Bagas Hutomo Prakosa (2017) dengan menggunakan bahasa pemograman PHP dan database MySQL. Sistem ini masih terbatas pada fasilitas menu yang sederhana dengan 3 user yaitu admin, guru dan wali kelas. Penelitian kedua adalah Sistem Informasi Pengolahan Nilai Raport Berbasis Web Sekolah Sosial Olahraga (Studi Kasus: Real Madrid Foundation Samarinda) oleh Andrianus Layuk, Hamdani dan Dyna Marisa K menggunakan bahasa pemograman HTML, PHP, CSS, Javascript dan database MySQL (2014). Aplikasi hanya terdiri 3 bagian, yaitu halaman utama, halaman raport dan halaman administrator. Penelitian ketiga adalah Sistem Informasi Pengolahan Nilai Raport Berbasis Web Pada Smk Negeri 1 Lingsar oleh Muhammad Multazam, Hendri Ramdan (2017) dengan menggunakan bahasa pemograman PHP dan database MySQL.



3



Sistem hanya dapat diakses oleh empat user dengan level yang berbeda yaitu level admin, guru, wali kelas dan siswa. Berdasarkan hal tersebut maka dibuatlah sebuah sistem “Sistem Informasi Hasil Belajar Santri Pps. Asy-Syuhada Pelaihari Tingkat Wustho Berbasis Web”. 1.2



Rumusan Masalah Berdasarkan latar belakang di atas, dapat merumuskan masalah penelitian



sebagai berikut : 1. Bagaimana cara membangun sebuah sistem Sistem Informasi Hasil Belajar Santri Pps. Asy-Syuhada Pelaihari Tingkat Wustho Berbasis Web ? 2. Bagaimana membuat sistem informasi hasil belajar yang mampu memberikan perangkingan secara akurat ? 1.3



Batasan Masalah Berdasarkan permasalahan yang telah diuraikan pada rumusan masalah



diatas, maka batasan masalah penelitian sebagai berikut: 1. Pada sistem informasi hasil belajar santri hanya berfokus pada pendataan nilai santri tingkat wustho. 2. Sistem informasi hasil belajar santri dapat di akses oleh 5 pengguna yaitu admin, santri, wali kelas, orang tua atau wali santri dan kepala sekolah. 3. Sistem informasi hasil belajar santri memiliki beberapa laporan yaitu laporan data santri lama, laporan data santri baru, laporan data guru berdasarkan kategori, laporan data silabus, laporan nilai berdasarkan mata



pelajaran umum, laporan nilai pelajaran berdasarkan mata pelajaran pondok (agama), laporan absensi santri dan laporan absensi guru. 4. Sistem informasi hasil belajar santri tidak memiliki laporan untuk ijazah. 5. Sistem informasi hasil belajar santri dirancang menggunakan bahasa pemrograman PHP dan MySQL. 1.4



Tujuan Penelitian Tujuan dari penelitian ini adalah mempermudah guru dalam mendata dan



merekap hasil belajar santri sehingga menghasilkan sebuah data yang akurat. 1.5



Manfaat Penelitian Manfaat dari penelitian ini adalah sebagai berikut:



1. Mempermudah dalam penginputan data santri dan nilai. 2. Meminimalisir kesalahan penulisan data santri 3. Mengurangi kesalahan ketika perhitungan nilai. 4. Mengurangi biaya penulisan hasil belajar santri seperti buku raport dan pena. 1.6



Metode Penelitian



1.6.1 Metode Pengumpulan Data Metode pengumpulan data yang digunakan dalam pembuatan program ini adalah sebagai berikut : 1.



Observasi Dilakukan dengan mengamati langsung ke objek penelitian di Pondok Pesantren Asy-Syuhada untuk melihat secara langsung proses yang terjadi pada objek penelitian



5



2.



Wawancara Dilakukan dengan menemui H. Ahmad Syarifuddin selaku Kepala Sekolah di Pondok Pesantren Asy-Syuhada untuk melakukan wawancara.



3.



Studi Pustaka Untuk mendukung pembuatan program ini dilakukan studi pustaka dan studi media. Dengan studi pustaka kita dapat mengumpulkan data melalui buku-buku yang membahas tentang cara-cara pembuatan program.



4.



Studi Dokumentasi Untuk memenuhi landasan teori perlu dilakukan studi pustaka dan studi media. Dengan studi media kita dapat mengumpulkan data melalui media internet.



1.6.2 Tahapan Pengembangan Perangkat Lunak Tahapan pengembangan perngkat lunak yang digunakan pada sistem ini adalah Waterfall Develpoment Model. Metode waterfall adalah pengerjaan dari suatu sistem dilakukan secara berurutan atau secara linear. Jadi jika langkah satu belum dikerjakan maka tidak akan bisa melakukan pengerjaan langkah 2, 3 dan seterusnya. Secara otomatis tahapan ke-3 akan bisa dilakukan jika tahap ke-1 dan ke-2 sudah dilakukan (Pressman, 2012). Model dapat digambarkan seperti gambar berikut:



Gambar 1. 1 Metode Waterfall 1.



Analisis Pada tahap ini dilakukan analisis kebutuhan untuk membangun Sistem



Informasi Hasil Belajar Santri Pps. Asy-Syuhada Pelaihari Tingkat Wustho Berbasis Web. 2.



Desain Pada tahap ini dilakukan perancangan alur sistem dengan flowchart dan



membuat kamus data (rancangan tabel) serta perancangan antarmuka (interface). 3.



Implementasi Tahap implementasi merupakan tahap pengimplementasian dalam bentuk



program/pengkodean untuk membuat sistem menggunakn bahasa pemograman PHP dan menggunakan database MySQL. 4.



Pengujian Pada tahap ini dilakukan pengujian sistem yang telah dibangun untuk



mengecek kesalahan-kesalahan yang mungkin terlewat. 5.



Pemeliharaan Setelah melakukan pengujian sistem yang dibangun maka dilakukan



pemeliharaan untuk memperbaiki kesalahan-kesalahan dalam pembuatan sistem.



7



1.7



Sistematika Penulisan Penelitian skripsi ini akan disusun dengan sistematika sebagai berikut.



1.



BAB I PENDAHULUAN Bab ini menerangkan latar belakang, perumusan dan pembahasan masalah, tujuan penelitian, metode penelitian, teknik pengumpulan data, dan sistematika penulisan.



2.



BAB II TINJAUAN PUSTAKA Bab ini akan membahas landasan teori yang digunakan dalam skripsi antara lain, yaitu : teori-teori umum tentang definisi sistem, informasi, dan database, serta teori-teori yang mendukung dalam penulisan skripsi.



3.



BAB III ANALISIS DAN PERANCANGAN SISTEM Bab ini juga menguraikan tentang desain model sistem informasi, diagram konteks, serta desain database yang berisi kamus data dan struktur tabel dalam kamus data yang digunakan sebagai analisa kebutuhan sistem serta perancangan database.



4.



BAB IV IMPLEMENTASI DAN PENGUJIAN Setelah perancangan sistem sudah dilakukan maka akan diimplementasikan dan diuji. Di bab ini dijelaskan spesifikasi sistem,implementasi sistem, dan analisis hasil implementasi.



5.



BAB V PENUTUP Pada bagian akhir akan dipaparkan kesimpulan secara keseluruhan pada bab-bab sebelumnya dan juga berisi saran serta masukan.



BAB II TINJAUAN PUSTAKA



2.1



Landasan Teori Sebelum membahas lebih lanjut, terlebih dahulu akan memaparkan



mengenai teori-teori dan definisi-definisi yang dikemukakan oleh para ahli yang relevan dengan permasalahan yang diteliti sebagai dasar atau teori yang akan digunakan untuk pembahasan permasalahan penelitian tersebut. Pengertianpengertian yang akan dipaparkan adalah sebagai berikut: 2.1.1 Sistem Menurut (Tohari, 2013) Sistem adalah kumpulan atau himpunan dari unsur atau variabel – variabel yang saling terkait, saling berinteraksi, dan saling tergantung satu sama lain untuk mencapai tujuan. Selain itu, sistem juga dapat didefinisikan sebagai sekumpulan objek – objek yang saling berelasi dan berinteraksi, serta hubungan antar objek bisa dilihat sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan yang telah ditetapkan. Menurut (Kurniawan, 2017) Sistem adalah suatu paduan yang terdiri dari beberapa unsur yang tergabung satu sama lain agar mempermudah laju aliran informasi, energi ataupun materi hingga dapat mencapai tujuan tertentu. Menurut (Arifashkaf, 2015) Sistem adalah sekelompok komponen dan elemen yang digabungkan menjadi satu untuk mencapai tujuan tertentu. Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk



8



9



memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika seringkali bisa dibuat. Dari beberapa pengertian diatas, dapat ditarik kesimpulan bahwa sistem adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan, atau sekumpulan unsur atau elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan. 2.1.2 Informasi Menurut (Jogiyanto, 1999) Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian – kejadian (event) yang nyata (fact) yang digunakan untuk pengambilan keputusan. Menurut (Gordon, 1991)Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat bagi pengambilan keputusan saat ini atau mendatang. Pengertian Informasi Menurut (Sutabri T. , 2005) adalah data yang telah diklasifikasikan atau diolah atau diinterpretasikan untuk digunakan dalam proses pengambilan keputusan. Berdasarkan beberapa pengertian diatas dapat disimpulkan bahwa Informasi adalah data atau fakta yang telah diolah menjadi suatu bentuk yang mempunyai arti dan bermanfaat membantu seseorang dalam mengambil keputusan.



10



2.1.3 Hasil Belajar Menurut Bruner, dalam proses belajar dapat dibedakan tiga fase atau episode, yakni (1) informasi, (2) transformasi, (3) evaluasi. Informasi yang didapat tiap pelajaran ada yang dapat menambah pengetahuan yang telah dimiliki, ada yang memperhalus dan memperdalamnya, ada pula yang bertentangan dengan apa yang telah diketahui. Transformasi adalah proses informasi yang telah dianalisis dan diubah ke dalam bentuk yang lebih abstrak atau konseptual. Evaluasi merupakan proses penilaian terhadap pengetahuan yang telah didapat. (Nasution, 2013) Hasil yang dicapai dalam bidang kognitif ialah bahwa jumlah murid yang mendapat angka tertinggi atas dasar penguasaanya yang tuntas mengenai bahan pelajaran tertentu. Jika sebelumnya hanya sekitar 10 – 20 persen saja yang memperoleh nilai tertinggi, maka dengan “mastery learning” jumlah dapat ditingkatkan menjadi 80 persen. (Nasution, 2013) Jadi, hasil belajar dapat diperoleh setelah melewati tiga fase yaitu informasi, tranformasi dan evaluasi. Hasil belajar yang dicapai akan menjadi tolak ukur kemampuan penguasaan bahan pelajaran dari masing-masing santri. 2.1.3 Pondok Pesantren Salafiyah Asy-Syuhada PPS (Pondok Pesantren Salafiyah) Asy-Syuhada Pelaihari diresmikan bertepatan dengan 1 Muharram 1423 H dibawah pimpinan Ahmad Syarifuddin. Sistem penerimaan santri tanpa seleksi. Setiap santri yang masuk langsung diterima. Sedangkan penempatan kelas sesuai dengan kemampuan dasar ilmu agama yang dimiliki sebelumnya.



11



2.1.4 Web Website atau sistus dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara dan atau gabungan dari semuanya, baik brsifat statis maupun dinamis yang membentuk suatu rangkaian bangunan yang saling terkait, yang masing- masing dihubungkan dengan jaring-jaringan halaman (Nurmi). 2.1.4 Hypertext Preprocessor (PHP) Hypertext preprocessor (PHP) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah Content Management System atau CMS (Kadir, 2013). Hypertext preprocessor (PHP) adalah sebuah bahasa pemrograman yang umum digunakan untuk scripting server-sid. PHP biasanya terpasang pada HTML. Bahasa pemrograman ini dapat membuat suatu website yang dinamis (Bekti & Huamira, 2015). Berdasarkan penjelasan hypertext preprocessor (PHP) dapat disimpulkan bahwa hypertext preprocessor (PHP) adalah bahasa skrip yang biasanya terpasang pada HTML, yang dapat digunakan membangun sebuah content management system atau CMS dan dapat membuat sebuah website. 2.1.5 MySQL Menurut Rosari, SQL merupakan kependekan structured query language. SQL digunakan untuk berkomunikasi dengan sebuah database. SQL adalah bahasa



yang



meliputi



perintah-perintah



untuk



menyimpan,



menerima,



12



memelihara, dan mengatur akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database (Trimarsiah & Yunita, 2014). MySQL merupakan database server yang paling sering digununakan dalam pemrograman PHP. MySQL digunakan untuk menyimpan data dalam database dan memanipulasi data-data yang diperlukan manipulasi data tersebut berupa menambah, mengubah, dan menghapus data yang berada dalam (Buana, Jakarta) Berdasarkan penjelasan MySQL dapat disimpulkan bahwa MySQL merupakan database server digunakan untuk menyimpan data dalam database serta digunakan untuk memanipulasi dan menampilkan data dari database. 2.1.6 Unified Modeling Language (UML) Unified modeling language (UML) adalah standarisasi bahasa pemodelan untuk membangun perangkat lunak yang dibangun dengan menggunakan teknik pemrograman berorientasi objek (Rosa & shalahuddin, 2013). Unified modeling language (UML) adalah bahasa standar yang digunakan untuk menjelaskan dan memvisualisaikan dari proses analisis dan disain berorientasi objek. UML menyediakan standar pada notasi dan diagram yang bisa digunakan untuk memodelkan suatu sistem (Wahyudin & Ahmad, 2014). Unified modeling language (UML) memiliki 9 jenis diagram, namun hanya 4 jenis diagram yang akan dijelaskan disini, yaitu Use Case Siagram, Activity Diagram, Sequence Diagram dan Class Diagram. Use Case Diagram Use case atau use case diagram merupakan pemodelan untuk melakukan (behavior) sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah



13



interaksi antara satu atau lebih aktor dengan sistem informasi yang akan dibuat (Rosa & shalahuddin, 2013). Use case adalah deskripsi fungsi dari sebuah sistem perspektif pengguna. Use case bekerja dengan cara mendeskripsikan tipikal interaksi antara user (pengguna) sebuah sistem dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem dipakai. Urutan langkah-langkah yang menerangkan antara pengguna dan sistem disebut skenario (Haviluddin, 2011). Activity Diagram Diagram aktivitas atau activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuh sistem atau proses bisnis atau menu yang ada pada perangkat lunak (Rosa & shalahuddin, 2013). Activity diagram Menggambarkan aktifitas-aktifitas, objek, state, transisi state dan event. Kegiatan diagram alur kerja menggambarkan perilaku sistem untuk aktivitas (Haviluddin, 2011). Sequence Diagram Sequence diagram menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima antar objek (Rosa & shalahuddin, 2013). Sequence diagram adalah gambaran tahap demi tahap, termasuk kronologi (urutan) perubahan secara logis yang seharusnya dilakukan untuk menghasilkan sesuatu sesuai dengan use case diagram (Haviluddin, 2011).



14



Class Diagram Class diagram menggambarkan struktur sistem dari segi pendifinisian kelas-kelas yang akan di buat untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan metode atau operasi (Rosa & shalahuddin, 2013). Class diagram menggambarkan struktur statis dari kelas dalam sistem anda dan menggambarkan atribut, operasi dan hubungan antara kelas. Class diagram membantu dalam memvisualisasikan struktur kelas-kelas dari suatu sistem (Haviluddin, 2011).



2.2 Penelitian Terkait Berikut adalah tabel hasil-hasil penelitian terkait dengan layanan terpadu sebagai acuan dalam melakukan penelitian. Tabel 2. 1 Penelitian Terkait NAMA PENELITI DAN TAHUN



NO



JUDUL



1



Perancangan Sistem Informasi



Bagas Hutomo



Masih menggunakan Ms.



Menggunakan



Sistem ini masih terbatas pada



Pengolahan



Prakosa 2017



Excel dalam pengolahan



bahasa pemrograman



fasilitas menu yang sederhana



nilai



PHP dan database



dengan 3 user yaitu admin, guru



My SQL



dan wali kelas.



Nilai



Raport



Berbasis Web Studi Kasus Smp



MASALAH



Negeri 1 Surakarta



2



APLIKASI



KETIDAKSESUAIAN



Sistem Informasi Pengolahan



Andrianus Layuk,



Pengolahan nilai pada



Bahasa HTML, PHP,



Aplikasi hanya terdiri 3 bagian,



Nilai Raport Berbasis Web



Hamdani, Dyna



sekolah sosial olahraga



CSS, Javascript dan



yaitu halaman utama, halaman



Sekolah Sosial Olahraga (Studi



Marisa K 2014



masih manual sehingga



database MySQL



raport dan halaman



Kasus: Real Madrid Foundation)



sulit membandingkan



administrator.



15



Samarinda)



3



kemampuan tiap siswa



Sistem Informasi Pengolahan



Muhammad



Pengolahan nilai raport



Menggunakan



Sistem hanya dapat diakses oleh



Nilai Raport Berbasis Web Pada



Multazam, Hendri



masih manual dan sedikit



bahasa pemrograman



empat user dengan level yang



Smk Negeri 1 Lingsar



Ramdan 2017



menggunakan bantuan



PHP dan database



berbeda yaitu level admin, guru,



Microsoft Excel.



My SQL



wali kelas dan siswa.



Penginputan nilai raport hanya mengandalkan formulir data nilai siswa kemingkinanan formulir tersebut hilang atau terselip, dan tercecer.



16



17



2.3 Profil Objek Penelitian Penelitian ini dilaksanakan pada : Nama Instansi



: Pondok Pesantren Salafiyah Asy-Syuhada Pelaihari



Alamat



: Jl. Dharma No. 29 Kec. Pelaihari



Telepon



: 08125099636



2.3.1 Sejarah Singkat Pondok Pesantren Asy – Syuhada PPS (Pondok Pesantren Salafiyah) Asy-Syuhada Pelaihari diresmikan bertepatan dengan 1 Muharram 1423 H dibawah pimpinan Ahmad Syarifuddin. Gedung pertama pondok pesantren Asy - Syuhada sebelumnya adalah bangunan sekolah MAN. Pada tahun 1997, MAN berpindah ke lahan yang lebih luas. Kemudian terjadi kekosongan kegiatan pada bangunan tersebut. Ahmad Syarifuddin merasa prihatin dan muncullah ide untuk mengembalikan fungsi bangunan sebagaimana niat dari orang-orang yang mewakafkannya yaitu sebagai tempat Pendidikan Islam. Untuk mewujudkan keinginan tersebut maka dihimpunlah para ikhwan yang peduli dan mendukung melalui sebuah wadah yaitu Ikatan Persaudaraan Santri Tanah Laut (IPSAT). Nama Asy-Syuhada sendiri diambil dari hadist Nabi Muhammad SAW “Barang siapa meninggal sedangkan ia masih aktif menuntut ilmu maka ia mati sebagai Syuhada”. Pada mulanya hanya terdapat satu tingkat pendidikan yaitu tingkat WUSTHO setingkat Tsanawiyah/SLTP. Kemudian disusul dan tingkat ULYA setingkat Aliyah/SLTA dan yang terbaru Sekolah tingkat ULA setingkat dengan SD/MI. Saat ini Pondok Pesantren Asy – Syuhada telah memiliki tiga bangunan dengan lantai bertingkat dua.



18



2.3.2 Visi dan Misi VISI Mencetak Generasi Harapan yang Beriman, Bertaqwa, Berilmu, Sehat Jasmani Rohani dan Berakhlaq Mulia serta memahami Iptek. MISI 1.



Mengajarkan Ilmu Agama dan Iptek kepada santri



2.



Mendidik santri agar menjadi pribadi yang berakhlak mulia.



3.



Menumbuh kembangkan semangat prestasi kreatif kepada seluruh warga Pesantren.



4.



Memajukan syiar Islam di masyarakat.



TUJUAN 1.



Mensyiarkan Agama Islam ke tengah-tengah masyarakat.



2.



Mencetak Generasi Harapan yang hidup dengan berlandaskan Agama Islam dan mengerti Iptek.



3.



Mendidik santri agar menjadi Muslim yang Bertaqwa dan Berakhlak Mulia.



4.



Berusaha mengurangi Krisis Moral dengan menanamkan Pemahaman Agama Islam sedini mungkin kepada para santri yang akan menjadi Penerus bangsa ini.



2.3.3 Struktur Organisasi KEPALA SEKOLAH --------------------UST. H. AHMAD SYARIFUDDIN



SEKRETARIS ---------------------



BENDAHARA ---------------------



UST. H. HILMANSYAH



UST. AKHMAD SAIRANI, S.Pd.I



Gambar 2. 1 Struktur Organisasi Pondok Pesantren Asy - Syuhada



19



BAB III ANALISIS DAN PERANCANGAN SISTEM



3.1



Analisis sistem yang berjalan Berdasarkan hasil penelitian dapat disimpulkan bahwa sistem yang sedang



berjalan digambarkan seperti gambar 3.1. Flowmap Sistem yang Sedang Guru



Wali Kelas



Santri



Kepala Sekolah



Mulai



No



Mendata nilai santri



Menyerahkan data nilai santri



Melakukan perhitungan nilai



Belum Semua sudah dihitung?



Ya



Laporan nilai hasil belajar



Membagi kan nilai



Laporan nilai hasil belajar



Arsip nilai santri



Selesai



Gambar 3. 1 Analisis Sistem Berjalan



19



20



Sistem pelaporan hasil belajar santri pada Pondok Pesantren Salafiyah AsySyuhada Pelaihari dilakukan dengan cara manual dan sedikit menggunakan bantuan Microsoft Excel. Sistem yang ada dianggap kurang efektif pengolahan nilai menjadi lebih lama karena penginputan nilai hanya dilakukan oleh wali kelas dengan mengandalkan formulir data nilai. Berikut ini gambaran sistem yang berjalan: 1.



Guru mendata nilai santri dalam sebuah formulir nilai.



2.



Guru menyerahkan data kepada wali kelas.



3.



Wali kelas mendata ulang nilai masing-masing santri dan melakukan perhitungan nilai.



4.



Wali kelas membagikan laporan hasil belajar santri dan memberikan arsip nilai kepada kepala sekolah.



3.1.1 Analisis Guru 1.



Guru mengambil soal ulangan dan formulir nilai



2.



Guru memberikan nilai terhadap hasil ulangan santri



3.



Guru mengisi formulir nilai dan menyerahkan kepada wali kelas



4.



Wali kelas menulis kembali nilai santri ke dalam formulir nilai untuk wali kelas



5.



Wali kelas melakukan perhitungan nilai



6.



Wali kelas menulis nilai ke dalam buku raport



7.



Wali kelas menemui pimpinan untuk meminta tanda tangan dan menyerahkan arsip formulir nilai



8.



Wali kelas membagikan raport kepada santri atau orang tua santri



21



3.1.2 Analisis Santri 1.



Datang ke Pondok Pesantren Asy – Syuhada



2.



Menemui wali kelas



3.



Antri untuk mengambil raport



3.1.3 Analisis Orang Tua 1.



Datang ke Pondok Pesantren Asy – Syuhada



2.



Menemui wali kelas



3.



Antri untuk mengambil raport



3.1.4 Analisis Kepala Sekolah 1.



Menemui wali kelas



2.



Melihat arsip nilai santri



3.



Menandatangani raport santri



3.2



Analisis kebutuhan sistem Berdasarkan masalah-masalah yang ditemui pada sistem sekarang, maka



akan di buat sebuah sistem informasi yang akan dibuat diharapkan mampu untuk : 1.



Melakukan proses input data guru



2.



Melakukan proses input data santri



3.



Melakukan proses input data mata pelajaran



4.



Melakukan proses input data absen guru



5.



Melakukan proses input data absen santri



6.



Melakukan proses input data penjadwalan



7.



Melakukan input data penilaian



8.



Melakukan input data pengguna 21



22



9.



Melakukan input data silabus



10.



Melakukan input data catatan



11.



Melakukan input data pengampu



12.



Melakukan input data atur



13.



Melakukan input data nilai



3.3



Rancangan Model Sistem Perancangan sistem adalah merancang atau mendesain sistem yang baik,



isinya adalah langkah-langkah operasi dalam pengolahan data dan prosedur untuk operasi sistem. Kegiatan yang dilakukan pada tahap ini yaitu merancang atau mendesain sistem yang baik, mendesain pemodelan sistem yang baik, mengenali dan mendefinisikan masalah pembuatan sistem ini sehingga jika ada kesalahan ada alternatif pemecahannya. Perancangan Unified Modeling Language (UML) 1.



Use Case Diagram Gambar usecase diagram dengan admin, kepsek, guru, santri dan orangtua



yang dapat mengakses aplikasi dengan login, mengatur aplikasi secara keseluruhan karena memiliki semua akses untuk melakukan pengaturan, kemudian juga hanya admin dapat mengelola data absensi guru, data guru, data santri, data penjadwalan, data absensi santri, data penilaian, data perwalian, data mata pelajaran, data pengguna, data penanda tangannan dan laporan. Kepsek dapat melihat data absensi guru, data absensi santri, data guru dan data santri. Wali kelas dapat mengelola nilai yang berisi cetak raport dan lihat nilai, mengelola silabus dan lihat data penjadwalan. Santri dapat ganti foto diri dan



23



melihat data penjadwalan. Orang tua hanya dapat meliat biodata santri dan melihat data jadwal. Sebelum mereka bisa melakukan tugas tersebut ada include yang mengharuskan mereka untuk login ke dalam sistem. Data Tahun Ajaran



Data Pengguna



Data Mata Pelajaran







Data Perwalian



Data Penilaian



Data Absensi Santri



Admin Data Penjadwalan



Data Santri



Kepsek



Login



Data Guru



Data Absensi Guru



Data Kelas dan Jadwal



Wali Kelas







Data Nilai Pembelajaran



Referensi



Santri Silabus



Laporan orang Tua



Gambar 3. 2 Use Case Diagram Sistem Informasi Hasil Belajar Santri Pps. AsySyuhada Pelaihari Tingkat Wustho Berbasis Web



23



25



2.



Sequence Diagram



a.



Sequence Diagram Login Admin Gambar sequence diagram login admin menjelaskan urutan-urutan proses



yang dilakukan admin dalam melakukan login. Admin memasukkan nama admin dan kata sandi di form login kemudian dalam prosesnya nama admin dan kata sandi di cek validasinya, apabila sesuai dengan yang ada pada database maka menu utama akan tampil, apabila nama admin atau kata sandi tidak ditemukan maka ulangi lagi proses memasukan nama admin dan kata sandi.



Admin



Form



Database



Sistem



Tampilan login ()



Login () Masuk aplikasi ()



Validasi() Konfirmasi ()



Gambar 3. 3 Sequence Diagram Login Admin b.



Sequence Diagram Data Penjadwalan Admin Gambar sequence diagram data penjadwalan menjelaskan urutan-urutan



proses yang dilakukan admin dalam melakukan penginputan data penjadwalan dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



26



Admin



Data Penjadwalan



Database



Proses



Memilih menu penjadwalan() Tampil data penjadwalan() Input data penjadwalan() Input data penjadwalan()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3. 4 Sequence Diagram Data Penjadwalan Admin c.



Sequence Diagram Data Penjadwalan Kepsek Gambar sequence diagram data penjadwalan menjelaskan urutan-urutan



proses yang dilakukan Kepsek untuk melihat data penjadwalan.



Kepsek



Data Penjadwalan



Proses



Database



Memilih menu ()



Memilih data penjadwalan() Mengakses data penjadwalan() Tampilkan data penjadwalan() Tampilkan data penjadwalan()



Gambar 3. 5 Sequence Diagram Data Penjadwalan Kepsek d.



Sequence Diagram Data Penjadwalan Guru Gambar sequence diagram data penjadwalan menjelaskan urutan-urutan



proses yang dilakukan Guru untuk melihat data penjadwalan.



27



Guru



Data Penjadwalan



Proses



Database



Memilih menu ()



Memilih data penjadwalan() Mengakses data penjadwalan() Tampilkan data penjadwalan() Tampilkan data penjadwalan()



Gambar 3. 6 Sequence Diagram Data Penjadwalan Guru e.



Sequence Diagram Data Penjadwalan Santri Gambar sequence diagram data penjadwalan menjelaskan urutan-urutan



proses yang dilakukan santri untuk melihat data penjadwalan



Santri



Data Penjadwalan



Proses



Database



Memilih menu ()



Memilih data penjadwalan() Mengakses data penjadwalan() Tampilkan data penjadwalan() Tampilkan data penjadwalan()



Gambar 3. 7 Sequence Diagram Data Penjadwalan Santri



28



f.



Sequence Diagram Data Penjadwalan Orang tua Gambar sequence diagram data penjadwalan menjelaskan urutan-urutan



proses yang dilakukan orang tua untuk melihat data penjadwalan



Orang Tua



Data Penjadwalan



Database



Proses



Memilih menu ()



Memilih data penjadwalan() Mengakses data penjadwalan() Tampilkan data penjadwalan() Tampilkan data penjadwalan()



Gambar 3.8 Sequence Diagram Data Penjadwalan Orang Tua g.



Sequence Diagram Data Nilai Gambar sequence diagram data nilai menjelaskan urutan-urutan proses yang



dilakukan guru untuk melihat data nilai



Guru



Data Nilai



Proses



Database



Memilih menu ()



Memilih data nilai() Mengakses data nilai() Tampilkan data nilai() Tampilkan data nilai()



Gambar 3.9 Sequence Diagram Data Nilai Guru



29



h.



Sequence Diagram Data Biodata Gambar sequence diagram data biodata menjelaskan urutan-urutan proses



yang dilakukan santri dalam melakukan penginputan data biodata dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Santri



Data Biodata



Database



Proses



Memilih biodata() Tampil data biodata() Input data biodata() Input data biodata()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.10 Sequence Diagram Data Biodata i.



Sequence Diagram Data Silabus Gambar sequence diagram data silabus menjelaskan urutan-urutan proses



yang dilakukan guru dalam melakukan penginputan data silabus dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Guru



Data Silabus



Database



Proses



Memilih silabus() Tampil data silabus() Input data silabus() Input data silabus()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.11 Sequence Diagram Data Silabus



30



j.



Sequence Diagram Data Guru Gambar sequence diagram data guru menjelaskan urutan-urutan proses



yang dilakukan admin dalam melakukan penginputan data guru dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Admin



Data Guru



Database



Proses



Memilih guru() Tampil data guru() Input data guru() Input data guru()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.12 Sequence Diagram Data Guru k.



Sequence Diagram Data Santri Gambar sequence diagram data santri menjelaskan urutan-urutan proses



yang dilakukan admin dalam melakukan penginputan data santri dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Admin



Data Santri



Database



Proses



Memilih santri() Tampil data santri() Input data santri() Input data santri()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.13 Sequence Diagram Data Santri



31



l.



Sequence Diagram Data Penilaian Gambar sequence diagram data penilaian menjelaskan urutan-urutan proses



yang dilakukan admin dalam melakukan penginputan data penilaian dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Admin



Data Penilaian



Database



Proses



Memilih penilaian() Tampil data penilaian() Input data penilaian() Input data penilaian()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.14 Sequence Diagram Data Penilaian m. Sequence Diagram Data Perwalian Gambar sequence diagram data perwalian menjelaskan urutan-urutan proses yang dilakukan admin dalam melakukan penginputan data perwalian dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Admin



Data Perwalian



Database



Proses



Memilih perwalian() Tampil data perwalian() Input data perwalian() Input data perwalian()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.15 Sequence Diagram Data Perwalian



32



n.



Sequence Diagram Data Pengguna Gambar sequence diagram data pengguna menjelaskan urutan-urutan proses



yang dilakukan admin dalam melakukan penginputan data pengguna dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Admin



Data Pengguna



Database



Proses



Memilih pengguna() Tampil data pengguna() Input data pengguna() Input data pengguna()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.16 Sequence Diagram Data Pengguna o.



Sequence Diagram Data Tahun Ajaran Gambar sequence diagram data tahun ajaran menjelaskan urutan-urutan



proses yang dilakukan admin dalam melakukan penginputan data tahun ajaran dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Admin



Data Tahun Ajaran



Database



Proses



Memilih tahun ajaran() Tampil data tahun ajaran() Input data tahun ajaran() Input data tahun ajaran()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.17 Sequence Diagram Data Tahun Ajaran



33



p.



Sequence Diagram Data Absensi Guru Gambar sequence diagram data absensi guru menjelaskan urutan-urutan



proses yang dilakukan admin dalam melakukan penginputan data absensi guru dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Admin



Data Absensi Guru



Database



Proses



Memilih absensi guru() Tampil data absensi guru() Input data absensi guru() Input data absensi guru()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3.18 Sequence Diagram Data Absensi Guru q.



Sequence Diagram Data Absensi Santri Gambar sequence diagram data absensi santri menjelaskan urutan-urutan



proses yang dilakukan admin dalam melakukan penginputan data absensi santri dimana sebelum data tersebut disimpan ke dalam database, data terlebih dahulu di validasi.



Admin



Data Absensi Santri



Database



Proses



Memilih absensi santri() Tampil data absensi santri() Input data absensi santri() Input data absensi santri()



Validasi() Simpan data () Tampilkan hasil () Tampilkan hasil ()



Gambar 3. 19 Sequence Diagram



Data



34



r.



Sequence Diagram Data Laporan Gambar sequence diagram data menjelaskan urutan-urutan proses yang



dilakukan admin dalam memilih data laporan.



Admin



Menu Laporan



Database



Proses



Masuk menu laporan () Pilih data () Akses data () Tampilan hasil () Tampilan hasil ()



Gambar 3.20 Sequence Diagram Data



35



3.



Activity Diagram Activity diagram menjelaskan admin, kepsek, guru, santri dan orangtua yang bisa disebut sebagai pengguna. Pada gambar 3.3



berisi activity diagram yang dilakukan oleh admin.



Pilih Menu



Dashboard



Data Penjadwalan



Data Guru



Data Santri



Data Penilaian



Data Pengguna



Data Tahun Ajaran



Data Absensi Guru



Data Absensi Santri



Data Penanda Tanganan



Laporan



Kelola Data Penjadwalan



Kelola Data Guru



Kelola Data Santri



Kelola Data Penilaian



Kelola Data Pengguna



Kelola Data Tahun Ajaran



Kelola Data Absensi Guru



Kelola Data Absensi Santri



Kelola Data Penanda Tanganan



Kelola Laporan



Selesai



Gambar 3. 21 Activity Diagram Admin



36



Pada gambar 3.4 berisi activity diagram yang dilakukan oleh guru.



Pilih Menu



Jadwal Pembelajaran



Nilai Pembelajaran



Silabus



Perwalian



Perangkingan



Raport



Selesai



Gambar 3. 22 activity diagram guru Pada gambar 3.4 berisi activity diagram yang dilakukan oleh kepala sekolah.



Pilih Menu



Guru



Santri



Pembelajaran



Absensi



Selesai



Gambar 3. 23 activity diagram kepala sekolah



37



Pada gambar 3.4 berisi activity diagram yang dilakukan oleh orang tua santri.



Pilih Menu



Lihat Jadwal Pembelajaran



Lihat Biodata



Lihat Nilai Pembelajaran



Selesai



Gambar 3. 24 activity diagram orang tua santri Pada gambar 3.4 berisi activity diagram yang dilakukan oleh santri.



Pilih Menu



Ubah Foto Profil



Lihat Jadwal Pembelajaran



Lihat Nilai Pembelajaran



Selesai



Gambar 3. 25 activity diagram santri



38



4.



Class Diagram



tb_nilai tb_wali



tb_user



+id_abguru



+kd_absen



+nilai 1



+kelas



+nisn



+nisn



+no_id



+no_id



+no_id



+nisn



+nilai 2



+jam 1



+nama_santri



+kelakuan



+nama_guru



+tanggal



+hadir



+hadir



+kerajinan



+tmpt



+materi



+sakit



+sakit



+kerapian



+tgl_lhr



+kelas



+ijin



+ijin



+catatan



+pendidikan_terakhir



+id_mapel



+tanpa_ket



+tanpa_ket



+semester



+thn_lulus



+id_ta



+ket



+ket



+id_ta



+thn_bertugas



+id_ta



+id_ta



+foto



+no_id



+status



+semester



+Tambah()



+Tambah()



+Tambah()



+Tambah()



+Tambah()



+Ubah()



+Ubah()



+Ubah()



+Ubah()



+Ubah()



+Hapus()



+Hapus()



+Cari()



+Cari()



+Lihat() +Cetak()



+password



+rangking +Tambah()



+nilai_akhir



+status



+nilai_huruf



+Tambah()



+kd_kelas



+Ubah()



+kd_mapel +kd_thn



+jam 2



+tmpt_lahir



+kd_mapel



+tgl



+kd_thn



+ayah +ibu



+semester



+Cari()



+Tambah()



+Tambah()



+Lihat()



+Ubah()



+Ubah()



+alamat +thn_masuk



+Ubah()



+Hapus() tb_ta



+Hapus() +Cari()



+kd_thn



+Lihat()



+thn



+Hapus()



+Cari()



+Cari()



+Lihat()



+Lihat()



+Cetak()



+Cetak()



+Hapus() +Cari()



+Tambah()



tb_mapel +Ubah() +kd_mapel +Hapus() +Cari()



tb_absen



tb_absen_guru



+id_silabus



+username



+Hapus()



tb_silabus



+id_guru



+nisn



+nilai_total



tb_guru



+id_cttn



+no_id



+semester



tb_catatan



+id_santri



+nisn



+kelas



tb_santri



+kd_kelas



+id_user



+kd_thn



tb_jadwal



+kd_nilai



+kd_wali



+mapel +jenis



+Lihat()



+Hapus() +Cari()



+Hapus() +Cari()



+Cetak() +Lihat()



+Cetak()



+Cetak()



+Cetak()



+Cetak()



tb_atur



tb_ortu



+id_atur



+id



+nama



+nisn



+nip



+username



+jabatan



+password



+ttd



+status



+Tambah()



+Tambah()



+Ubah()



+Ubah()



+Hapus()



+Hapus()



+Cari()



+Cari()



+Lihat()



+Lihat()



+Tambah() +Ubah() +Hapus() +Cari() +Lihat()



+Lihat()



+Lihat()



+kd_kelas



+Cari()



+Hapus()



+Lihat()



+no_id



+Hapus()



+Ubah()



+Lihat() +kd_pengampu



+Ubah()



+Tambah()



+Cari()



tb_pengampu



+Tambah()



+semester



+Lihat()



Gambar 3. 26 Class Diagram



39



3.4



Rancangan Basis Data Perancangan basis data (database) merupakan garis besar keseluruhan



sistem pengolah data elektronik yang akan dilakukan dalam membuat sebuah sistem aplikasi yang berbasis database yang membutuhkan rancangan database yang memadai dikarenakan data yang akan diolah merupakan inti utama dari seluruh sistem yang berjalan. Rancangan Tabel Berikut adalah rancangan tabel Sistem Informasi Hasil Belajar Santri Pps. Asy-Syuhada Pelaihari Tingkat Wustho Berbasis Web. Tabel Absen Santri Tabel 3. 1 Tabel Absen Santri No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



1



kd_absen



2



Nisn



varchar



15



3



Hadir



Int



11



4



Sakit



Int



11



5



Ijin



Int



11



6



tanpa_ket



Int



11



7



Ket



varchar



50



8



id_ta



Int



11



9



Semester



Int



11



Tabel Absen Guru Tabel 3. 2 Tabel Absen Guru No 1



Field Name id_abguru



Type



Width



Keterangan



Int



11



auto_increment



40



No



Field Name



Type



Width



2



no_id



varchar



30



3



Hadir



Int



11



4



Sakit



Int



11



5



Ijin



Int



11



6



tanpa_ket



Int



11



7



Ket



varchar



50



8



id_ta



Int



11



9



Semester



Int



11



Keterangan



Tabel Atur Tabel 3. 3 Tabel Atur No



Field Name



Type



Width



Keterangan auto_increment



1



id_atur



Int



11



2



Nama



varchar



50



3



Nip



varchar



20



4



Jabatan



varchar



50



5



Ttd



text



Tabel Catatan Tabel 3. 4 Tabel Catatan No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



1



id_cttn



2



Nisn



varchar



20



3



kelakuan



varchar



20



4



kerajinan



varchar



20



5



kerapian



varchar



20



6



Catatan



Text



7



semester



Int



11



8



id_ta



Int



11



9



no_id



varchar



20



40



41



Tabel Guru Tabel 3. 5 Tabel Guru No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



1



id_guru



2



no_id



varchar



30



3



nama_guru



varchar



100



4



Tmpt



varchar



50



5



tgl_lhr



date



6



pendidikan_terakhir



7



varchar



50



thn_lulus



Int



11



8



thn_bertugas



Int



11



9



Status



varchar



20



Tabel Jadwal Tabel 3. 6 Tabel Jadwal No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



1



kd_kelas



2



Kelas



varchar



30



3



Hari



varchar



30



4



jam 1



varchar



10



5



jam 2



varchar



10



6



kd_mapel



Int



11



7



kd_thn



Int



11



8



semester



Int



11



42



Tabel Mata Pelajaran Tabel 3. 7 Tabel Mata Pelajaran No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



1



kd_mapel



2



Maple



varchar



100



3



Jenis



varchar



10



Tabel Nilai Tabel 3. 8 Tabel Nilai No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



varchar



15



1



kd_nilai



2



Nisn



3



nilai 1



float



4



nilai 2



float



5



nilai_akhir



float



6



nilai_huruf



Text



7



kd_kelas



Int



11



8



kd_mapel



Int



11



9



kd_tahun



Int



11



Tabel Orang Tua Tabel 3. 9 Tabel Orang Tua No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



1



Id



2



Nisn



varchar



50



3



username



varchar



50



4



password



varchar



50



5



Status



varchar



15



42



43



Tabel Pengampu Tabel 3. 10 Tabel Pengampu No



Field Name



1



kd_pengampu



2



no_id



3



kd_kelas



Type



Width



Keterangan



Int



11



auto_increment



varchar



20



Int



11



Tabel Santri Tabel 3. 11 Tabel Santri No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



1



id_santri



2



Nisn



varchar



15



3



nama_santri



varchar



50



4



tmpt_lahir



varchar



50



5



Tgl



6



Ayah



varchar



50



7



Ibu



varchar



50



8



Alamat



text



9



thn_masuk



Int



11



10



Foto



varchar



100



date



Tabel Silabus Tabel 3. 12 Tabel Silabus No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



varchar



20



1



id_silabus



2



no_id



3



Tanggal



4



Materi



varchar



100



5



Kelas



varchar



20



6



id_mapel



Int



11



date



44



No



Field Name



Type



Width



7



id_ta



Int



11



8



Semester



Int



11



Keterangan



Tabel Tahun Tabel 3. 13 Tabel Tahun No



Field Name



1



kd_thn



2



Thn



Type



Width



Keterangan



Int



11



auto_increment



varchar



30



Tabel User Tabel 3. 14 Tabel User No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



50



1



id_user



2



Username



varchar



3



Password



text



4



Status



varchar



30



Tabel Wali Tabel 3. 15 Tabel Wali No



Field Name



Type



Width



Keterangan



Int



11



auto_increment



1



kd_wali



2



no_id



varchar



20



3



Nisn



varchar



20



4



kd_thn



Int



11



5



Kelas



varchar



30



6



Semester



Int



11



7



nilai_total



float



8



Rangking



Int



11



44



45



3.5



Rancangan antarmuka masukan sistem Rancangan antarmuka masukan sistem berfungsi untuk menjelaskan tentang



perancangan aplikasi yang akan dibangun. Hal ini dilakukan untuk mempermudah admin/pengguna dalam mengetahui proses yang terdapat pada aplikasi yang akan dibangun, untuk lebih jelasnya rancangan antarmuka masukan sistem dapat dilihat dibawah ini. Rancangan Admin 1.



Rancangan Form Login Form login dirancang untuk mengidentifikasi seorang admin atau pengguna



mengakses masuk dalam program, jika admin atau pengguna tidak memiliki hak akses masuk kedalam aplikasi maka tidak bisa melakukan transaksi ke menu selanjutnya



LOGO



Pondok Pesantren ASY – SYUHADA Pelaihari Kalimantan Selatan



Username Password



Login



Gambar 3. 27 Rancangan Form Login



46



2.



Rancangan Halaman Beranda Menu utama atau beranda yaitu suatu halaman yang pertama muncul setelah



berhasil melakukan proses login yang terdiri dari beberapa sub menu seperti Beranda, Guru, Santri, Pembelajaran, Laporan dan Referensi Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



Welcome Admin ! JUMLAH SANTRI



JUMLAH GURU



0



JUMLAH MATA PELAJARAN



0



JUMLAH PENGGUNA



0



0



Gambar 3.28 Rancangan Halaman Beranda 3.



Rancangan Halaman Data Guru Desain Halaman data guru ini merupakan desain yang digunakan untuk



menambah, detail, mengubah, menghapus dan melihat data guru. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



DATA GURU + Tambah Show



No NO IDENTITAS



Search



^ entries NAMA



TAHUN BERTUGAS



MANAGE Detail



Edit



Hapus



Detail



Edit



Hapus



Previous



Gambar 3.29 Rancangan Halaman Data Guru



46



1



Next



47



4.



Rancangan Form Tambah Guru Desain form tambah guru ini merupakan desain yang digunakan untuk



menginput no identitas, nama guru, tempat lahir, tanggal lahir, Pendidikan terakhir, tahun lulus, tahun bertugas dan status. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



DATA GURU No identitas



Pendidikan terakhir V



Nama guru



Tahun lulus



tempat lahir



Tahun bertugas



V



V



Tanggal lahir



Status



mm/dd/yyyy



V



+ Tambah



Gambar 3.30 Rancangan Form Tambah Guru 5.



Rancangan Halaman Data Santri Desain Halaman data santri ini merupakan desain yang digunakan untuk



menambah, detail, mengubah, menghapusdan melihat data santri. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



DATA SANTRI + Tambah Show



No



Search



^ entries NISN



NAMA



TAHUN MASUK



MANAGE Detail



Edit



Hapus



Detail



Edit



Hapus



Previous



Gambar 3.31 Rancangan Halaman Data Santri



1



Next



48



6.



Rancangan Form Tambah Santri Desain form tambah santri ini merupakan desain yang digunakan untuk



menginput nisn, nama santri, tempat lahir, tanggal lahir, tahun masuk, nama ayah, nama ibu dan alamat. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



DATA SANTRI NISN



Nama ayah



Nama santri



Nama ibu



tempat lahir



Alamat



Tanggal lahir mm/dd/yyyy



Tahun masuk V



+ Tambah



Gambar 3.32 Rancangan Form Tambah Santri 7.



Rancangan Halaman Data Jadwal dan Kelas Pembelajaran Desain Halaman data jadwal dan kelas pembelajaran ini merupakan desain



yang digunakan untuk melihat data jadwal dan kelas pembelajaran. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



JADWAL DAN KELAS PEMBELAJARAN Tahun ajaran



Kelas V



V



Alur



Gambar 3.33 Rancangan Halaman Data Jadwal dan Kelas Pembelajaran



48



49



8.



Rancangan Halaman Data Nilai Pembelajaran Desain Halaman data nilai pembelajaran ini merupakan desain yang



digunakan untuk melihat detail nilai pembelajaran. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



NILAI PEMBELAJARAN Tahun ajaran



Kelas V



No



MATA PELAJARAN



KELAS



V



TAHUN AJARAN



PESERTA



MANAGE Detail Nilai Detail Nilai



Previous



1



Next



Gambar 3.34 Rancangan Halaman Data Nilai Pembelajaran 9.



Rancangan Form Tambah Nilai Pembelajaran Desain form tambah nilai pembelajaran ini merupakan desain yang



digunakan untuk menginput nisn, nilai 1, nilai 2, nilai akhir, nilai huruf, kelas, mata pelajaran dan tahun. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



NILAI PEMBELAJARAN NISN



Kelas



^ Nilai 1



Mapel



Nilai 2



Tahun



^



^ Nilai akhir



Nilai huruf



+ Tambah



Gambar 3.35 Rancangan Form Tambah Nilai Pembelajaran



50



10.



Rancangan Halaman Laporan Santri Baru Desain Halaman data laporan santri baru ini merupakan desain yang



digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN SANTRI BARU Tahun masuk Unduh



V



No NISN



NAMA



TAHUN MASUK



Gambar 3.36 Rancangan Halaman Laporan Santri Baru 11.



Rancangan Halaman Laporan Santri Lama Desain Halaman data laporan santri lama ini merupakan desain yang



digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN SANTRI LAMA Tahun masuk Unduh



V



No NISN



NAMA



TAHUN MASUK



Gambar 3.37 Rancangan Halaman Laporan Santri Lama



50



51



12.



Rancangan Halaman Laporan Guru Desain Halaman data laporan guru ini merupakan desain yang digunakan



untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN GURU Kriteria Laporan Unduh



V



No NO IDENTITAS



NAMA GURU



STATUS



Gambar 3.38 Rancangan Halaman Laporan Guru 13.



Rancangan Halaman Laporan Guru Kriteria Aktif Desain Halaman data laporan guru kriteria aktif ini merupakan desain yang



digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN GURU Kriteria Laporan AKTIF



Unduh



V



No NO IDENTITAS



NAMA GURU



STATUS



Gambar 3.39 Rancangan Halaman Laporan Guru Kriteria Aktif



52



14.



Rancangan Halaman Laporan Guru Kriteria Pensiun Desain Halaman data laporan guru kriteria pension ini merupakan desain



yang digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN GURU Kriteria Laporan PENSIUN



Unduh



V



No NO IDENTITAS



NAMA GURU



STATUS



Gambar 3.40 Rancangan Halaman Laporan Guru Kriteria Pensiun 15.



Rancangan Halaman Laporan Guru Kriteria Guru Baru Desain Halaman data laporan guru kriteria guru baru ini merupakan desain



yang digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN GURU Kriteria Laporan GURU BARU No NO IDENTITAS



Unduh



V



NAMA GURU



TAHUN BERTUGAS



Gambar 3.41 Rancangan Halaman Laporan Guru Kriteria Guru Baru



52



53



16.



Rancangan Halaman Laporan Guru Kriteria Jenjang Pendidikan Desain Halaman data laporan guru kriteria jabatan ini merupakan desain



yang digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN GURU Kriteria Laporan JABATAN



Unduh



V



No NO IDENTITAS



NAMA GURU



JENJANG PENDIDIKAN



Gambar 3.42 Rancangan Halaman Laporan Guru Kriteria Jenjang Pendidikan 17.



Rancangan Halaman Laporan Nilai Umum Desain Halaman data laporan nilai umum ini merupakan desain yang



digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN NILAI UMUM Tahun ajaran Unduh



V



No NISN



NAMA



TAHUN MASUK



Gambar 3.43 Rancangan Halaman Laporan Nilai Umum



54



18.



Rancangan Halaman Laporan Nilai Agama Desain Halaman data laporan nilai agama ini merupakan desain yang



digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN NILAI AGAMA Tahun ajaran Unduh



V



No NISN



NAMA



TAHUN MASUK



Gambar 3.44 Rancangan Halaman Laporan Nilai Agama 19.



Rancangan Halaman Laporan Silabus Desain Halaman data laporan silabus ini merupakan desain yang digunakan



untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN SILABUS Tahun ajaran Unduh



V



No NO IDENTITAS



NAMA GURU



Gambar 3.45 Rancangan Halaman Laporan Silabus



54



55



20.



Rancangan Halaman Laporan Absensi Guru Desain Halaman data laporan absensi guru ini merupakan desain yang



digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN ABSENSI GURU Tahun ajaran Unduh



V



No NO IDENTITAS



NAMA



HADIR



SAKIT



IJIN



TANPA KETERANGAN



KET



Gambar 3.46 Rancangan Halaman Laporan Absensi Guru 21.



Rancangan Halaman Laporan Absensi Santri Desain Halaman data laporan absensi santri ini merupakan desain yang



digunakan untuk melihat data laporan dan cetak laporan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



LAPORAN ABSENSI SANTRI Tahun ajaran Unduh



V



No NISN



NAMA



HADIR



SAKIT



IJIN



TANPA KETERANGAN



KET



Gambar 3.47 Rancangan Halaman Laporan Absensi Santri



56



22. Rancangan Halaman Data Pengguna Desain Halaman data Pengguna ini merupakan desain yang digunakan untuk menambah, mengubah, menghapus dan melihat data divisi. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



DATA PENGGUNA + Tambah Show



Search



^ entries



No USSERNAME



PASSWORD



STATUS



MANAGE Edit



Hapus



Edit



Hapus



Previous



1



Next



Gambar 3.48 Rancangan Halaman Data Pengguna 23. Rancangan Form Tambah Pengguna Desain form tambah pengguna ini merupakan desain yang digunakan untuk menginput username, password dan aksi. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



DATA PENGGUNA Username



Password



Aksi V



+ Tambah



Gambar 3.49 Rancangan Form Tambah Pengguna



56



57



24. Rancangan Halaman Data Mata Pelajaran Desain Halaman data mata pelajaran ini merupakan desain yang digunakan untuk menambah, mengubah, menghapus dan melihat data divisi. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



MATA PELAJARAN + Tambah Show



Search



^ entries



No MATA PELAJARAN



JENIS



MANAGE Edit



Hapus



Edit



Hapus



Previous



1



Next



Gambar 3.50 Rancangan Halaman Data Mata Pelajaran 25. Rancangan Form Tambah Mata Pelajaran Desain form tambah mata pelajaran ini merupakan desain yang digunakan untuk menginput mata pelajaran dan status. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



MATA PELAJARAN Mata pelajaran



status V



+ Tambah



Gambar 3.51 Rancangan Form Tambah Mata Pelajaran



58



26. Rancangan Halaman Data Tahun Ajaran Desain Halaman data tahun ajaran ini merupakan desain yang digunakan untuk menambah, mengubah, menghapus dan melihat data tahun ajaran. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



TAHUN AJARAN + Tambah Show



Search



^ entries



No TAHUN AJARAN



MANAGE Edit



Hapus



Edit



Hapus



Previous



1



Next



Gambar 3.52 Rancangan Halaman Data Tahun Ajaran 27. Rancangan Form Tambah Tahun Ajaran Desain form tambah tahun ajaran ini merupakan desain yang digunakan untuk menginput tahun ajaran. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



TAHUN AJARAN Tahun ajaran



+ Tambah



Gambar 3.53 Rancangan Form Tambah Tahun Ajaran



58



59



28. Rancangan Halaman Data Absensi Guru Desain Halaman data absensi guru ini merupakan desain yang digunakan untuk menambah, mengubah, menghapus dan melihat data absensi guru. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



ABSENSI GURU Tahun ajaran



Kelas



- pilih -



- pilih -



Show



Search



^ entries NAMA GURU



No NO IDENTITAS



MANAGE Edit



Hapus



Edit



Hapus



Previous



1



Next



Gambar 3.54 Rancangan Halaman Data Absensi Guru 29. Rancangan Form Tambah Absensi Guru Desain form tambah absensi guru ini merupakan desain yang digunakan untuk menginput no identitas, nama guru, hadir, sakit, ijin, tanpa ket, keterangan dan semester. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



ABSENSI GURU No identitas



Ijin V



Nama Guru



Tanpa ket



Hadir



Keterangan



Sakit



semester V



+ Tambah



Gambar 3.55 Rancangan Form Tambah Absensi Guru



60



30. Rancangan Halaman Data Pengaturan Penanda Tanganan Desain Halaman data pengaturan penanda tanganan ini merupakan desain yang digunakan untuk menambah, mengubah, menghapus dan melihat data pengaturan penanda tanganan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



PENGATURAN PENANDATANGAN Show



No



Search



^ entries NIP



NAMA



JABATAN



MANAGE Edit



Hapus



Edit



Hapus



Previous



1



Next



Gambar 3.56 Rancangan Halaman Data Pengaturan Penanda Tanganan 31. Rancangan Form Tambah Pengaturan Penanda Tanganan Desain form tambah pengaturan penanda tanganan ini merupakan desain yang digunakan untuk menginput nama pejabat, nip, jabatan dan upload scant tanda tangan. Dashboard



Guru



Santri



Pembelajaran



Laporan



Referensi



PENGATURAN PENANDATANGAN Nama pejabat



NIP



Jabatan



Scan tanda tangan Choose file



+ Tambah



Gambar 3.57 Rancangan Form Tambah Pengaturan Penanda Tanganan 60



61



Halaman Santri 1.



Rancangan Halaman Data Detail Desain Halaman data ini merupakan desain yang digunakan untuk melihat



data detail santri. Dashboard



Jadwal Pembelajaran



Nilai Pembelajaran



DETAIL NISN



:



NAMA



:



TEMPAT/TANGGAL LAHIR



:



NAMA AYAH



:



NAMA IBU



:



ALAMAT



:



TAHUN MASUK



:



Gambar 3.58 Rancangan Halaman Data Detail 2.



Rancangan Form Detail Desain form detail ini merupakan desain yang digunakan untuk mengganti



foto santri. Dashboard



Jadwal Pembelajaran



Nilai Pembelajaran



DETAIL FOTO



NAMA SANTRI NISN/TEMPAT TANGGAL LAHIR GANTI FOTO Choose file



Ganti



Gambar 3.59 Rancangan Form Detail



62



3.



Rancangan Halaman Data Jadwal Pembelajaran Desain Halaman data ini merupakan desain yang digunakan untuk melihat



data jadwal pembelajaran. Dashboard



Jadwal Pembelajaran



Nilai Pembelajaran



JADWAL PEMBELAJARAN Tahun ajaran V



No MATA PEMBELAJARAN



GURU



WAKTU



HARI



Gambar 3.60 Rancangan Halaman Data Jadwal Pembelajaran 4.



Rancangan Halaman Data Nilai Pembelajaran Desain Halaman data ini merupakan desain yang digunakan untuk melihat



data nilai pembelajaran. Dashboard



Jadwal Pembelajaran



Nilai Pembelajaran



NILAI PEMBELAJARAN Tahun ajaran V



No MATA PEMBELAJARAN



NILAI RAPORT



NILAI HURUF



Gambar 3.61 Rancangan Halaman Data Nilai Pembelajaran 62



63



3.6



Rancangan antarmuka keluaran sistem Rancangan antarmuka keluaran sistem merupakan output hasil informasi



dari inputan pada aplikasi. Rancangan output ini akan menampilkan data Keluaran hasil dari inputan data yang diinput oleh admin atau pengguna yang berupa laporan-laporan (report). Adapun rancangan antarmuka keluaran sistem tersebut sebagai berikut: 1.



Tampilan Laporan Guru Kriteria Jenjang Pendidikan Menampilkan informasi laporan guru kriteria jenjang pendidikan yang



dihasilkan yaitu Laporan yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN GURU Berdasarkan Kriteria : Jenjang Pendidikan NO



NISN



NO



JENJANG PENDIDIKAN



NAMA SANTRI



TAHUN MASUK



JUMLAH



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.62 Laporan Guru Kriteria Jenjang Pendidikan



64



2.



Tampilan Laporan Guru Kriteria Aktif Menampilkan informasi laporan guru kriteria aktif yang dihasilkan yaitu



Laporan yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN GURU Berdasarkan Kriteria : Aktif NO



NO IDENTITAS



NAMA GURU



STATUS



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.63 Laporan Guru Kriteria Aktif 3.



Tampilan Laporan Guru Kriteria Pensiun Menampilkan informasi laporan guru kriteria pensiun yang dihasilkan yaitu



Laporan yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN GURU Berdasarkan Kriteria : Pensiun NO



NO IDENTITAS



NAMA GURU



STATUS



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.64 Laporan Guru Kriteria Pensiun 64



65



4.



Tampilan Laporan Guru Kriteria Guru Lama Menampilkan informasi laporan guru kriteria guru lama yang dihasilkan



yaitu Laporan yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN GURU Berdasarkan Kriteria : Guru Lama NO



NO IDENTITAS



NAMA GURU



TAHUN BERTUGAS



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.65 Laporan Guru Kriteria Guru Lama 5.



Tampilan Laporan Guru Kriteria Guru Baru Menampilkan informasi laporan guru kriteria guru baru yang dihasilkan



yaitu Laporan yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN GURU Berdasarkan Kriteria : Guru Baru NO



NO IDENTITAS



NAMA GURU



TAHUN BERTUGAS



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.66 Laporan Guru Kriteria Guru Baru



66



6.



Tampilan Laporan Nilai Umum Menampilkan informasi laporan nilai umum yang dihasilkan yaitu Laporan



yang akan dicetak. PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA



LOGO



JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN NILAI UMUM



NO



NISN



NAMA



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.67 Laporan Nilai Umum 7.



Tampilan Laporan Silabus Guru Menampilkan informasi laporan silabus guru yang dihasilkan yaitu Laporan



yang akan dicetak. PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA



LOGO



JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN SILABUS GURU Tahun Ajaran : 2017/2018 Ganjil No. identitas : Nama guru : NO



KELAS



MAPEL



WAKTU



MATERI



TANGGAL



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.68 Laporan Silabus Guru 66



67



8.



Tampilan Laporan Nilai Agama Menampilkan informasi laporan nilai agama yang dihasilkan yaitu Laporan



yang akan dicetak. PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA



LOGO



JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN NILAI AGAMA



NO



NISN



NAMA



AL-QUR AN



HADIST



AQIDAH



AKHLAQ



TARIKH



BAHAS NAHWU SHOROF A ARAB



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.69 Laporan Nilai Agama 9.



Tampilan Laporan Absensi Guru Menampilkan informasi laporan absensi guru yang dihasilkan yaitu Laporan



yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN ABSENSI GURU Tahun Ajaran : 2017/2018 Ganjil NO



NO IDENTITAS



NAMA GURU



HADIR



SAKIT



IJIN



TANPA KETERANGAN



KETERANGAN



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.70 Laporan Absensi Guru



68



10. Tampilan Laporan Absensi Santri Menampilkan informasi laporan absensi santri yang dihasilkan yaitu Laporan yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN ABSENSI SANTRI Tahun Ajaran : 2017/2018 Ganjil NO



NISN



NAMA SANTRI



HADIR



SAKIT



IJIN



TANPA KETERANGAN



KETERANGAN



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.71 Laporan Absensi Santri 11. Tampilan Laporan Santri Lama Menampilkan informasi laporan santri lama yang dihasilkan yaitu Laporan yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN SANTRI LAMA NO



NISN



NAMA SANTRI



TAHUN MASUK



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.72 Laporan Santri Lama 68



69



12. Tampilan Laporan Santri Baru Menampilkan informasi laporan santri baru yang dihasilkan yaitu Laporan yang akan dicetak.



LOGO



PONPES SALAFIYAH ASY-SYUHADA PROGRAM KESETARAAN ULA, WUSTHO & ULYA JL. DARMA PELAIHARI NO. 29 PELAIHARI – TANAH LAUT KALIMANTAN SELATAN



LAPORAN SANTRI BARU NO



NISN



NAMA SANTRI



TAHUN MASUK



Pelaihari,



2019



Kepala sekolah



Nama NIP



Gambar 3.73 Laporan Santri Baru



70



BAB IV IMPLEMENTASI DAN PENGUJIAN



4.1



Spesifikasi Sistem



4.1.1 Perangkat Keras yang Digunakan Spesifikasi perangkat keras yang digunakan dalam pembuatan aplikasi adalah tercantum pada tabel sebagai berikut: 1. Processor



: Intel® Celeron® CPU 1007U @ 1.50 GHz



2. Display



: 14 Inci



3. Memory



: RAM 2048 MB



4. Mouse danKeyboard 5. Printer 4.1.2 Perangkat Lunak yang Digunakan Spesifikasi perangkat lunak yang digunakan dalam pembuatan aplikasi adalah tercantum pada tabel sebagai berikut: 1. Sistem Operasi



: Windows 8.1 Pro 32-bit



2. Bahasa Pemograman : PHP 3. Web Browser



: UC Browser, Google Chrome



4. Basis Data



: phpMyAdmin



5. Text Editor



: Komodo Edit 7



70



71



4.2



Langkah-langkah Pembuatan Sistem Adapun langkah-langkah pembuatan sistem menggunakan metode waterfal



yang terbagi menjadi 5 bagian sebagai berikut: 1.



Analisis Pada tahap analisis dilakukan analisis kebutuhan untuk sistem yang akan



dibangun. Analisis yang dilakukan adalah analisis sistem yang sedang berjalan, mengidentifikasi permasalahan pada sistem, menganalisis kebutuhan sistem, serta mengumpulkan data/informasi yang diperlukan untuk membangun Sistem Informasi Hasil Belajar Santri Pps. Asy-Syuhada Pelaihari Tingkat Wustho Berbasis Web. 2.



Desain Pada tahap desain menggunakan pendekatan terstruktur dengan UML



(Unified modeling language). Lalu dilakukan perancangan alur sistem dengan flowchart dan perancangan database dengan ERD (Entity Relationship Diagram) dan membuat kamus data (rancangan tabel) serta perancangan antarmuka (interface). 3.



Implementasi Tahap implementasi merupakan tahap pengimplementasian dalam bentuk



program/pengkodean untuk membuat Sistem Informasi Hasil Belajar Santri Pps. Asy-Syuhada Pelaihari Tingkat Wustho Berbasis Web Bahasa pemrograman yang digunakan adalah PHP dan menggunakan database MySQL. 4.



Pengujian Tahap pengujian adalah tahap pengujian sistem aplikasi yang telah dibuat.



Aplikasi tersebut diuji dengan menggunakan metode black box, yaitu pengujian



72



yang dilakukan dengan mengamati hasil keluaran yang dihasilkan sesuai dengan yang diinginkan melalui data uji dan memeriksa fungsional dari perangkat lunak. 5.



Pemeliharaan Aplikasi yang sudah jadi dijalankan serta dilakukan pemeliharaan.



Pemeliharaan termasuk dalam memperbaiki kesalahan yang tidak ditemukan pada langkah sebelumnya. 4.3



Hasil Tampilan Aplikasi



4.3.1 Tampilan Antarmuka Masukan Sistem Tampilan antarmuka masukan sistem terbagi menjadi 5 yaitu admin, santri, guru, orangtua dan kepala sekolah. Berikut ini adalah gambar tampilan antarmuka masukan sistem berdasarkan pengguna: Antarmuka Admin 1.



Menu Login Pada halaman ini masing-masing pengguna dapat melakukan proses login



sesuai hak akses yang dimiliki.



Gambar 4.1 Halaman Login 72



73



2.



Halaman Beranda Menu utama atau beranda yaitu suatu halaman yang pertama muncul setelah



berhasil melakukan proses login yang terdiri dari beberapa sub menu seperti Beranda, Guru, Santri, Pembelajaran, Laporan dan Referensi



Gambar 4.2 Halaman Beranda 3.



Halaman Data Guru Pada halaman ini admin dapat menambah, detail, mengubah, menghapus



dan melihat data guru.



Gambar 4.3 Halaman Data Guru



74



4.



Halaman Data Santri Pada halaman ini admin dapat menambah, detail, mengubah, menghapus



dan melihat data santri.



Gambar 4.4 Halaman Data Santri 5.



Halaman Data Jadwal dan Kelas Pembelajaran Pada Halaman ini admin dapat mengelola data jadwal dan kelas



pembelajaran.



Gambar 4.5 Halaman Data Jadwal dan Kelas Pembelajaran 6. 74



75



Halaman Data Nilai Pembelajaran Pada Halaman data nilai pembelajaran ini admin dapat mengelola nilai pembelajaran.



Gambar 4.6 Halaman Data Nilai Pembelajaran 7.



Halaman Laporan Santri Baru Pada Halaman data laporan santri baru ini admin dapat melihat data laporan



dan cetak laporan.



Gambar 4.7 Halaman Laporan Santri Baru



76



8.



Halaman Laporan Santri Lama Pada Halaman data laporan santri lama ini admin dapat melihat data laporan



dan cetak laporan.



Gambar 4.8 Halaman Laporan Santri Lama 9.



Halaman Laporan Guru Pada Halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4.9 Halaman Laporan Guru 76



77



10.



Halaman Laporan Guru Kriteria Aktif Pada halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4.10 Halaman Laporan Guru Kriteria Aktif 11.



Halaman Laporan Guru Kriteria Guru Lama Pada halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4.11 Halaman Laporan Guru Kriteria Guru Baru



78



12.



Halaman Laporan Guru Kriteria Jenjang Pendidikan Pada halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4.12 Halaman Laporan Guru Kriteria Jenjang Pendidikan 13.



Halaman Laporan Nilai Umum Pada halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4.13 Halaman Laporan Nilai Umum 78



79



14.



Halaman Laporan Nilai Agama Pada halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4.14 Halaman Laporan Nilai Agama 15.



Halaman Laporan Silabus Pada halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4.15 Halaman Laporan Silabus



80



16.



Halaman Laporan Absensi Guru Pada halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4.16 Halaman Laporan Absensi Guru 17.



Halaman Laporan Absensi Santri Pada halaman data laporan ini admin dapat melihat data laporan dan cetak



laporan.



Gambar 4. 17 Halaman Laporan Absensi Santri



80



81



18.



Halaman Data Pengguna Pada halaman ini admin dapat menambah, mengubah, menghapus dan



melihat data divisi.



Gambar 4. 18 Halaman Data Pengguna 19.



Halaman Data Mata Pelajaran Pada halaman ini admin dapat menambah, mengubah, menghapus dan



melihat data divisi.



Gambar 4. 19 Halaman Data Mata Pelajaran



82



20.



Halaman Data Tahun Ajaran Pada halaman ini admin dapat menambah, mengubah, menghapus dan



melihat data tahun ajaran.



Gambar 4. 20 Halaman Data Tahun Ajaran 21.



Halaman Data Pengaturan Penanda Tanganan Pada halaman ini admin dapat menambah, mengubah, menghapus dan



melihat data pengaturan penanda tanganan.



Gambar 4. 21 Data Pengaturan Penanda Tanganan



82



83



Antarmuka Wali Kelas 1.



Halaman Beranda Menu utama atau beranda yaitu suatu halaman yang pertama muncul setelah



berhasil melakukan proses login yang terdiri dari beberapa sub menu seperti Jadwal Pembelajaran, Nilai Pembelajaran, Silabus, Perwaliann, Perangkingan dan Raport.



Gambar 4. 22 Halaman Utama Wali Kelas 2.



Halaman Jadwal Pembelajaran Pada gambar 4.23 wali kelas dapat mengelola jadwal pembelajaran.



Gambar 4. 23 Halaman Jadwal Pembelajaran



84



3.



Halaman Nilai Pembelajaran Pada gambar 4.24 wali kelas dapat mengelola nilai pembelajaran.



Gambar 4. 24 Halaman Nilai Pembelajaran 4.



Halaman Silabus Pada gambar 4.25 wali kelas dapat mengelola Silabus.



Gambar 4. 25 Halaman Silabus



84



85



5.



Halaman Perwalian Pada gambar 4.26 wali kelas dapat mengelola Perwalian.



Gambar 4.26 Halaman Perwalian 6.



Halaman Perangkingan Pada gambar 4.27 wali kelas dapat mengelola Perangkingan.



Gambar 4. 27 Halaman Perangkingan



86



7.



Halaman Laporan Hasil Belajar Santri atau Raport Pada gambar 4.28 wali kelas dapat mengelola Laporan Hasil Belajar Santri



atau Raport.



Gambar 4. 28 Halaman Raport Antarmuka Kepala Sekolah 1.



Halaman Beranda Menu utama atau beranda yaitu suatu halaman yang pertama muncul setelah



berhasil melakukan proses login yang terdiri dari beberapa sub menu seperti data guru, data santri, data pembelajaran dan absensi.



Gambar 4. 29 Halaman Beranda Kepala Sekolah



86



87



2.



Halaman Data Guru Pada gambar 4.30 kepala sekolah dapat melihat data guru.



Gambar 4. 30 Halaman Data Guru 3.



Halaman Data Santri Pada gambar 4.31 kepala sekolah dapat melihat data santri.



Gambar 4. 31 Halaman data santri



88



4.



Halaman Pembelajaran Pada gambar 4.32 kepala sekolah dapat melihat data nilai pembelajaran,



data kelas dan jadwal.



Gambar 4. 32 halaman pembelajaran 5.



Halaman Absensi Pada gambar 4.33 kepala sekolah dapat melihat data absensi gru dan absensi



santri.



Gambar 4. 33 halaman absensi



88



89



Antarmuka Santri 1.



Halaman Utama Menu utama atau beranda yaitu suatu halaman yang pertama muncul setelah



berhasil melakukan proses login yang terdiri dari beberapa sub menu seperti data jadwal pembelajaran dan nilai pembelajaran. Pada gambar 4.34 santri dapat mengubah foto profil.



Gambar 4. 34 Halaman Utama Santri 2.



Halaman Data Jadwal Pembelajaran Pada halaman ini santri dapat melihat data jadwal pembelajaran.



Gambar 4. 35 Halaman Data Jadwal Pembelajaran



90



3.



Halaman Data Nilai Pembelajaran Pada halaman ini santri dapat melihat data jadwal pembelajaran.



Gambar 4. 36 Halaman Data Nilai Pembelajaran Antarmuka Orang Tua Santri 4.



Halaman Utama Menu utama atau beranda yaitu suatu halaman yang pertama muncul setelah



berhasil melakukan proses login yang terdiri dari beberapa sub menu seperti data jadwal pembelajaran dan nilai pembelajaran. Orang tua santri hanya dapat melihat data.



Gambar 4. 37 Halaman Utama Santri



90



91



5.



Halaman Data Jadwal Pembelajaran Pada halaman ini orang tua dapat melihat data jadwal pembelajaran.



Gambar 4. 38 Data Jadwal Pembelajaran 6.



Halaman Data Nilai Pembelajaran Pada halaman ini orang tua dapat melihat data jadwal pembelajaran.



Gambar 4. 39 Halaman Data Nilai Pembelajaran



92



4.3.2 Tampilan Antarmuka Keluaran Sistem 1.



Laporan Santri Baru



Gambar 4. 40 Laporan Santri Baru 2.



Laporan Santri Lama



Gambar 4. 41 Laporan Santri Lama



92



93



3.



Laporan Berdasarkan Jenjang Pendidikan



Gambar 4. 42 Berdasarkan Jenjang Pendidikan 4.



Laporan Guru Aktif



Gambar 4. 43 Laporan Guru Aktif



94



5.



Laporan Guru Pensiun



Gambar 4. 44 Laporan Guru Pensiun 6.



Laporan Guru Lama



Gambar 4. 45 Laporan Guru Lama 2.



94



95



7.



Laporan Guru Baru



Gambar 4. 46 Laporan Guru Baru 8.



Laporan Nilai Umum



Gambar 4. 47 Laporan Nilai Umum



96



9.



Laporan Nilai Agama



Gambar 4. 48 Laporan Nilai Agama 10.



Laporan Silabus



Gambar 4. 49 Laporan Silabus 4.



96



97



11.



Laporan Absensi Guru



Gambar 4. 50 Laporan Absensi Guru 12.



Laporan Absensi Santri



Gambar 4. 51 Laporan Absensi Santri



98



4.4



Pengujian Pengujian sangat penting setelah melakukan implementasi sistem, guna



meminimalisir kesalahan yang terjadi ketika aplikasi digunakan oleh pengguna. Penggujian akan dilakukan dengan menggunakan pengujian black box. 4.4.1 Rancangan Pengujian Pengujian perangkat lunak ini menggunakan metode pengujian black box. Black box testing adalah pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari perangkat lunak. Berikut adalah hasil pengujian pada sistem: 1.



Hasil Pengujian Black Box Bagian Admin Tabel 4. 1 Hasil Pengujian Black Box Bagian Admin Item Uji Login



Data Guru



Data Santri



Kelas dan Jadwal



Data Nilai



Data Perwalian



Detail Pengujian Menampilkan Form Login Mengisi Form Login Validasi Username dan Password Tambah Data Guru Edit Data Guru Hapus Data Guru Cetak Laporan Data Guru Tambah Data Santri Edit Data Santri Hapus Data Santri Tambah Kelas dan Jadwal Edit Kelas dan Jadwal Hapus Kelas dan Jadwal Tambah Nilai Edit Nilai Hapus Nilai Tambah Perwalian Edit Perwalian Hapus Perwalian



98



Jenis Uji Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box



99



Data Pengguna



Data Absensi Guru



Data Absesnsi Santri



Data Penjadwalan



Data Perwalian



Data Silabus



Data Nilai



Laporan



2.



Tambah Data Pengguna Edit Data Pengguna Hapus Data Pengguna Tambah Data Absensi Guru Edit Data Absensi Guru Hapus Data Absensi Guru Tambah Absesnsi Santri Edit Absesnsi Santri Hapus Absesnsi Santri Tambah Penjadwalan Edit Penjadwalan Baku Hapus Penjadwalan Tambah Data Perwalian Edit Data Perwalian Hapus Data Perwalian Tambah Kualitas Edit Kualitas Hapus Kualitas Cetak Laporan Data Silabus Tambah Nilai Edit Nilai Hapus Nilai Cetak Laporan Nilai Cari Laporan Cetak Laporan



Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box Black Box



Hasil Pengujian Black Box Bagian Guru Tabel 4. 2 Hasil Pengujian Black Box Bagian Guru Item Uji Login



Jadwal Silabus Data Nilai



Detail Pengujian Menampilkan Form Login Mengisi Form Login Validasi Username dan Password Menampilkan Form Jadwal Tambah Silabus Edit Silabus Hapus Silabus Tambah Nilai



Jenis Uji Black Box Black Box Black Box Black Box Black Box Black Box Black Box



100



Item Uji Data Nilai Raport 3.



Detail Pengujian Edit Nilai Hapus Nilai Menampilkan Form Raport Cetak Raport



Jenis Uji Black Box Black Box Black Box Black Box



Hasil Pengujian Black Box Bagian Kepala Sekolah Tabel 4. 3 Hasil Pengujian Black Box Bagian Kepala Sekolah Item Uji Login



Guru Santri Pembelajaran Absensi 4.



Detail Pengujian Menampilkan Form Login Mengisi Form Login Validasi Username dan Password Menampilkan Form Guru Menampilkan Form Santri Menampilkan Form Pembelajaran Menampilkan Form Absensi



Jenis Uji Black Box Black Box Black Box Black Box Black Box Black Box Black Box



Hasil Pengujian Black Box Bagian Orang Tua Santri Tabel 4. 4 Hasil Pengujian Black Box Bagian Orang Tua Santri Item Uji Login Dashboard Jadwal Pembelajaran



5.



Detail Pengujian Menampilkan Form Login Mengisi Form Login Validasi Username dan Password Menampilkan Form Biodata Menampilkan Form Jadwal Menampilkan Form Pembelajaran



Jenis Uji Black Box Black Box Black Box Black Box Black Box Black Box



Hasil Pengujian Black Box Bagian Santri Tabel 4. 5 Hasil Pengujian Black Box Bagian Santri Item Uji Login Dashboard Dashboard Jadwal



Detail Pengujian Menampilkan Form Login Mengisi Form Login Validasi Username dan Password Menampilkan Form Biodata Edit Foto Profil Menampilkan Form Jadwal 100



Jenis Uji Black Box Black Box Black Box Black Box Black Box Black Box



101



Pembelajaran



Menampilkan Form Pembelajaran



Black Box



4.4.2 Kasus dan Hasil Pengujian Setelah melakukan uji Black Box selesai maka selanjutnya membuat pengujian dengan membuat table pengujian sebagai berikut : A.



Bagian Admin



1.



Pengujian Login Admin Tabel 4. 6 Pengujian Login Admin Kasus dan Hasil Uji (Data Benar)



Data Masukan



Yang Diharapkan



Pengamatan



Pengisian Usename : admin



Data username dan password yang diisikan akan tampil pada masingmasing field isian



Data username dan password yang diisikan sudah tampil pada masing-masing field isian



Di terima



Login berhasil



Menuju halaman menu utama



Diterima



Password : admin



Menekan tombol login



Kesimpulan



Kasus dan Hasil Uji (Data Salah) Data Masukan



Yang Diharapkan



Pengamatan



Kesimpulan



Pengisian username dan password diisi dengan data yang salah atau tidak terdaftar.



Data username password yang diisikan akan tampil pada masinhmasing field isian.



Data username dan password yang diisikan sudah tampil pada masing-masing field isian.



Diterima



Menekan tombol login



Login gagal



Menuju halaman login kembali



Diterima



102



2.



Pengujian Login User Tabel 4. 7 Pengujian Login User Kasus dan Hasil Uji (Data Benar)



Data Masukan



Yang Diharapkan



Pengamatan



Pengisian Usename : admin



Data username dan password yang diisikan akan tampil pada masingmasing field isian



Data username dan password yang diisikan sudah tampil pada masing-masing field isian



Di terima



Login berhasil



Menuju halaman menu utama



Diterima



Password : admin



Menekan tombol login



Kesimpulan



Kasus dan Hasil Uji (Data Salah) Data Masukan



Yang Diharapkan



Pengamatan



Pengisian username dan password diisi dengan data yang salah atau tidak terdaftar.



Data username password yang diisikan akan tampil pada masinhmasing field isian.



Data username dan password yang diisikan sudah tampil pada masing-masing field isian.



Diterima



Menekan tombol login



Login gagal



Menuju halaman login kembali



Diterima



3.



Kesimpulan



Pengujian Data Guru Tabel 4. 8 Pengujian Data Guru



Kasus dan Hasil Uji (Data Benar) Data Masukan



Yang Diharapkan



Pengamatan



Tekan tombol tambah data guru



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



102



Kesimpulan Diterima



103



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpulan



Dan isikan : no identitas, nama guru, tempat lahir, tanggal lahir, tahun lulus



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



Diterima



Klik tombol ubah pada data dan isikan perubahan data dengan data valid



Menampilkan form ubah dan setelah klik tombol ubah akan muncul pesan “Berhasil Diubah”



Data berhasil diubah dan muncul pesan “Berhasil Diubah”



Diterima



Klik tombol hapus pada data yang dipilih



Menampilkan pesan Data berhasil “Apakah anda yakin dihapus akan menghapus?



Diterima



Kasus dan Hasil Uji (Data Salah) Data Masukan Tekan tombol tambah data



Yang Diharapkan Menampilkan pesan data kosong



Pengamatan Data tidak tersimpan kedalam sistem



Kesimpulan Diterima



Dan isikan : no identitas, nama guru, tempat lahir, tanggal lahir, tahun lulus dengan data kosong 4.



Pengujian Data Santri Tabel 4. 9 Pengujian Data Santri Kasus dan Hasil Uji (Data Benar)



Data Masukan Tekan tombol tambah data Dan isikan : nisn, nama santri,



Yang Diharapkan



Pengamatan



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



Kesimpulan Diterima



104



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpulan



tempat lahir, tanggal lahir, tahun masuk, nama ayah, nama ibu, alamat



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



Diterima



Klik tombol ubah pada data dan isikan perubahan data dengan data valid



Menampilkan form ubah dan setelah klik tombol ubah akan muncul pesan “Berhasil Diubah”



Data berhasil diubah dan muncul pesan “Berhasil Diubah”



Diterima



Klik tombol hapus pada data yang dipilih



Menampilkan pesan Data berhasil “Apakah anda yakin dihapus akan menghapus?



Diterima



Kasus dan Hasil Uji (Data Salah) Data Masukan Tekan tombol tambah data guru



Yang Diharapkan Menampilkan pesan data kosong



Pengamatan Data tidak tersimpan kedalam sistem



Kesimpulan Diterima



Dan isikan : nisn, nama santri, tempat lahir, tanggal lahir, tahun masuk, nama ayah, nama ibu, alamat dengan data kosong 5.



Pengujian Data Kelas dan Jadwal Tabel 4. 10 Pengujian Pemasok Kayu Kasus dan Hasil Uji (Data Benar)



Data Masukan Pilih tahun dan kelas



Yang Diharapkan



Pengamatan



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



104



Kesimpulan Diterima



105



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpulan



Klik tombol ubah pada data dan isikan perubahan data dengan data valid



Menampilkan form ubah dan setelah klik tombol ubah akan muncul pesan “Berhasil Diubah”



Data berhasil diubah dan muncul pesan “Berhasil Diubah”



Diterima



Klik tombol hapus pada data yang dipilih



Menampilkan pesan Data berhasil “Apakah anda yakin dihapus akan menghapus?



Diterima



Kasus dan Hasil Uji (Data Salah) Data Masukan



Yang Diharapkan



Tekan tombol atur Menampilkan data setelah pesan data kosong memilih tahun dan kelas dengan data kosong 6.



Pengamatan Data tidak tersimpan kedalam sistem



Kesimpulan Diterima



Pengujian Data Nilai Tabel 4. 11 Pengujian Data Nilai Kasus dan Hasil Uji (Data Benar)



Data Masukan Pilih mata pelajaran



Yang Diharapkan



Pengamatan



Kesimpulan



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



Diterima



Menampilkan form ubah dan setelah klik tombol ubah akan muncul pesan “Berhasil Diubah”



Data berhasil diubah dan muncul pesan “Berhasil Diubah”



Diterima



Isikan data : nilai harian, nilai ulangan, nilai raport dan tekan tombol simpan Klik tombol ubah pada data dan isikan perubahan data dengan data valid



106



Data Masukan



Yang Diharapkan



Pengamatan



Klik tombol hapus pada data yang dipilih



Menampilkan pesan Data berhasil “Apakah anda yakin dihapus akan menghapus?



Kesimpulan Diterima



Kasus dan Hasil Uji (Data Salah) Data Masukan Pilih mata pelajaran



Yang Diharapkan Menampilkan pesan data kosong



Pengamatan Data tidak tersimpan kedalam sistem



Kesimpulan Diterima



Isikan data : nilai harian, nilai ulangan, nilai raport dengan data kosong dan tekan tombol simpan 7.



Pengujian Data Pengguna Tabel 4. 12 Pengujian Data Pengguna Kasus dan Hasil Uji (Data Benar)



Data Masukan



Yang Diharapkan



Pengamatan



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



Diterima



Klik tombol ubah pada data dan isikan perubahan data dengan data valid



Menampilkan form ubah dan setelah klik tombol ubah akan muncul pesan “Berhasil Diubah”



Data berhasil diubah dan muncul pesan “Berhasil Diubah”



Diterima



Klik tombol hapus pada data yang dipilih



Menampilkan pesan Data berhasil “Apakah anda yakin dihapus akan menghapus?



Tekan tombol tambah data



Kesimpulan



Dan isikan : username, password, status



106



Diterima



107



Kasus dan Hasil Uji (Data Salah) Data Masukan Tekan tombol tambah data. Dan isikan : username, password, status dengan data kosong 8.



Yang Diharapkan Menampilkan pesan data kosong



Pengamatan Data tidak tersimpan kedalam sistem



Kesimpulan Diterima



Pengujian Data Mata Pelajaran Tabel 4. 13 Pengujian Data Mata Pelajaran Kasus dan Hasil Uji (Data Benar)



Data Masukan



Yang Diharapkan



Pengamatan



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



Diterima



Klik tombol ubah pada data dan isikan perubahan data dengan data valid



Menampilkan form ubah dan setelah klik tombol ubah akan muncul pesan “Berhasil Diubah”



Data berhasil diubah dan muncul pesan “Berhasil Diubah”



Diterima



Klik tombol hapus pada data yang dipilih



Menampilkan pesan Data berhasil “Apakah anda yakin dihapus akan menghapus?



Tekan tombol tambah data



Kesimpilan



Dan isikan : mata pelajaran, status



Diterima



Kasus dan Hasil Uji (Data Salah) Data Masukan Tekan tombol tambah data Dan isikan : mata pelajaran, status dengan data kosong



Yang Diharapkan Menampilkan pesan data kosong



Pengamatan Data tidak tersimpan kedalam sistem



Kesimpilan Diterima



108



9.



Pengujian Laporan Santri Lama Tabel 4. 14 Pengujian Laporan Santri Lama Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih laporan santri lama, Cetak laporan



Isian laporan tampil dengan sesuai



Isian data laporan berhasil tampil



Diterima



10.



Pemgujian Laporan Santri Baru Tabel 4. 15 Pengujian Laporan Santri Baru Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih laporan santri baru, Cetak laporan



Isian laporan tampil dengan sesuai



Isian data laporan berhasil tampil



Diterima



11.



Pengujian Laporan Nilai Umum Tabel 4. 16 Pengujian Laporan Nilai Umum Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih laporan Nilai Umum



Isian laporan tampil dengan sesuai



Isian data laporan berhasil tampil



Diterima



Cetak laporan



108



109



12.



Pengujian Laporan Nilai Agama Tabel 4. 17 Pengujian Laporan Nilai Agama Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih laporan nilai agama, Cetak laporan



Isian laporan tampil dengan sesuai



Isian data laporan berhasil tampil



Diterima



13.



Pengujian Laporan Silabus Tabel 4. 18 Pengujian Laporan Silabus Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih laporan silabus, Cetak laporan



Isian laporan tampil dengan sesuai



Isian data laporan berhasil tampil



Diterima



14.



Pengujian Laporan Absensi Guru Tabel 4. 19 Pengujian Laporan Absensi Guru Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pilih laporan absensi Isian laporan tampil guru, Cetak laporan dengan sesuai



Pengamatan



Kesimpilan



Isian data laporan berhasil tampil



Diterima



110



15.



Pengujian Laporan Absensi Santri Tabel 4. 20 Pengujian Laporan Absensi Santri Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pilih laporan absensi Isian laporan tampil santri, Cetak laporan dengan sesuai



16.



Pengamatan



Kesimpilan



Isian data laporan berhasil tampil



Diterima



Pengujian Laporan Data Guru Berdasarkan Kriteria Tabel 4. 21 Pengujian Laporan Pembelian Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih laporan sesuai kriteria, Cetak laporan



Isian laporan tampil dengan sesuai



Isian data laporan berhasil tampil



Diterima



B.



Bagian Guru



1.



Pengujian Data Nilai Pembelajaran Tabel 4. 22 Pengujian Data Nilai Pembelajaran Kasus dan Hasil Uji (Data Benar)



Data Masukan



Yang Diharapkan



Pengamatan



Pilih tahun ajaran



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



Diterima



Menampilkan form ubah dan setelah



Data berhasil diubah dan muncul



Diterima



Isikan data : nilai harian, nilai ulangan, nilai raport, data catatan data absensi dan tekan tombol simpan Klik tombol ubah pada data dan



110



Kesimpilan



111



pesan “Berhasil Diubah”



isikan perubahan data dengan data valid



klik tombol ubah akan muncul pesan “Berhasil Diubah”



Klik tombol hapus pada data yang dipilih



Menampilkan pesan Data berhasil “Apakah anda yakin dihapus akan menghapus?



Diterima



Kasus dan Hasil Uji (Data Salah) Data Masukan Pilih mata pelajaran



Yang Diharapkan Menampilkan pesan data kosong



Pengamatan Data tidak tersimpan kedalam sistem



Kesimpilan Diterima



Isikan data : nilai harian, nilai ulangan, nilai raport, data catatan data absensi dengan data kosong dan tekan tombol simpan 2.



Pengujian Data Silabus Tabel 4. 23 Pengujian Data Silabus Kasus dan Hasil Uji (Data Benar)



Data Masukan



Yang Diharapkan



Pengamatan



Pilih tahun ajaran



Isian data tampil di text field dengan sesuai



Isian data berhasil tampil di text field dengan sesuai



Diterima



Menampilkan form ubah dan setelah klik tombol ubah akan muncul pesan



Data berhasil diubah dan muncul pesan “Berhasil Diubah”



Diterima



Isikan data : tanggal, kelas, mata pelajaran, materi dan tekan tombol tambah Klik tombol ubah pada data dan isikan perubahan data dengan data



Kesimpilan



112



valid



“Berhasil Diubah”



Klik tombol hapus pada data yang dipilih



Menampilkan pesan Data berhasil “Apakah anda yakin dihapus akan menghapus?



Diterima



Kasus dan Hasil Uji (Data Salah) Data Masukan Pilih mata pelajaran



Yang Diharapkan Menampilkan pesan data kosong



Pengamatan Data tidak tersimpan kedalam sistem



Kesimpilan Diterima



Isikan data : tanggal, kelas, mata pelajaran, materi dengan data kosong dan tekan tombol tambah



3.



Pengujian Laporan Hasil Belajar Santri atau Raport Tabel 4. 24 Pengujian Laporan Hasil Belajar Santri atau Raport Kasus dan Hasil Uji (Data Salah)



Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih laporan



Isian laporan tampil di text field dengan sesuai



Isian data laporan berhasil tampil di text field dengan sesuai



Diterima



Cetak laporan



Kasus dan Hasil Uji (Data Salah) Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih laporan



Menampilkan pesan data tidak boleh kosong



Hasil pencarian laporan pengiriman tidak ditemukan



Diterima



Cetak laporan isikan dengan data kosong



112



113



C.



Bagian Santri



Pengujian Data Biodata Tabel 4. 25 Pengujian Laporan Pengiriman Kasus dan Hasil Uji (Data Salah) Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Pilih foto yang akan diupload



Foto berhasil diganti



Foto berhasil diganti



Diterima



Tekan tombol ganti Kasus dan Hasil Uji (Data Salah) Data Masukan



Yang Diharapkan



Pengamatan



Kesimpilan



Tekan tombol ganti tanpa memilih foto



Menampilkan pesan data tidak boleh kosong



Foto tidak berhasil diganti



Diterima



BAB V PENUTUP



5.1 Kesimpulan Adapun kesimpulan yang dapat diambil dari penelitian yang telah dilakukan adalah sebagai berikut: 1.



Dengan dibangunnya Sistem ini diharapkan akan mempermudah dalam penginputan data santri dan nilai.



2.



Dengan adanya sistem ini akan mengurangi terjadinya kesalahan penulisan data santri dan kesalahan perhitungan nilai.



3.



Dengan diterapkannya aplikasi ini membantu pengurangan pengeluaran biaya untuk pembelian buku raport dan peralatan tulis.



5.2 Saran Adapun aplikasi ini masih terdapat kekurangan dan bisa dikembangkan lagi dengan menambahkan beberapa hal sebagai berikut: 1.



Menambahkan laporan untuk Surat Keterangan Hasil Ujian.



2. Menambahkan laporan prestasi akademik santri per tahun. 3. Menambahkan laporan prestasi non akademik santri per tahun.



114



115



DAFTAR PUSTAKA Arifashkaf. (2015, Oktober 14). Pengertian Sistem dan Contohnya (Softskill) . Dipetik Januari 28, 2018, dari Arif_Ashkaf Everyting.com: https://arifashkaf.wordpress.com/2015/10/14/pengertian-sistem-dancontohnya-softskill/ Bekti, & Huamira, B. (2015). Mahir Membuat Website dengan Adobe Dreamweaver CS6, CSS dan JQuery. Yogyakarta: Andi. Gordon, B. D. (1991). Kerangka Dasar Sistem Informasi Manajemen Bagian 1. Jakarta: PT. Pustaka Binamas Pressindo. Haviluddin. (2011). Mulawarman.



Memahami



Penggunaan



UML.



Jurnal



Informatika



Jogiyanto, H. (1999). Analisis dan Disain Informasi : Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: Andi Offset. Kadir, A. (2013). Javascript dan JQuery. Yogyakarta: Andi. Kurniawan, F. (2017, Maret 13). Pengertian Sistem Secara Umum dan Menurut Para Ahli. Dipetik Januari 28, 2018, dari FrediKurniawan.com Tempatnya Berbagi Ilmu Pengetahuan: http://fredikurniawan.com/pengertian-sistemsecara-umum-dan-menurut-para-ahli/ Nasution, M. (2013). Berbagai Pendekatan Dalam Proses Belajar Mengajar. Jakarta: PT. Bumi Aksara. Nugroho, & Adi. (2010). Rekayasa Perangkat Lunak Berorientasi Objek. Yogyakarta: Andi Offset. Pressman, R. (2012). Rekayasa Perangkat Lunak Pendekatan Praktisi Buku 1. Yogyakarta: Andi. Rosa, A., & shalahuddin, M. (2013). Rekayasa perangkat lunak. Bandung: Informaatika. Sutabri, T. (2005). Sistem Informasi Manajemen . Yogyakarta: Andi.



116



LAMPIRAN



116