ANALISIS DAN PERANCANGAN SISTEM INFORMASI

ADMINISTRASI SEKOLAH BERBASIS WEB

( STUDI KASUS PADA SMA PELITA II )

SKRIPSI

O LEH :

Kristle / 1000843955

Anna Theresia Octavia / 1000877520

BINUS UNIVERSITY

JAKARTA

2010

ANALISIS DAN PERANCANGAN SISTEM INFORMASI

ADMINISTRASI SEKOLAH BERBASIS WEB

( STUDI KASUS PADA SMA PELITA II )

Diajukan sebagai salah satu syarat

Untuk gelar kesarjanaan pada

Jurusan Komputerisasi Akuntansi

Jenjang pendidikan strata-1

O LEH :

Kristle / 1000843955

Anna Theresia Octavia / 1000877520

BINUS UNIVERSITY

JAKARTA

2010

ANALISIS DAN PERANCANGAN

SISTEM INFO RMASI ADMINISTRASI SEKO LAH BERBASIS W EB

( STUDI KASUS PADA SMA PELITA II)

SKRIPSI

Disusun oleh:

Kristle Anna Theresia Octavia 1000843955 1000877520

Disetujui oleh:

Pembimbing

Noerlina, S.Kom., M.M Kddsn : D1641

Universitas Bina Nusantara

Jakarta

2010

iii

Universitas Bina Nusantara

Pernyataan Kesiapan Skripsi untuk Ujian Pendadaran

Pernyataan Penyusunan Skripsi

Kami, Kristle Anna Theresia Octavia dengan ini menyatakan bahwa Skripsi yang berjudul:

ANALISIS DAN PERANCANGAN SISTEM INFO RMASI

ADMINISTRASI SEKO LAH BERBASIS W EB

(STUDI KASUS PADA SMA PELITA II)

Adalah benar hasil karya kami dan belum pernah diajukan sebagai karya ilmiah, Sebagian atau seluruhnya, atas nama kami atau pihak lain.

Kristle Anna Theresia Octavia 1000843955 1000877520

Disetujui oleh pembimbing

Saya set uju Skripsi tersebut dijalankan untuk Ujian Pendadaran

Noerlina., S.Kom, MM Jakarta, Februari 2010 Pembimbing

vi

PRAKATA

Puji dan syukur penulis ucapkan kepada Tuhan Yang Maha Esa atas bimbingan dan

berkat-Nya sehingga penulis dapat menyelesaikan skr ipsi ini tepat pada waktunya.

Penyusunan skripsi ini merupakan salah sat u syarat unt uk memperoleh gelar

kesar janaan pada Program St udi Strata 1 Komputerisasi Akuntansi Fakultas Ilmu Komputer

di Universitas Bina Nusantara.

Penyusunan skr ipsi ini mengangkat topik tentang AIS Project dengan judul :

“ANALISIS DAN PERANC ANGAN SIS TEM INFO RMASI ADMINIS TRASI

S EKOLAH BERB ASIS W EB ( S TUDI KASUS PADA SMA PELITA II )” .

Dalam penyusunan skr ipsi ini, kami selaku penulis banyak menemukan ham batan dan

kesulitan, namun berkat bant uan dan bimbingan dari berbagai pihak, penyusunan skr ipsi ini

dapat selesai pada waktunya. Pada kesempatan ini kami hendak menyampaikan ucapan

terima kasih sebesar-besarnya kepada yang terhormat :

1. Bapak Prof. Dr. Ir. Harjanto Prabowo, M.M. , selaku Rektor Universitas Bina

Nusantara.

2. Bapak Ir.Sablin Yusuf,M.Sc., M.Comp. , selaku Dekan Fakultas Ilmu Komputer

Universitas Bina Nusantara.

3. Ibu Yanti, S.Kom., M.M. , selaku Ketua Jurusan Komputerisasi Akuntansi

Universitas Bina Nusantara yang telah mengarahkan kami dalam penyusunan

awal skr ipsi ini.

4. Ibu Noerlina, S.Kom., M.T. , selaku Sekertaris Jurusan Komputerisasi Akuntansi

Universitas Bina Nusantara dan dosen pembimbing yang telah banyak membantu

dalam memberikan petunjuk, saran, dan bimbingannya dalam penyusunan skripsi

ini.

vii

5. Para Dosen Universitas Bina Nusantara yang telah member ikan ilmu pengetahuan

bagi penulis yang selama belajar di Universitas Bina Nusantara.

6. Staff Perpustakaan Universitas Bina Nusantara.

