DAFTAR GAMBAR

Gambar 1.1 Siklus Metode Waterfall........................................................................ 4

Gambar 2.1 Relasi Tabel One To One...................................................................... 15
Gambar 2.2 Relasasi Tabel One To Many................................................................ 16
Gambar 2.3 Relasasi Tabel Many To Many.............................................................. 16
Gambar 3.1 Desain Sistem Web Portal.................................................................... 40
Gambar 3.2 Use Case Diagram Halaman Admin..................................................... 41
Gambar 3.3 Use Case Diagram Halaman Operator................................................. 41
Gambar 3.4 Use Case Diagram Halaman Pengunjung............................................ 42
Gambar 3.5 Activity Diagram Login.......................................................................... 44
Gambar 3.6 Activity Diagram Home Admin.............................................................. 44
Gambar 3.7 Activity Diagram Kategori Admin......................................................... 45
Gambar 3.8 Activity Diagram file Admin................................................................... 45
Gambar 3.9 Activity Diagram Prestasi Admin........................................................... 46
Gambar 3.10 Activity Diagram Data Guru Admin..................................................... 46
Gambar 3.11 Activity Diagram Berita........................................................................ 47
Gambar 3.12 Activity Diagram Agenda..................................................................... 47
Gambar 3.13 Activity Diagram Setting..................................................................... 48
Gamabr 3.14 Activity Diagram Ubah Password........................................................ 48
Gambar 3.15 Activity Diagram Logout...................................................................... 49
16

Gambar 3.16 Activity Diagram Login Operator......................................................... 49

Gmabar 3.17 Activity Diagram Home Operator........................................................ 50
Gambar 3.18 Activity Diagram Berita Operator........................................................ 50
Gambar 3.19 Activity Diagram Tulis Berita Operator................................................ 51
Gambar 3.20 Activity Diagram file Operator............................................................ 51
Gambar 3.21 Activity Diagram Ubah Password....................................................... 52
Gambar 3.22 Activity Diagram Logout...................................................................... 52
Gambar 3.23 Activity Diagram Berita Pengunjung................................................... 53
Gambar 3.24 Actifity Diagram Agenda Pengunjung.................................................53
Gambar 3.25 Activity Diagram Profil......................................................................... 54
Gambar 3.26 Activity Diagram Data Guru Pengunjung............................................ 54
Gambar 3.27 Activity Diagram Prestasi Pengunjung................................................ 55
Gambar 3.28 Activity Diagram Download................................................................. 55
Gambar 3.29 Activity Diagram Kontak...................................................................... 56
Gambar 3.30 Entity Relationship Diagram............................................................... 57
Gambar 3.31 Normalisasi Unnormal........................................................................ 58
Gambar 3.32 Normalisasi Pertama (1NF)................................................................ 58
Gambar 3.33 Normalisasi Kedua (2NF)................................................................... 59
Gambar 3.34 Normalisasi Ketiga (3NF).................................................................... 60
Gambar 3.35 Asitektur Halaman Admin................................................................... 66
Gambar 3.36 Asitektur Halaman Operator...............................................................67

17

Gambar 3.37 Asitektur Halaman Pengunjung.......................................................... 67

Gambar 3.38 Desain Template Halaman Admin....................................................... 69
Gambar 3.39 Desain Form Login Admin................................................................. 70
Gambar 3.40 Desain Form Home Admin.................................................................. 71
Gambar 3.41 Desain Form Kategori......................................................................... 72
Gambar 3.42 Desain Form Tambah Kategori........................................................... 73
Gambar 3.43 Desain Form Edit Kategori.................................................................. 73
Gambar 3.44 Desain Form Tampil Setting................................................................ 74
Gambar 3.45 Desain Form Tampil File..................................................................... 75
Gambar 3.46 Desain Form Tambah File................................................................... 75
Gambar 3.47 Desain Form Edit File......................................................................... 76
Gambar 3.48 Desain Form Data Prestasi Siswa...................................................... 76
Gambar 3.49 Desain Form Tambah Prestasi Siswa................................................. 77
Gambar 3.50 Desain Form Edit Data Prestasi Siswa............................................... 77
Gambar 3.51 Desain Form Data Guru...................................................................... 78
Gambar 3.52 Desain Form Tambah Data Guru........................................................ 78
Gambar 3.53 Desain Form Edit Data Guru.............................................................. 79
Gambar 3.54 Desain Form Tampil Data Berita......................................................... 79
Gambar 3.55 Desain Form Tambah Berita............................................................... 80
Gambar 3.56 Desain Form Edit Berita...................................................................... 80
Gambar 3.57 Desain Form Tampil Agenda............................................................... 81

18

Gambar 3.58 Desain Form Tambah Agenda........................................................... 81

