LAPORAN PRAKTEK KERJA NYATA MAGANG PERAN

LAPORAN PRAKTEK KERJA NYATA PERANCANGAN SISTEM INFORMASI BERBASIS WEBSITE DI SMK BINAWIYATA KARANGMALANG SRAGEN DISUSUN OLEH :

1. Novi Endah Permatasari ( L200110019 )

2. Dian Setiawan ( L200110020 )

3. Aulia Christinawati ( L200110024 ) PROGRAM STUDI INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA

HALAMAN PENGESAHAN

Laporan Praktek Kerja Nyata dengan judul :

PERANCANGAN SISTEM INFORMASI BERBASIS WEBSITE DI SMK BINAWIYATA KARANGMALANG SRAGEN

Disusun Oleh :

1. Novi Endah Permatasari ( L200110019 )

2. Dian Setiawan ( L200110020 )

3. Aulia Christinawati ( L200110024 )

Dilaksanakan pada tanggal 20 Oktober 2014 sampai dengan 08 Desember 2014, telah diperiksa, disetujui, dan disahkan pada :

Hari

Selasa

Tanggal

30 Desember 2014

Dosen Pembimbing Pembimbing Lapangan

( Hernawan Sulistyanto, S.T, M.T ) ( Suparno, S.Pd, M.Pd ) NIK : 882

NIP : 19630308 199003 1 009

Mengetahui,

Ketua Program Studi Teknik Informatika UMS

( Dr. Heru Supriyono, M.Sc ) NIK : 970

KATA PENGANTAR

Assalamu’alaikum Wr.Wb.

Segala puji bagi Allah Yang Maha Pengasih dan Penyayang yang telah melimpahkan Rahmat dan Hidayah-Nya sehingga pada kesempatan kali ini penulis dapat menyelesaikan Laporan Praktek Kerja Nyata dengan judul “Perancangan Sistem Informasi Berbasis Website Di SMK Binawiyata Karangmalang Sragen ”. Penulisan laporan Praktek Kerja Nyata ini disusun untuk memenuhi syarat-syarat pendukung dalam kelulusan seorang Sarjana Komputer Teknik Informatika Universitas Muhammadiyah Surakarta.

Dalam penyusunan laporan Praktek Kerja Nyata ini penulis menyadari bahwa tidak akan terwujud tanpa adanya bantuan dari pihak lain baik secara langsung maupun tidak langsung. Oleh karena itu dalam kesempatan ini penulis sampaikan ucapan terima kasih kepada pihak-pihak yang membantu dalam penyusunan laporan Praktek Kerja Nyata ini:

1. Bapak Husni Thamrin, S.T., M.T., Ph.D. selaku Dekan Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta.

2. Bapak Dr. Heru Supriyono, M.Sc. selaku Ketua Program Studi Teknik Informatika Universitas Muhammadiyah Surakarta.

3. Bapak Hernawan Sulistyanto, S.T, M.T selaku pembimbing Praktek Kerja Nyata.

4. Bapak Fatah Yasin. S.T., M.T selaku Biro Praktek Kerja Nyata.

5. Bapak Drs. Saimin, MM, M.H. selaku Kepala Sekolah SMK Binawiyata Karangmalang Sragen yang telah memberikan izin untuk melaksanakan kegiatan Praktek Kerja Nyata.

6. Bapak Suparno, S.Pd, M.Pd selaku Pembimbing Lapangan di SMK Binawiyata Karangmalang Sragen yang telah membantu dan membimbing selama kegiatan Praktek Kerja Nyata berlangsung.

7. Teman-teman satu kelompok bimbingan yang telah memberikan bantuannya.

8. Semua pihak yang telah memberikan dukungan kepada penulis yang tidak mungkin disebutkan satu persatu. Penulis menyadari sepenuhnya masih terdapat berbagai kekurangan dalam penulisan Laporan Praktek Kerja Nyata ini, sehingga penulis akan sangat menghargai segala kritik dan saran yang membangun dari pembaca. Sebagai penutup penulis berharap semoga Laporan Praktek Kerja Nyata ini diharapkan dapat memberikan manfaat bagi pihak-pihak yang membutuhkan.

Wassalamu’alaikum Wr.Wb

Surakarta, 08 Desember 2014

Penulis,

ABSTRAK

Perkembangan teknologi saat ini memberikan peranan penting di dalam kehidupan manusia terutama di dunia pendidikan karena dalam waktu yang singkat dan jarak yang begitu luas, informasi bisa disampaikan maupun diterima secara akurat dan aktual. Pada saat ini SMK Binawiyata Karangmalang Sragen masih menggunakan cara manual dalam proses penyampaian informasi, antara lain : spanduk, brosur, iklan dan lain-lain. Dengan adanya teknologi yang berkembang saat ini, terutama internet, maka dirancang suatu website pada SMK Binawiyata Karangmalang Sragen yang diharapkan dapat membantu sekolah dalam mempermudah proses penyampaian informasi terkait ruang lingkup sekolah sehingga dapat membantu siswa serta masyarakat pada umumnya.

Informasi yang disajikan dalam website ini antara lain adalah halaman utama, mulai dari profil sekolah, sejarah singkat, visi dan misi, struktur organisasi, ektrakulikuler dan juga fasilitas. Sedangkan di akademik menyajikan agenda sekolah, kalender akademik sekolah dan program keahlian. Menu Profil staff dan guru serta berbagai artikel berita sekolah.

Perancangan Sistem Informasi Berbasis Website di SMK Binawiyata Karangmalang Sragen ini memanfaatkan PHP sebagai bahasa pemrograman dan MySQL sebagai Databasenya , Macromedia Dreamweaver 8 dan notepad++ digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.

Keyword : Sistem Informasi, Website, SMK Binawiyata Karangmalang Sragen.

Gambar 4.28. Menu Agenda Sekolah Control Panel Admin .............................. 33 Gambar 4.29. Menu Kalender Akademik Control Panel Admin ........................ 33 Gambar 4.30. Menu Data Staff dan Guru Control Panel Admin ....................... 34

BAB I PENDAHULUAN

1.1. Latar Belakang

Pada saat ini perkembangan ilmu dan teknologi semakin pesat, khususnya teknologi informasi dan telekomunikasi yang memberikan peranan penting didalam kehidupan manusia terutama di dunia pendidikan, perkantoran, industri, telekomunikasi, bisnis, pariwisata, hiburan, militer, dan sebagainya telah menggunakan komputer sebagai alat bantunya.

Penggunaan sistem komputerisasi dapat dilakukan dengan lebih mudah apabila didalamnya dilengkapi dengan sistem yang lebih tepat dengan pokok data yang akan diolah salah satunya adalah pemanfaatan sebuah sistem informasi berbasis web. Sistem informasi berbasis web merupakan sebuah sarana didalam sistem komputerisasi yang telah dilengkapi dengan fitur- fitur dan didesain sedemikian rupa sesuai dengan kebutuhan yang akan digunakan pada penginputan suatu data tertentu yang bertujuan untuk mempermudah, mempercepat dan mengakuratkan data yang telah diolah meskipun pengguna tersebut merupakan seorang pemula. Pada saat ini sistem informasi telah menjadi pilihan utama untuk memberi dan mencari informasi tertentu.