7. Ibu Ely Margaretha Chandra,S.P d. , selaku Kepala SMA Pelita II yang telah

memberikan banyak kesempatan unt uk melakukan survei dan penelitian dalam

rangka memperoleh informasi yang dibut uhkan penyusunan skripsi ini.

8. Orang t ua dan saudara-saudar i kami atas dukungan moril maupun materiil selama

menjalani kuliah dan penyusunan skripsi ini.

9. Teman – teman yang telah memberikan pendapat, dukungan, dan bantuan yang

berguna selama penulisan skripsi in i.

10. Semua pihak yang tidak sebutkan satu-persatu atas segala bantuan, saran, dan

motivasi unt uk menyelesaikan skripsi ini dengan baik dan tepat waktu.

Akhir kata, kami sangat berharap skr ipsi in i dapat bermanfaat bagi banyak orang,

khususnya SMA Pelita II. Dan apabila terdapat kata-kata yang kurang berkenan dalam skripsi

ini, sebelumnya penulis mohon maaf sebesar-besarnya.

Jakarta, Februar i 2010

Penulis

viii  

DAFTAR ISI

Halaman Judul Luar ....................................................................................................... i

Halaman Judul Dalam .................................................................................................... ii

Halaman Persetujuan Hard Cover ................................................................................. iii

Halaman Pernyataan Dewan Penguji ............................................................................ iv

Abstrak ............................................................................................................................ v

Prakata ............................................................................................................................. vi

Daftar Isi .......................................................................................................................... viii

Daftar Tabel .................................................................................................................... xvii

Daftar Gambar ................................................................................................................ xix

Daftar Lampiran ............................................................................................................. xxvii

BAB 1 PENDAHULUAN .......................................................................................... 1

1.1 Latar Belakang…………………………………………………………… 1

1.2 RuangLingkup........................................................................................... 3

1.3 Tujuan dan Manfaat................................................................................ 4

1.4 Metodologi Penelitian.............................................................................. 6

1.5 Sistematika Penulisan............................................................................... 7

ix  

BAB 2 LANDASAN TEO RI .................................................................................... 9

2.1 Pengertian Sistem Informasi Administrasi Sekolah ............................ 9

2.1.1 Pengertian Sistem Informasi............................................................. 9

2.1.2 Pengertian Administrasi ................................................................... 9

2.1.3 Pengertian Sekolah ............................................................................11

2.1.4 Pengertian Administrasi Sekolah .................................................... 11

2.1.4.1 Tujuan Administrasi Sekolah………………………………. 12

2.1.5 Pengertian Sistem Informasi Administrasi……………………… 13

2.1.6 Pengertian Sistem Informasi Administrasi Sekolah……………. 13

2.2 Analisis dan Perancangan…………………………………….…………. 15

2.2.1 Pengertian Analisis Sistem……………………………………….. 15

2.2.2 Tahapan dalam Analisis Sistem…………………………………. 15

2.2.3 Pengertian Perancangan Sistem…………………………………. 16

2.2.4 Oriented Analysis and Design (OO AD)…………………………… 16

2.2.5 Application Domain Analysis…………………………………….. 18

2.2.4.1 Unified Modelling Language (UML)………………………. 19

2.2.4.1.1 Pengertian UML………………………………………. 19

2.2.4.1.2 UML Activity Diagram……………………………….. 19

2.2.4.1.2.1 Identifikasi Event………………………………. 19

2.2.4.1.2.2 Pengertian Workflow Table…………………… 20

2.2.4.1.2.3 Pengertian Activity Diagram…………………… 21

2.2.4.1.2.4 Klasifikasi Activity Diagram………………….. 22

2.2.4.1.2.5 Simbol Activity Diagram………………………. 23

x  

2.2.4.1.3 UML Class Diagram …………………………………… 25

2.2.4.1.3.1 Pengertian Class……………………………….. 25

2.2.4.1.3.2 Pengertian Attibute……………………………. 25

2.2.4.1.3.3 Pengertian Behavior……………………………. 26

2.2.4.1.3.4 Pengertian Event……………………………….. 26

2.2.4.1.3.5 Pengertian UML Class Diagram ……………… 27

2.2.4.1.3.6 Hubungan dalam Class Diagram………………. 27

2.2.4.1.4 Use Case Diagram …………………………………….. 28

2.2.4.1.4.1 Pengertian Use Case………………………….. 28

2.2.4.1.4.2 Pengertian Actor……………………………… 28

2.2.4.1.4.3 Pengertian Use Case Diagram ………………. 29

2.2.4.1.4.4 Simbol Use Case Diagram ……………………. 29

