DAFTAR ISI

LEMBAR PENGESAHAN................................................................................................i
KATA PENGANTAR ......................................................................................................ii
ABSTRAK ........................................................................................................................iii
BAB I PENDAHULUAN.................................................................................................1
1.1 Latar Belakang.................................................................................................1
1.2 Rumusan Masalah............................................................................................2
1.3 Ruang Lingkup.................................................................................................2
1.4 Tujuan dan Manfaat Penelitian.........................................................................4
1.5 Metedologi........................................................................................................4
1.5.1 Alat dan Bahan........................................................................................4
1.5.2 Metode Pelaksanaan................................................................................5
1.6 Sistem Penulisan...............................................................................................8
1.7 Jadwal Pelaksanaan..........................................................................................9
BAB II LANDASAN TEORI.........................................................................................10
2.1 Konsep Dasar Website....................................................................................10
2.2 Website profil.................................................................................................11
2.3 Profil Singkat Badan Kepegawaian Pendidikan dan Pelatihan
Kabupaten Barito Selatan.....................................................................................11
2.4 Database.........................................................................................................11
2.5 Sistem Basis Data...........................................................................................12
2.6 Metodologi.....................................................................................................13
2.6.1 Analisis..................................................................................................13
2.6.2 Deasin....................................................................................................26
2.6.3 Coding dan Testing...............................................................................27
2.6.4 Implementasi.........................................................................................28
2.6.5 Perawatan..............................................................................................30
2.7 Aplikasi Yang di Gunakan Pada Pembuatan Web..........................................30
BAB III ANALISIS DAN DESAIN................................................................................32
3.1 Analisis...........................................................................................................32
3.1.1 Saran Pengguna.....................................................................................32
 3.1.2 Analisis Sistem Yang Sedang Berjalan.................................................32
3.1.3 Deskripsi Sistem Lama..........................................................................33
3.1.4 Deskripsi Sistem Baru...........................................................................36
3.1.5 Data Flow Diagram..............................................................................38
3.1.5.1 Diagram Konteks.......................................................................38
3.1.5.2 Tabel Definisi Diagram Konteks...............................................39
3.1.5.3 DFD Level 1..............................................................................40
3.5.1.4 DFD Level 2..............................................................................41
3.1.6 Entity Relationship Diagram(ERD).......................................................46
3.1.7 Kamus Data...........................................................................................47
3.1.8 Diagram Site Map..................................................................................49
3.2 Desain.............................................................................................................49
BAB IV IMPLEMENTASI.............................................................................................56
4.1 Implementasi Proses..............................................................................................57
4.2 Implementasi Data.................................................................................................57
4.3 Pengujian website...................................................................................................58
4.3.1 Kegiatan Administrator di dalam website.....................................................58
1. Antar muka halaman Login........................................................................58
2. Antar muka halaman Beranda....................................................................60
3. Antarmuka halaman Struktur Organisasi...................................................61
a. Error handling data belum di isi..........................................................61
b. Error handling ketika memasukan file yang bukan gambar...............61
c. Pemberitahuan data berhasil di simpan................................................62
4. Antarmuka halaman Visi dan Misi............................................................62
a. Error handling data belum di isi..........................................................63
b. Tampilan ketika data berhasil di simpan.............................................63
5. Antarmuka halaman Profil PNS.................................................................63
a. Error handling ketika belum memasukan Nama.................................64
b. Error handling ketika belum memasukan NIP....................................64
c. Error handling ketika belum memasukan Tempat/Tanggal
Lahir.....................................................................................................64
d. Error handling ketika belum memasukan Jabatan..............................65
 e. Error handling ketika belum memasukan Golongan...........................65
f. Error handling ketika belum memasukan Eselon...............................65
g. Error handling ketika belum memasukan Pendidikan terakhir
..............................................................................................................65
h. Error handling ketika belum memasukan Tahun Lulus......................66
i. Error handling ketika belum memasukan Gambar.............................66
j. Error handling ketika memasukan file yang bukan gambar...............66
k. Tampilan ketika data berhasil disimpan..............................................66
l. Tampilan ketika data PNS berhasil di ubah.........................................67
m. Tampilan Ketika data PNS berhasil di hapus......................................67
6. Antar muka halaman Berita.......................................................................68
a. Error handling data belum di isi..........................................................68
b. Error handling ketika memasukan file yang bukan gambar...............68
c. Tampilan ketika data berhasil di simpan.............................................69
d. Tampilan ketika data PNS berhasil di ubah.........................................69
e. Tampilan Ketika data PNS berhasil di hapus......................................69
7. Antarmuka halaman Syarat Administrasi..................................................70
a. Error handling data belum di isi..........................................................70
b. Tampilan ketika data berhasil di simpan.............................................71
8. Antarmuka halaman Kontak......................................................................71
a. Tampilan ketika Admin memasukan data ke halaman kontak...........71
9. Antarmuka ketika Admin melakukan logout.............................................72
4.3.2 Implementasi Antarmuka Halaman Pengunjung..........................................72
1......................................................................Implementasi halaman Beranda
....................................................................................................................72
2....................................................Implementasi halaman Struktur Organisasi
....................................................................................................................73
3.............................................................Implementasi halaman Visi dan Misi
....................................................................................................................74
4..................................................................Implementasi halaman Profil PNS
....................................................................................................................75
 5.........................................................................Implementasi halaman Berita