Dari hal diatas dapat disimpulkan bahwa pada jaman sekarang ini, kebutuhan suatu Website sudah sangat penting bagi setiap instansi atau suatu perusahaan baik itu swasta ataupun pemerintahan. Karena Website sangat berpengaruh dalam memberikan suatu informasi kepada masyarakat luas yang sangat membutuhkan informasi yang serba cepat pada era teknologi informasi sekarang ini. SMK Binawiyata Karangmalang Sragen merupakan salah satu instansi yang bergerak di bidang pendidikan yang belum memiliki sistem informasi dan dirasa sangat memerlukan sistem informasi berbasi web guna memberikan kemudahan kepada siswa maupun pengajar dalam hal informasi mengenai keadaan sekolah serta sebagai sarana promosi untuk menarik calon siswa baru. Pada SMK Binawiyata Karangmalang Sragen data- data serta informasi mengenai sekolah masih banyak dilakukan secara manual Dari hal diatas dapat disimpulkan bahwa pada jaman sekarang ini, kebutuhan suatu Website sudah sangat penting bagi setiap instansi atau suatu perusahaan baik itu swasta ataupun pemerintahan. Karena Website sangat berpengaruh dalam memberikan suatu informasi kepada masyarakat luas yang sangat membutuhkan informasi yang serba cepat pada era teknologi informasi sekarang ini. SMK Binawiyata Karangmalang Sragen merupakan salah satu instansi yang bergerak di bidang pendidikan yang belum memiliki sistem informasi dan dirasa sangat memerlukan sistem informasi berbasi web guna memberikan kemudahan kepada siswa maupun pengajar dalam hal informasi mengenai keadaan sekolah serta sebagai sarana promosi untuk menarik calon siswa baru. Pada SMK Binawiyata Karangmalang Sragen data- data serta informasi mengenai sekolah masih banyak dilakukan secara manual

1.2. Materi Praktek Kerja Nyata

Dalam pelaksanaan Praktek Kerja Nyata yang dilakukan di SMK Binawiyata Karangmalang Sragen yaitu pembuatan aplikasi web menggunakan bahasa pemrograman PHP. Secara umum website ini dibuat untuk membagikan informasi sekolah secara online. Website SMK Binawiyata Karangmalang Sragen ini berisi tentang semua informasi mengenai profil sekolah, profil Guru, berita, agenda dan bebagai informasi lainnya seputar ruang lingkup SMK Binawiyata Karangmalang Sragen. Semoga website ini dapat membantu siswa ataupun guru dalam memperoleh informasi sekolah secara ter-update.

1.3. Tujuan Praktek Kerja Nyata

Praktek Kerja Nyata yang dilakukan mempunyai tujuan yaitu sebagai berikut :

1. Membangun system informasi yang diharapkan dapat membantu siswa dan guru dalam memperoleh informasi yang dibutuhkan.

2. Mengimplementasikan dan mengembangkan ilmu yang sudah dipelajari di bangku kuliah.

1.4. Manfaat Penelitian

Adapun manfaat dari pembuatan website penjualan online ini adalah sebagai berikut :

1. Bagi SMK Binawiyata Karangmalang Sragen

a. Dapat mengenalkan sekolah ke masyarakat umum melalui website tersebut.

b. Untuk membantu dalam penyampaian informasi terbaru disekolah dan dapat memberikan nilai tambah serta menarik minat para calon siswa di SMK Binawiyata Karangmalang Sragen.

2. Bagi Penulis.

a. Mengimplementasikan dan mengembangkan ilmu-ilmu yang didapat di bangku kuliah.

b. Untuk memenuhi tugas mata kuliah praktek kerja nyata.

c. Memperoleh pengetahuan dan wawasan yang di dapat saat praktek kerja nyata.

3. Bagi Siswa/Guru.

a. Memberikan dan mendapatkan informasi yang terbaru tentang sekolah tersebut.

b. Memudahkan siswa/guru dalam mengakses informasi sekolah secara online

4. Bagi Masyarakat Umum.

a. Diharapkan dapat membantu masyarakat dalam memperoleh informasi tentang SMK Binawiyata Karangmalang Sragen secara akurat.

1.5. Sistematika Penulisan

Sistematika penulisan laporan praktek kerja nyata tiap bab akan diuraikan secara singkat sebagai berikut : BAB I : PENDAHULUAN

Bab ini berisi penjelasan singkat mengenai latar belakang, materi praktek kerja nyata, tujuan, manfaat dan sistematika penulisan.

BAB II: SMK Binawiyata Karangmalang Sragen Bab ini berisi penjelasan mengenai tinjuan umum instansi tempat kerja praktek yaitu SMK Binawiyata Karangmalang Sragen.

BAB III: METODOLOGI Pada bab ini memuat uraian tentang langkah-langkah penyelesaian masalah yang ada pada perusahaan.

BAB IV: HASIL DAN PEMBAHASAN Bab ini berisi pembahasan tentang apa yang telah dikerjakan dalam praktek kerja nyata yaitu pembuatan sistem informasi berbasis web pada SMK Binawiyata Karangmalang Sragen.

BAB V : KESIMPULAN DAN SARAN Bab ini berisi kesimpulan dari laporan praktek kerja nyata dan saran.

BAB II SMK Binawiyata Karangmalang Sragen

2.1. Tinjauan Umum

2.1.1. Sejarah Singkat SMK Binawiyata Karangmalang Sragen

Pada tanggal 1 Januari 1968 bertempat di Gedung Sekolah Teknik Negeri II Sragen Kampung Mageru, dimulai pertama kali kegiatan belajar mengajar bagi Siswa Sekolah Teknik Menengah (STM) Persiapan II Sragen, pada saat itu Waloeyo BE wakil kepala sekolah STN II Sragen yang bertanggungjawab atas guru-guru yang mengajar di STM Persiapan II sedangkan Soemardi BE guru olahraga STN II Sragen bertugas sebagai kepala sekolah STM Persiapan II Sragen, dan pada saat itu jumlah siswanya 20 orang dan pada akhir tahun 1969 STM Persiapan II Sragen pindah tempat ke jalan Teratai nomor 1111 Kampung Kuwungsari Sragen dikarenakan bukti bahwa kepedulian pendiri bahwa sekolah swasta tidak boleh menepati gedung milik pemerintah. Pada tahun 1970 siswa angkatan pertama dengan jumlah 20 orang menempuh EBTA bergabung di STM NEGERI 1 Surakarta dengan predikat lulus 100%.

Pada tahun 1970 tepatnya tanggal 27 April terbit surat pengakuan sementara sebagai sekolah swasta terdaftar pada kantor Direktorat Djendral Pendidikan Dasar Djawa Tengah di Semarang, Pada tanggal 20 Januari 1975 Yayasan Pembina Pendidikan Sragen (YPP) memberi ijin naungan bagi STM Persiapan II Sragen dan pada tahun yang sama STM Persiapan II Sragen dalam usia 8 tahun telah memiliki gedung baru milik sendiri di barat Jalan Abimanyu nomor 18 Taman Asri Kroyo Karangmalang Sragen. Pada tanggal 17 Agustus 1978 telah terjadi perubahan nama sekolah dari STM Persiapan II Sragen menjadi STM Binawiyata Sragen dan pada tanggal 10 januari 1985 pihak Yayasan Pembina Pendidikan (YPP) menetapkan Marimin, BA sebagai ketua.