2.2.6 Perancangan Database…………………………………………… 30

2.2.5.1 Pengertian Rancangan Database…………………………… 30

2.2.7 Rancangan Layar…………………………………………………. 31

2.2.6.1 Pengertian Rancangan Layar……………………………… 31

2.2.6.2 Elemen Rancangan Layar………………………………….. 32

2.2.7 Perancangan Laporan……………………………………………. 33

2.2.7.1 Pengertian Rancangan Laporan...............................................33

2.3 Sistem Informasi Administrasi Berbasis Web …………………………. 33

2.3.1 Internet……………………………………………………………… 33

2.3.1.1 Pengertian Internet…………………………………………… 33

2.3.1.2 Istilah Internet………………………………………………… 34

2.3.1.2.1 Web Server………………………………………………. 34

xi  

2.3.1.2.2 Web Browser…………………………………………….. 34

2.3.1.2.3 Pengertian HTTP………………………………………….. 35

2.3.1.2.4 Pengertian URL………………………………………… 36

2.3.1.2.5 World Wide Web (WWW) ……………………………… 36

2.3.1.2.6 Web Hosting………………………………………………… 37

2.3.1.2.7 Pengertian HTML ……………………………………… 38

2.3.1.2.8 Web Programming……………………………………… 38

2.3.1.2.8.1 Server – side Programming……………………. 39

2.3.1.2.8.2 Client – side Programming………………………. 39

2.3.2 PHP…………………………………………………………………. 40

2.3.2.1 Sejarah singkat PHP………………………………………… 40

2.3.2.2 Pengertian PHP………………………………………………. 41

2.3.2.3 Kelebihan dan Kekurangan PHP…………………………… 42

2.3.3 MySQ L……………………………………………………………… 43

2.3.3.1 Sejarah singkat SQ L………………………………………….. 43

2.3.3.2 Pengertian MySQ L…………………………………………… 44

2.3.3.3 Keunggulan MySQ L…………………………………………. 45

2.3.3.4 Komponen SQ L………………………………………………...46

2.3.4 Apache……………………………………………………………… 47

2.3.5 Basis Data…………………………………………………………… 48

2.3.6 DBMS……………………………………………………………….. 48

2.3.7 Interaksi Manusia dan Komputer (IMK)………………………… 50

2.3.7.1 Pengertian Interaksi Manusia dan Komputer (IMK)…….. 50

2.3.7.2 Rekayasa Interaksi Manusia dan Komputer………………. 50

xii  

2.4 Teori – teori Khusus……………………………………………………... 52

2.4.1 Istilah dalam Pendidikan…………………………………………. 52

2.4.1.1 Pengertian Kurikulum Tingkat Satuan Pengajaran……….. 52

2.4.1.2 Pengertian Standar Komputer (SK)………………………… 53

2.4.1.3 Pengertian Kompetensi Dasar (KD)………………………… 54

2.4.1.4 Pengertian Indikator………………………………………… 55

2.4.1.5 Pengertian Standar Ketuntasan Minimun (SKM)…………. 55

2.4.1.6 Pengertian Rencana Program Pembelajaran (RPP)………. 56

2.4.1.7 Pengertian Nilai……………………………………………… 56

2.4.1.7.1 Nilai Indikator…………………………………………. 56

2.4.1.7.2 Nilai Kompetensi Dasar……………………………….. 57

2.4.1.7.3 Nilai Standar Kompetensi……………………………. 58

2.4.1.7.4 Nilai Summary…………………………………………. 58

2.4.1.7.5 Nilai Kompetensi……………………………………… 58

2.4.1.8 Pengertian Leger…………………………………………….. 59

2.4.1.9 Pengertian Rapor……………………………………………. 59

BAB 3 ANALISIS SISTEM YANG BERJALAN

3.1 Gambaran Umum SMA Pelita II……………………………………….. 61

3.1.1 Sejarah SMA Pelita II………………………………………………. 61

3.1.2 Bidang Usaha………………………………………………………… 62

3.1.3 Struktur O rganisasi………………………………………………… 64

3.1.4 Uraian Tugas, Wewenang, dan Tanggung Jawab……………….. 66

3.2 Analisis Sistem Berjalan………………………………………………… 79

xiii  

3.2.1 Prosedur Sistem SMA Pelita II yang Berjalan…………………… 79

3.2.2 Rich Picture Sistem Berjalan………………………………………. 83

3.2.3 Activity Diagram Sistem Berjalan…………………………………. 84

3.2.3.1 Activity Diagram SMA Pelita……………………………….. 84

