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 2014
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
ii
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
membimbing selama kegiatan Praktek Kerja Nyata berlangsung.
iii
dan
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,
iv
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.
v
DAFTAR ISI
HALAMAN JUDUL........................................................................................... i HALAMAN PENGESAHAN ............................................................................ ii KATA PENGANTAR ....................................................................................... iii ABSTRAK ......................................................................................................... v DAFTAR ISI ...................................................................................................... vi DAFTAR TABLE ............................................................................................... viii DAFTAR GAMBAR ......................................................................................... ix BAB I PENDAHULUAN .................................................................................. 1 1.1. Latar Belakang ..................................................................................... 1 1.2. Materi Praktek Kerja Nyata ................................................................. 2 1.3. Tujuan Praktek Kerja Nyata ................................................................. 2 1.4. Manfaat Penelitian ............................................................................... 2 1.5. Sistematika Penulisan .......................................................................... 3 BAB II TEMPAT PRAKTEK KERJA NYATA ............................................... 4 2.1. Tinjuan Umum ..................................................................................... 4 2.1.1 Sejarah Singkat SMK Binawiyata Karangmalang Sragen ......... 4 2.1.2 Visi dan Misi .............................................................................. 5 2.1.3 Struktur Organisasi ..................................................................... 6 BAB III METODOLOGI PENELITIAN ........................................................... 8 BAB IV HASIL PEMBAHASAN ..................................................................... 11 4.1. Halaman Beranda ................................................................................. 11 4.2. Menu Profil .......................................................................................... 13 4.3. Menu Akademik ................................................................................... 18 4.4. Menu Galeri ......................................................................................... 22 4.5. Menu Profil Staff dan Guru ................................................................. 24 4.6. Menu Login .......................................................................................... 25 4.7. Menu Link Terkait ............................................................................... 25 4.8. Menu Polling ........................................................................................ 26 4.9. Menu Join With Us .............................................................................. 26
vi
4.10. Menu Buku Tamu .............................................................................. 25 4.11. Menu Control Panel Guru .................................................................. 28 4.12. Menu Control Panel Siswa ................................................................. 28 4.13. Menu Control Panel Admin ............................................................... 29 4.14. Database pada website SMK Binawiyata Karangmalang Sragen ...... 34 4.15. Pembahasan ........................................................................................ 39 BAB V KESIMPULAN DAN SARAN ............................................................. 40 5.1. Kesimpulan .......................................................................................... 40 5.2. Saran ................................................................................................... 40 DAFTAR PUSTAKA ........................................................................................ 41 LAMPIRAN ....................................................................................................... 42
vii
DAFTAR TABLE
Table 4.1. Database Sekolah .............................................................................. 34 Table 4.2. Tabel Hasil ........................................................................................ 35 Table 4.3. Tabel Kalender ................................................................................. .35 Table 4.4. Table Pertanyaan .............................................................................. 35 Table 4.5. Tabel Profil ....................................................................................... 36 Table 4.6. Tabel User ......................................................................................... 36 Table 4.7. Table Agenda .................................................................................... 37 Table 4.8. Table Cms .......................................................................................... 37 Table 4.9. Table Guru ........................................................................................ 38 Table 4.10. Table Kategori ................................................................................ 38 Table 4.11. Table Sarana ................................................................................... 39
viii
DAFTAR GAMBAR
Gambar 2.1. Struktur Organisasi.......................................................................... 6 Gambar 4.1. Tampilan Halaman Utama ........................................................... 12 Gambar 4.2. Sub Menu Sejarah Sekolah ........................................................... 13 Gambar 4.3. Sub Menu Sambutan kepala Sekolah ............................................ 14 Gambar 4.4. Sub Menu Struktur Organisasi ..................................................... 15 Gambar 4.5. Sub Menu Visi dan Misi ................................................................ 16 Gambar 4.6. Sub Menu Ektrakulikuler .............................................................. 17 Gambar 4.7. Sub Menu Fasilitas ....................................................................... 17 Gambar 4.8. Sub Menu Agenda Sekolah ........................................................... 18 Gambar 4.9. Sub Menu Kalender Akademik ...................................................... 19 Gambar 4.10. Sub Menu Teknik Otomasi Industri ............................................ 19 Gambar 4.11. Sub Menu Teknik Pemesinan ....................................................... 20 Gambar 4.12. Sub Menu Teknik Komputer dan Jaringan .................................. 20 Gambar 4.13. Sub Menu Teknik Sepeda Motor .................................................. 21 Gambar 4.14. Sub Menu Galeri Video ............................................................... 22 Gambar 4.15. Sub Menu Galeri Foto ................................................................ 23 Gambar 4.16. Menu Profil Guru dan Karyawan ................................................ 24 Gambar 4.17. Menu Login ................................................................................. 25 Gambar 4.18. Menu Link Terkait........................................................................ 25 Gambar 4.19. Menu Polling .............................................................................. 26 Gambar 4.20. Hasil Plling .................................................................................. 26 Gambar 4.21. Menu Join With Us ..................................................................... 26 Gambar 4.22. Menu Buku Tamu ........................................................................ 27 Gambar 4.23. Menu Control Panel Guru .......................................................... 28 Gambar 4.24. Menu Control Panel Siswa ......................................................... 29 Gambar 4.25. Menu Beranda Control Panel Admin ......................................... 30 Gambar 4.26. Menu Artikel Control Panel Admin ............................................ 31 Gambar 4.27. Menu Profil Sekolah Control Panel Admin ................................ 32
ix
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
x
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 datadata serta informasi mengenai sekolah masih banyak dilakukan secara manual
1
oleh karena itu di perlukan sistem informasi berbasis web agar memudahkan dalam hal penyampaian informasi-informasi mengenai ruang lingkup sekolah. 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.
2
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.
3
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.
4
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
kedisiplinan,
kejujuran,
tanggungjawab,
keselamatan kerja, dan ketaqwaan kepada Tuhan Yang Maha Esa 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.
5
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.
6
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
7
anggaran kegiatan, Menerapkan kriteria persyaratan naik/tidak naik dan kriteria penjurusan serta kriteria kelulusan.\ 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.
8
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 pertanyaanpertanyaan yang sesuai dengan masalah yang akan dipecahkan. c. Metode Pustaka Pengumpulan data yang dilakukan dengan cara mempelajari bukubuku 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.
9
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 rancangan/
desain
tampilan
website
kami
membuat
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.
10
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 informasiinformasi 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 informasiinformasi yang ingin dicari pada website. Untuk melihat halaman utama dari website
SMK
Binawiyata
ini
yaitu
dengan
http://smkbinawiyatasragen.sch.id pada web browser.
11
mengetikkan
alamat
Gambar 4.1 Tampilan Halaman Utama
12
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
13
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
14
3. Sub menu Struktur Organisasi menjelaskan jabatan-jabatan yang ada di sekolah beserta fungsi dan tugasnya.
Gambar 4.4 Sub Menu Struktur Organisasi
15
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
16
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
17
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
18
Gambar 4.9 Sub Menu Kalender Akademik
Gambar 4.10 Sub Menu Teknik Otomasi Industri
19
Gambar 4.11 Sub Menu Teknik Pemesinan
Gambar 4.12 Sub Menu Teknik Komputer dan Jaringan
20
Gambar 4.13 Sub Menu Teknik Sepeda Motor
21
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
22
Gambar 4.15 Sub Menu Galeri Foto
23
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
24
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
25
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
26
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
27
4.11 Menu Control Panel Guru Di menu control panel guru hanya tersedia menu artikel karena website ini memiliki fungsi utama salah satunya membagikan informasiinformasi 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 :
28
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 :
29
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.
30
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.
31
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 :
32
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
33
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
34
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
35
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).
36
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).
37
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).
38
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.
39
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.
40
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.
41
LAMPIRAN SOURCE CODE PROGRAM (SCRIPT) PEMBUATAN SISTEM INFORMASI SMK BINAWIYATA KARANGMALANG SRAGEN BERBASIS WEBSITE.
1. menu.css /* Pengaturan untuk Dropdown Menu */
-moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 210px; color: #ccc; outline: none; -webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; text-indent: 30px; background: #fff url(../images/icn_search.png) no-repeat; background-position: 10px 3px; }
Tampilan
.suckertreemenu ul{ margin: 0; padding: 10px; list-style-type: none; zindex:100;} .suckertreemenu ul li{ position: relative; display: inline; float: left; borderright:1px solid #333;} .suckertreemenu ul li a{ display: block; text-decoration: none; color:#fff; padding:10px 20px 10px 20px; texttransform:uppercase;}
.quick_search input[type=text]:focus { outline: none; color: #666666; -webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #53A7D5; box-shadow: inset 0 2px 2px #ccc, 0 0 10px #53A7D5; }
.suckertreemenu ul li ul{ left: 0; position: absolute; display: block; visibility: hidden;} .suckertreemenu ul li ul li{ display: listitem; float: none;} .suckertreemenu ul li ul li ul{ top:0; border-style:none; margin:0px;}
.quick_search input[type=submit] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #000; height: 25px; color: #fff; background-image:url(../images/bgblue.jpg); background-position:center; cursor:pointer; text-shadow: 1px 1px #333; font-family:"Lucida Fax",Arial; }
.suckertreemenu ul li ul li a{ display: block; width: 170px; color: textdecoration: none; padding: 10px 15px; background-color:#000; borderbottom:1px solid #333; text-align:left; } .suckertreemenu ul li a:hover{ color: #FFFF00;} 2. search.css /* Pengaturan untuk Quick Search */ .quick_search { text-align: center;}
3. breadscrumb.css
.quick_search input[type=text] { -webkit-border-radius: 5px;
42
/* Pengaturan untuk Tampilan Crumbs => Beranda */ #crumbs { height:2.3em; border:1px solid #dedede; padding:0; margin:0;} #crumbs li { float:left; list-style:none; line-height:2.3em; color:#777; paddingleft:10px;} #crumbs li a {background:url(../images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0;}
Object not found!
The requested URL was not found on this server. If you entered the URL manually please check your spelling and try again.
If you think this is a server error, please contact the administratorr.
Error 404
localhost
Apache/7.2.0 (Win64) PHP/5.1.4