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
ii
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 )
NIK : 882
( Suparno, S.Pd, M.Pd )
NIP : 19630308 199003 1 009
Mengetahui,
Ketua Program Studi
Teknik Informatika UMS
iii
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.
iv
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
v
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.
vi
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
vii
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
viii
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
ix
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
x
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
1
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.
2
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.
3
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
4
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%.
5
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
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.
7
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
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.
9
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
10
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
11
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
12
13
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.
14
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.
15
3.
Sub menu Struktur Organisasi menjelaskan jabatan-jabatan yang ada di
sekolah beserta fungsi dan tugasnya.
16
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.
17
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.
18
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.
19
Gambar 4.9
Sub Menu Kalender Akademik
20
Gambar 4.11
Sub Menu Teknik Pemesinan
21
22
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.
23
24
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 :
25
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.
26
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.
27
4.10
Menu
Buku Tamu
Pada menu buku tamu ini pengunjung dapat memberikan kritik dan
saran untuk membangun website sekolah SMK Binawiyata Karangmalang
Sragen.
28
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
29
Gambar 4.24
Menu Control Panel Siswa
4.13
Menu Control Panel Admin
30
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
31
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,
32
Gambar 4.27
Menu Profil Sekolah Control Panel Admin
4.
Menu Agenda Sekolah
33
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.
34
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.
35
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
36
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
37
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
38
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
39
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.
40
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.
41
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.
42
LAMPIRAN
SOURCE CODE PROGRAM (SCRIPT) PEMBUATAN SISTEM INFORMASI SMK BINAWIYATA KARANGMALANG SRAGEN BERBASIS WEBSITE.
1. menu.css
/* Pengaturan untuk Tampilan Dropdown Menu */
.suckertreemenu ul{ margin: 0; padding: 10px; list-style-type: none; z-index:100;}
.suckertreemenu ul li{ position: relative; display: inline; float: left; border-right:1px solid #333;}
.suckertreemenu ul li a{ display: block; text-decoration: none; color:#fff; padding:10px 20px 10px 20px; text-transform:uppercase;}
.suckertreemenu ul li ul{ left: 0; position: absolute; display: block; visibility: hidden;}
.suckertreemenu ul li ul li{ display: list-item; float: none;}
.suckertreemenu ul li ul li ul{ top:0; border-style:none; margin:0px;}
.suckertreemenu ul li ul li a{ display: block; width: 170px; color: text-decoration: none; padding: 10px 15px; background-color:#000; border-bottom: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;}
.quick_search input[type=text] { -webkit-border-radius: 5px;
-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;
}
.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;
}
.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/bg-blue.jpg);
background-position:center; cursor:pointer;
text-shadow: 1px 1px #333; font-family:"Lucida Fax",Arial; }
43
/* 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; padding-left:10px;}
#crumbs li a
{background:url(../images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0;}
#crumbs li a:link,
#crumbs li a:visited { color:#777; text-decoration:none;}
a:link, a:visited, #crumbs li a:hover,
#crumbs li a:focus { color:#dd2c0d;}
4. error.php
<head>
<title>Object not found!</title> <style type="text/css">
body { color: #000000;
background-<h1>Object not found!</h1> <p>
The requested URL was not found on this server.
If you entered the URL manually please check your
spelling and try again. </p>
<p>
If you think this is a server error, please contact
the <a href="http://www.harist-vanila.co.nf">administratorr</a>. </p>
<h2>Error 404</h2> <address>
<a href="/">localhost</a><br /> <span><?php
echo date("l").", ";
5. agenda_sekolah