Pada hari Rabu tanggal 5 Agustus 1987 memutuskan untuk melepaskan diri dari naungan YPP (Yayasan Pembina Pendidikan) dan mendirikan yayasan sendiri dan tanggal 11 Agustus 1987 resmi secara hukum berdirinya Yayasan Pendidikan Binawiyata Sragen dengan pengurus Marimin, BA sebagai ketua dan terjadi perubahan pada tanggal 30 Januari 1992 dengan ketua pengurus Walueyo, BE. Pada hari Rabu 25 Juni 2008 terbentuk pengurus baru dengan ketua Drs. Kusmanto dan ketua pembina Drs. H. Imam Maliki dan pada tanggal 14 September 2011 Drs. Kusmanto meninggal dunia kemudian Drs. H. Imam Maliki menggantikannya untuk periode 2008 – 2013 pada tanggal 30 September 2013. Dalam perjalananya SMK Binawiyata Karangmalang Sragen sampai saat ini telah 46 tahun menapaki pendabdiannya (September 2014). Dengan iringan doa semoga SMK Binawiyata Karangmalang Sragen tetap jaya.

2.1.2. Visi dan Misi Visi :

1. Unggul dalam prestasi

2. Berkualitas dalam produksi

3. Siap bersaing di era globalisasi

Misi :

1. Menciptakan kondisi sekolah yang kondusif untuk mewujudkan misi sekolah

2. Membimbing

kejujuran, tanggungjawab, keselamatan kerja, dan ketaqwaan kepada Tuhan Yang Maha Esa

kedisiplinan,

3. Menciptakan sistem komunikasi yang interaktif

4. Mendidik, melatih, dan menciptakan siswa yang produktif dan kreatif

5. Melayani peserta didik guna meningkatkan harkat dan martabat manusia

6. Menjalin hubungan yang saling menguntungkan antara sekolah, masyarakat dan dunia industri.

2.1.3. Struktur Organisasi

SMK Binawiyata Karangmalang Sragen mempunyai struktur organisasi, berikut adalah gambar struktur organisasi sekolah SMK Binawiyata :

Gambar 2.1 Struktur Organisasi

Keterangan :

1. Yayasan Pendidikan SMK Binawiyata yaitu badan hukum yang membawahi sekolah serta pemilik modal dan kekayaan sekolah.

2. Kepala Sekolah yaitu pimpinan pelaksana (manager) yang diberi tugas oleh yayasan untuk menjalankan proses persekolahan.

3. Komite Sekolah adalah lembaga mandiri yang dibentuk dan berperan dalam peningkatan mutu pelayanan dengan memberikan pertimbangan, arahan dan dukungan tenaga, sarana dan prasarana, serta pengawasan pendidikan pada tingkat satuan pendidikan.

4. KA Tata Usaha sekolah bertanggungjawab kepada kepada sekolah dan mempunyai tugas melaksanakan ketatausahaan sekolah meliputi Menyusun program tata usaha sekolah, Mengelola keuangan sekolah, Mengurus administrasi ketenagaan dan siswa, Membina dan pemgembangan karir pegawai tata usaha sekolah, Menyusun administrasi perlengkapan sekolah, dan Menyusun dan penyajian data atau statistik sekolah.

5. WAKA Kependidikan dan Ketenagaan bertugas Membuat, menyusun data pendidikan dan tenaga kependidikan, Membuat dan menyusun data guru dan tugas mengajar sesuai dengan kompetensinya, Membuat rekap guru yang sudah dan yang belum sertifikasi, serta merekap guru yang sudah dan yang sedang menempuh S-2.

6. WAKA Humas Membantu Kepala Sekolah dalam Merencanakan, melaksanakan, dan mengvaluasi pengembangan kerja sama dengan pemerintahan, lembaga masyarakat, lembaga pendidikan di dalam negeri, Menyusun dan mengusulkan anggaran, Mengkoordinir sistem pengelolan informasi melalui websekolah.

7. WAKA Kesiswaan adalah Pejabat yang ditunjuk oleh Kepala Sekolah dan bertanggung jawab kepada Kepala Sekolah dalam tugas – tugasnya Menyusun rencana kerja dan jadwal Kerja Tahunan, Mengkoordinasikan dan membina semua kegaiatan siswa serta Mengkoordinasikan kegiatan BP / BK.

8. WAKA Kurikulum Membantu Kepala Sekolah dalam Penetapkan kebijakan mutu dalam standar SKL isi, proses, dan penilaian. Menyusun program, mengatur pelaksanaan, dan evaluasi pembelajaran, Menyusun pembagian tugas guru dan jadwal pelajaran, Mengelola informasi dan web bidang peningkatan mutu pembelajaran, Menyusun jadwal dan pelaksanaan ulangan harian, ulangan tengah semester, ulangan akhir semester, ulangan kenaikan kelas serta ujian akhir sekolah & nasional, Menyusun 8. WAKA Kurikulum Membantu Kepala Sekolah dalam Penetapkan kebijakan mutu dalam standar SKL isi, proses, dan penilaian. Menyusun program, mengatur pelaksanaan, dan evaluasi pembelajaran, Menyusun pembagian tugas guru dan jadwal pelajaran, Mengelola informasi dan web bidang peningkatan mutu pembelajaran, Menyusun jadwal dan pelaksanaan ulangan harian, ulangan tengah semester, ulangan akhir semester, ulangan kenaikan kelas serta ujian akhir sekolah & nasional, Menyusun

9. WAKA Sarpras dan IT Membantu Kepala Sekolah dalam Menyusun rencana kebutuhan sarana prasarana sekolah yang mengacu kepada Rencana Kerja Tahunan sekolah, Mengelola informasi dan web bidang peningkatan dan pemberdayaa sarana, Menyusun program dan mengkoordinir pemeliharaan inventaris sekolah, Merumuskan dan mengusulkan anggaran.

10. Kaprodi (Ketua Program Keahlian) bertanggungjawab kepada kepla sekolah berhubungan dengan semua unit kerja, menyusun program kerja, mengkoordinir pengembangan bahan ajar, serta melakukan langkah-langkah efisien dan efektif guna kelancaran pembeajaran di program keahlian.

11. Kepala Bengkel Membantu kepala program dalam membuat program kerja jurusan, Membantu kepala program dalam mengembangkan kurikulum dijurusan, Membuat layout bengkel dan menata peralatan atau bahan dibengkel, Membuat daftar invertaris peralatan dan bahan yang ada dijurusan, Menjaga kebersihan bengkel dan lingkungannya, Menjaga keamanan dan kenyamanan dibengkel dan jurusan serta menjaga kondisi ruangan dan peralatan, bahan, alat praktik yang ada dijurusan.