3.2.3.2 Event Table Sistem Berjalan………………………………… 86

3.2.3.3 Formulir pada Sistem Yang Berjalan……………………… 88

3.2.3.4 Workflow Sistem Yang Berjalan……………………………. 89

3.2.3.5 Analisis Temuan Hasil Survei……………………………… 92

3.2.3.6 Identifikasi Kebutuhan Informasi…………………………… 99

BAB 4 RANCANGAN SISTEM USULAN……………………………………….. 101

4.1 Rancangan Sistem Usulan………………………………………………. 101

4.1.1 Overview Activity Diagram Sistem Usulan …………………….. 106

4.1.2 Event Table Sistem Usulan……………………………………… 107

4.1.3 Workflow Table Sistem Usulan…………………………………. 112

4.1.4 Detailed Activity Diagram Sistem Usulan ……………………… 123

4.1.5 UML Class Diagram……………………………………………… 144

4.1.6 Use Case Diagram Sistem Informasi Administrasi

SMA Pelita II ................................................................................... 145

4.1.7 Rancangan Database…………………………………………...... 152

4.1.8 Rancangan Layar……………………………………………….. 176

4.1.8.1 Rancangan Layar Front End

( Untuk Pengguna Umum )…………………………………. 177

4.1.8.2 Rancangan Layar Front End ( Untuk Siswa )………….. 183

xiv  

4.1.8.3 Rancangan Layar Back End ( Untuk Koor.SAS )………… 188

4.1.9 Rancangan Laporan…………………………………………… 242

4.1.9.1 Rancangan Laporan Hasil Belajar Siswa

Pertengahan Semester ( Rapor Mid Semester )………….. 242

4.1.9.2 Rancangan Leger…………………………………………... 243

4.1.9.3 Rancangan Laporan Hasil Belajar Siswa

( Rapor Semester )................................................................... 244

4.1.9.4 Rancangan Laporan Ketercapaian

Kompetensi Siswa ( LKKS )………………………………… 245

4.1.9.5 Rancangan Lampiran Laporan

Hasil Belajar Siswa………………………………………….. 246

4.1.9.6 Rancangan Laporan Statistik

Perkembangan Nilai Siswa ( LSPS )………………………. 247

4.1.9.7 Laporan Pelaksanaan Pengajaran ( LPP )............................. 248

4.1.10 Navigation Diagram…………………………………………….. 249

4.1.11 Tampilan Layar……………………………………………………. 250

4.1.11.1 Tampilan Layar Front End

( Untuk Pengguna Umum ) …………….…………... … … 250

4.1.11.2 Tampilan Layar Back End ( Untuk Koor.SAS ) ………… 255

xv   

4.1.12 Tampilan Laporan………………………………………………... 282

4.1.12.1 Rapor Mid Semester……………………………………….. 282

4.1.12.2 Rapor Semester…………………………………………….. 283

4.1.12.3 Leger………………………………………………………… 283

4.1.12.4 Laporan Ketercapaian Kompetensi Siswa……………….. 284

4.1.12.5 Lampiran Rapor…………………………………………… 284

4.1.13 Matriks Rencana Penerapan Sistem………………………………. 285

4.1.13.1 Matriks Jadwal Pengolahan Data…………………………. 285

4.1.13.2 Matriks Distribusi Laporan………………………………… 285

4.1.13.3 Matriks Level Akses………………………………………... 286

4.2 Rencana Implementasi………………………………………………….. 288

4.2.1 Sumber Daya yang Dibutuhkan………………………………….. 288

4.2.1.1 Kebutuhan Perangkat Keras………………………………… 288

4.2.1.2 Kebutuhan Perangkat Lunak………………………………. 289

4.2.1.3 Kebutuhan Jaringan…………………………………………. 289

4.2.1.4 Kebutuhan Sumber Daya Manusia………………………….. 291

4.3 Cara Pemasanan Aplikasi………………………………………………. 292

4.4 Cara Penggunaan Sistem Informasi Administrasi

Sekolah Berbasis Web…………………………………………………… 293

xvi  

BAB 5 SIMPULAN DAN SARAN………………………………………………… 294

5.1 Simpulan…………………………………………………………………. 294

5.2 Saran……………………………………………………………………… 296

DAFTAR PUSTAKA…………………………………………………………………. 297

DAFTAR RIWAYAT HIDUP

LAMPIRAN

SURAT SURVEY

DAFTAR TAB EL

Tabel 3.1 Event Table Sistem Berjalan………………………………………… 86

Tabel 3.2 Workflow Table Sistem Berjalan……………………………………. 89

