T0 Judul Institutional Repository | Satya Wacana Christian University: Perancangan Website Sekolah Menengah Pertama Negeri 5 Boyolali

PERANCANGAN WEBSITE SEKOLAH
MENENGAH PERTAMA NEGERI 5 BOYOLALI
Diajukan kepada
Fakultas Teknologi Informasi
untuk Memperoleh Gelar Ahli Madya Komputer

Oleh :
NANANG WAHYU NASUHA
562011008

Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015

PERANCANGAN WEBSITE SEKOLAH
MENENGAH PERTAMA NEGERI 5 BOYOLALI
Laporan Tugas Akhir

Oleh :

NANANG WAHYU NASUHA
562011008

Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015

i

ii

PERNYATAAN BEBAS PLAGIASI
Yang bertandatangan di bawah ini :
Nama

: Nanang Wahyu Nasuha

NIM

: 562011008

Program Studi

: Diploma III Teknik Informatika

Fakultas

: Teknologi Informasi, Universitas
Kristen Satya Wacana

Menyatakan dengan sesungguhnya bahwa laporan dengan
judul:
Perancangan Website SMPN 5 yang dibimbing oleh:
1. Sri Winarso Martyas Edi, S.Kom., M.Cs
adalah benar-benar hasil karya saya.
Di dalam Laporan Tugas Akhir ini tidak terdapat
keseluruhan atau sebagian tulisan atau gagasan orang lain yang
saya ambil dengan cara menyalin atau meniru dalam bentuk

rangkaian kalimat atau gambar serta simbol yang saya aku
seolah-olah sebagai karya saya tanpa memberikan pengakuan
pada penulis atau sumber aslinya.

Salatiga, 7 Agustus 2015
Yang memberi pernyataan,

Nanang Wahyu Nasuha

iii

KATA PENGANTAR
Terima kasih kepada tuhan yang maha esa, yang sudah
menyertai penulis untuk dapat menyelesaikan laporan Proyek
yang berjudul “Perancangan Website Sekolah Menengah Pertama
Negeri 5 Boyolali ". Laporan Tugas Akhir ini dibuat sebagai
salah satu syarat kelulusan yang sesuai dengan tugas yang
diberikan oleh Diploma III Teknik Informatika, Fakultas
Teknologi Informasi di Universitas Kristen Satya Wacana
Salatiga.

Adapun dalam pengerjaan Tugas Akhir dan Laporan
Tugas Akhir ini, penulis mengucapkan terima kasih yang
ditujukan kepada :
1. Bapak Sri Winarso Martyas Edi, S.Kom., M.Cs. selaku
Ketua Program Studi Diploma III Teknik Informatika.
2. Seluruh Dosen Beserta Staf Program Studi Diploma III
Teknik Informatika Universitas Satya Wacana Salatiga.
3. Ayah Bunda Tercinta, atas cinta dan kasih sayang yang
tulus, tak pernah berhenti mensupport dan mendoakanku.
Thanks Mom and Dad...

4. Kepada teman – teman seangkatan yang selalu bersama –
sama dalam suka maupun duka 4 tahun sudah dilewati
bersama memberikan makna hidup disaat masa-masa
kuliah sudah mulai berkakhir terima kasih kawan.

iv

5. Ahmad Afandi, S.I.Kom., Mustain Arif, S.Pd., Iwan
Rosyad Fuadi, S.E., Bayu Aji Suseno, S.Sn., Arif

Widodo, Busyairi, S.Sn., terima kasih atas bantuan dan
arahannya.
6. Pihak-pihak lain yang tidak dapat penulis sebutkan satu
per satu yang telah memberikan dukungan dan bantuan
serta yang terlibat dalam perancangan Tugas Akhir dan
penulisan laporan Proyek ini.
Penulis menyadari bahwa dalam penulisan laporan tugas
akhir ini masih jauh dari sempurna, untuk itu penulis terbuka atas
kritik dan saran yang diberikan. Semoga laporan tugas akhir ini
berguna dan berfanmaat bagi para pembaca.

Boyolali, 7 Agustus 2015

Penulis

v

DAFTAR ISI
JUDUL ....................................................................................... i
LEMBAR PENGESAHAN ......................................................... ii

PERNYATAAN BEBAS PLAGIASI ........................................ iii
PERNYATAAN PERSETUJUAN PUBLIKASIError! Bookmark not defined.
KATA PENGANTAR ............................................................... iv
DAFTAR ISI ............................................................................. vi
DAFTAR GAMBAR ................................................................. xi
DAFTAR GAMBAR ................................................................ xx
BAB I PENDAHULUAN......... Error! Bookmark not defined.
1.1