12. Guru Membuat, menyiapkan program serta perangkat pembelajaran, Melaksanakan kegiatan membimbing siswa dalam kegiatan pembelajaran serta melakukan sosialisasi Kompetensi Dasar (KD), Standar Kompetensi, Kriteria Ketuntasan Minimal (KKM), Sistem dan prosedur penilaian kepada siswa di awal pertemuan sebelum proses belajar mengajar awal dimulai.

BAB III METODOLOGI

3.1 Metode Penelitian

Dalam rangka pengumpulan data yang diperlukan dalam penyusunan Laporan Praktek Kerja Nyata, penulis menggunakan 2 metodologi penelitian yaitu :

1. Pengumpulan Data

Adapun tahapan – tahapan untuk mendapatkan data yang dibutuhkan penulis menggunakan beberapa metode, yaitu :

a. Metode Observasi Pengumpulan data dengan cara meneliti langsung, mengadakan pengamatan terhadap permasalahan yang akan diteliti.

b. Metode Interview Pengumpulan data dengan cara peneliti mengajukan pertanyaan- pertanyaan yang sesuai dengan masalah yang akan dipecahkan.

c. Metode Pustaka Pengumpulan data yang dilakukan dengan cara mempelajari buku- buku atau referensi yang berkaitan dengan permasalahan yang dihadapi.

d. Metode Pemikiran Langsung. Metode dengan mengambil analisis secara langsung dengan mengambil referensi dari pengamatan dan bahan-bahan data yang didapat.

2. Pengembangan Perangkat Lunak

a. Perencanaan Pada tahap ini kami melakukan perencanaan atau konsep yang cocok untuk memberikan informasi agar tepat dengan sasaran terhadap yang akan dicapai.

b. Analisa Pada tahap ini bertujuan untuk melakukan analisa terhadap kebutuhan – kebutuhan yang perlu dikembangkan dalam website SMK Binawiyata Karangmalang Sragen, yang sebelumnya belum mempunyai website.

c. Design / Perancangan Setelah melakukan analisa dan mengetahui keperluan-keperluan yang perlu dikembangkan, maka selanjutnya kami membuat rancangan/ desain tampilan website menggunakan bahasa pemrograman PHP.

d. Implementasi Tahap implementasi ini merupakan proses puncak dalam perancangan sistem, yaitu merupakan proses penciptaan sebuah website yang berkesesuaian dengan apa yang telah dilakukan pada tahap perencanaan, analisa dan perancangan.

e. Pengujian Pada tahap ini dilakukan pengujian terhadap sistem yang telah dibuat dan memastikan sistem yang telah dibuat berjalan dengan baik sesuai dengan apa yang diharapkan.

f. Perawatan / Maintenance Tahap perawatan berfungsi untuk melakukan pengelolaan sistem agar tetap berjalan / berfungsi sesuai dengan yang diharapkan. Pada tahap ini, kami melakukan pengelolaan sistem secara langsung.

BAB IV HASIL DAN PEMBAHASAN

Dalam bab ini dibahas mengenai tampilan – tampilan pada website SMK Binawiyata Karangmalang Sragen yang telah selesai dirancang dan dibuat. Website ini berisikan informasi tentang profile sekolah dan informasi- informasi yang ada pada sekolahan serta admin panel SMK Binawiyata Karangmalang Sragen.

4.1 Halaman Beranda

Halaman beranda merupakan halaman utama sistem informasi pada SMK Binawiyata berbasis web dan dirancang sebagus mungkin agar dapat menarik perhatian pengunjung untuk melihatnya. Selain itu, informasi yang disajikan sesuai dengan apa yang menjadi tujuan dari pembuatan sistem ini. Pada Halaman ini, terdiri dari beberapa bagian, diantaranya : menu yang meliputi Home, Profil (Sejarah Sekolah, Sambutan kepala Sekolah, Struktur Organisasi, Visi dan Misi, Ektrakulikuler serta Fasilitas), Akademik (Agenda Sekolah, Kalender Akademik, Program Keahlian), Galeri (Foto, Video) dan Profil Guru serta Karyawan SMK Binawiyata. Selanjutnya terdapat bagian menu tambahan yaitu search engine yang digunakan untuk mencari informasi- informasi yang ingin dicari pada website. Untuk melihat halaman utama dari website SMK Binawiyata ini yaitu dengan mengetikkan alamat http://smkbinawiyatasragen.sch.id pada web browser.

Gambar 4.1 Tampilan Halaman Utama

4.2 Menu Profil

Pada menu ini menampilkan beberapa sub menu yang ada didalam menu profil antara lain :

1. Sejarah Sekolah pada sub menu ini memaparkan sejarah singkat sekolah dari awal berdirinya sampai dengan sekarang ini.

Gambar 4.2 Sub Menu Sejarah Sekolah

2. Sub menu Sambutan Kepala Sekolah berisi uraian kata-kata yang disampaikan oleh kepala sekolah SMK Binawiyata Karangmalang Sragen guna memberikan sambutan kepada pengunjung website baik siswa ataupun masyarakat pada umumnya.

Gambar 4.3 Sub Menu Sambutan kepala Sekolah

3. Sub menu Struktur Organisasi menjelaskan jabatan-jabatan yang ada di sekolah beserta fungsi dan tugasnya.

Gambar 4.4 Sub Menu Struktur Organisasi

4. Sub menu Visi dan Misi mengambarkan identitas dan suatu kebanggaan yang menunjukan ke mana arah sekolah, Output seperti apa yang diharapkan dan proses bagaimana yang akan dijalankan.

Gambar 4.5 Sub Menu Visi dan Misi

5. Sub menu Ektrakulikuler berisi kegiatan-kegiatan resmi yang ada di SMK Binawiyata seperti Pramuka, Paskibra, Bulu Tangkis, Bola Voli, Sepak Bola dan Paduan Suara.

Gambar 4.6 Sub Menu Ektrakulikuler

6. Sedangkan sub menu Fasilitas berisi tentang sarana prasarana yang bisa menunjang kegiatan akademik seperti laboratorium masing-masing jurusan, perpustakaan, taman dan juga lapangan olahraga.

Gambar 4.7 Sub Menu Fasilitas

4.3 Menu Akademik

Pada menu ini terdapat sub menu agenda, kalender akademik serta kompetensi jurusan. Sub menu agenda berisi tentang kegiatan-kegiatan yg sudah dilaksanakan kemudian diterbitkan dalam website agar pengunjung website bisa mengerti serta membantu sekolah dalam hal penyampain informasi terkait ruang kegiatan lingkup yang ada pada sekolah. Sub menu kalender akademik berisi jadwal kegiatan yang akan dilaksanakan sekolah yang berguna untuk menginformasikan khususnya kepada siswa sekolah serta staff dan karyawan SMK Binawiyata. Sub menu kompetensi jurusan berisi jurusan-jurusan yang ada di sekolah SMK Binawiyata antara lain : Teknik Pemesinan, Teknik Komunikasi dan Jaringan, Teknik Otomasi Industri dan Teknik Sepeda Motor.

Gambar 4.8 Sub Menu Agenda Sekolah

Gambar 4.9 Sub Menu Kalender Akademik

Gambar 4.10 Sub Menu Teknik Otomasi Industri

Gambar 4.11 Sub Menu Teknik Pemesinan