Tabel 4.1 Event Table Sistem Usulan …………………………………………… 107

Tabel 4.2 Workflow Table Sistem Usulan………………………………………. 112

Tabel 4.3 m s_sekolah …………………………………………………………….. 152

Tabel 4.4 m s_siswa……………………………………………………………… 153

Tabel 4.5 m s_ortu ……………………………………………………………….. 155

Tabel 4.6 m s_pegawai……………………………………………………………. 157

Tabel 4.7 m s_user ……………………………………………………………….. 159

Tabel 4.8 m s_config …………………………………………………………….. 160

Tabel 4.9 m s_semester ………………………………………………………….. 161

Tabel 4.10 tr_rpp_h ……………………………………………………………… 162

Tabel 4.11 tr_rpp_d………………………………………………………………. 162

Tabel 4.12 tr_jadwal_pelajaran………………………………………………… 163

Tabel 4.13 tr_jadwal_ujian………………………………………………………. 164

Tabel 4.14 ms_matpel……………………………………………………………. 165

Tabel 4.15 tr_kelas_h …………………………………………………………… 166

Tabel 4.16 tr_kelas_d …………………………………………………………… 166

Tabel 4.17 tr_absensi……………………………………………………………. 167

Tabel 4.18 tr_standar_kompetensi………………………………………………. 168

Tabel 4.19 4.19 tr_kd……………………………………………………………... 169

Tabel 4. 20 Tr_ In dikator……………………………………………………….. 170

Tabel 4. 21 tr_nilai……………………………………………………………… 171

Tabel 4.22 tr_kegiatan………………………………………………………….. 172

Tabel 4. 23 tr_kepribadian………………………………………………………. 173

Tabel 4.24 tr_ pengum um an……………………………………………………. 174

Tabel 4.25 tr_ pesan……………………………………………………………… 175

Tabel 4.26 tr_ pertanyaan……………………………………………………….. 176

Tabel 4.27 Matriks Jadwal Pengolahan Data…………………………………... 285

Tabel 4.28 Matriks Distribusi Laporan …………………………………………. 285

Tabel 4. 29 Matriks Level Akses…………………………………………………286

 

xix 

 

DAFTAR GAMBAR

Gambar 2.1 S imbol Activity Diagram………………………………………… 23

Gambar 2.2 S imbol Use Case Diagram……………………………………….. 29

Gambar 2.3 Server-side programming………………………………………... 39

Gambar 2.4 Client-side programming………………………………………… 40

Gambar 2.5 Alur penilaian alur……………………………………………….. 60

Gambar 3.1 Struktur Organisasi ……………………………………………... 65

Gambar 3.2 Rich Picture Sistem Berjalan ……………………………………. 83

Gambar 3.3 O verview Activity Diagram Pendataan siswa …………………. 84

Gambar 3.4 O verview Activity Diagram Pendataan pegawai ......................... 84

Gambar 3.5 O verview Activity Diagram Pengolahan Nilai ............................. 85

Gambar 4.1 O verview Activity Diagram Sistem Usulan ..................................106

Gambar 4.2 DAD Menentukan Semester dan Tahun Ajaran ......................... 123

Gambar 4.3 DAD Menentukan Kelas, Siswa, dan Wali Kelas ........................ 124

Gambar 4.4 DAD Menentukan Mata Pelajaran ............................................... 125

Gambar 4.5 DAD Menentukan Kegiatan Ekstrakulikuler .............................. 126

Gambar 4.6 DAD Menentukan SKM ................................................................ 127

Gambar 4.7 DAD Menentukan RPP .................................................................. 128

Gambar 4.8 DAD Menginput Jadwal Mata Pelajaran .....................................129

Gambar 4.9 DAD Memberikan Pelajaran, Tugas, dan Ujian ......................... 130

Gambar 4.10 DAD Menilai Tugas yang Diberikan .......................................... 131

Gambar 4.11 DAD Menginput Kegiatan Ekstrakulikuker ............................. 132

Gambar 4.12 DAD Menilai Ujian ....................................................................... 133

xx 

 

Gambar 4.13 DAD Memberikan Remedial ………………………………….. 134

Gambar 4.14 DAD Menilai Remedial…………………………………………. 135

Gambar 4.15 DAD Mengecek Nilai Ujian …………………………………… 136

Gambar 4.16 DAD Mencetak Leger ………………………………………… 137

Gambar 4.17 DAD Menyeleksi Siswa ………………………………………… 138

Gambar 4.18 DAD Mencetak Rapor …………………………………………. 139