....................................................................................................................76
6...................................................Implementasi halaman Syarat Administrasi
....................................................................................................................77
7.......................................................................Implementasi halaman Kontak
....................................................................................................................78
4.3.3 Blackbox Testing...........................................................................................79
1. Pengujian Menu Atas Halaman Pengunjung.......................................79
2. Pengujian Halaman Administrator.......................................................80
A. Pengujian halaman login................................................................80
B. Pengujian kelola Struktur Organisasi.............................................81
C. Pengujian kelola Visi dan Misi......................................................81
D. Pengujian kelola Profil PNS..........................................................82
E. Pengujian kelola Berita..................................................................83
F. Pengujian kelola Syarat Administrasi............................................84
G. Pengujian kelola kontak.................................................................85
H. Pengujian Logout...........................................................................85
BAB V KESIMPULAN dan SARAN.............................................................................86
5.1 Kesimpulan..................................................................................................................86
5.2 Saran............................................................................................................................86
 DAFTAR GAMBAR
1. Gambar 1.1 Model Waterfall.......................................................................................8
2. Gambar 2.1 Contoh Flowchart..................................................................................14
3. Gambar 2.2 Komponen – Komponen DFD Menurut Yourdan dan DeMarco..........16
4. Gambar 2.2 Komponen – Komponen DFD Menurut Gane dan Serson....................17
5. Gambar 2.4 Komponen – Komponen Entitas Luar...................................................17
6. Gambar 2.5 Komponen Proses..................................................................................18
7. Gambar 2.6 Contoh Penjabaran DFD Level 1 ke Level 2 dan 3...............................20
8. Gambar 3.1 Bisnis Flowchart Sistem Lama..............................................................34
9. Gambar 3.2 Bisnis Flowchart Sistem Baru...............................................................37
10. Gambar 3.3 Diagram Konteks/DFD Level 0.............................................................39
11. Gambar 3.4 DFD Level 1..........................................................................................41
12. Gambar 3.6 DFD Level 2 Pada Menu Struktur Organisasi.......................................42
13. Gambar 3.7 DFD Level 2 Pada Menu Visi dan Misi................................................42
14. Gambar 3.8 DFD Level 2 Untuk Menu Profl PNS....................................................43
15. Gambar 3.9 DFD Level 2 Pada Menu Berita............................................................44
16. Gambar 3.10 DFD Level 2 Pada Menu Syarat Administrasi....................................44
17. Gambar 3.11 DFD Level 2 Pada Menu Kontak........................................................45
18. Gambar 3.12 Entitiy Relationship DiagramProfil Badan Kepegawaian
Pendidikan dan Pelatihan Kabupaten Barito Selatan.................................................46
19. Gambar 3.13 Diagram Site Map Website Profil Badan Kepegawaian
Pendidikan dan Pelatihan Kabupaten Barito Selatan ................................................49
20. Gamabr 3.14 User Interface Login............................................................................50
21. Gamabr 3.15 User Interface Beranda........................................................................51
22. Gambar 3.16 User Interface Struktur Organnisasi....................................................52
23. Gambar 3.17 User Interface Struktur Visi dan Misi.................................................53
24. Gambar 3.18 User Interface Profil PNS....................................................................54
25. Gambar 3.19 User Interface Berita...........................................................................54
26. Gambar 3.20 User Interface Syarat Administrasi.....................................................55
27. Gambar 3.21 User Interface Kontak.........................................................................56
28. Gambar 4.1 Validasi belum memasukan username..................................................59
29. Gambar 4.2 Validasi belum memasukan password...................................................59
30. Gambar 4.3 Validasi username salah........................................................................59
31. Gambar 4.4 Validasi password salah........................................................................60
32. Gambar 4.5 Validasi Login berhasil..........................................................................60
33. Gambar 4.6 Tampilan halaman Beranda...................................................................60
34. Gambar 4.7 Tampilan halaman Struktur Organisasi.................................................61
35. Gambar 4.8 Validasi data harus disi pada Struktur Organisasi.................................61
36. Gambar 4.9 Validasi file yang dimasukan bukan gambar pada menu Struktur
Organisasi..................................................................................................................62
37. Gambar 4.10 Validasi data berhasil dimasukan pada Struktur Organisasi................62
38. Gambar 4.11 Tampilan halaman Visi dan Misi.........................................................62
39. Gambar 4.12 Validasi data harus disi pada Visi dan Misi.........................................63
40. Gambar 4.13 Validasi data berhasil disimpan di halaman Visi dan Misi..................63
41. Gambar 4.14 Tampilan halaman Profil PNS.............................................................63
42. Gambar 4.15 Validasi data harus disi pada kolom nama...........................................64
43. Gambar 4.16 Validasi data harus disi pada kolom NIP.............................................64
44. Gambar 4.17 Validasi data harus disi pada kolom tempat dan tanggal lahir............64
45. Gambar 4.18 Validasi data harus disi pada kolom Jabatan.......................................65
46. Gambar 4.19 Validasi data harus disi pada kolom golongan....................................65
47. Gambar 4.20 Validasi data harus disi pada kolom Eselon........................................65
48. Gambar 4.21 Validasi data harus disi pada kolom Pendidikan Terakhir..................65
49. Gambar 4.22 Validasi data harus disi pada kolom tahun lulus..................................66
50. Gambar 4.23 Validasi belum memuat Gambar.........................................................66
51. Gambar 4.24 Validasi file yang bukan gambar pada halaman Profil PNS................66
52. Gambar 4.25 Validasi data berhasil dimasukan pada halaman Profil PNS...............67
53. Gambar 4.26 Validasi berhasil mengubah data pada halaman Profil PNS................67
54. Gambar 4.27 Validasi berhasil menghapus data pada halaman Profil PNS..............67
55. Gambar 4.28 Halaman Berita....................................................................................68
56. Gambar 4.29 Validasi data harus di isi pada halaman Berita....................................69
57. Gambar 4.30 Validasi memasukan file yang bukakn gambar pada halaman
Berita.........................................................................................................................69
58. Gambar 4.31 Validasi data berhasil disimapan pada halaman Berita.......................69
59. Gambar 4.32 Validasi berhasil mengubah data pada halaman Berita.......................70
60. Gambar 4.33 Validasi berhasil menghapus data pada halaman Berita......................70
61. Gambar 4.34 Tampilan halaman Syarat Administrasi...............................................70
62. Gambar 4.35 Pesan data harus di isi pada halaman Syarat Administrasi..................70
63. Gambar 4.36 Pesan berhasil disimpan pada halaman Syarat Administrasi...............71
64. Gambar 4.37 Tampilan halaman Kontak...................................................................71
65. Gambar 4.38 Pesan berhasil disimpan pada halaman Kontak...................................72
66. Gambar 4.39 Pesan Admin berhasil logout...............................................................72
67. Gambar 4.40 Tampilan menu Beranda untuk pengunjung........................................73
68. Gambar 4.41 Tampilan menu Struktur Organissasi untuk pengunjung....................74
69. Gambar 4.42 Tampilan menu Visi dan Misi untuk pengunjung...............................75
70. Gambar 4.43 Tampilan menu Profil PNS untuk pengunjung....................................75
71. Gambar 4.44 Tampilan menu Berita untuk pengunjung...........................................76
72. Gambar 4.45 Tampilan isi dari menu Berita untuk pengunjung...............................77
73. Gambar 4.46 Tampilan menu Syarat Admnistrasi untuk pengunjung......................78
74. Gambar 4.47 Tampilan menu Kontak Kami untuk pengunjung................................79
 DAFTAR TABEL