Gambar 4.12 Sub Menu Teknik Komputer dan Jaringan

Gambar 4.13 Sub Menu Teknik Sepeda Motor

4.4 Menu Galeri

Menu galeri berisi tentang seluruh dokumentasi hasil kegiatan akademik sekolah dan juga video bebagai kegiatan yang dilaksanakan baik oleh siswa, staff dan juga guru SMK Binawiyata.

Gambar 4.14 Sub Menu Galeri Video

Gambar 4.15 Sub Menu Galeri Foto

4.5 Menu Profil Staff dan Guru

Pada menu ini berisi identitas staff dan juga guru SMK Binawiyata yang akan memudahkan penggunjung untuk melihat data diri dari satff dan juga guru-guru. Berikut adalah menu profil staff dan juga guru SMK Binawiyata :

Gambar 4.16 Menu Profil Guru dan Karyawan

4.6 Menu Login

Pada menu ini bisa digunakan untuk login admin, guru dan juga siswa. Untuk hak akses seluruhnya dipegang oleh admin. Berikut adalah gambar menu login untuk admin, siswa dan juga guru.

Gambar 4.17 Menu Login

4.7 Menu Link Terkait

Pada menu ini terdapat beberapa link-link terkait yang berhubungan seputar informasi tentang SMK dan link yang digunakan untuk menunjang belajar, seperti : rumahbelajar, m-edukasi, direktorat pembinaan SMK.

Gambar 4.18 Menu Link Terkait

4.8 Menu Polling

Pada menu ini pengunjung dapat memberikan penilaian tentang website SMK BInawiyata Karangmalang Sragen. Dengan cara memilih dan bisa langsung dilihat hasil pollingnya.

Gambar 4.19 Polling Gambar 4.20 Hasil Polling

4.9 Menu Join With Us

Pada menu ini pengunjung dapat bergabung dengan facebook ataupun twitter SMK Binawiyata Karangmalang Sragen untuk mengetahui informasi-informasi selain melalui website.

Gambar 4.21 Menu Join With Us

4.10 Menu Buku Tamu

Pada menu buku tamu ini pengunjung dapat memberikan kritik dan saran untuk membangun website sekolah SMK Binawiyata Karangmalang Sragen.

Gambar 4.22 Menu Buku Tamu

4.11 Menu Control Panel Guru

Di menu control panel guru hanya tersedia menu artikel karena website ini memiliki fungsi utama salah satunya membagikan informasi- informasi mengenai ruang lingkup sekolah yang bisa diakses dan dikelola oleh guru. Akan tetapi hak akses sepenuhnya dipegang oleh admin. Berikut adalah gambar menu control panel Guru :

Gambar 4.23 Menu Control Panel Guru

4.12 Menu Control Panel Siswa

Pada menu control panel siswa sama seperti menu contol panel guru yaitu hanya terdapat menu artikel karena hanya difungsikan untuk berbagi informasi-informasi yang ada dan juga hak akses sepenuhnya dipegang oleh admin karena admin bisa memfilter artikel-artikel yang bersifat positif serta untuk keamanan dan kenyamanan pengunjung website. Di bawah ini adalah gambar control panel siswa :

Gambar 4.24 Menu Control Panel Siswa

4.13 Menu Control Panel Admin

Di control panel admin berbeda dengan menu contol panel guru dan siswa karena admin memegang penuh hak akses terhadap website. Dalam menu control admin terdapat beberapa menu yang dibuat sedemikian simple

agar lebih memudahkan pihak admin dalam mengelola sistem informasi yang ada di SMK Binawiyata. Berikut adalah beberapa menu yang ada didalam control panel admin :

1. Menu Beranda

Menu ini berisi tampilan utama control panel admin dari website SMK Binawiyata Karangmalang Sragen.

Gambar 4.25 Menu Beranda Control Panel Admin

2. Menu Artikel Berita

Menu ini digunakan admin untuk memposting informasi-informasi serta membagikan informasi yang sudah dibuat oleh guru atau siswa karena admin sebagai pemberi akses penuh di dalam website.

Gambar 4.26 Menu Artikel Control Panel Admin

3. Menu Profil Sekolah

Menu ini digunakan admin untuk menambahkan informasi terkait dengan sejarah singkat, visi dan misi, fasilitas, struktur organisasi, sambutan kepala sekolah, sarana pendukung dan juga ektrakulikuler yang ada dalam sekolahan.

Gambar 4.27 Menu Profil Sekolah Control Panel Admin

4. Menu Agenda Sekolah

Pada menu ini digunakan oleh admin untuk membagikan segala informasi terkait erat dengan kegiatan-kegiatan yang ada di sekolah SMK Binawiyata Sragen. Berikut adalah gambar tampilan menu agenda sekolah :

Gambar 4.28 Menu Agenda Sekolah Control Panel Admin

5. Menu Kalender Akademik

Menu ini digunakan admin untuk membagikan informasi penting dalam kegiatan atau pelaksanaan acara di SMK Binawiyata Karangmalang Sragen.

Gambar 4.29 Menu Kalender Akademik Control Panel Admin

6. Menu Data Staff dan Guru

Pada menu ini digunakan oleh admin untuk mengisi identitas lengkap, menghapus serta menambahkan staff dan guru SMK Binawiyata Sragen.

Gambar 4.30 Menu Data Staff dan Guru Control Panel Admin

4.14 Database pada website SMK Binawiyata Karangmalang Sragen

Data-data akan masuk otomatis ke dalam database sekolah di dalam phpMyAdmin.

Table 4.1 Database Sekolah

Keterangan : terdapat 10 tabel pada database sekolah yaitu hasil, kalender, pertanyaan, profil, tabeluser, tblagenda, tblcms, tblguru, tblkategori, tblsarana. Berikut adalah tabel-tabel yang ada di database sekolah :

1. Tabel Hasil

Tabel 4.2 Tabel Hasil

Keterangan : hasil terdiri 3 field yaitu : id_tanya dengan type int(11), jawab dengan type varchar(100), nilai dengan type int(11),

2. Tabel kalender

Tabel 4.3 Tabel Kalender

Keterangan : tabel kalender terdiri 4 field yaitu : id_kalender dengan type int(11), tanggal dengan type varchar(40), acara dengan type varchar(50), keterangan dengan type varchar(100).

3. Tabel Pertanyaan

Tabel 4.4 Tabel Pertanyaan

Keterangan : tabel pertanyaan terdiri 6 field yaitu : id_tanya dengan type int(3), pertanyaan dengan typevarchar(300), jawab_1 dengan type varchar(100), jawab_2 dengan type varchar(100), jawab_3 dengan type varchar(100), jawab_4 dengan type varchar(100).

4. Tabel profil

Tabel 4.5 Tabel Profil

Keterangan : tabel profil terdiri 4 field yaitu : id dengan type int(11), judul dengan type varchar(50), content dengan type text, gambar dengan type varchar(100).

5. Tabel tableuser

Tabel 4.6 Tabel User

Keterangan : tabeluser terdiri dari 3 field yaitu: userid dengan type varchar(8), password dengan type varchar(12), level dengan type varchar(5).

6. Tabel tblagenda

Tabel 4.7 Tabel Agenda