Gambar 4.19 DAD Mengecek Rapor………………………………………… 140

Gambar 4.20 DAD Menyerahkan Rapor ……………………………………. 141

Gambar 4.21 DAD Membuat LSPS …………………………………………... 142

Gambar 4.22 DAD Membuat LPP ……………………………………………. 143

Gambar 4.23 Class Diagram Sistem Usulan …………………………………. 144

Gambar 4.24 Use Case Diagram Koordinator SAS………………………….. 145

Gambar 4.25 Use Case Diagram Koordinator Kurikulum………………….. 146

Gambar 4.26 Use Case Diagram Kepala Sekolah……………………………. 147

Gambar 4.27 Use Case Diagram Wali Kelas…………………………………. 148

Gambar 4.28 Use Case Diagram Guru Bidang Studi………………………. 149

Gambar 4.29 Use Case Diagram Tata Usaha………………………………… 150

Gambar 4.30 Usecase diagram Siswa / Orang Tua Siswa…………………… 151

Gambar 4.31 Rancangan Layar Halaman Utama Sebelum Login………….. 177

Gambar 4.32 Rancangan Layar Halaman Profil ( Sejarah SMA Pelita II )... 178

Gambar 4.33 Rancangan Halaman Profil (Visi & Misi SMA Pelita II)…… 179

Gambar 4.34 Rancangan Layar Halaman Profil ( Struktur Organisasi )….. 180

Gambar 4.35 Rancangan Layar Halaman Profil ( Prestasi SMA Pelita II )... 181

Gambar 4.36 Rancangan Layar Halaman Tentang Kami …………………. 182

xxi 

 

Gambar 4.37 Rancangan Layar Data Pribadi Siswa………………………… 183

Gambar 4.38 Rancangan Layar Jadwal Pelajaran………………………….. 184

Gambar 4.39Rancangan Layar Nilai Siswa…………………………………. 185

Gambar 4.40 Rancangan Layar Pertanyaaan………………………………... 186

Gambar 4.41Rancangan Layar Ganti Password…………………………….. 187

Gambar 4.42 Rancangan Layar Pengumuman………………………………. 188

Gambar 4.43 Rancangan Layar Halaman Utama Setelah Login…………… 189

Gambar 4.44 Rancangan Layar Data Sekolah……………………………….. 190

Gambar 4.45 Rancangan Layar Data pegawai……………………………….. 191

Gambar 4.46 Rancangan Layar tambah Data pegawai……………………… 192

Gambar 4.47 Rancangan Layar Data Semester……………………………… 193

Gambar 4.48 Rancangan Layar Data Semester……………………………… 194

Gambar 4.49 Rancangan Layar Data Siswa…………………………………. 195

Gambar 4.50 Rancangan Layar Tambah Data S iswa……………………….. 196

Gambar 4.51 Rancangan Layar Data Kelas…………………………………. 198

Gambar 4.52 Rancangan Layar Tambah Data Kelas………………………. 199

Gambar 4.53 Rancangan Layar Data Mata Pelajaran……………………… 200

Gambar 4.54 Rancangan Layar Tambah Data Mata Pelajaran……………. 201

Gambar 4.55 Rancangan Layar Data User…………………………………… 202

Gambar 4.56 Rancangan Layar Tambah Data User………………………… 203

Gambar 4.57 Rancangan Layar Data Standar Kompetensi………………… 204

Gambar 4.58 Rancangan Layar Tambah Data Standar Kompetensi………. 205

Gambar 4.59 Rancangan Layar Data Kompetensi Dasar…………………… 206

Gambar 4.60 Rancangan Layar Tambah Data Kompetensi Dasar………… 207

xxii 

 

Gambar 4.61 Rancangan Layar Data Indikator………………………………208

Gambar 4.62 Rancangan Layar Tambah Data Indikator…………………… 209

Gambar 4.63 Rancangan Layar Jadwal Pelajaran…………………………... 210

Gambar 4.64 Ranacangan Layar Tambah Jadwal Pelajaran………………. 211

Gambar 4.65 Ranacangan Layar Jadwal Ujian……………………………... 212

Gambar 4.66 Rancangan Layar Tambah Jadwal Ujian…………………….. 213

Gambar 4.67 Ranacangan Layar RPP……………………………………….. 214

Gambar 4.68 Ranacangan Layar Input data RPP…………………………… 215

Gambar 4.69 Rancangan Layar Detail RPP…………………………………. 216

Gambar 4.70 Rancangan Layar Tambah Data Detail RPP…………………. 217

Gambar 4.71 Rancangan Layar Nilai Siswa…………………………………. 218