1. Tabel 1.1Tabel jadwal pelaksanaan.............................................................................9
2. Tabel 2.1 Keterangan symbol flowchart....................................................................15
3. Tabel 3.1 Definisi Diagram Konteks.........................................................................39
4. Tabel 3.2 Kamus Data Login Admin.........................................................................47
5. Tabel 3.3 Kamus data Struktur Organisasi................................................................47
6. Tabel 3.4 Kamus Data Visi dan Misi........................................................................47
7. Tabel 3.5 Kamus Data Profil PNS.............................................................................47
8. Tabel 3.6 Kamus Data Berita....................................................................................48
9. Tabel 3.7 Kamus Data Syarat Administrasi..............................................................48
10. Tabel 3.8 Kamus Data Kontak................................................................................. 48
11. Tabel 4.1 Blackbox Testing Menu Atas.....................................................................79
12. Tabel 4.2 Blackbox login admin................................................................................80
13. Tabel 4.3 Blackbox kelola Struktur Organisasi.........................................................81
14. Tabel 4.4 Blackbox kelola Visi dan Misi...................................................................82
15. Tabel 4.5 Blackbox kelola Profil PNS.......................................................................82
16. Tabel 4.6 Blackbox kelola Berita...............................................................................84
17. Tabel 4.7 Blackbox kelola syarat admnistrasi............................................................85
18. Tabel 4.8 Blackbox kelola kontak..............................................................................85
19. Tabel 4.9 Blackbox Logout........................................................................................85