Halaman Cover Kp Website Sekolah

LAPORAN KERJA PRAKTEK WEBSITE SMA NEGERI BATURADEN KABUPATEN BANYUMAS

Oleh : ABEB NEGO SIETYO PERVIRA 0403030001

JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO 2008

i

HALAMAN PENGESAHAN LAPORAN KERJA PRAKTEK

Laporan Kerja Praktek dengan judul “Website SMA Negeri Baturraden”, telah disahkan pada :

Hari/tanggal

:

Tempat

: Kampus I Fakultas Teknik Universitas Muhammadiyah Purwokerto

Purwokerto,

Febuari 2009

Kepala Sekolah SMA Negeri 1 Baturraden

Pembimbing Kerja Praktek

Dra. Hj. Ning Isnaningsih, MM NIP. 131281271

Muhammad Taufiq T ,S.T., M.T. NIK.2160223

ii

KATA PENGANTAR

Segala puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa yang telah memberikan rahmatnya serta hidayahnya kepada penulis, sehingga penulis dapat menyelesaikan laporan kerja praktek di SMA Negeri Baturaden ini dengan baik. Dalam penyusunan laporan ini penulis menyadari

masih banyak

kekurangannya, mengingat pengetahuan penulis yang terbatas. Degan menyusun laporan kerja praktek ini diharapkan akan menambah ilmu yang penulis peroleh selama masa pendidikan. Selama penulis menyusun laporan ini banyak sekali mendapat bantuan, dukungan serta bimbingan dari berbagai pihak. Untuk itu penulis mengucapkan banyak terima kasih kepada : 1. M Taufiq Tamam ST. MT selaku pembimbing akademik dan pembimbing kerja praktek yang telah membantu penulis menyelesaikan kerja praktek ini. 2. Dra. Hj.Ning Isnaningsih.M.M yang telah memberikan ijin kepada penulis untuk melakukan kerja praktek di Perpustakaan SMA N 1 Baturaden. 3. Tito Pinandita, S.Si, M.Kom, terima kasih atas semangat dan nasehatnya kepada saya. 4. Bapak Mustofa selaku pembimbing lapangan kerja praktek yang sudah banyak membantu penulis memperolah data sehingga penulis dapat penyelesaikan kerja praktek. 5. Kedua orangtua yang telah memberikan kasih sayangnya sehingga penulis bisa dan mampu menyelesaikan kerja praktek dengan baik.

iii

6. Kepada teman-teman seperjuangan seperti; Didi, Aves, Yayan, Iif, Ipul, Anteng yang telah membantu dan selalu memberikan dukungan

kepada

penulis hingga selesainya kerja praktek ini. Penulis menyadari bahwa laporan kerja praktek ini jauh dari kata sempurna, untuk itu penulis sangat mengharapkan baik kepada para pembaca maupun semua pihak yang terkait untuk memberikan kritik dan saran yang bersifat membangun demi kesempurnaan penelitian selanjutnya. Penulis berharap semoga laporan kerja praktek ini dapat bermanfaat bagi pembacanya dalam menambah perbendahaan kata dan perluasan pandangan serta pengetahuan untuk meningkatkan perspektif baru. Atas kritik dan sarannya penulis ucapkan terima kasih.

Purwokerto,

Febuari 2009

Penulis,

Abeb Nego Sietyo Pervira

iv

DAFTAR ISI Halaman HALAMAN JUDUL ........................................................................................ i HALAMAN PENGESAHAN........................................................................... ii KATA PENGANTAR ...................................................................................... iii DAFTAR ISI ..................................................................................................... v DAFTAR GAMBAR ........................................................................................ vii DAFTAR TABEL ............................................................................................ ix BAB I

PENDAHULUAN 1.1 Latar Belakang Masalah ................................................................. 1 1.2 Tujuan Kerja Praktek ..................................................................... 2 1.3 Pengumpulan Bahan Kerja Praktek ............................................... 3 1.4 Tempat dan Waktu ......................................................................... 5 1.5 Sistematika Penulisan .................................................................... 6

BAB II LANDASAN TEORI 2.1 Pengenalan Halaman Web ............................................................. 7 2.2 Bahasa Pemrograman PHP ........................................................... 8 2.3 Database MySQL ......................................................................... 10 BAB III METODE KERJA PRAKTEK 3.1 Pengumpulan Bahan yang dibutuhkan ......................................... 13 3.2 Pembuatan Program ..................................................................... 13 3.2.1 Desain Program Aplikasi ...................................................... 13 A . Desain Software ...................................................................... 13

v

B. Desain Arus Data Web.............................................................. 13 C. Desain Menu ........................................................................... 16 D. Desain Database ...................................................................... 17 E. Relasi File Database ................................................................ 24 F. Penulisan Script ........................................................................ 26 3.3 Uji Coba Program ....................................................................... 26 3.4 Tahap Revisi / Perbaikan ............................................................. 26 3.5 Tahap Pengemasan ...................................................................... 26 BAB IV HASIL DAN PEMBAHASAN 4.1 Pengujian Hasil Aplikasi Website ................................................. 27 4.1.1 Menu Pengunjung ........................................................................ 27 4.1.2 Menu Administrator ................................................................... 34 4.1.3 Pembahasan menu data editor website........................................ 35 4.1.4 Pembahasan menu berita untuk administrator website ................ 37 4.1.5 Pembahasan manajemen modul website ...................................... 42 4.1.6 Menu Editor ................................................................................. 53 BAB V PENUTUP 5.1 Kesimpulan ................................................................................... 59 5.2 Saran.............................................................................................. 59