Latar Belakang ............ Error! Bookmark not defined.

1.2

Tujuan ......................... Error! Bookmark not defined.

1.2.1 Tujuan Umum ............. Error! Bookmark not defined.
1.2.2 Tujuan Khusus ............ Error! Bookmark not defined.
1.3

Rumusan Masalah ....... Error! Bookmark not defined.

1.4

Batasan Masalah .......... Error! Bookmark not defined.

1.5

Metodologi .................. Error! Bookmark not defined.

BAB II TINJAUAN PUSTAKA Error! Bookmark not defined.
2.1

Penelitian Terdahulu .... Error! Bookmark not defined.

2.2

Landasan Teori ............ Error! Bookmark not defined.

BAB III PERANCANGAN SISTEMError! Bookmark not defined.
vi

3.1

Tabel Basis Data Sistem ............ Error! Bookmark not

defined.
3.2

DFD ............................ Error! Bookmark not defined.

3.3

DFD Level 0................ Error! Bookmark not defined.

3.4

DFD Level 1................ Error! Bookmark not defined.

3.5

Flowchart .................... Error! Bookmark not defined.

3.6

Lembar Kerja Tampilan (LKT) .. Error! Bookmark not

defined.
3.6.1 Page Home ................. Error! Bookmark not defined.
3.6.2 Page Profil ................. Error! Bookmark not defined.
3.6.3 Page Sejarah ............... Error! Bookmark not defined.
3.6.4 Page Visi Dan Misi ..... Error! Bookmark not defined.
3.6.5 Page Berita.................. Error! Bookmark not defined.
3.6.6 Page Berita Full .......... Error! Bookmark not defined.
3.6.7 Page Pendaftaran Siswa Baru .... Error! Bookmark not
defined.
3.6.8 Page Registrasi Siswa Baru ....... Error! Bookmark not
defined.
3.6.9 Page Daftar Calon Siswa Baru .. Error! Bookmark not
defined.
3.6.10

Page Syarat Pendaftaran ........ Error! Bookmark not

defined.

vii

3.6.11

Page Contact Us ...... Error! Bookmark not defined.

3.6.12

Page Admin Login... Error! Bookmark not defined.

3.6.13

Page Admin Home .. Error! Bookmark not defined.

3.6.14

Page Admin Setting Web ....... Error! Bookmark not

defined.
3.6.15

Page Admin Setting Berita .... Error! Bookmark not

defined.
3.6.16

Page Admin Setting Kesiswaan ... Error! Bookmark

not defined.
3.6.17

Page Admin Warga Sekolah .. Error! Bookmark not

defined.
3.6.18

Page Admin Setting PSB ....... Error! Bookmark not

defined.
3.6.19

Page Guru Setting Web .......... Error! Bookmark not

defined.
3.6.20

Page Guru Setting Berita ....... Error! Bookmark not

defined.
3.6.21

Page Guru Setting Kesiswaan Error! Bookmark not

defined.
3.6.22

Page Siswa Management User .... Error! Bookmark

not defined.
3.6.23

Page Siswa Berita.... Error! Bookmark not defined.

viii

3.6.24

Page Siswa Jadwal .. Error! Bookmark not defined.

3.6.25

Page Siswa Nilai ..... Error! Bookmark not defined.

3.7

JST .............................. Error! Bookmark not defined.

3.7.1 All User ....................... Error! Bookmark not defined.
3.7.2 Siswa ........................... Error! Bookmark not defined.
3.7.3 Guru ............................ Error! Bookmark not defined.
3.7.4 Admin ......................... Error! Bookmark not defined.
BAB IV HASIL DAN ANALISISError! Bookmark not defined.
4.1

Page User .................... Error! Bookmark not defined.

4.2

Page Beranda .............. Error! Bookmark not defined.

4.3

Page Profil SMPN 5 Boyolali .... Error! Bookmark not

defined.
4.4

Page Berita.................. Error! Bookmark not defined.

4.5

Page PSB .................... Error! Bookmark not defined.

4.6

Page Contact Us .......... Error! Bookmark not defined.

4.7

Page Siswa .................. Error! Bookmark not defined.

4.8

Page Beranda Siswa .... Error! Bookmark not defined.

4.9

Page Management User ............. Error! Bookmark not

defined.
4.10

Page Berita Siswa ....... Error! Bookmark not defined.

4.11

Page Jadwal ................ Error! Bookmark not defined.

ix

4.12