Gambar 3.59 Desain Form Edit Agenda................................................................... 82
Gambar 3.60 Desain Form Ubah Password............................................................. 82
Gambar 3.61 Desain Template Operator.................................................................. 83
Gambar 3.62 Form Login Operator........................................................................... 84
Gambar 3.63 Form Home Operator.......................................................................... 84
Gambar 3.64 Form Tampil Data............................................................................... 85
Gambar 3.65 Form Tulis Berita................................................................................ 85
Gambar 3.66 Form Tampil Data Berita.................................................................... 86
Gambar 3.67 Form Tambah File.............................................................................. 86
Gambar 3.68 Form Ubah Password........................................................................ 87
Gambar 3.69 Form Daftar Operator......................................................................... 87
Gambar 3.70 Desain Template Halaman Pengunjung............................................ 88
Gambar 3.71 Desain Form Tampil Home................................................................ 89
Gambar 3.72 Desain Form Tampil Berita................................................................ 89
Gambar 3.73 Desain Form Tampil Agenda.............................................................. 90
Gambar 3.74 Desain Form Tampil Profil.................................................................. 90
Gambar 3.75 Desain Form Tampil Data Guru......................................................... 91
Gambar 3.76 Desain Form Tampil Prestasi............................................................. 91
Gambar 3.77 Desain Form Tampil Download.......................................................... 92
Gambar 3.78 Desain Form Tampil Kontak............................................................... 92

19

Gambar 4.1 Halaman Login Admin........................................................................... 93

Gambar 4.2 Tampilan Halaman Home Admin.......................................................... 94
Gambar 4.3 Tampilan Halaman Kategori.................................................................. 94
Gambar 4.4 Halaman Tambah Kategori................................................................... 95
Gambar 4.5 Tampilan Halaman Edit Kategori.......................................................... 95
Gambar 4.6 Tampilan Halaman Setting.................................................................... 96
Gambar 4.7 Tampil Halaman File............................................................................. 97
Gambar 4.8 Tampil Halaman Tambah File............................................................... 97
Gambar 4.9 Tampil Halaman Edit File...................................................................... 98
Gambar 4.10 Tampil Halaman Prestasi.................................................................... 98
Gambar 4.11 Tampil Halaman Tambah Prestasi....................................................... 99
Gambar 4.12 Tampil Halaman Edit Prestasi............................................................. 99
Gambar 4.13 Tampil Halaman Data Guru................................................................ 100
Gambar 4.14 Tampil Halaman Tambah Data Guru................................................... 100
Gambar 4.15 Tampil Halaman Edit Data Guru......................................................... 101
Gambar 4.16 Tampil Halaman Berita........................................................................ 101
Gambar 4.17 Tampil Halaman Tulis Berita............................................................... 102
Gambar 4.18 Tampil Halaman Edit Berita................................................................ 103
Gambar 4.19 Tampil Halaman Agenda..................................................................... 104
Gambar 4.20 Tampi Halaman Tambah Agenda....................................................... 104
Gambar 4.22 Tampil Halaman Edit Agenda.............................................................. 105

20

Gambar 4.23 Tampil Halaman Ubah Password........................................................ 105

Gambar 4.24 Tampilan Form Login Operator........................................................... 106
Gambar 4.25 Tampil Halaman Home Operator........................................................ 107
Gambar 4.26 Tampil Halaman Berita....................................................................... 107
Gambar 4.27 Tampil Halaman Tulis Berita............................................................... 108
Gambar 4.28 Tampilan Halaman File....................................................................... 109
Gambar 4.29 Tampilan Halaman Tambah File......................................................... 109
Gambar 4.30 Tampilan Halaman Ubah Password.................................................... 110
Gambar 4.32 Tampil Halaman Index Pengunjung.................................................... 111
Gambar 4.33 Tampil Halaman Berita........................................................................ 112
Gambar 4.34 Tampil Halaman Agenda.................................................................... 113
Gambar 4.35 Tampil Halaman Profil......................................................................... 114
Gambar 4.36 Tampil Halaman Data.......................................................................... 115
Gambar 4.37 Tampil Halaman Prestasi.................................................................... 116
Gambar 4.38 Tampil Halaman Download ................................................................ 117
Gambar 4.39 Tampil Halaman Kontak...................................................................... 118
Gambar 4.40 Flowchart Login................................................................................... 119
Gambar 4.41 Flowchart Kategori Admin................................................................... 120
Gambar 4.42 Flowchart File Admin.......................................................................... 120
Gambar 4.43 Flowchart Prestasi Admin..................................................................121
Gambar 4.44 Flowchart Data Guru Admin................................................................ 121

21

Gambar 4.45 Flowchart Berita................................................................................. 122

Gambar 4.46 Flowchart Agenda.............................................................................. 122
Gambar 4.47 Flowchart Setting................................................................................ 123
Gambar 4.48 Flowchart Ubah Password.................................................................. 123
Gambar 4.49 Flowchart Logout................................................................................ 124
Gambar 4.50 Flowchart Home Operator.................................................................. 124
Gambar 4.51 Flowchart Berita Operator.................................................................. 125
Gambar 4.52 Flowchart Tulis berita.......................................................................... 125
Gambar 4.53 Flowchart File Operator...................................................................... 126
Gambar 4.54 Flowchart Tambah Operator.............................................................. 126
Gambar 4.55 Flowchart Tampil Berita Pengunjung................................................. 127
Gambar 4.56 Flowchart Tampil Agenda.................................................................... 127
Gambar 4.57 Flowchart Tampil Profil........................................................................ 128
Gambar 4.58 Flowchart Tampil Data........................................................................ 128
Gambar 4.59 Flowchart Tampil Prestai.................................................................... 129
Gambar 4.60 Flowchart Tampil Download................................................................ 129
Gambar 4.61 Flowchart Tampil Kontak..................................................................... 129
Gambar 4.62 Flowchart Cari Data Halaman Pengunjung........................................ 130
Gambar 4.63 Flowchart Cari Data Halaman Admin................................................. 131

22