DAFTAR PUSTAKA LAMPIRAN

vi

DAFTAR GAMBAR

Gambar 1.1. Rancangan tampilan website........................................................ 5 Gambar 2.1. Prinsip kerja PHP dan Apache ..................................................... 9 Gambar 3.1. Flowchart Administrator Web .................................................... 14 Gambar 3.2. Flowchart Editor Web ................................................................ 15 Gambar 3.3. Relasi antar tabel ........................................................................ 25 Gambar 4.1. Halaman utama pengunjung....................................................... 28 Gambar 4.2. Berita terbaru.............................................................................. 29 Gambar 4.3. Detail berita ................................................................................ 30 Gambar 4.4. Empat berita sebelumnya ........................................................... 31 Gambar 4.5. Menu kiri pengunjung ................................................................ 31 Gambar 4.6. Menu pencarian data siswa ........................................................ 32 Gambar 4.7. Pencarian data siswa................................................................... 33 Gambar 4.8. Hasil pencarian data ................................................................... 33 Gambar 4.9. Tampilan halam login untuk admin .......................................... 34 Gambar 4.10. Konfirmasi login gagal............................................................... 34 Gambar 4.11. Halaman menu atau modul admin.............................................. 35 Gambar 4.12. Halaman tambah data editor website.......................................... 35 Gambar 4.13. Halaman data editor website ...................................................... 36 Gambar 4.14. Rancangan halaman edit data editor website.............................. 36 Gambar 4.15. Hasil perubahan data editor........................................................ 37 Gambar 4.16. Rancangan halaman admin tambah data berita .......................... 38 Gambar 4.17. Rancangan halaman admin data berita....................................... 39 Gambar 4.18. Tampilan berita baru pada halaman awal website...................... 40 Gambar 4.19. Tampilan halaman edit data berita ............................................. 41 Gambar 4.20. Hasil edit data berita admin........................................................ 42 Gambar 4.21. Tampilan halaman admin modul website................................... 45 Gambar 4.22. Modul ditampilkan .................................................................... 46 Gambar 4.23. Modul pengumuman tampil pada website.................................. 46

vii

Gambar 4.24. Modul tidak ditampilkan ............................................................ 47 Gambar 4.25. Modul pengumuman tidak tampil pada website......................... 47 Gambar 4.26. Status aktif modul pengumuman pada halaman admin.............. 48 Gambar 4.27. Status tidak aktif modul pengumuman pada halaman admin..... 49 Gambar 4.28. Status modul administrator......................................................... 50 Gambar 4.29. Status modul editor..................................................................... 50 Gambar 4.30. Login editor ................................................................................ 51 Gambar 4.31. Editor berhasil Login.................................................................. 51 Gambar 4.32. Status aktif modul pengumuman................................................ 52 Gambar 4.33. Status nama editor atau pengirim ............................................... 52 Gambar 4.34. Data editor pada akses editor ..................................................... 53 Gambar 4.35. Edit data editor website pada akses editor ................................. 54 Gambar 4.36. Login editor website................................................................... 54 Gambar 4.37. Awal halaman editor login ......................................................... 55 Gambar 4.38. Login editor anggota .................................................................. 56 Gambar 4.39. Menu berita editor ...................................................................... 57 Gambar 4.40. Tambah berita editor .................................................................. 57 Gambar 4.41. Data berita editor........................................................................ 58 Gambar 4.42. Tampil berita pada website ........................................................ 58

viii

DAFTAR TABEL Tabel 3.1 Tabel User

........................................................ 17

Tabel 3.2 Tabel modul

........................................................ 17

Tabel 3.3 Tabel Profile Sekolah

........................................................ 18

Tabel 3.4 Tabel Profile Kepala Sekolah

........................................................ 18

Tabel 3.5 Tabel Guru

........................................................ 19

Tabel 3.6 Tabel Agenda

........................................................ 19

Tabel 3.7 Tabel Pengumuman Sekolah

........................................................ 20

Tabel 3.8 Tabel Kategori

........................................................ 20

Tabel 3.9 Tabel Berita

........................................................ 20

Tabel 3.10 Tabel Fasilitas

........................................................ 21

Tabel 3.11 Tabel Galeri

........................................................ 21

Tabel 3.12 Tabel Hubungi

........................................................ 22

Tabel 3.13 Tabel Banner

........................................................ 22

Tabel 3.14 Tabel Staff

........................................................ 22

Tabel 3.15 Tabel Siswa

........................................................ 23

Tabel 3.16 Tabel Prestasi

........................................................ 23

Tabel 3.17 Tabel Kurikulum

........................................................ 23

Tabel 3.18 Tabel Eksul

........................................................ 24

ix