vii
ANALISIS DAN PERANCANGAN SISTEM BASIS DATA
KESISWAAN BERBASISKAN WEB
PADA SMP ISLAM AL-IKHLAS
Aulia Amalia 0800745565
Satria Adhilaksono Budhi 0800769104
Ilham Syafrialdi 0800769110
Kelas / Kelompok : 08PAT / 08
Abstrak
Dalam organisasi modern, kesuksesan sangat tergantung dari kemampuan organisasi untuk mendapatkan data dan informasi secara cepat, efektif, akurat, serta penggunaannya yang dapat menunjang aktivitas sehari-hari. Tujuan dari penelitian ini adalah untuk membuat sebuah sistem basis data kesiswaan SMP Islam Al-Ikhlas Jakarta yang dapat membantu pihak sekolah untuk memenuhi kebutuhan-kebutuhan tersebut dengan menganalisa sistem yang sedang berjalan dan dilanjutkan dengan menganalisa dan merancang suatu aplikasi sistem basis data yang dibutuhkan oleh pihak sekolah, seperti data absensi murid, nilai murid, administrasi, penjadwalan, dan data-data lainnya. Metode penelitian yang digunakan adalah dengan mengadakan survey lapangan dan studi kepustakaan yang ada, perancangan basis data konseptual, logikal dan fisikal, serta aplikasinya. Dari penelitiian akan dihasilkan rancangan basis data konseptual, logikal, dan fisikal beserta implementasi aplikasinya untuk mendukung proses operasional sekolah. Dengan adanya sistem basis data diharapkan dapat memenuhi kebutuhan informasi kesiswaan pada SMP Islam Al-Ikhlas Jakara secara cepat, tepat, dan efektif.
viii
PRAKATA
Puji syukur penulis panjatkan kepada Tuhan Yang M aha Esa atas berkat dan karuniaNya sehingga penulis dapat menyelesaikan penulisan skripsi ini dengan baik.
Skripsi dengan judul ANALIS IS DAN PERANCANGAN S IS TEM BAS IS DATA KES IS WAAN BERBAS IS KAN WEB PADA S MP IS LAM AL-IKHLAS disusun dalam rangka memenuhi salah satu syarat untuk meyelesaikan studi Strata-1 pada jurusan Teknik Informatika Universitas Bina Nusantara, Jakarta.
Pada kesempatan ini perkenankanlah penulis mengucapkan banyak terima kasih kepada semua pihak yang telah membantu kami dalam menyelesaikan penulisan skripsi ini, yaitu kepada :
1. Prof. Dr. Gerardus Polla, M .App.Sc. selaku Rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada penulis untuk dapat mengembangkan dan menerapkan ilmu yang telah didapatnya selama masa perkuliahan
2. Bapak Hermansyah S.Kom, M .Kom. selaku dosen pembimbing skripsi yang telah banyak membantu dalam penulisan, pembahasan, kritik, saran dalam penyelesaian skripsi ini.
ix
4. Fredy Purnomo, S.Kom., M .Kom. selaku Ketua Jurusan Teknik Informatika yang telah membantu memberikan pengarahan dan dukungan moril kepada penulis.
5. Para dosen Universitas Bina Nusantara yang telah memberikan saran dan masukan dalam penulisan skripsi ini dan telah mendidik penulis selama menempuh ilmu di Universitas Bina Nusantara
6. Rekan-rekan mahasiswa yang telah memberikan dukungan , semangat dan saran kepada penulis
Rasa terima kasih secara khusus penulis sampaikan kepada orang tua dan seluruh anggota keluarga yang telah mendidik, dan memberikan dukungan kepada penulis baik moral maupun material, yang sangat berarti dalam menyelesaikan skripsi ini.
Penulis telah berusaha dengan sebaik mungkin dalam menyelesaikan skripsi ini, dan dengan segala kerendahan hati penulis sangat menghargai segala saran dan kritik yang membangun dari pembaca untuk penyempurnaan skripsi ini. Akhir kata penulis berharap semoga skripsi ini dapat dijadikan sebagai bahan masukan dan sumbangan bagi perkembangan ilmu pengetahuan dan teknologi informasi.
Jakarta, Juli 2008
x
DAFTAR IS I
Halaman Judul Luar ………... i
Halaman Judul Dalam ……… ii
Halaman Persetujuan Hardcover ………. iii
Halaman Pernyataan Dewan Penguji ………... iv
Abstrak ………... vii
Prakata ………... viii
Daftar Isi ………. x
Daftar Tabel ……… xviii
Daftar Gambar ……… xix
BAB 1 PENDAHULUAN 1.1 Latar Belakang……….……….………. 1
1.2 Ruang Lingkup……….……. 3
1.2.1 Perancangan Basis Data…….…..……… 3
1.2.2 Rancangan Layar……….. 3
1.3 Tujuan dan M anfaat……….……….…..…... 4
1.3.1 Tujuan……….……….…………. 4
1.3.2 M anfaat………. 4
1.4 M etodologi Penelitian…...……….………… 5
xi BAB 2 LANDAS AN TEORI
2.1 Teori-teori Dasar Basis data……….……….. 7
2.1.1 Definisi Data……….…………... 7
2.1.1.1 Hierarki Data………... 7
2.1.2 Definisi Basis Data……….……….. 8
2.1.2.1 Database Management System (DBM S) ………. 9
2.1.2.1.1 Komponen DBM S………. 10
2.1.2.1.2 Keuntungan dan Kerugian DBM S………. 12
2.1.2.1.3 Karakteristik dari DBM S dan Basis Data………... 14
2.1.2.1.4 Fungsi-fungsi dari DBM S……….. 15
2.1.2.1.5 Multi User DBMS Architectures……….……... 16
2.1.2.1.5.1 Teleprocessing……….…... 16
2.1.2.1.5.2 File Server……….……… 17
2.1.2.1.5.3 Client Server………... 17
2.1.2.2 Database Language ………. 18
2.1.2.2.1 Data Definition Language (DDL) ………. 18
2.1.2.2.2 Data Manipulation Language (DM L) ………... 19
2.1.2.2.3 Fourth Generation Language (4GL)... 21
2.1.2.3 Siklus Hidup Aplikasi Basis Data (Database Aplication Lifecycle) 22 2.1.2.4 Entity Relationship Modelling………... 22
2.1.2.4.1 Tipe-tipe Entity.... ………... 22
xii
2.1.2.4.3 Derajat Relasi………... 24
2.1.2.4.4 Atribut………... 24
2.1.2.4.5 Key……….. 25
2.1.2.4.6 Structural Constraints……… 26
2.1.2.4.7 Multiplicity for Complex Relationship………... 26
2.1.2.5 Normalisasi………... 27
2.1.2.6 Fase Rancangan Basis Data………... 28
2.1.2.6.1 Perancangan Basis Data Konseptual………... 28
2.1.2.6.2 Perancangan Basis Data Logikal……… 29
2.1.2.6.3 Perancangan Basis Data Fisikal………. 29
2.1.2.6.4 Faktor Kesuksesan Rancangan Basis Data……... 29
2.1.2.6.5 Garis Besar M etodologi Perancangan Basis Data………. 30
2.1.2.6.5.1 M embangun M odel Konseptual Data Lokal Untuk Setiap User View….……….. 30
2.1.2.6.5.2 M embangun dan M emvalidasi M odel Logikal Data Lokal Untuk Setiap View……….. 32
2.1.2.6.5.3 M embangun dan M emvalidasi M odel Data Logikal Data Global………... 36
2.1.2.6.5.4 M enerjemahkan M odel Logikal Data Global M enjadi Target DBM S………. 38
2.1.2.6.5.5 M erancang Representasi Fisikal…... 38
2.1.2.6.5.6 Perancangan User View………... 39
xiii
2.1.3 Data Flow Diagram (DFD)………. 40
2.1.4 State Transition Diagram (STD)………. 41
2.1.5 Arsitektur Sistem Basis Data………... 42
2.1.6 Perancangan Basis Data Berbasiskan Web……….. 42
2.1.6.1 Struktur Pada Basis Data Berbasiskan Web………. 43
2.1.6.2 Teknologi Web………. 45
2.1.6.3 M etode Analisa Data……… 45
2.2 Teori Pendukung Aplikasi Basis Data……….. 46
2.2.1 Informasi……….. 46
2.2.2 Sistem………... 46
2.2.3 Internet………. 46
2.2.4 World Wide Web……….. 46
2.2.4.1 Hyper Text Transfer Protocol (HTTP) ………... 47
2.2.4.2 Hyper Text Markup Language (HTM L) ………. 47
2.2.4.3 Browser……… 48
2.2.4.4 Web-server………... 48
2.2.5 PHP……….. 48
2.2.5.1 Sejarah PHP………. 48
2.2.5.2 Keunggulan PHP……….. 49
2.2.6 MySQL………. 49
2.2.6.1 Keunggulan MySQL ……… 50
2.2.7 Perancangan Layar………... 50
xiv
2.2.7.2 Pedoman M embangung Homepage………. 51
BAB 3 AN ALIS A S IS TEM YANG S EDANG BERJALAN 3.1 Sejarah SM P IslamAl-Ikhlas ………....………….. 52
3.2 Visi dan M isi……… 52
3.2.1 Visi……….. 52
3.2.2 M isi……….. 52
3.3 Profil SM P Islam Al-Ikhlas……….. 53
3.4 Strategi SM P Islam Al-Ikhlas………..………. 56
3.5 Tujuan Pendidikan SM P Islam Al-Ikhlas ………... 56
3.5.1 Tujuan Akademik ……….……... 56
3.5.2 Tujuan Pembinaan Kesiswaan………..………... 56
3.5.3 Tujuan SDM ……….……... 57
3.6 Struktur Organisasi SM P Islam Al-Ikhlas ………..………. 58
3.7 Wewenang dan Tangung Jawab……….………... 59
3.8 Diagram Aliran Dokumen Sistem yang Sedang Berjalan………. 66
3.8.1 Bagan Alir Dokumen Sistem Absensi M urid………... 66
3.8.2 Bagan Alir Dokumen Sistem Absensi Guru ……….. 67
3.8.3 Bagan Alir Dokumen Sistem Penjadwalan ……… 68
3.8.4 Bagan Alir Dokumen Sistem Penilaian ………..……… 70
3.8.5 Bagan Alir Dokumen Sistem Keuangan M urid ………..…….. 71
3.9 Permasalahan yang Dihadapi ……….……… 72
xv
3.9.2 Analisa Kuesioner dan Wawancara………..…….. 75
3.10 Analisa Kebutuhan Informasi………..……… 89
3.10.1 Data Requirement………..………... 89
3.10.2 Transaction Requirement………...……... 90
3.11 Usulan Pemecahan M asalah………. 92
BAB 4 PERANCANGAN DAN IMPLEMENTAS I 4.1 Usulan Perancangan Sistem………..……… 93
4.1.1 DFD Level 0………...…… 93
4.1.2 DFD Level 1………... 94
4.1.2.1 DFD Level 1 Tahun Ajaran Baru……… 95
4.1.2.2 DFD Level 1 Kegiatan Belajar M engajar Per-Semester……….. 96
4.1.2.3 DFD Level 1 Keuangan………... 96
4.1.3 Mission Statement dan Mission Objective……….……. 97
4.1.3.1 Mission Statement……… 97
4.1.3.2 Mission Objective……… 98
4.1.4 Batasan Sistem……….…... 99
4.1.5 User View……… 100
4.1.6 General System Requirement………. 100
4.1.6.1 Mission Statement……… 101
4.1.6.2 Database Rate Growth……… 101
xvi
4.1.6.4 Security...….……… 102
4.1.6.5 Legal Issue………... 102
4.2 Perancangan Basis Data……… 103
4.2.1 Perancangan Basis Data Konseptual……….……... 103
4.2.1.1 M engidentifikasi Tipe Entity………... 103
4.2.1.2 M engidentifikasi Tipe Relasional……… 105
4.2.1.3 Identifikasi dan Asosiasi Atribut Suatu Entiti…………. 107
4.2.1.4 Identifikasi Kandidat dan Primary Key Setiap Entiti... 116
4.2.1.5 Penggunaan Enhanced Modeling Concept…………... 120
4.2.2 Perancangan Basis Data Logikal……… 121
4.2.2.1 M enghilangkan Fitur yang Tidak Kompatibel………… 121
4.2.2.2 M endapatkan Relasi Untuk M odel Data Logikal Lokal……… 128 4.2.2.3 Normalisasi……….. 143
4.2.2.4 M odel Diagram Relasional Global……….. 153
4.2.3 Perancangan Basis Data Fisik………..………... 154
4.2.3.1 Perancangan Relasional Dasar Basis Data……….. 154
4.2.3.2 Analisis Transaksi………... 180
4.2.3.3 Pembuatan Indeks Setiap Entity ………. 186
4.2.3.4 M erancang M ekanisme Keamanan……….. 188
4.2.3.5 Pemilihan DBM S (DBM S Selection)……….. 191
4.3 Perancangan Aplikasi………... 196
xvii
4.3.2 State Transition Diagram (STD)………..……….. 197
4.4 Perancangan Layar………... 204
4.5 Implementasi………..…... 248
4.5.1 Kebutuhan Sumber Daya Aplikasi... 248
4.5.1.1 Kebutuhan Perangkat Lunak... 248
4.5.1.2 Kebutuhan Perangkat Keras... 249
4.5.1.3 Kebutuhan Jaringan... 252
4.5.1.4 Kebutuhan Sumber Daya M anusia... 253
4.5.2 Cara Pengoperasian Aplikasi... 254
4.6 Evaluasi Sistem………... 312
4.6.1 Evaluasi Eksternal……….……….. 312
4.6.2 Evaluasi Internal……….………… 316
BAB 5 S IMPULAN DAN S ARAN 5.1 Simpulan………... 318
5.2 Saran………. 318
DAFTAR PUS TAKA ………. 320
DAFTAR RIWAYAT HID UP ……….. 322 LAMPIRAN
xviii
DAFTAR TABEL
Tabel 2.1 Tabel Tipe Binary Relationship ... 26
Tabel 2.2 Superclass/subclass Relationship Types ... 35
Tabel 3.1 Tabel Data Siswa 4 tahun Terakhir ... 54
Tabel 3.2 Tabel Data Kepala Sekolah dan Wakil Kepala Sekolah ... 54
Tabel 3.3 Tabel Data Guru ... 54
Tabel 3.4 Tabel Data Jumlah Guru dan Tugas Mengajar ... 55
Tabel 3.5 Tabel Data Tenaga Kependidikan dan Tenaga Pendukung ... 55
Tabel 4.1 Tabel User View ... 100
Tabel 4.2 Tabel Tipe Entitas ... 103
Tabel 4.3 Tabel Identifikasi Tipe Relasional ... 105
Tabel 4.4 Tabel Identifikasi dan Asosiasi Atribut Suatu Entiti ... 107
Tabel 4.5 Tabel Identifikasi Kandidat dan Primary Key Setiap Entiti ... 116
Tabel 4.6 Tabel Relasi Untuk Model Data Logikal Lokal ... 137
Tabel 4.7 Tabel Analisis Transaksi ... 181
Tabel 4.8 Tabel Indeks Setiap Entiti ... 186
Tabel 4.9 Tabel Spesifikasi MySQL 5.0 ... 192
Tabel 4.10 Tabel Perbandingan SQL Server 2000, Oracle 9i, dan MySQL 4.1 ... 192
Tabel 4.11 Tabel Perbandingan Keterbatasan MySQL dan SQL Server 2000 ... 194
Tabel 4.12 Tabel Perbandingan Keterbatasan SQL Server 2000 dan Oracle 9i ... 195
Tabel 4.13 Tabel Perhitungan Disk Space ... 249
xix DAFTAR GAMBAR
Gambar 2.1 Teleprocessing topology ... 16
Gambar 2.2 File-server Architecture ... 17
Gambar 2.3 Client-server Architecture ... 18
Gambar 2.4 Tahap - Tahap Siklus Hidup Aplikasi Basis Data ... 23
Gambar 2.5 Tipe Relasi M andatory Satu Sisi ... 33
Gambar 2.6 Tipe relasi One to One Partisipasi Optional Dua Sisi ... 34
Gambar 2.7 Web-Database Design... 44
Gambar 3.1 Struktur Organisasi SM P Islam Al-Ikhlas... 58
Gambar 3.2 Bagan Alir Dokumen Sistem Absensi M urid... 66
Gambar 3.3 Bagan Alir Dokumen Sistem Absensi Guru ... 67
Gambar 3.4 Bagan Alir Dokumen Sistem Penjadwalan ... 69
Gambar 3.5 Bagan Alir Dokumen Sistem Penilaian... 70
Gambar 3.6 Bagan Alir Dokumen Sistem Keuangan M urid ... 71
Gambar 3.7 Jawaban Hasil Kuisioner Pertanyaan No.1 ... 75
Gambar 3.8 Jawaban Hasil Kuisioner Pertanyaan No.2 ... 76
Gambar 3.9 Jawaban Hasil Kuisioner Pertanyaan No.3 ... 77
Gambar 3.10 Jawaban Hasil Kuisioner Pertanyaan No.4 ... 78
Gambar 3.11 Jawaban Hasil Kuisioner Pertanyaan No.5 ... 79
Gambar 3.12 Jawaban Hasil Kuisioner Pertanyaan No.6 ... 80
Gambar 3.13 Jawaban Hasil Kuisioner Pertanyaan No.7 ... 81
Gambar 3.14 Jawaban Hasil Kuisioner Pertanyaan No.8 ... 82
xx
Gambar 3.16 Jawaban Hasil Kuisioner Pertanyaan No.10 ... 84
Gambar 3.17 Jawaban Hasil Kuisioner Pertanyaan No.11 ... 85
Gambar 4.1 DFD Level 0 ... 93
Gambar 4.2 DFD Level 1 ... 94
Gambar 4.3 DFD Level 1 Tahun Ajaran Baru ... 95
Gambar 4.4 DFD Level 1 Kegiatan Belajar M engajar Per-Semester ... 96
Gambar 4.5 DFD Level 1 Keuangan... 97
Gambar 4.6 Batasan Sistem ... 99
Gambar 4.7 Conceptual Data Model ERD with Primary Key. ... 119
Gambar 4.8 Enhanced Entity Relationship Diagram (EERD)... 120
Gambar 4.9 M enghilangkan many-to-many Binary Relationship ... 125
Gambar 4.10 M enghilangkan Atribut M ultivalue ... 127
Gambar 4.11 ERD Mandatory ... 131
Gambar 4.12 Entity Relationship Diagram Relasional Global ... 153
Gambar 4.13 Struktur M enu ... 196
Gambar 4.14 STD Layar Login / Index ... 197
Gambar 4.15 STD Layar Kepala Sekolah... 197
Gambar 4.16 STD Layar Absensi Untuk Kepala Sekolah ... 198
Gambar 4.17 STD Layar Jadwal Untuk Kepala Sekolah ... 198
Gambar 4.18 STD Layar Guru... 199
Gambar 4.19 STD Layar Kelas Untuk Guru... 199
Gambar 4.20 STD Layar M urid ... 200
xxi
Gambar 4.22 STD Layar Admin Kurikulum ... 201
Gambar 4.23 STD Layar Admin Tata Usaha... 202
Gambar 4.24 STD Layar Absensi untuk Admin Tata Usaha... 202
Gambar 4.25 STD Layar Profil untuk Admin Tata Usaha ... 203
Gambar 4.26 STD Layar Admin Kesiswaan ... 203
Gambar 4.27 Rancangan Layar Login ... 204
Gambar 4.28 Rancangan Layar Ubah Password ... 204
Gambar 4.29 Rancangan Layar Home Kepala Sekolah ... 205
Gambar 4.30 Rancangan Layar Absensi Kepala Sekolah... 205
Gambar 4.31 Rancangan Layar Absensi Guru Kepala Sekolah ... 206
Gambar 4.32 Rancangan Layar Absensi Guru Kepala Sekolah detil ... 206
Gambar 4.33 Rancangan Layar Absensi Kelas Kepala Sekolah ... 207
Gambar 4.34 Rancangan Layar Absensi Kelas M urid Kepala Sekolah ... 207
Gambar 4.35 Rancangan Layar Absensi Kelas M urid Kepala Sekolah detil ... 208
Gambar 4.36 Rancangan Layar Profil Kepala Sekolah ... 208
Gambar 4.37 Rancangan Layar Profil Guru Kepala Sekolah ... 209
Gambar 4.38 Rancangan Layar View Profil Guru Kepala Sekolah ... 209
Gambar 4.39 Rancangan Layar Profil M urid Kepala Sekolah ... 210
Gambar 4.40 Rancangan Layar Profil M urid Kepala Sekolah detil ... 210
Gambar 4.41 Rancangan Layar View Profil M urid Kepala Sekolah... 211
Gambar 4.42 Rancangan Layar Jadwal Kepala Sekolah ... 211
Gambar 4.43 Rancangan Layar Jadwal Guru Kepala Sekolah ... 212
xxii
Gambar 4.45 Rancangan Layar Jadwal M urid Kepala Sekolah ... 213
Gambar 4.46 Rancangan Layar Jadwal M urid detil Kepala Sekolah. ... 213
Gambar 4.47 Rancangan Layar View Jadwal Kelas M urid Kepala Sekolah... 214
Gambar 4.48 Rancangan Layar Nilai M urid Kepala Sekolah ... 214
Gambar 4.49 Rancangan Layar Nilai M urid Kepala Sekolah detil ... 215
Gambar 4.50 Rancangan Layar View Nilai M urid Kepala Sekolah ... 215
Gambar 4.51 Rancangan Layar Keuangan M urid Kepala Sekolah ... 216
Gambar 4.52 Rancangan Layar Keuangan M urid Kepala Sekolah detil ... 216
Gambar 4.53 Rancangan Layar View Keuangan M urid Kepala Sekolah ... 217
Gambar 4.54 Rancangan Layar Catatan M urid Kepala Sekolah ... 217
Gambar 4.55 Rancangan Layar Catatan M urid Kepala Sekolah detil ... 218
Gambar 4.56 Rancangan Layar View Catatan M urid Kepala Sekolah... 218
Gambar 4.57 Rancangan Layar Home Guru... 219
Gambar 4.58 Rancangan Layar Profil Guru ... 219
Gambar 4.59 Rancangan Layar Absensi Guru... 220
Gambar 4.60 Rancangan Layar Jadwal Guru ... 220
Gambar 4.61 Rancangan Layar Input Nilai M urid Guru ... 221
Gambar 4.62 Rancangan Layar Input Nilai M urid Guru detil ... 221
Gambar 4.63 Rancangan Layar Input Nilai M urid M ata Pelajaran Guru. ... 222
Gambar 4.64 Rancangan Layar Input Nilai M urid M ata Pelajaran Guru detil... 222
Gambar 4.65 Rancangan Layar Input Nilai M urid M ata Pelajaran Guru ubah ... 223
Gambar 4.66 Rancangan Layar Kelas Perwalian Guru ... 223
xxiii
Gambar 4.68 Rancangan Layar Nilai Kelas Perwalian Guru ... 224
Gambar 4.69 Rancangan Layar Keuangan Kelas Perwalian Guru ... 225
Gambar 4.70 Rancangan Layar Catatan M urid Kelas Perwalian Guru ... 225
Gambar 4.71 Rancangan Layar Home M urid ... 226
Gambar 4.72 Rancangan Layar Profil M urid... 226
Gambar 4.73 Rancangan Layar Absensi M urid... 227
Gambar 4.74 Rancangan Layar Jadwal M urid... 227
Gambar 4.75 Rancangan Layar Jadwal per Hari M urid ... 228
Gambar 4.76 Rancangan Layar Nilai M urid... 228
Gambar 4.77 Rancangan Layar Keuangan M urid ... 229
Gambar 4.78 Rancangan Layar Catatan M urid ... 229
Gambar 4.79 Rancangan Layar Home Orang Tua... 230
Gambar 4.80 Rancangan Layar Profil Orang Tu ... 230
Gambar 4.81 Rancangan Layar Absensi Orang Tua... 231
Gambar 4.82 Rancangan Layar Jadwal Orang Tua ... 231
Gambar 4.83 Rancangan Layar Nilai Orang Tua ... 232
Gambar 4.84 Rancangan Layar Keuangan Orang Tua ... 232
Gambar 4.85 Rancangan Layar Catatan M urid Orang Tua ... 233
Gambar 4.86 Rancangan Layar Home Admin Kurikulum ... 233
Gambar 4.87 Rancangan Layar Jadwal Kelas Admin Kurikulum... 234
Gambar 4.88 Rancangan Layar Jadwal Kelas per Hari Admin Kurikulum... 234
Gambar 4.89 Rancangan Layar Jadwal Kelas per Hari Admin Kurikulum detil ... 235
xxiv
Gambar 4.91 Rancangan Layar Jadwal Guru Admin Kurikulum... 236
Gambar 4.92 Rancangan Layar Jadwal Guru Admin Kurikulum detil ... 236
Gambar 4.93 Rancangan Layar Ubah Jadwal Guru Admin Kurikulum ... 237
Gambar 4.94 Rancangan Layar Tambah Jadwal Guru Admin Kurikulum... 237
Gambar 4.95 Rancangan Layar Home Admin Tata Usaha... 238
Gambar 4.96 Rancangan Layar Absensi Admin Tata Usaha... 238
Gambar 4.97 Rancangan Layar Absensi M urid Admin Tata Usaha... 239
Gambar 4.98 Rancangan Layar Absensi M urid Admin Tata Usaha detil ... 239
Gambar 4.99 Rancangan Layar Ubah Absensi M urid Admin Tata Usaha ... 240
Gambar 4.100 Rancangan Layar Tambah Absensi M urid Admin Tata Usaha ... 240
Gambar 4.101 Rancangan Layar Absensi Guru Admin Tata Usaha ... 241
Gambar 4.102 Rancangan Layar Absensi Guru Admin Tata Usaha detil ... 241
Gambar 4.103 Rancangan Layar Ubah Absensi Guru Admin Tata Usaha... 242
Gambar 4.104 Rancangan Layar Tambah Absensi Guru Admin Tata Usaha ... 242
Gambar 4.105 Rancangan Layar Keuangan Admin Tata Usaha ... 243
Gambar 4.106 Rancangan Layar Keuangan Admin Tata Usaha deti ... 243
Gambar 4.107 Rancangan Layar Ubah Keuangan Admin Tata Usaha... 244
Gambar 4.108 Rancangan Layar Tambah Keuangan Admin Tata Usaha ... 244
Gambar 4.109 Rancangan Layar Home Admin Kesiswaan ... 245
Gambar 4.110 Rancangan Layar Pengumuman Admin Kesiswaan ... 245
Gambar 4.111 Rancangan Layar Tambah Pengumuman Admin Kesiswaan ... 246
Gambar 4.112 Rancangan Layar Catatan Admin Kesiswaan Detil ... 246
xxv
Gambar 4.114 Gambar Topologi Jaringan SM P Islam Al-Ikhlas... 252
Gambar 4.115 Halaman Login... 254
Gambar 4.116 Halaman Home Kepala Sekolah ... 255
Gambar 4.117 Halaman Absensi Kepala Sekolah ... 256
Gambar 4.118 Halaman Absensi Guru Kepala Sekolah ... 257
Gambar 4.119 Halaman Absensi Guru Kepala Sekolah ... 258
Gambar 4.120 Halaman Absensi Kelas Kepala Sekolah ... 259
Gambar 4.121 Halaman Profil Guru Kepala Sekolah ... 260
Gambar 4.122 Halaman View Profil Guru Kepala Sekolah ... 260
Gambar 4.123 Halaman Profil M urid Kepala Sekolah ... 261
Gambar 4.124 Halaman View Profil M urid Kepala Sekolah ... 262
Gambar 4.125 Halaman Jadwal Guru Kepala Sekolah... 263
Gambar 4.126 Halaman View Jadwal Guru Kepala Sekolah ... 263
Gambar 4.127 Halaman Jadwal M urid Kepala Sekolah ... 264
Gambar 4.128 Halaman Nilai M urid Kepala Sekolah ... 265
Gambar 4.129 Halaman View Nilai M urid Kepala Sekolah ... 266
Gambar 4.130 Halaman Keuangan M urid Kepala Sekolah ... 266
Gambar 4.131 Halaman View Keuangan M urid Kepala Sekolah ... 267
Gambar 4.132 Halaman Catatan M urid Kepala Sekolah ... 268
Gambar 4.133 Halaman Home M urid... 268
Gambar 4.134 Halaman Profil M urid ... 269
Gambar 4.135 Halaman Update Email M urid ... 269
xxvi
Gambar 4.137 Halaman Jadwal M urid ... 272
Gambar 4.138 Halaman Jadwal Harian M urid ... 272
Gambar 4.139 Halaman Nilai M urid ... 273
Gambar 4.140 Halaman Keuangan M urid ... 274
Gambar 4.141 Halaman Catatan M urid ... 275
Gambar 4.142 Halaman Ubah Password M urid ... 275
Gambar 4.143 Halaman Home Orang Tua ... 276
Gambar 4.144 Halaman Absensi M urid Orang Tua ... 277
Gambar 4.145 Halaman Jadwal M urid Orang Tua ... 277
Gambar 4.146 Halaman Jadwal Harian M urid Orang Tua ... 278
Gambar 4.147 Halaman Nilai M urid Orang Tua ... 279
Gambar 4.148 Halaman Keuangan M urid Orang Tua ... 280
Gambar 4.149 Halaman Catatan M urid Orang Tua ... 280
Gambar 4.150 Halaman Ubah Password Orang Tua ... 281
Gambar 4.151 Halaman Home Guru ... 282
Gambar 4.152 Halaman Profil Guru ... 283
Gambar 4.153 Halaman Absensi Guru ... 283
Gambar 4.154 Halaman Jadwal Guru ... 284
Gambar 4.155 Halaman Nilai M urid Guru ... 285
Gambar 4.156 Halaman Input Nilai M urid M ata Pelajaran Guru... 285
Gambar 4.157 Halaman Input Nilai M urid M ata Pelajaran Guru ubah... 286
Gambar 4.158 Halaman Absensi Kelas Perwalian Guru ... 287
xxvii
Gambar 4.160 Halaman Keuangan Kelas Perwalian Guru... 288
Gambar 4.161 Halaman Ubah Password Guru ... 289
Gambar 4.162 Halaman Home Admin Kurikulum ... 290
Gambar 4.163 Halaman Jadwal Kelas Admin Kurikulum ... 290
Gambar 4.164 Halaman Detail Jadwal Kelas Admin Kurikulum... 291
Gambar 4.165 Halaman Detail Jadwal Kelas Hari Admin Kurikulum... 292
Gambar 4.166 Halaman Jadwal Guru Admin Kurikulum ... 293
Gambar 4.167 Halaman Detail Jadwal Guru Admin Kurikulum... 294
Gambar 4.168 Halaman Ubah Jadwal Guru Admin Kurikulum... 294
Gambar 4.169 Halaman Tambah Jadwal Guru Admin Kurikulum ... 295
Gambar 4.170 Halaman Ubah Password Admin Kurikulum... 296
Gambar 4.171 Halaman Home Admin Tata Usaha ... 297
Gambar 4.172 Halaman Absensi Admin Tata Usaha. ... 297
Gambar 4.173 Halaman Absensi M urid Admin Tata Usaha ... 298
Gambar 4.174 Halaman Detail Absensi M urid Admin Tata Usaha ... 299
Gambar 4.175 Halaman Ubah Absensi M urid Admin Tata Usaha... 299
Gambar 4.176 Halaman Tambah Absensi M urid Admin Tata Usaha ... 300
Gambar 4.177 Halaman Absensi Guru Admin Tata Usaha ... 301
Gambar 4.178 Halaman Detail Absensi Guru Admin Tata Usaha ... 302
Gambar 4.179 Halaman Ubah Absensi Guru Admin Tata Usaha ... 302
Gambar 4.180 Halaman Tambah Absensi Guru Admin Tata Usaha ... 303
Gambar 4.181 Halaman Keuangan Admin Tata Usaha ... 304
xxviii
Gambar 4.183 Halaman Ubah Keuangan Admin Tata Usaha ... 305
Gambar 4.184 Halaman Tambah Keuangan Admin Tata Usaha ... 306
Gambar 4.185 Halaman Home Admin Kesiswaan ... 307
Gambar 4.186 Halaman Pengumuman Admin Kesiswaan ... 308
Gambar 4.187 Halaman Tambah Pengumuman Admin Kesiswaan... 308
Gambar 4.188 Halaman Kelas Catatan M urid Admin Kesiswaan... 309
Gambar 4.189 Halaman Catatan M urid Admin Kesiswaan... 310
Gambar 4.190 Halaman Tambah Catatan Prestasi Admin Kesiswaan ... 310