Embed Size (px)
Citation preview
ANALISIS DAN PERANCANGAN
SISTEM INFORMASI ADMINISTRASI SISWA BERBASIS WEB
PADA SMP MUTIARA KASIH
SKRIPSI
Oleh :
Derby 0900795040
Rama 0900801535
Kelas / Kelompok : 07 PAT / 6
BINUS UNIVERSITY
Jakarta
2009
ANALISIS DAN PERANCANGAN
SISTEM INFORMASI ADMINISTRASI SISWA BERBASIS WEB
PADA SMP MUTIARA KASIH
SKRIPSI
diajukan sebagai salah satu syarat
untuk gelar kesarjanaan pada
Jurusan Teknik Informatika
Jenjang Pendidikan Strata-1
Oleh :
Derby 0900795040
Rama 0900801535
Kelas / Kelompok : 07 PAT / 6
BINUS UNIVERSITY
Jakarta
2009
BINUS UNIVERSITY
ANALISIS DAN PERANCANGAN SISTEM INFORMASI ADMINISTRASI SISWA BERBASIS WEB
PADA SMP MUTIARA KASIH
SKRIPSI
Disusun oleh :
DERBY RAMA 0900795040 0900801535
Disetujui oleh :
Pembimbing
Gintoro, S.Kom.,MM Kode dosen : D1843
Binus University Jakarta 2009
vii
PRAKATA
Puji dan syukur penulis panjatkan ke hadirat Tuhan Yang Maha Esa atas segala
rahmat dan bimbingan-Nya sehingga penulis dapat menyelesaikan skripsi ini.
Skripsi ini merupakan karya ilmiah yang disusun penulis sebagai salah satu
syarat kelulusan dalam jenjang pendidikan S1 (Strata 1) jurusan Teknik Informatika
pada Universitas Bina Nusantara, Jakarta. Sebagai bahan dalam penulisan skripsi ini
penulis memilih judul “Analisis dan Perancangan Sistem Informasi Administrasi Siswa
pada SMP Mutiara Kasih”.
Penulis menyadari bahwa dalam penyusunan skripsi ini masih terdapat banyak
kekurangan karena keterbatasan pengetahuan dan pengalaman penulis. Penulis juga
menyadari tanpa dukungan, bimbingan, kesempatan dan segala bentuk bantuan dari
banyak pihak penulisan skripsi ini tidak akan berjalan dengan baik. Maka pada
kesempatan ini penulis ingin mengucapkan terima kasih kepada :
1. Orangtua dan keluarga penulis yang telah banyak memberikan dukungan
moral maupun material sehingga skripsi ini dapat diselesaikan.
2. Bapak Prof. DR. Gerardus Polla, M.App Sc, selaku Rektor Universitas
Bina Nusantara, Jakarta.
3. Bapak Ir.Sablin Y., M.Sc., M.CompSc., selaku Dekan Fakultas Ilmu
Komputer Universitas Bina Nusantara
4. Bapak Fredy Purnomo, S.Kom, M.Kom selaku Ketua Jurusan Teknik
Informatika.
5. Ibu Henny S., S.Kom., M.SoftSysEng., selaku Sekretaris Jurusan Teknik
Informatika.
viii
6. Bapak Gintoro, S.Kom.,MM, selaku dosen pembimbing penulis selama
penyusunan skripsi ini.
7. Seluruh dosen Universitas Bina Nusantara yang telah memberikan
pengajaran selama penulis menuntut ilmu di Universitas Bina Nusantara.
8. Bapak Aan Wijaya,SH,M.Pd., selaku kepala sekolah SMP Mutiara Kasih
yang telah memberikan izin kepada penulis untuk melakukan survei di
sekolah tersebut.
9. Ibu Dian Novianti, selaku staff tata usaha SMP Mutiara Kasih yang telah
banyak membantu memberikan data-data yang diperlukan.
10. Seluruh pegawai, guru dan semua pihak yang ada pada SMP Mutiara
Kasih, atas segala bantuan dan partisipasinya.
11. Teman dan sahabat penulis yang telah memberikan dukungan dan
semangat kepada penulis.
12. Semua pihak yang telah membantu dan memberikan dukungan kepada
penulis dalam menyelesaikan skripsi ini.
Akhir kata, penulis mengharapkan semoga skripsi ini dapat bermanfaat bagi
semua pihak terutama untuk SMP Mutiara Kasih dan untuk perkembangan teknologi
informasi di Indonesia.
Jakarta, Januari 2009
Penulis
ix
DAFTAR ISI
Halaman Judul Luar............................................................................................................i
Halaman Judul Dalam........................................................................................................ii
Halaman Persetujuan Hard Cover....................................................................................iii
Halaman Pernyataan Dewan Penguji................................................................................iv
Abstrak..............................................................................................................................vi
Prakata..............................................................................................................................vii
Daftar Isi............................................................................................................................ix
Daftar Tabel.....................................................................................................................xiv
Daftar Gambar...............................................................................................................xviii
BAB 1 PENDAHULUAN
1.1 Latar Belakang ...........................................................................................1
1.2 Ruang Lingkup...........................................................................................2
1.3 Tujuan dan Manfaat....................................................................................3
1.4 Metodologi ................................................................................................5
1.5 Sistematika Penulisan.................................................................................6
BAB 2 LANDASAN TEORI
2.1 Sistem Informasi Administrasi...................................................................8
2.1.1 Pengertian Sistem ..........................................................................8
2.1.2 Pengertian Informasi......................................................................8
2.1.3 Pengertian Sistem Informasi...........................................................9
2.1.4 Pengertian Administrasi.................................................................9
2.1.5 Pengertian Sistem Informasi Administrasi...................................10
x
2.2 Analisis dan Perancangan Sistem.............................................................10
2.2.1. Pengertian Analisis Sistem...........................................................10
2.2.2 Pengertian Perancangan Sistem....................................................11
2.3 Basis data .................................................................................................12
2.4 Diagram Aliran Dokumen (DAD) ...........................................................13
2.5 Entity Relationship Diagram ( ERD ) .....................................................14
2.6 State Transition Diagram ( STD) ............................................................16
2.7 Istilah dalam Pendidikan..........................................................................16
2.7.1 Pengertian Leger...........................................................................16
2.7.2 Pengertian Rapor..........................................................................17
2.7.3 Pengertian SKBM ( Standar Ketuntasan Belajar Minimum )......17
BAB 3 ANALISIS DAN PERANCANGAN SOLUSI
3.1 Gambaran Umum SMP Mutiara Kasih ...................................................18
3.1.1 Sejarah dan Perkembangan SMP Mutiara Kasih..........................18
3.1.2 Struktur Organisasi SMP Mutiara Kasih......................................20
3.1.3 Tugas dan Wewenang...................................................................20
3.2 Analisis Permasalahan..............................................................................23
3.2.1 Analisis Proses Bisnis Berjalan Pada SMP Mutiara Kasih..........23
3.2.2 Analisis Wawancara Pada Studi Kasus........................................50
3.2.3 Identifikasi Permasalahan.............................................................67
3.3 Analisis Pemecahan Masalah...................................................................71
3.4 Perancangan Solusi...................................................................................79
3.4.1 Perancangan Proses Bisnis Diusulkan Pada SMP Mutiara Kasih..79
3.4.2 Perancangan Struktur Fungsi/Menu Pada Solusi........................99
xi
3.4.3 Perancangan Layar ( Storyboard ) Pada Solusi.........................106
3.4.3.1 Rancangan layar untuk Frontend / pengguna umum (
tanpa login ) ...................................................................110
3.4.3.2 Rancangan layar untuk frontend (dengan login) ...........119
3.4.3.3 Rancangan Layar untuk Backend ( Admin, kepala sekolah,
staff TU, guru, walikelas ) ............................................125
3.4.4 Perancangan Basis Data Pada Solusi.........................................152
3.5 Perancangan State Transition Diagram (STD) .....................................172
3.5.1 Perancangan STD untuk frontend user ......................................172
3.5.1.1 Perancangan STD untuk frontend user (tanpa login).....172
3.5.1.2 Perancangan STD untuk frontend user (dengan login ).178
3.5.2 Perancangan STD untuk backend user.......................................186
3.5.2.1 Perancangan STD untuk backend user (administrator)..187
3.5.2.2 Perancangan STD untuk backend user (staff TU)..........206
3.5.2.3 Perancangan STD untuk backend user (walikelas)........214
3.5.2.4 Perancangan STD untuk backend user (guru)................217
3.5.2.5 Perancangan STD untuk backenduser (kepala sekolah)219
3.6 Pseudocode atau spesifikasi proses........................................................222
3.6.1 Pseudocode untuk Frontend User..............................................222
3.6.1.1 Pseudocode untuk frontend user tanpa login..................222
3.6.1.2 Pseudocode untuk frontend user dengan login...............230
3.6.2 Pseudocode untuk Backend User ..............................................237
3.6.2.1 Pseudocode untuk backend user (administrator)...........237
3.6.2.2 Pseudocode untuk backend user (staff TU)...................265
xii
3.6.2.3 Pseudocode untuk backend user (walikelas)..................290
3.6.2.4 Pseudocode untuk backend user (guru).........................299
3.6.2.5 Pseudocode untuk backend user (kepala sekolah).........301
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Implementasi..........................................................................................303
4.1.1 Sumber Daya yang Dibutuhkan..................................................303
4.1.1.1 Kebutuhan Perangkat Keras..........................................303
4.1.1.2 Kebutuhan Perangkat Lunak.........................................304
4.1.1.3 Kebutuhan Jaringan.......................................................304
4.1.1.4 Kebutuhan Sumber Daya Manusia................................305
4.1.2 Cara Pemasangan Aplikasi.........................................................306
4.1.3 Cara Penggunaan Sistem Informasi Administrasi Siswa Berbasis
Web.............................................................................................307
4.1.3.1 Cara Penggunaan Aplikasi untuk frontend user ............307
4.1.3.1.1 Cara Penggunaan Aplikasi untuk frontend user
(tanpa login) ....................................................307
4.1.3.1.2 Cara Penggunaan Aplikasi untuk frontend user
(dengan login) .................................................323
4.1.3.2 Cara Penggunaan Aplikasi untuk backend user.............331
4.1.3.2.1 Cara Penggunaan Aplikasi untuk backend user
(Administrator)...................................................333
4.1.3.2.2 Cara Penggunaan Aplikasi untuk backend user
(Staff TU) ..........................................................344
xiii
4.1.3.2.3 Cara Penggunaan Aplikasi untuk backend user
(guru) .................................................................363
4.1.3.2.4 Cara Penggunaan Aplikasi untuk backend user
walikelas) ...........................................................365
4.1.3.2.5 Cara Penggunaan Aplikasi untuk backend user
(kepala sekolah) .................................................371
4.2 Evaluasi..................................................................................................376
4.2.1. Evaluasi dari sisi pengguna........................................................376
4.2.2 Evaluasi dari sisi management...................................................392
4.2.3 Evaluasi dari sisi pengembang...................................................393
4.2.3.1 Evaluasi kelebihan sistem...............................................393
4.2.3.2 Evaluasi kekurangan sistem...........................................394
BAB 5 SIMPULAN DAN SARAN
5.1 Simpulan.................................................................................................395
5.2 Saran.......................................................................................................396
DAFTAR PUSTAKA
RIWAYAT HIDUP
SURAT SURVEI
xiv
DAFTAR TABEL
Tabel 2.4.1 Simbol-simbol Diagram Aliran Dokumen....................................................13
Tabel 3.2.1 Daftar Proses Bisnis dan Aktornya...............................................................23
Tabel 3.2.2 Permasalahan Pada SMP Mutiara Kasih
Berdasarkan Pengamatan Lapangan.................................................................................44
Tabel 3.2.3 Hasil Wawancara dengan Staff Tata Usaha Sekolah....................................50
Tabel 3.2.4 Hasil Wawancara dengan Orangtua Murid 1................................................52
Tabel 3.2.5 Hasil Wawancara dengan Orangtua Murid 2................................................53
Tabel 3.2.6 Hasil Wawancara dengan Orangtua Murid 3................................................54
Tabel 3.2.7 Hasil Wawancara dengan Orangtua Murid 4................................................55
Tabel 3.2.8 Hasil Wawancara dengan Orangtua Murid 5................................................56
Tabel 3.2.9 Hasil Wawancara dengan Guru Bidang Studi 1............................................58
Tabel 3.2.10 Hasil Wawancara dengan Guru Bidang Studi 2..........................................59
Tabel 3.2.11 Hasil Wawancara dengan Guru Bidang Studi 3..........................................60
Tabel 3.2.12 Hasil Wawancara dengan Walikelas 1........................................................61
Tabel 3.2.13 Hasil Wawancara dengan Walikelas 2........................................................62
Tabel 3.2.14 Hasil Wawancara dengan Walikelas 3........................................................62
Tabel 3.2.15 Hasil Wawancara dengan Kepala Sekolah..................................................63
Tabel 3.2.16 Evaluasi Hasil Wawancara Terhadap Permasalahan...................................64
Tabel 3.2.17 Evaluasi Hasil Wawancara Terhadap Solusi...............................................67
Tabel 3.2.18 Rangkuman Permasalahan pada SMP Mutiara Kasih.................................68
Tabel 3.3.1 Rangkuman Solusi Untuk Permasalahan Studi Kasus..................................71
Tabel 3.3.2 Tujuan Dari Solusi Yang Akan Dibangun....................................................76
xv
Tabel 3.4.1 Proses Bisnis Untuk Mewujudkan Tujuan dari Solusi..................................79
Tabel 3.4.2 Fungsi/Menu vs Pengguna............................................................................99
Tabel 3.4.3 Fungsi/Menu vs Layar (Storyboard) ..........................................................106
Tabel 3.4.4 Definisi Tabel ms_pendaftaran...................................................................152
Tabel 3.4.5 Contoh Isi Data tabel ms_pendaftaran........................................................153
Tabel 3.4.6 Definisi Tabel ms_siswa.............................................................................154
Tabel 3.4.7 Contoh Isi Data tabel ms_siswa..................................................................155
Tabel 3.4.8 Definisi Tabel ms_detail_siswa...................................................................155
Tabel 3.4.9 Contoh Isi Data tabel ms_detail_siswa......................................................156
Tabel 3.4.10 Definisi Tabel ms_orangtua......................................................................156
Tabel 3.4.11 Contoh Isi Data tabel ms_orangtua..........................................................157
Tabel 3.4.12 Definisi Tabel ms_siswa_login.................................................................157
Tabel 3.4.13 Contoh Isi Data tabel ms_siswa_login......................................................157
Tabel 3.4.14 Definisi Tabel ms_admin..........................................................................157
Tabel 3.4.15 Contoh Isi Data tabel ms_admin...............................................................158
Tabel 3.4.16 Definisi Tabel ms_staff.............................................................................158
Tabel 3.4.17 Contoh Isi Data tabel ms_staff.................................................................158
Tabel 3.4.18 Definisi Tabel ms_staff_login...................................................................159
Tabel 3.4.19 Contoh Isi Data tabel ms_staff_login........................................................159
Tabel 3.4.20 Definisi Tabel ms_pelanggaran.................................................................159
Tabel 3.4.21 Contoh Isi Data tabel ms_pelanggaran......................................................160
Tabel 3.4.22 Definisi Tabel tr_keuangan.......................................................................160
Tabel 3.4.23 Contoh Isi Data tabel tr_keuangan...........................................................160
Tabel 3.4.24 Definisi Tabel Ms_Leger...........................................................................160
xvi
Tabel 3.4.25 Contoh Isi Data tabel Ms_leger................................................................161
Tabel 3.4.26 Definisi Tabel ms_kurikulum....................................................................161
Tabel 3.4.27 Contoh Isi Data tabel ms_kurikulum.........................................................161
Tabel 3.4.28 Definisi Tabel ms_periode........................................................................162
Tabel 3.4.29 Contoh Isi Data tabel ms_periode.............................................................162
Tabel 3.4.30 Definisi Tabel ms_kls................................................................................162
Tabel 3.4.31 Contoh Isi Data tabel ms_kls.....................................................................162
Tabel 3.4.32 Definisi Tabel no_induk............................................................................162
Tabel 3.4.33 Contoh Isi Data tabel no_induk.................................................................163
Tabel 3.4.34 Definisi Tabel tr_daftar_ulang..................................................................163
Tabel 3.4.35 Contoh Isi Data tabel tr_daftar_ulang......................................................163
Tabel 3.4.36 Definisi Tabel administrasi.......................................................................163
Tabel 3.4.37 Contoh Isi Data tabel administrasi ..........................................................164
Tabel 3.4.38 Definisi Tabel berita..................................................................................164
Tabel 3.4.39 Contoh Isi Data tabel berita.......................................................................164
Tabel 3.4.40 Definisi Tabel tentang...............................................................................164
Tabel 3.4.41 Isi Data tabel tentang.................................................................................165
Tabel 3.4.42 Definisi Tabel lokasi.................................................................................165
Tabel 3.4.43 Contoh Isi Data tabel lokasi......................................................................165
Tabel 3.4.44 Definisi Tabel situs_rujukan.....................................................................165
Tabel 3.4.45 Contoh Isi Data tabel situs_rujukan..........................................................166
Tabel 3.4.46 Definisi Tabel banner................................................................................166
Tabel 3.4.47 Contoh Isi Data tabel banner.....................................................................166
Tabel 3.4.48 Definisi Tabel Home.................................................................................166
xvii
Tabel 3.4.49 Contoh Isi Data tabel home.......................................................................166
Tabel 3.4.50 Definisi Tabel Tr_Status...........................................................................167
Tabel 3.4.51 Contoh Isi Data Tabel Tr_Status...............................................................167
Tabel 3.4.52 Pemetaan Tabel dengan Layar..................................................................169
Tabel 4.2.1 Hasil wawancara dengan pengguna............................................................376
Tabel 4.2.2 Hasil wawancara dengan kepala sekolah....................................................392
xviii
DAFTAR GAMBAR
Gambar 2.5.1 Contoh Entitas……………………………………………………..…….14
Gambar 2.5.2 Contoh relationship………………………………………………..……..15
Gambar 2.5.3 Contoh Attribute…………………………………………………..……..15
Gambar 3.1 Struktur Organisasi SMP Mutiara Kasih......................................................20
Gambar 3.2.1 DAD Mencari Informasi Sekolah………………………………...……...26
Gambar 3.2.2 DAD Proses Membeli formulir pendaftaran…………………..………...27
Gambar 3.2.3 DAD Proses Mengisi formulir pendaftaran…………………..….………28
Gambar 3.2.4 DAD Proses mengembalikan formulir pendaftaran………..……………29
Gambar 3.2.5 DAD Proses Mencatat Data Siswa………………………..……………..30
Gambar 3.2.6 DAD Proses Mencatat Data Pegawai……………………..……………..32
Gambar 3.2.7 DAD Proses Menangani pelanggaran siswa……………..…….………...34
Gambar 3.2.8 DAD Proses Mencatat Keuangan Siswa………………..……………….36
Gambar 3.2.9 DAD Proses melihat keuangan………………………..………….……...37
Gambar 3.2.10 DAD Proses Mencatat Nilai………………………..…………………..39
Gambar 3.2.11 DAD Proses Mengisi Raport……………………..……………….……41
Gambar 3.2.12 DAD proses melihat nilai………………………..……………………..43
Gambar 3.3.1 Model Konseptual ………………………………………………………75
Gambar 3.4.1 DAD Mencari Informasi Sekolah………………..………………….…...82
Gambar 3.4.2 DAD Pendaftaran Online………………………..………………….……84
Gambar 3.4.3 DAD Memasukkan Data Siswa………………...………………………..86
Gambar 3.4.4 DAD Memasukkan Data Pegawai……………..…………………….…..88
Gambar 3.4.5 DAD Memasukkan Pelanggaran Siswa….…..…………………………..90
xix
Gambar 3.4.6 DAD Memasukkan Keuangan……………...……………………………92
Gambar 3.4.7 DAD Melihat Keuangan………………..………………….…………….94
Gambar 3.4.8 DAD Memasukkan Nilai…………………………………….………..…96
Gambar 3.4.9 DAD Melihat Nilai…………………………………………………..…..98
Gambar 3.4.10 Rancangan Layar Index…………………………………………...…..110
Gambar 3.4.11 Rancangan Layar Berita dan Kegiatan…………………………..……111
Gambar 3.4.12 Rancangan Layar Lihat Berita…………………………………..……112
Gambar 3.4.13 Rancangan Layar Daftar Online………………………………..…….113
Gambar 3.4.14 Rancangan Layar Form Daftar..……………………………..……….115
Gambar 3.4.15 Rancangan Layar Result……………………………………..……….117
Gambar 3.4.16 Rancangan Layar Tentang Kami…………………………..…………118
Gambar 3.4.17 Rancangan Layar Lokasi…………………………………..………….119
Gambar 3.4.18 Rancangan Layar Data Pribadi…………………………..…………...120
Gambar 3.4.19 Rancangan Layar Nilai…………………………………..……………121
Gambar 3.4.20 Rancangan Layar Keuangan…………………………..……………...122
Gambar 3.4.21 Rancangan Layar Pelanggaran………………………..………………123
Gambar 3.4.22 Rancangan Layar Daftar Ulang…………………………………….....124
Gambar 3.4.23 Rancangan Layar Index (Staff) ……………………………………....125
Gambar 3.4.24 Rancangan Layar Home (Administrator,Staff TU) ………………..…126
Gambar 3.4.25 Rancangan Layar Edit Halaman Home (Administrator, Staff TU).......127
Gambar 3.4.26 Rancangan Layar User (admin)............. ………………...……………128
Gambar 3.4.27 Rancangan Layar User > Staff (admin).................................................129
Gambar 3.4.28 Rancangan Layar User > Staff> edit(admin)........................................129
xx
Gambar 3.4.29 Rancangan Layar Berita dan Kegiatan (admin, kepala sekolah & staff
TU).................................................................................................................................130
Gambar 3.4.30 Rancangan Layar Berita dan Kegiatan > edit (admin, kepala sekolah &
staff TU).........................................................................................................................131
Gambar 3.4.31 Rancangan Layar Berita dan Kegiatan > edit (admin, kepala sekolah &
staff TU).........................................................................................................................132
Gambar 3.4.32 Rancangan Layar Tentang Kami (admin) ............................................132
Gambar 3.4.33 Rancangan Layar Lokasi (admin) ........................................................133
Gambar 3.4.34 Rancangan Layar Situs Rujukan (admin) .............................................134
Gambar 3.4.35 Rancangan Layar Edit Situs Rujukan (admin) .....................................135
Gambar 3.4.36 Rancangan Layar Tambah Situs Rujukan (admin) ...............................135
Gambar 3.4.37 Rancangan Layar Baris Iklan (admin) ..................................................136
Gambar 3.4.38 Rancangan Layar Edit Baris Iklan (admin) ..........................................137
Gambar 3.4.39 Rancangan Layar Tambah Baris Iklan(administrator) .........................137
Gambar 3.4.40 Rancangan Layar Home(staff TU) .......................................................138
Gambar 3.4.41 Rancangan Layar Pendaftaran(staff TU) ..............................................139
Gambar 3.4.42 Rancangan Layar Pendaftaran/ Buka (staff TU) ..................................140
Gambar 3.4.43 Rancangan Layar Pendaftaran/ TUTUP (staff TU) ..............................141
Gambar 3.4.44 Rancangan Layar siswa baru (staff TU) ...............................................142
Gambar 3.4.45 Rancangan Layar Daftar Ulang (staff TU) ...........................................143
Gambar 3.4.46 Rancangan Layar Siswa (staff TU) ......................................................144
Gambar 3.4.47 Rancangan Layar Pegawai (Staff TU) ..................................................145
Gambar 3.4.48 Rancangan Layar Keuangan (Staff TU) ...............................................146
Gambar 3.4.49 Rancangan Layar Ganti Password(Staff) ............................................147
xxi
Gambar 3.4.50 Rancangan Layar Pelanggaran (walikelas) ..........................................148
Gambar 3.4.51 Rancangan Layar Leger (walikelas) .....................................................149
Gambar 3.4.52 Rancangan Layar Tulis Leger (walikelas) ............................................150
Gambar 3.4.53 Rancangan Layar kenaikan (walikelas)................................................151
Gambar 3.4.54 Diagram ERD Aplikasi Diusulkan........................................................168
Gambar 3.5.1 STD Layar Home (tanpa login) .…………………………………..…...172
Gambar 3.5.2 STD Layar Berita dan Kegiatan (tanpa login) …………………..……..173
Gambar 3.5.3 STD Layar Daftar Online …………………………………..….………174
Gambar 3.5.4 STD Layar Form Daftar..……………………………………..………..175
Gambar 3.5.5 STD Layar Tentang Kami (tanpa login) ……………………...…..……176
Gambar 3.5.6 STD Layar Lokasi (tanpa login) …………………………….…………177
Gambar 3.5.7 STD Layar Home (dengan login) ………………………..….…...…….178
Gambar 3.5.8 STD Layar Data Pribadi…...…………………………..……………….179
Gambar 3.5.9 STD Layar Nilai…...…………………………………..……………….181
Gambar 3.5.10 STD Layar Keuangan...……………………..……….………………..182
Gambar 3.5.11 STD Layar Pelanggaran……………………..……….………………..183
Gambar 3.5.12 STD Layar Daftar Ulang……………………………………………...185
Gambar 3.5.13 STD Layar Index (staff dan administrator) ………………….….……186
Gambar 3.5.14 STD Layar Home (admin) ……………….…….….……..…….…..…187
Gambar 3.5.15 STD Layar Edit Home (admin) ………….…….….…………..……...188
Gambar 3.5.16 STD Layar User (admin) ……………….………..………….……..…189
Gambar 3.5.17 STD Layar User:staff (admin) ………….………..…………...………191
Gambar 3.5.18 STD Layar User:siswa (admin) ……………………………..………..192
Gambar 3.5.19 STD Layar Edit User (admin) …………………………………..……193
xxii
Gambar 3.5.20 STD Layar Berita dan Kegiatan (admin) ………………...…...………194
Gambar 3.5.21 STD Layar Edit Berita (admin) ……….…………..………..………...196
Gambar 3.5.22 STD Layar Tentang Kami (admin) …….…………..……………..…..197
Gambar 3.5.23 STD Layar Lokasi (admin) …………….…………..………...……….199
Gambar 3.5.24 STD Layar Situs Rujukan (admin) …….……..….…………………...201
Gambar 3.5.25 STD Layar Baris Iklan (admin) ……….………….…………………..203
Gambar 3.5.26 STD Layar Ganti Pswd (admin) ……….………….………...………..205
Gambar 3.5.27 STD Layar Home (staff TU) ………….………….……………...…...206
Gambar 3.5.28 STD Layar Pendaftaran……………….………….…………………...207
Gambar 3.5.29 STD Layar Pendaftaran (status tutup) .………….……………………208
Gambar 3.5.30 STD Layar Pendaftaran (status buka) .…………..……………………208
Gambar 3.5.31 STD Layar Siswa Baru……………….………….……………………209
Gambar 3.5.32 STD Layar Daftar Ulang.…………….………….……………………210
Gambar 3.5.33 STD Layar Siswa……….…………….………….……………………211
Gambar 3.5.34 STD Layar Pegawai………………….…………..……………………211
Gambar 3.5.35 STD Layar Kirim Leger (status buka) .…………...…………………..212
Gambar 3.5.36 STD Layar Kirim Leger (status tutup)………….…………………….213
Gambar 3.5.37 STD Layar Keuangan……………….………….……………………..213
Gambar 3.5.38 STD Layar Home(walikelas) ……….………….……………………..214
Gambar 3.5.39 STD Layar Pelanggaran…………….….……….……………………..214
Gambar 3.5.40 STD Layar Leger…..….…………….………….……………………..215
Gambar 3.5.41 STD Layar Naik..…..………………..………….……………………..216
Gambar 3.5.42 STD Layar Home (guru) …………….………….……………...……..217
Gambar 3.5.43 STD Layar Leger (guru) …………….………….……………..……...218
xxiii
Gambar 3.5.44 STD Layar Home (kepala sekolah)….………..………………………219
Gambar 3.5.45 STD Layar Siswa…………..………………….………………………220
Gambar 3.5.46 STD Layar Pegawai………..………………….………………………220
Gambar 3.5.47 STD Layar Leger…...…………………………………………………221
Gambar 4.1.1 Topologi Jaringan………………………………………………………305
Gambar 4.1.2 Tampilan Layar Home (Tanpa Login ) ………………………………...309
Gambar 4.1.3 Tampilan Layar Berita dan Kegiatan (Tanpa Login) ………………….310
Gambar 4.1.4 Tampilan Layar Isi Berita. ……………………………………………..310
Gambar 4.1.5 Tampilan Layar Daftar Online (Status Tidak Tersedia)....................…..311
Gambar 4.1.6 Tampilan Layar Daftar Online (Status Tersedia)....................………....312
Gambar 4.1.7 Tampilan Layar Form Daftar ………………………………………..…314
Gambar 4.1.8 Tampilan Layar Form_Daftar (Pesan Kesalahan) ……………………..315
Gambar 4.1.9 Tampilan Layar Result……….………………………………………...316
Gambar 4.1.10 Tampilan Layar Tentang Kami …………………..…………………..317
Gambar 4.1.11 Tampilan Layar Gedung……………………………………………....318
Gambar 4.1.12 Tampilan Layar Perpus………………..………………………….…..319
Gambar 4.1.13 Tampilan Layar Lab……………………….……………………….…320
Gambar 4.1.14 Tampilan Layar Lapangan…………………….…….………………...320
Gambar 4.1.15 Tampilan Layar Ekskul……………………….….…………………...321
Gambar 4.1.16 Tampilan Layar Lokasi (Tanpa Login) ……….……………………...322
Gambar 4.1.17 Tampilan Layar Index (Login) ……………………………………….323
Gambar 4.1.18 Tampilan Layar Data Pribadi ………………………………………...325
Gambar 4.1.19 Tampilan Layar Nilai ………………………………………………...326
Gambar 4.1.20 Tampilan Layar Keuangan …………………………………………...327
xxiv
Gambar 4.1.21 Tampilan Layar Pelanggaran (Tidak Ada Pelanggaran) ………..……328
Gambar 4.1.22 Tampilan Layar Pelanggaran (Ada Pelanggaran) …………………….329
Gambar 4.1.23 Tampilan Daftar Ulang……………….……………………………….330
Gambar 4.1.24 Tampilan Layar Index (Staff) ……………………..………………….331
Gambar 4.1.25 Tampilan Layar Index > Pilih Akses………………………………….332
Gambar 4.1.26 Tampilan Layer Index > Pesan Kesalahan……………………………332
Gambar 4.1.27 Tampilan Layer Home (Admin) …………………...…………………333
Gambar 4.1.28 Tampilan Layar Edit Halaman Home………...……………………….334
Gambar 4.1.29 Tampilan Layar User……………………………….…………………335
Gambar 4.1.30 Tampilan Layar User Account Staff…………………………………..335
Gambar 4.1.31 Tampilan Layar Staff (buat account kepala sekolah)......……………..336
Gambar 4.1.32 Tampilan Layer View User Account Staff…………….………..…….337
Gambar 4.1.33 Tampilan Layar Edit User……………………………………………337
Gambar 4.1.34 Tampilan Layar User (Pesan Edit Berhasil) ……………………….....338
Gambar 4.1.35 Tampilan Layar User siswa......................... ……………………….....339
Gambar 4.1.36 Tampilan Layar Berita Dan Kegiatan (Admin) ..……………………..339
Gambar 4.1.37 Tampilan Layar Edit Berita…………………………………………...340
Gambar 4.1.38 Tampilan Layar Tambah Berita ………………………………………341
Gambar 4.1.39 Tampilan Layar Tentang Kami (Admin) ……………………..………341
Gambar 4.1.40 Tampilan Layar Lokasi (Admin) ………………..……….…………...342
Gambar 4.1.41 Tampilan Layar Situs Rujukan (Admin) ………………..……………343
Gambar 4.1.42 Tampilan Layar Ganti Password……………………………………...343
Gambar 4.1.43 Tampilan Layar Pendaftaran………………………….………………344
Gambar 4.1.44 Tampilan Layar Pendaftaran ( Buka Pendaftaran) ……………….…..345
xxv
Gambar 4.1.45 Tampilan Layar Pendaftaran ( Tutup Pendaftaran ) ……….…………346
Gambar 4.1.46 Tampilan Layar Siswa Baru…………………………………….…….347
Gambar 4.1.47 Tampilan Layar View Siswa Baru..…………………………….…….348
Gambar 4.1.48 Tampilan Layar Daftar…………….…………………………….……350
Gambar 4.1.49 Tampilan Layar Daftar Ulang.…….…………….……………….……351
Gambar 4.1.50 Tampilan Layar Siswa………….…………….………………….……352
Gambar 4.1.51 Tampilan Layar View Siswa……………………………………….…353
Gambar 4.1.52 Tampilan Layar Edit Siswa…………………………………….……..354
Gambar 4.1.53 Tampilan Kotak Dialog Simpan………………………………..……..354
Gambar 4.1.54 Tampilan Layar Cari Siswa…………………………………….……..355
Gambar 4.1.55 Tampilan Layar Pegawai…………………………….……….……….355
Gambar 4.1.56 Tampilan Layar View Staff…………………………………………...356
Gambar 4.1.57 Tampilan Layar Edit Staff…………………………………………….357
Gambar 4.1.58 Tampilan Pesan Bila Berhasil Melakukan Edit Data…………………357
Gambar 4.1.59 Tampilan Layar Staff Baru……………………………………………358
Gambar 4.1.60 Tampilan Layar Data Pada Ms.Excel…………………………………358
Gambar 4.1.61 Tampilan Layar Kirim Leger (Kondisi Leger Belum Dibuka) .………359
Gambar 4.1.62 Tampilan Layar Kirim Leger Pilih Jenis Kurikulum….……..………..359
Gambar 4.1.63 Tampilan Pesan Leger Berhasil Dikirim…………..……….…………360
Gambar 4.1.64 Tampilan Layar Kirim Leger (Kondisi Leger Telah Dibuka)………...360
Gambar 4.1.65 Tampilan Pesan Sukses Menutup Leger………………………………361
Gambar 4.1.66 Tampilan Layar Keuangan……………………………………………361
Gambar 4.1.67 Tampilan Layar Edit Keuangan…………………………………….…362
Gambar 4.1.68 Tampilan Pesan Berhasil Bayar……………………………………….362
xxvi
Gambar 4.1.69 Tampilan Layar Home (Guru) ………………………………………..363
Gambar 4.1.70 Tampilan Layar Leger (Guru) ……………………………………......364
Gambar 4.1.71 Tampilan Layar Input Leger (Guru) …………………...……………..364
Gambar 4.1.72 Tampilan Layar Home(Walikelas) …………………...………………365
Gambar 4.1.73 Tampilan Layar Pelanggaran (Walikelas) ……………………………366
Gambar 4.1.74 Tampilan Layar Tulis Pelanggaran (Walikelas) ………………...……367
Gambar 4.1.75 Tampilan Pesan Tulis Pelanggaran Berhasil……………………….…368
Gambar 4.1.76 Tampilan Layar Nilai (Walikelas) ……………………………………368
Gambar 4.1.77 Tampilan Layar Input Nilai (Walikelas) ……………………...…...…369
Gambar 4.1.78 Tampilan Layar Edit Nilai (Walikelas) ………………...……….……370
Gambar 4.1.79 Tampilan Layar Naik............................………………....……….……370
Gambar 4.1.80 Tampilan Layar Home (Kepala Sekolah) …………………….………371
Gambar 4.1.81 Tampilan Layar Pegawai (Kepala Sekolah) …………………….……372
Gambar 4.1.82 Tampilan Layar Edit Jabatan(Kepala Sekolah) ……………...….……373
Gambar 4.1.83 Tampilan Layar Siswa (Kepala Sekolah) ………………...…………..374
Gambar 4.1.84 Tampilan Layar Leger (Kepala Sekolah) …………..…………...……375