Keterangan : tblagenda terdiri atas 6 field yaitu : id dengan type int(15), judul dengan type varchar(100), content dengan type text, gambar dengan type varchar(100), user dengan type varchar(50), status dengan type varchar(1).

7. Tabel tblcms

Tabel 4.8 Tabel Cms

Keterangan : tblcms terdiri dari 8 field yaitu : id dengan type int(15), judul dengan type varchar(100), idkategori dengan type varchar(10), content dengan type text, gambar dengan type varchar(100), file dengan type varchar(100), user dengan type varchar(50), status dengan type varchar(1).

8. Tabel tblguru

Tabel 4.9 Tabel Guru

Keterangan : tblguru terdiri atas 13 field yaitu : nip dengan type varchar(20), nama_guru dengan type varchar(40), tempat_lahir dengan type varchar(40), tgl_lahir dengan type date, alamat dengan type text, pendidikan dengan type varchar(5), mengajar dengan type varchar(35), golongan dengan type varchar(10), jabatan dengan type varchar(40), hp dengan type varchar(15), jenis_kelamin dengan type varchar(15), agama dengan type varchar(20), foto dengan type varchar(40).

9. Tabel tblkategori

Tabel 4.10 Tabel Kategori

Keterangan : tblkategori terdiri atas 2 field yaitu : idkategori dengan type int(5), kategori dengan type varchar(50).

10. Tabel Sarana

Tabel 4.11 Tabel Sarana

Keterangan : tblsarana terdiri 6 field yaitu : id_ dengan type int(10), sarana dengan typevarchar(100), ukuran dengan type varchar(50), jurusan dengan type varchar(50), deskripsi dengan type varchar(500), foto dengan type varchar(40).

4.15 Pembahasan

Website SMK Binawiayata Karangmalang Sragen telah selesai dibuat sesuai dengan tujuan semula yaitu untuk membagikan informasi dan memberikan kemudahan kepada siswa maupun pengajar serta masyarakat pada umumnya dalam hal memperoleh informasi mengenai ruang lingkup sekolah serta sebagai sarana promosi untuk menarik calon siswa baru. Website ini menampilkan informasi-informasi dari ruang lingkup SMK Binawiyata Karangmalang Sragen, mulai dari profil sekolah, visi dan misi, struktur organisasi, agenda akademik sekolah dan juga profil guru serta staff dan juga berbagai artikel berita sekolah. Profil Sekolah berisi informasi tentang sejarah, fasilitas, ekstrakulikuler, dan sarana pendukung serta kompetensi keahlian.

Setelah kita implementasikan pada sekolah SMK Binawiyata Karangmalang Sragen terdapat beberapa kendala saat proses pembuatan website serta proses pengumpulan informasi-informasi terkait dengan ruang lingkup sekolahan, dan disisi lain setelah kita menguji cobakan mendapatkan respon yang positif dari siswa, staff dan guru terkait pembuatan website sebagai sarana untuk berbagi informasi.

BAB V KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari kegiatan Praktek Kerja Nyata dalam pembuatan Website SMK Binawiyata Karangmalang Sragen, dapat ditarik kesimpulan sebagai berikut :

1. Memberikan manfaat bagi penulis karena dapat mengimplementasikan ilmu yang didapatkan dalam perkuliahan ke dalam dunia kerja.

2. Dengan adanya website SMK Binawiyata Karangmalang Sragen memberikan kemudahan untuk mendapatkan informasi bagi masyarakat pada umumnya.

3. Dengan adanya website SMK Binawiyata Karangmalang Sragen tersebut memberikan keuntungan tersendiri karena sebagai media promosi untuk calon siswa baru di SMK Binawiyata Karangmalang Sragen.

5.2 Saran

Website SMK Binawiyata Karangmalang Sragen tersebut agar tetap terjaga dan sebagai tindak lanjut dari uraian kesimpulan di atas, penulis menyampaikan beberapa saran yang ditujukan kepada SMK Binawiyata Karangmalang Sragen sebagai berikut :

1. Sistem Admin SMK Binawiyata diharapkan memiliki seseorang yang paham dan mengerti tentang website, sehingga setelah website berjalan, website tersebut ada yang mengelola.

2. Mempersiapkan materi – materi website beberapa informasi mengenai informasi terbaru agar website dapat lebih dimanfaatkan secara maksimal.

DAFTAR PUSTAKA

Oktavian, Diar Puji. 2013. Membuat Website Powerfull Menggunakan PHP. Yogyakarta: MediaKom.

Kadir, Abdul. 2009. Membuat Aplikasi Web dengan PHP + Database

MySQL . Yogyakarta: Andi Offset. Sulhan, Moh. 2007. Pengembangan Aplikasi Berbasis Web dengan PHP & ASP.

Yogyakarta: Gava Media.

LAMPIRAN SOURCE CODE PROGRAM (SCRIPT) PEMBUATAN SISTEM INFORMASI SMK BINAWIYATA KARANGMALANG SRAGEN BERBASIS WEBSITE.

-moz-border-radius: 5px; border-radius: 5px;

1. menu.css

height: 20px;

/* Pengaturan untuk

Tampilan

width: 210px;

Dropdown Menu */

color: #ccc; outline: none;