Gambar 4.72 Rancangan Layar Tambah Data Mata Pelajaran……………. 219

Gambar 4.73 Rancangan Layar Input Nilai Siswa…………………………… 220

Gambar 4.74 Rancangan Layar Kenaikan Kelas…………………………….. 221

Gambar 4.75 Rancangan Layar Ubah Kenaikan Kelas……………………… 222

Gambar 4.76 Rancangan Layar Absensi Siswa………………………………. 223

Gambar 4.77 Rancangan Layar Tambah Absensi Siswa……………………. 224

Gambar 4.78 Rancangan Layar Kegiatan Ekskul Siswa……………………. 225

Gambar 4.79 Rancangan Layar Tambah Data Kegiatan Ekskul………….. 226

Gambar 4.80 Rancangan Layar Kepribadian Siswa ……………………….. 227

Gambar 4.81 Rancangan Layar Tambah Data Kepribadian Siswa………… 228

Gambar 4.82 Rancangan Layar Rapor Mid Semester………………………. 229

Gambar 4.83 Rancangan Layar Leger……………………………………….. 230

Gambar 4.84 Rancangan Layar Rapor Semester……………………………. 231

xxiii 

 

Gambar 4.85 Rancangan Layar Lampiran Rapor…………………………… 232

Gambar 4.86 Rancangan Layar

Laporan Ketercapaian Kompetensi Siswa ( LKKS)………….. 233

Gambar 4.87 Rancangan Layar Laporan Perkembangan

S tatistik Perkembangan Nilai Siswa (LSPS)………………….. 234

Gambar 4.88 Rancangan Layar

Laporan Pelaksanaan Pengajaran ( LPP )……………………. 235

Gambar 4.89 Rancangan Layar Pesan………………………………………... 236

Gambar 4.90 Rancangan Layar Tambah Pesan……………………………… 237

Gambar 4.91 Rancangan Layar Pengumuman………………………………. 238

Gambar 4.92 Rancangan Layar Tambah Pengumuman……………………. 239

Gambar 4.93 Rancangan Layar Pertanyaan…………………………………. 240

Gambar 4.94 Rancangan Layar Tambah Pertanyaan……………………….. 241

Gambar 4.95 Rancangan Rapor Mid Semester……………………………… 242

Gambar 4.96 Rancangan Leger………………………………………………. 243

Gambar 4.97 Rancangan Rapor Semester…………………………………… 244

Gambar 4.98 Rancangan Laporan

Ketercapaian Kompetensi Siswa ( LKKS )……………………. 245

Gambar 4.99 Rancangan Lampiran Rapor………………………………….. 246

Gambar 4.100 Rancangan Laporan

S tatistik Perkembangan Nilai Siswa ( LSPS)………………... 247

Gambar 4.101 Rancangan Laporan Pelaksanaan Pengajaran ( LPP )……... 248

Gambar 4.102 Navigation Diagram…………………………………………… 249

Gambar 4.103 Tampilan Layar Beranda Sebelum Login…………………… 250

xxiv 

 

Gambar 4.104 Tampilan Layar Menu Profile ( Sejarah SMA Pelita II )…… 250

Gambar 4.105 Tampilan Layar Profile ( Visi & Misi SMA Pelita II )……….251

Gambar 4.106 Tampilan Layar Profile ( Struktur Organisasi )…………….. 252

Gambar 4.107 Tampilan Layar Profile ( Prestasi )…………………………... 253

Gambar 4.108 Tampilan Layar Profile ( Fasilitas )………………………… 254

Gambar 4.109 Tampilan Layar Profile ( Tentang Kami )…………………… 254

Gambar 4.42 Tampilan Layar Data Sekolah………………………………… 255

Gambar 4.43 Tampilan Layar Ubah Data Sekolah …………………………. 255

Gambar 4.112 Tampilan Layar Data Pegawai……………………………….. 256

Gambar 4.113 Tampilan Layar Tambah Data Pegawai……………………. 257

Gambar 4.114 Tampilan Layar Data siswa…………………………………. 258

Gambar 4.115 Tampilan Layar Tambah Data S iswa………………………... 259

Gambar 4.116 Tampilan Layar Data Semester……………………………… 260

Gambar 4.117 Tampilan Layar Tambah Data Semester……………………. 260

Gambar 4.118 Tampilan Layar Tambah Data Semester……………………. 261

Gambar 4.119 Tampilan Layar Data Kelas………………………………….. 261

Gambar 4.120 Tampilan Layar Tambah Data Kelas………………………… 262