Page Nilai ................... Error! Bookmark not defined.

4.13

Page Guru ................... Error! Bookmark not defined.

4.14

Page Beranda Guru ..... Error! Bookmark not defined.

4.15

Page edit user guru ...... Error! Bookmark not defined.

4.16

Page berita guru .......... Error! Bookmark not defined.

4.17

Page Jadwal Mengajar Guru ...... Error! Bookmark not

defined.
4.18

Page Nilai Siswa ......... Error! Bookmark not defined.

4.19

Page Beranda Admin... Error! Bookmark not defined.

4.20

Page Management User Admin . Error! Bookmark not

defined.
4.21

Page Berita Admin ...... Error! Bookmark not defined.

4.22

Page Jadwal Pelajaran Admin ... Error! Bookmark not

defined.
4.23

Page Ruang Kelas Admin .......... Error! Bookmark not

defined.
4.24

Page Mata Pelajaran Admin ...... Error! Bookmark not

defined.
4.25

Page Nilai Admin ........ Error! Bookmark not defined.

4.26

Page Warga Sekolah Admin ...... Error! Bookmark not

defined.
4.27

Page PSB Admin ........ Error! Bookmark not defined.

x

4.28

Hasil Pengujian ........... Error! Bookmark not defined.

4.29

Analisis ....................... Error! Bookmark not defined.

BAB V PENUTUP .................... Error! Bookmark not defined.
5.1

Kesimpulan ................. Error! Bookmark not defined.

5.2

Saran ........................... Error! Bookmark not defined.

DAFTAR PUSTAKA ................. Error! Bookmark not defined.
LAMPIRAN

xi

DAFTAR GAMBAR
Gambar 1 DFD Level 0 ............... Error! Bookmark not defined.
Gambar 2 DFD Level 1 ............... Error! Bookmark not defined.
Gambar 3 Flowchart Data PribadiError! Bookmark not defined.
Gambar 4 Flowchart Data Pribadi SiswaError! Bookmark not defined.
Gambar 5 Flowchart Edit Data Pribadi GuruError! Bookmark not defined.
Gambar 6 Flowchart Jadwal PelajaranError! Bookmark not defined.
Gambar 7 Flowchart Nilai .......... Error! Bookmark not defined.
Gambar 8 Flowchart Edit Nilai SiswaError! Bookmark not defined.
Gambar 9 Flowchart Berita AdminError! Bookmark not defined.
Gambar 10 Flowchart Berita GuruError! Bookmark not defined.
Gambar 11 Flowchart Berita SiswaError! Bookmark not defined.
Gambar 12 Flowchart PSB ......... Error! Bookmark not defined.
Gambar 13 LKT Page Home ...... Error! Bookmark not defined.
Gambar 14 LKT Page Profil ....... Error! Bookmark not defined.
Gambar 15 LKT Page Sejarah .... Error! Bookmark not defined.

xii

Gambar 16 LKT Page Visi Dan MisiError! Bookmark not defined.
Gambar 17 LKT Page Berita ...... Error! Bookmark not defined.
Gambar 18 LKT Page Berita Full Error! Bookmark not defined.
Gambar 19 LKT Page PSB ......... Error! Bookmark not defined.
Gambar 20 LKT Page Registrasi Siswa BaruError! Bookmark not defined.
Gambar 21 LKT Page Daftar Calon Siswa BaruError! Bookmark not defined.
Gambar 22 LKT Page Syarat Pendaftaran PSBError! Bookmark not defined.
Gambar 23 LKT Page Contact UsError! Bookmark not defined.
Gambar 24 LKT Page Admin Login Error! Bookmark not defined.
Gambar 25 LKT Page Admin HomeError! Bookmark not defined.
Gambar 26 LKT Page Admin Sett WebError! Bookmark not defined.
Gambar 27 LKT Page Admin Edit User Error! Bookmark not defined.
Gambar 28 LKT Page Admin Setting BeritaError! Bookmark not defined.
Gambar 29 LKT Page Admin Tambah BeritaError! Bookmark not defined.
Gambar 30 LKT Page Admin Kategori BeritaError! Bookmark not defined.
Gambar 31 LKT Page Admin Tambah KategoriError! Bookmark not defined.

xiii