.suckertreemenu ul{ margin: 0; padding: -webkit-box-shadow: inset 0 2px 2px

#ccc, 0 1px 0 #fff; index:100;}

10px; list-style-type:

none;

z-

box-shadow: inset 0 2px 2px #ccc, 0 1px .suckertreemenu ul li{ position: relative;

0 #fff; text-indent: 30px;

display: inline; float: left; border-

#fff right:1px solid #333;} url(../images/icn_search.png) no-repeat;

background:

.suckertreemenu ul li a{ display: block; background-position: 10px 3px; text-decoration:

none;

color:#fff;

padding:10px 20px 10px 20px; text-

.quick_search input[type=text]:focus { transform:uppercase;}

outline: none;

.suckertreemenu ul li ul{ left: 0;

color: #666666;

position: absolute; display: block; -webkit-box-shadow: inset 0 2px 2px visibility: hidden;}

#ccc, 0 0 10px #53A7D5; box-shadow: inset 0 2px 2px #ccc, 0 0

.suckertreemenu ul li ul li{ display: list-

10px #53A7D5;

item; float: none;}

.suckertreemenu ul li ul li ul{ top:0; .quick_search input[type=submit] { border-style:none; margin:0px;}

-webkit-border-radius: 5px; -moz-border-radius: 5px;

.suckertreemenu ul li ul li a{ display: border-radius: 5px; block; width: 170px; color: text-

border: 1px solid #000; decoration: none; padding: 10px 15px;

height: 25px;

background-color:#000;

border-

color: #fff;

bottom:1px solid #333; text-align:left; } background-image:url(../images/bg- blue.jpg);

.suckertreemenu ul li a:hover{ color: background-position:center; #FFFF00;}

cursor:pointer; text-shadow: 1px 1px #333;

2. search.css

font-family:"Lucida Fax",Arial; }

/* Pengaturan untuk Quick Search */

.quick_search { text-align: center;}

3. breadscrumb.css

.quick_search input[type=text] { -webkit-border-radius: 5px;

/* Pengaturan untuk Tampilan Crumbs

#crumbs { height:2.3em; border:1px <h1>Object not found!</h1> solid #dedede; padding:0; margin:0;}

<p>

#crumbs li { float:left; list-style:none; The requested URL was not found on line-height:2.3em; color:#777; padding-

this server.

left:10px;} If you entered the URL manually #crumbs li a

please check your {background:url(../images/crumbs.gif)

spelling and try again. no-repeat right center; display:block;

</p>

padding:0 15px 0 0;}

<p> If you think this is a server error, please

#crumbs li a:link,

contact

#crumbs li a:visited { color:#777; text- the <a href="http://www.harist- decoration:none;}

vanila.co.nf">administratorr</a>. a:link, a:visited,

</p>

#crumbs li a:hover, <h2>Error 404</h2> #crumbs li a:focus { color:#dd2c0d;}

<address>

<a href="/">localhost</a><br />

4. error.php

<span><?php echo date("l").", ";

<head> echo date("d F Y").", "; <title>Object not found!</title>

echo date("h:i A"); ?> <style type="text/css">

<br />

body { color: #000000; background- Apache/7.2.0 (Win64) color: #FFFFFF; }

PHP/5.1.4</span> a:link { color: #0000CC; }

</address>

p, address {margin-left: 3em;}

</body>

span {font-size: smaller;}

</html>

</style>

5. agenda_sekolah

<?php include("koneksi.php"); ?> Sekolah SMK Binawiyata <link rel="Stylesheet"

Karangmalang href="css/style.css"

Sragen</h1></div></font> type="text/css">

<hr align="center" width="97%" <table border="0" cellspacing="0"

cellpadding="0" width="85%"> <td width="80%" <td>

valign="top"><br> <table width="98%" <table width="100%"

border="0">

border="0" cellspacing="0" cellpadding="1">

<?php <tr>

$a="select*from <font face="Bookman Old

tblagenda where Style"><div

tblagenda.status='Y' order by id align="center"><h1>Agenda

DESC limit 5";

$isi... <a $b=mysql_query($a);

href='lihat_agenda.php?id=$c[id]'> <br /><u>Lihat

while($c=mysql_fetch_array($b Selengkapnya</u></a></p></td>"; ))

// Tampilkan

<tr>

hanya sebagian isi berita

<td

$isi_berita = colspan=2><hr/></td> htmlentities(strip_tags($c['content'

</tr>

])); <?php }?> $isi = substr($isi_berita,0,220);

</table> </td> $isi =

</tr></table></td> substr($isi_berita,0,strrpos($isi,"

</tr>

</table>

6. buku_tamu <font face="Bookman Old <tr>

Style"><center><h1>Buku Tamu <td colspan=2><b><?php Pengunjung SMK Binawiyata echo $c['judul'];?></b></td>

Karangmalang Sragen</h1></center> </tr>

<hr /><br />

<tr>

<?php

if(empty($c['gambar'])){ Ingin Menanyakan sesuatu

terkait dengan produk yang kami colspan=2><p

echo "<td

jual..?<br />

align='justify'><font Atau anda ingin menanyakan color='#0080ff'>Dikirim oleh:

selengkapnya tentang produk dan $c[user]</font><br>

merek apa yg kami sediakan ?<br />

$isi... <a

Tak Perlu Ragu, Silahkan anda dapat

href='lihat_agenda.php?id=$c[id]'> mengirimkan Pertanyaan dan Seputar <br /><u>Lihat

Produk yang kami Jual,, Maka kami Selengkapnya</u></a></p></td>"; akan secepatnya merespon anda <strong>:)</strong><br /><br /> }else{

<form method="post"

action="kirim_guestbook.php"> width=100><img

echo "<td

<table>

src='gambar/berita/$c[gambar]' <tr><td width="100"><p width=140 height=100 align='left'

align="center">Nama</p></td><td hspace=10 border=0></td>

width="20">:</td><td><input <td width='450'

name="nama" size="35" type="text" /> valign='top'><p

*</td></tr>

align='justify'><font <tr><td width="100"><p color='#0080ff'>Dikirim oleh:

align="center">Email</p></td><td $c[user]</font><br>

width="20">:</td><td><input width="20">:</td><td><input

<td><textarea name="pesan" cols="35" rows="8"></textarea></td> </tr> <tr><td width="100"></td><td width="20"></td><td><input type="submit" value="Kirim Pesan"/> <input type="reset" value="Hapus"/></td></tr> </table> </form><br /> * Wajib diisi dan gak boleh kosong...!!! :D<br />

<table width="486" border="0" align="left"> <?php include "koneksi.php"; $ambil_data=mysql_query("select * from guestbook order by id desc"); $jlh_pesan=mysql_num_rows($ambil_ data); ?> <tr> <td width="443" height="38"><span class="style4">Jumlah Komentar Pengunjung (<?php echo $jlh_pesan; ?>)</span></td> </tr> <?php while($data=mysql_fetch_array($ambil _data)){ ?> <tr> <td class="style13">

<?php echo "<a href='http://$data[website]' target='_blank'>".$data['nama']."</a>& nbsp; Komentar pada : ".$data['tanggal'];?> </td> </tr> <tr> <td><span class="style13"><?php echo $data['pesan']; ?></span><br /><br /></td> </tr> <?php } ?> </table> </font>

7. cek_akses

<?php session_start(); mysql_connect("localhost","root","") or die("Koneksi gagal"); mysql_select_db("sekolah");//sesuaika n dengan nama database anda

$userid = $_POST['userid']; $psw = $_POST['psw']; $op = $_GET['op'];

if($op=="in"){

$cek = mysql_query("SELECT * FROM tabeluser WHERE userid='$userid' AND password='$psw'");

if(mysql_num_rows($cek)==1){//jika berhasil akan bernilai 1

$c = mysql_fetch_array($cek); $_SESSION['userid'] =

$c['userid'];

$_SESSION['level'] = $c['level']; if($c['level']=="admin"){ $_SESSION['level'] = $c['level']; if($c['level']=="admin"){

10. content-left

}else if($c['level']=="guru"){ <div id="content-left"> <div id="bg-sidebar">

header("location:guru/index.php"); <div id="head-sidebar">Login</div> }else if($c['level']=="siswa"){

<div id="content-sidebar"> <?php include('widget/login.php');?>

header("location:siswa/index.php");

</div>

</div>

}else{ echo

<div class="cleaner_h20"></div> "<script>window.alert('Username atau

<div id="bg-sidebar"> Password anda tidak Benar, anda tidak

<div id="head-sidebar">Link berhak masuk ke ruang sistem ini..!');

Terkait</div> <?php include('widget/link-

window.location=('index.php?page=pa terkait.php');?> ssword_&_username=salah')</script>"; <div id="content-sidebar">

</div>

}else if($op=="out"){

</div>

unset($_SESSION['userid']); <div class="cleaner_h20"></div> unset($_SESSION['level']);

<div id="bg-sidebar"> header("location:index.php");

<div id="head-sidebar">Berikan }

Tanggapan Anda</div> ?>

<?php

include('widget/polling2.php');?> <?

8. config

<div id="content-sidebar"> $host="localhost";

</div>

$username="root";

</div>

$password=""; <div class="cleaner_h20"></div> $databasename="sekolah";

</div>

$connection=mysql_connect($host,

$username, $password) or die("Kesalahan Koneksi...!!");

11. content-right

mysql_select_db($databasename, <div id="content-right"> $connection) or die("Databasenya

<div id="bg-sidebar"> Error");

<div id="head-sidebar">Waktu Saat ?>

ini</div> <?php include('widget/jam2.php');?>

9. content-center

<div id="content-sidebar">

</div>

<div id="content-center">

</div>

<?php include('content/content-

beranda.html');?> <div class="cleaner_h20"></div> </div>

<div id="bg-sidebar">

<div id="head- <title>SMA Negeri 13 Bekasi | sidebar">Kalender</div>

Beranda</title>

<div id="content-sidebar"> <link href="css/style.css" <?php

rel="stylesheet" type="text/css" /> include('widget/kalender.php');?>

<link href="css/ticker-style.css" </div>

rel="stylesheet" type="text/css" /> </div>

<link href="css/menu.css" rel="stylesheet" type="text/css" />

<div class="cleaner_h20"></div> <link href="css/slider.css" <div id="bg-sidebar">

rel="stylesheet" type="text/css" /> <div id="head-sidebar">Mengenai

<link href="css/breadcrumb.css" Sekolah</div>

rel="stylesheet" type="text/css" /> <div id="content-sidebar">

<link href="css/chosen.css" <?php include('widget/mengenai-

rel="stylesheet" type="text/css"> sekolah.php');?>

<link href="js/redactor/redactor.css" </div>

rel="stylesheet" type="text/css" /> </div>

<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css"

<div class="cleaner_h20"></div>

media="screen" />

<div id="bg-sidebar"> <script type="text/javascript" <div id="head-sidebar">Joint With

src="http://ajax.googleapis.com/ajax/li Us</div>

bs/jquery/1.6.0/jquery.min.js"> <div id="content-sidebar">

<script type="text/javascript" <?php include('widget/joint-us.php');?> src=""></script> </div></div>

<script type="text/javascript" src="js/jquery.jcarousel.min.js"></scri

<div class="cleaner_h20"></div>

pt> <script type="text/javascript"

</div> src="js/redactor/jquery- 1.7.min.js"></script>

<script type="text/javascript" <!DOCTYPE html PUBLIC "-

12. daftar-alumni

src="js/skrip.js"></script> //W3C//DTD XHTML 1.0

<script type="text/javascript" Transitional//EN"

src="js/redactor/redactor.min.js"></scri "http://www.w3.org/TR/xhtml1/DTD/x pt> html1-transitional.dtd">

<script type="text/javascript" <html

src="js/jquery.fancybox- ns="http://www.w3.org/1999/xhtml 1.3.4.pack.js"></script> ">

<script language="javascript" <head>

src="js/jquery.ticker.js"></script> <meta http-equiv="Content-Type"

<script language="javascript" content="text/html; charset=iso-8859-

src="js/site.js"></script> 1" />

<script language="javascript" <link rel="shortcut icon"

src="js/menu.js"></script> href="galeri/logo-sma-13-kecil.png" /> <script type="text/javascript"> $(document).ready( function()

{ <?php echo $('#lofslidecontent45').lofJSider "<center><h1>$c[judul]</h1></center news( { interval:4000,

><hr />"; ?>

easing:'easeInOutQuad', <?php if(empty($c['gambar'])){

duration:1000,

echo "<font

auto:true } );

face='Bookman Old Style' size='3'><p $('#alamat').redactor(); align='justify'>   & $('#visi_misi').redactor() nbsp; $c[content]</p></font>";

}); </script>

}else{ </head>

echo "<font <?php include('header.php');?>

face='Bookman Old Style' size='3'><p <div class="cleaner_h20"></div>

align='justify'>   & <ul id="crumbs"><li><a

nbsp;  $c[content]</p></font> href="#">Daftar Alumni</a></li>

<p> </p><center><img <li>Kumpulan Alumni SMA Negeri 13 src='gambar/berita/$c[gambar]' Bekasi</li></ul>

width=640 height=250 align='left' <div class="cleaner_h20"></div>

hspace=10 border=0></center>"; <?php include('content-left.php');?>

} <div

} class="cleaner_h20"></div></div> ?> <div class="cleaner_h0"></div></div> </font>

<?php include('footer.php');?> </body>

</html>

14. fasilitas

<font face="Bookman Old

Style"><center><h1>Sarana dan <?php

13. extrakulikuler

Prasarana</h1></center> include ("koneksi.php");

<hr />

$id="9901";

<?php

if(empty($id)){ //Ambil file koneksi echo "Halaman tidak

include "koneksi.php"; ditemukan";

$hal = $_GET[hal]; }else{

if(!isset($_GET['hal'])){ $a="select * from

$halaman = 1;

profil where id='$id'";

} else { $halaman = $_GET['hal'];

$b=mysql_query($a);

} //tentukan jumlah data setiap halaman

$c=mysql_fetch_array($b) $hal_maksimum = 3;

$mulai = (($halaman * <font face="Bookman Old

$hal_maksimum) - $hal_maksimum); Style">

$a="select * from <td>:</td> tblsarana order by sarana ASC limit

<td>$c[deskripsi]</td> $mulai, $hal_maksimum";

</tr>

$b=mysql_query($a);

<tr> while($c=mysql_fetch_array($b <td></td>

<td></td>

<td></td>

</tr>

<tr>

<tr>

<?php

<td></td>

echo "<table

<td></td>

width='640' border='0' align='center'>

<td></td>

<tr>

</tr>

<td valign='top'><table

</table>";

width='656' border='0' cellspacing='0' ?> cellpadding='5'>

<tr>

<tr> <td colspan=2><hr /></td> <td width='160' rowspan='7'>

</tr>

<div align='center'><img

<?php }?>

src='gambar/sarana/$c[foto]'

</table>

width=200 height=160

</td>

style='border:1px solid red;border-

</tr>

radius:6px;'> <br /></div>

</table>

</td>

</td>

</tr>

<?php

<tr>

$total=

<td width='152'>Nama mysql_result(mysql_query("SELECT </td><td>:</td>

COUNT(*) as jumlah FROM <td><strong>

tblsarana"),0);

$c[sarana]</strong></td> $jumlah_halaman = ceil($total / </tr>

$hal_maksimum);

<tr> // bangun jumlah hiperlink halaman <td>Ukuran

echo "<table><center>Halaman<br </td><td>:</td>

<td> $c[ukuran]</td> // bangun Previous link </tr>

if($hal > 1){

<tr> $sebelum = ($halaman - 1); <td>Jurusan

echo "<a

</td><td>:</td> href=$_SERVER[PHP_SELF]?page=f <td> $c[jurusan]</td>

asilitas&hal=$sebelum> <-Sebelumnya </tr>

</a>

<tr>

<td>Deskripsi</td> <td>Deskripsi</td>

echo "<iframe name=sarana width=500 if(($hal) == $i){

height=600 src= >"; echo "$i ";

echo "<img