Gambar 4.121 Tampilan Layar Ubah Data Kelas…………………………… 262

Gambar 4.122 Tampilan Layar Data Mata Pelajaran………………………. 263

Gambar 4.123 Tampilan Layar Tambah Data Mata Pelajaran…………….. 263

Gambar 4.124 Tampilan Layar Data User…………………………………… 264

xxv 

 

Gambar 4.125 Tampilan Layar Tambah Data User………………………… 264

Gambar 4.126 Tampilan Layar Data Standar Kompetensi………………… 265

Gambar 4.127 Tampilan Layar Data Kompetensi Dasar …………………. 265

Gambar 4.128 Tampilan Layar Tambah Data Kompetensi Dasar………… 266

Gambar 4.129 Tampilan Layar Data Indikator……………………………… 266

Gambar 4.130 Tampilan Layar Tambah Data Indikator…………………… 267

Gambar 4.131 Tampilan Layar Data Jadwal Pelajaran…………………… 268

Gambar 4.132 Tampilan Layar Tambah Data Jadwal Pelajaran………….. 269

Gambar 4.133 Tampilan Layar Data Jadwal Ujian…………………………. 269

Gambar 4.134 Tampilan Layar Tambah Data Jadwal Ujian………………. 270

Gambar 4.135 Tampilan Layar RPP ( Rencana Program Pembelajaran )... 270

Gambar 4.136 Tampilan Layar Tambah RPP……………………………….. 271

Gambar 4.137 Tampilan Layar Nilai Siswa…………………………………. 271

Gambar 4.138 Tampilan Layar Tambah Nilai Siswa………………………. 272

Gambar 4.139 Tampilan Layar Kenaikan Kelas……………………………. 272

Gambar 4.140 Tampilan Layar Tambah data Kenaikan Kelas……………. 273

Gambar 4.141 Tampilan Layar Absensi Siswa……………………………… 273

Gambar 4.142 Tampilan Layar Tambah data Absensi…………………….. 274

Gambar 4.143 Tampilan Layar Kegiatan Ekstrakulikuler………………….. 274

Gambar 4.144 Tampilan Layar Tambah Data Kegiatan Ekstrakulikuler.. 275

Gambar 4.145 Tampilan Layar Data Kepribadian Siswa………………….. 275

xxvi 

 

Gambar 4.146 Tampilan Layar Tambah Data Kepribadian Siswa………... 276

Gambar 4.147 Tampilan Layar Pesan………………………………………. 276

Gambar 4.148 Tampilan Layar Rapor Mid Semester……………………….. 277

Gambar 4.149 Tampilan Layar Rapor Semester……………………………. 277

Gambar 4.150 Tampilan Leger……………………………………………….. 278

Gambar 4.151 Tampilan Laporan Ketercapaian

Kompetensi Siswa ( LKKS )…………………………………. 278

Gambar 4.152 Tampilan Lampiran Hasil Belajar Siswa ( Rapor )………… 279

Gambar 4.153 Tampilan Layar Pengumuman……………………………… 279

Gambar 4.154 Tampilan Layar Tambah Data pengumuman……………… 280

Gambar 4.155 Tampilan Layar Pertanyaan…………………………………. 280

Gambar 4.156 Tampilan Ubah Data Pertanyaan……………………………. 281

Gambar 4.157 Tampilan Layar Rapor Semester…………………………….. 281

Gambar 4.158 Tampilan Rapor Mid Semester………………………………. 282

Gambar 4.159 Tampilan Rapor Semester……………………………………. 283

Gambar 4.160 Tampilan Leger………………………………………………... 283

Gambar 4.161 Tampilan Laporan Ketercapaian

Kompetensi Siswa ( LKKS ) ………………………………… 284

Gambar 4.162 Tampilan Lampiran Hasil Belajar Siswa

( Lampiran Rapor )…………….................................................284

Gambar 4.163 Topologi Jaringan………………………………………………290

xvii

DAFTAR LAMPIRAN

Lampiran 1 Sertifikat Akreditasi ............................................................. L-1

Lampiran 2 Formulir Pendaftaran .............................................................. L-2

Lampiran 3 Formulir Daftar Ulang ............................................................. L-3

Lampiran 3 Rencana Program Pembelajaran ( RPP ) ............................. L-4

Lampiran 4 Rapor Mid Semester ................................................................ L-6

Lampiran 5 Rapor Semester .......................................................................... L-7

Lampiran 6 Daftar Kunjungan Ke Sekolah ................................................. L-14

Lampiran 7 Hasil Wawancara ........................................................................ L-16