Gambar 32 LKT Page Admin TaglineError! Bookmark not defined.
Gambar 33 LKT Page Admin Tambah TaglineError! Bookmark not defined.
Gambar 34 LKT Page Admin KomentarError! Bookmark not defined.
Gambar 35 LKT Page Admin Edit KomentarError! Bookmark not defined.
Gambar 36 LKT Page Admin JadwalError! Bookmark not defined.
Gambar 37 LKT Page Admin View JadwalError! Bookmark not defined.
Gambar 38 LKT Page Admin Edit JadwalError! Bookmark not defined.
Gambar 39 LKT Page Admin Ruang KelasError! Bookmark not defined.
Gambar 40 LKT Page Admin Daftar Siswa KelasError! Bookmark not defined.
Gambar 41 LKT Page Admin Edit KelasError! Bookmark not defined.
Gambar 42 LKT Page Admin Tambah KelasError! Bookmark not defined.
Gambar 43 LKT Page Admin Mata PelajaranError! Bookmark not defined.
Gambar 44 LKT Page Admin Edit MapelError! Bookmark not defined.
Gambar 45 LKT Page Admin Tambah MapelError! Bookmark not defined.
Gambar 46 LKT Page Admin NilaiError! Bookmark not defined.
Gambar 47 LKT Page Admin View NilaiError! Bookmark not defined.

xiv

Gambar 48 LKT Page Admin View Nilai Per SiswaError! Bookmark not defined
Gambar 49 LKT Page Admin Daftar Nilai SiswaError! Bookmark not defined.
Gambar 50 LKT Page Admin Daftar GuruError! Bookmark not defined.
Gambar 51 LKT Page Admin Edit GuruError! Bookmark not defined.
Gambar 52 LKT Page Admin Tambah GuruError! Bookmark not defined.
Gambar 53 LKT Page Admin PSBError! Bookmark not defined.
Gambar 54 LKT Page Admin Edit PSBError! Bookmark not defined.
Gambar 55 LKT Page Guru Setting WebError! Bookmark not defined.
Gambar 56 LKT Page Guru Edit User Error! Bookmark not defined.
Gambar 57 LKT Page Guru BeritaError! Bookmark not defined.
Gambar 58 LKT Page Guru Tambah BeritaError! Bookmark not defined.
Gambar 59 LKT Page Guru Kategori BeritaError! Bookmark not defined.
Gambar 60 LKT Page Guru Tambah KategoriError! Bookmark not defined.
Gambar 61 LKT Page Guru TaglineError! Bookmark not defined.
Gambar 62 LKT Page Guru Tambah taglineError! Bookmark not defined.
Gambar 63 LKT Page Guru Komentar BeritaError! Bookmark not defined.

xv

Gambar 64 LKT Page Guru Edit KomentarError! Bookmark not defined.
Gambar 65 LKT Page Guru Nilai Error! Bookmark not defined.
Gambar 66 LKT Page Guru View NilaiError! Bookmark not defined.
Gambar 67 LKT Page Guru Edit NilaiError! Bookmark not defined.
Gambar 68 LKT Page Siswa Setting WebError! Bookmark not defined.
Gambar 69 LKT Page Siswa Edit UserError! Bookmark not defined.
Gambar 70 LKT Page Siswa BeritaError! Bookmark not defined.
Gambar 71 LKT Page Siswa Tambah BeritaError! Bookmark not defined.
Gambar 72 LKT Page Siswa KategoriError! Bookmark not defined.
Gambar 73 LKT Page Siswa Tambah KategoriError! Bookmark not defined.
Gambar 74 LKT Page Siswa TaglineError! Bookmark not defined.
Gambar 75 LKT Page Siswa Tambah TaglineError! Bookmark not defined.
Gambar 76 LKT Page Siswa Jadwal PelajaranError! Bookmark not defined.
Gambar 77 LKT Page Siswa Daftar NilaiError! Bookmark not defined.
Gambar 78 JST All User ............. Error! Bookmark not defined.
Gambar 79 JST Siswa ................. Error! Bookmark not defined.

xvi

Gambar 80 JST Guru .................. Error! Bookmark not defined.
Gambar 81 JST Administrator..... Error! Bookmark not defined.
Gambar 82 Page Beranda ........... Error! Bookmark not defined.
Gambar 83 Page Profil ............... Error! Bookmark not defined.
Gambar 84 Page Sejarah ............. Error! Bookmark not defined.
Gambar 85 Page Visi Dan Misi .. Error! Bookmark not defined.
Gambar 86 Page Berita ............... Error! Bookmark not defined.
Gambar 87 Page PSB ................. Error! Bookmark not defined.
Gambar 88 Page PSB ................. Error! Bookmark not defined.
Gambar 89 Page Daftar Calon Siswa BaruError! Bookmark not defined.
Gambar 90 Page Persyaratan PSBError! Bookmark not defined.
Gambar 91 Page Contact US ...... Error! Bookmark not defined.
Gambar 92 Page Siswa Login ..... Error! Bookmark not defined.
Gambar 93 Page Gagal Login ..... Error! Bookmark not defined.
Gambar 94 Page Beranda Siswa . Error! Bookmark not defined.
Gambar 95 Page Logout ............. Error! Bookmark not defined.

xvii

Gambar 96 Page Management UserError! Bookmark not defined.
Gambar 97 Page Edit User ......... Error! Bookmark not defined.
Gambar 98 Page Berita Siswa ..... Error! Bookmark not defined.
Gambar 99 Page Tambah Berita . Error! Bookmark not defined.
Gambar 100 Page Tag Berita ...... Error! Bookmark not defined.
Gambar 101 Page Tambah Tag ... Error! Bookmark not defined.
Gambar 102 Page Jadwal............ Error! Bookmark not defined.
Gambar 103 Page Nilai............... Error! Bookmark not defined.
Gambar 104 Page Guru .............. Error! Bookmark not defined.
Gambar 105 Page Beranda Guru. Error! Bookmark not defined.
Gambar 106 Page Edit guru ........ Error! Bookmark not defined.
Gambar 107 Page Berita guru ..... Error! Bookmark not defined.
Gambar 108 Page Tambah kategoriError! Bookmark not defined.
Gambar 109 Page Tag ................ Error! Bookmark not defined.
Gambar 110 Page Komentar BeritaError! Bookmark not defined.
Gambar 111 Page Jadwal MengajarError! Bookmark not defined.

xviii

Gambar 112 Page Nilai............... Error! Bookmark not defined.
Gambar 113 Page View Nilai ...... Error! Bookmark not defined.
Gambar 114 Page Nilai Per KelasError! Bookmark not defined.
Gambar 115 Page Edit Nilai ....... Error! Bookmark not defined.
Gambar 116 Page Beranda AdminError! Bookmark not defined.
Gambar 117 Page Management User AdminError! Bookmark not defined.
Gambar 118 Page Tambah User AdminError! Bookmark not defined.
Gambar 119 Page Edit User AdminError! Bookmark not defined.
Gambar 120 Page Berita Admin . Error! Bookmark not defined.
Gambar 121 Page Tambah Berita AdminError! Bookmark not defined.
Gambar 122 Page Edit Berita AdminError! Bookmark not defined.
Gambar 123 Page Jadwal Pelajaran AdminError! Bookmark not defined.
Gambar 124 Page View Jadwal Pelajaran AdminError! Bookmark not defined.

Gambar 125 Page Tambah Jadwal Pelajaran AdminError! Bookmark not defined.
Gambar 126 Page Ruang Kelas AdminError! Bookmark not defined.
Gambar 127 Page View Ruang ... Error! Bookmark not defined.

xix

Gambar 128 Page Edit Ruang KelasError! Bookmark not defined.
Gambar 129 Page Tambah Ruang KelasError! Bookmark not defined.
Gambar 130 Page Mata Pelajaran Error! Bookmark not defined.
Gambar 131 Page Tambah Mapel Error! Bookmark not defined.
Gambar 132 Page Edit Mapel ..... Error! Bookmark not defined.
Gambar 133 Page Nilai Siswa .... Error! Bookmark not defined.
Gambar 134 Page View Daftar Nilai SiswaError! Bookmark not defined.
Gambar 135 Page Transkrip NilaiError! Bookmark not defined.
Gambar 136 Page Daftar Guru.... Error! Bookmark not defined.
Gambar 137 Page Tambah Guru . Error! Bookmark not defined.
Gambar 138 Page Edit Guru ....... Error! Bookmark not defined.
Gambar 139 Page Daftar Siswa .. Error! Bookmark not defined.
Gambar 140 Page Tambah Siswa Error! Bookmark not defined.
Gambar 141 Page Edit Siswa ...... Error! Bookmark not defined.
Gambar 142 Page Daftar PSB..... Error! Bookmark not defined.
Gambar 143 Page Edit PSB ........ Error! Bookmark not defined.

xx

DAFTAR GAMBAR
Table 1 Berita ............................. Error! Bookmark not defined.
Table 2 Nilai ............................... Error! Bookmark not defined.
Table 3 Jadwal ............................ Error! Bookmark not defined.
Table 4 Guru ............................... Error! Bookmark not defined.
Table 5 Siswa ............................. Error! Bookmark not defined.
Table 6 User ............................... Error! Bookmark not defined.

xxi