PENGEMBANGAN WEBSITE SMK NEGERI 4 SEMARANG Imam Teguh Syamnugroho 1, Rissal Efendi 2 1,2 Program Studi Teknik Informatika STMIK ProVisi Semarang imam_teguh@yahoo.com 1, rissal05@gmail.com 2 Abstract School website is one medium that has an important role in education. But the website is owned by "SMK Negeri 4 Semarang" can not support the learning activities and also less informative and not up to date. To solve the problem, conducted a study to develop a website "SMK 4 Semarang" into a website that can support teaching and learning activities, as well as informative information media or multi-language and up to date. The method used to develop this website is general systems development methods. Keywords : web, smk negeri 4 semarang I. Pendahuluan A. Latar Belakang Masalah Website sekolah memiliki peran yang sangat penting dalam dunia pendidikan. Melalui website sekolah, sekolah dapat mengembangkan kua litas pendidikan mereka serta dapat menyampaikan informasi yang mereka miliki, baik informasi mengenai sekolah maupun informasi mengenai ilmu pengetahuan. SMK Negeri 4 Semarang telah memiliki sebuah website namun Website yang dimiliki belum dapat memberikan informasi yang mereka miliki seutuhnya kepada murid, guru dan masyarakat. Website yang dimiliki tidak up to date hal ini dapat dilihat dari elemen menu kompetensi keahlian yang digunakan (teknik pemanfaatan energi listrik, teknik mesin perkakas, teknik mekanik otomotif). Selain itu website yang dimiliki juga belum dapat menunjang kegiatan belajar mengajar dan belum dapat menterjemahkan ke dalam bahasa inggris. Hal ini dapat diihat dari elemen function download dan e-learning serta elemen function penterjemah bahasa inggris. Elemen konten dari elemen function tersebut masih belum tersedia. Berdasarkan uraian tersebut maka dilakukan pengembangan terhadap website SMK Negeri 4 Semarang. Dimana pengembangan ini akan menghasilkan sebuah website yang dapat menunjang kegiatan belajar mengajar sekaligus sebagai media informasi yang informatif (multi bahasa) dan up to date. B. Perumusan Masalah Perumusan masalah dalam skripsi ini adalah bagaimana mengembangkan website SMK Negeri 4 Semarang menjadi sebuah website yang dapat menunjang kegiatan belajar mengajar sekaligus sebagai media informasi yang informatif (multi bahasa) dan up to date. C. Batasan Masalah Batasan masalah dalam skripsi ini adalah : 1. Website yang dikembangkan adalah website SMK Negeri 4 Semarang. 2. Informasi yang ditampilkan dalam website adalah informasi pada tahun 2011. 3. Elemen-elemen website SMK Negeri 4 yang dikembangkan adalah elemen menu kompetensi keahlian, elemen konten dari elemen function download, e-learning, dan elemen function penterjemah bahasa inggris. II Landasan Teori A. Pengembangan Website 1. Pengembangan. Menurut Agus (1999:21) "Yang dimaksud dengan pengembangan adalah segala langkah dan pemikiran untuk memperluas, memperdalam dan mengembangkan." Jadi dengan adanya pengembangan diharapkan dapat menjadikan suatu hal yang dikembangkan menjadi sesuatu yang lebih baik. 2. Website. Menurut Yuhefizar, Mooduto, dan Hidayat (2009:2) "Website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi." Sebuah website berisi informasi mengenai website itu sendiri dan juga ilmu pengetahuan. 3. Pengembangan website. Dari kedua uraian sebelumnya yakni "Pengembangan" dan "Website" maka pengembangan website dapat diartikan sebagai segala langkah dan pemikiran untuk memperluas, memperdalam, dan mengembangkan keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi. 29
Jurnal Teknologi Informasi dan Komunikasi, ISSN : 2087-0868, Volume 5 Nomor 2 Agustus 2014 C. Elemen-Elemen Halaman Website Dalam mengembangkan website ada beberapa hal yang diperhatikan, yakni elemen-elemen halaman websit. Elemen-elemen tersebut adalah sebagai berikut : 1. Elemen menu Menu adalah elemen halaman web yang digunakan untuk memudahkan pengunjung berlompatan dari halaman satu ke halaman lain. Menu merupakan navigasi bagi pengunjung untuk berkelana di sebuah website. (Siswoutomo, 2008:25) 2. Elemen konten Menurut Yuhefizar, Mooduto, dan Hidayat (2009:117) Dalam konsep Joomla, sebuah content terbagi atas dua kelompok, yaitu Static Content dan Dynamic Content. Static Content adalah sebuah content / berita / artikel yang sifatnya jarang diubah. Misalnya, content tentang visi dan misi organisasi, struktur organisasi, profile, jenjang pendidikan dan lain sebagainya. (Yuhefizar, dkk, 2009:117) Menurut Yuhefizar, Mooduto, dan Hidayat (2009:130) Dynamic Content adalah sebuah content yang selalu berubah jumlah contentnya. 3. Elemen function Functions (fungsi) adalah elemen-elemen yang dibuat untuk memungkinkan interaksi. Fungsifungsi ini disebut dengan modules. Sebuah fungsi membutuhkan sebuah ruang dihalaman dan isinya mempunyai fungsi tertentu. (Siswoutomo, 2008:31) 4. Elemen dekorasi Elemen dekorasi merupakan salah satu dari elemen halaman website. Elemen dekorasi menurut Siswoutomo (2008:33) adalah "Space for Logo.". 3. Proses Pengembangan Website Menurut Fatta (2007:25) Beberapa ahli membagi proses-proses pengem-bangan sistem ke dalam sejumlah urutan yang berbeda-beda. Website dapat juga disebut sebagai sistem, karena website terdiri dari beberapa bagian atau unsur yakni halaman-halaman atau elemen-elemen website. Menurut Gaol (2008:9). Sistem adalah satu kumpulan dari beberapa bagian / unsur yang bergabung untuk suatu tujuan bersama.. Proses pengembangan yang digunakan oleh peneliti untuk mengembangkan website adalah proses pengembangan sistem secara umum (standart). Berikut ini adalah 3 proses pengembangan tersebut menurut Fatta (2007:25) : 1. Analisis Tahapan analisis adalah tahapan dimana sistem yang sedang berjalan dipelajari dan sistem pengganti diusulkan. (Fatta, 2007:27) Pada proses (tahap) ini dilakukan analisis terhadap elemen-elemen halaman website, data yang digunakan serta peringkat website. 2. Desain Tahapan desain adalah tahapan mengubah kebutuhan yang masih berupa konsep menjadi spesifikasi sistem yang riil. (Fatta, 2007:28) Konsep adalah ide atau pemahaman yang kita miliki tentang suatu fakta yang ada di dunia nyata. (Nugroho, 2010:17) Pada proses (tahap) ini, konsep (ide) dari desain website yang diusulkan dibuat. 3. Implementasi "Tahap implementasi adalah tahap dimana sistem. telah digunakan oleh pengguna." (Fatta, 2007:167) Pada proses (tahap) ini seluruh data yang telah dimiliki dan desain yang diusulkan diwujudkan kedalam sebuah website. D. Pengembangan Website Dengan Joomla Menurut Oneto (2008:4) Joomla! merupakan salah satu sistem aplikasi manajemen situs yang terbuka (Open Source Content Management System-OS CMS) yang sangat hebat dan tercanggih di kelas CMS saat ini. Selain kemudahan dalam membuatnya, Joomla! juga memiliki kemudahan dalam mengelola isi website. Menurut Oneto (2008:5) Mengelola isi website dengan menggunakan Joomla! lebih mudah karena sudah disediakan untuk pengaturannya. Selain itu, pengerjaannyapun memakan waktu yang relatif lebih singkat dibandingkan membuatnya dengan aplikasi lain. (Oneto, 2008:5) Program yang digunakan untuk pengembangan website ini adalah Joomla Versi 1.5.22. III Metode Penelitian A. Metode Analisis Metode analisis adalah suatu metode yang digunakan oleh peneliti untuk menganalisis permasalahan yang ada. Pada metode ini dilakukan analisis terhadap elemen-elemen halaman website, data yang digunakan serta peringkat website. Hasil dari tahap analisis ini akan digunakan untuk mengembangkan website yang diusulkan, yakni sebuah website yang dapat menunjang kegiatan belajar mengajar sekaligus sebagai media informasi yang informatif (multi bahasa) dan up to date. Adapun skema dari perancangan website pada metode analisis ini dapat dilihat pada lampiran 1. B. Metode Desain Pada metode ini, peneliti menyusun data-data yang telah dimiliki (data pada tahun 2011) yakni data mengenai profile, potensi, kegiatan, fasilitas dan lain sebagainya. Skema perancangan website pada metode desain ini dapat dilihat pada lampiran 2. C. Metode Implementasi Pada metode ini data-data yang telah dimiliki yakni data pada tahun 2011 dan desain yang diusulkan diwujud- 30
kan kedalam sebuah website. Adapun skema perancangan website pada metode implementasi ini dapat dilihat pada lampiran 3. IV Hasil dan Pembahasan A. Hasil Berikut ini adalah hasil analisis dari website SMK Negeri 4 Semarang : 1. Analisis data Data yang digunakan pada website SMK Negeri 4 Semarang adalah data sebelum tahun 2007. Hal ini dapat dilihat pada kompetensi keahlian yang ditampilkan pada elemen menu halaman website yakni kompetensi keahlian teknik pemanfaatan energi listrik dan teknik mesin perkakas serta teknik mekanik otomotif. Adapun analisis terhadap data tersebut dapat dilihat pada lampiran 4. 2. Analisis elemen-elemen halaman website a. Elemen menu Elemen-elemen menu kompetensi keahlian yang ditampilkan masih belum lengkap (tidak up to date). Hal ini dapat dilihat pada elemen menu kompetensi keahlian yang digunakan. Berikut ini adalah tampilan dari elemen menu kompetensi keahlian tersebut : Gambar 4.1 Elemen Menu Kompetensi Keahlian b. Elemen konten Elemen konten pada website tidak semuanya tersedia. Hal ini dapat dilihat pada elemen konten dari elemen function download dan e-learning serta penterjemah bahasa inggris. Berikut ini adalah tampilan dari elemen konten tersebut : The requested URL /download php was not found on this server Gambar 4.2 Tampilan Elemen Konten Elemen Function Download The requested URL /elearning was not found on this server Gambar 4.3 Tampilan Elemen Konten Elemen Function E-Learning The requested URL /index2 php was not found on this server Gambar 4.4 Elemen Konten Elemen Function Penterjemah Bahasa Inggris 3. Analisis peringkat website Analisis terhadap peringkat website SMK Negeri 4 Semarang dilakukan dengan menggunakan google position checker tool. Berikut ini adalah hasil analisa tersebut : Gambar 4.5 Hasil Analisa Peringkat Website Berdasarkan hasil dari analisa tersebut diatas, website SMK Negeri 4 Semarang berada pada posisi pertama. B. Pembahasan Berikut ini adalah pembahasan dari website yang diusulkan : 1. Penggunaan data Data yang digunakan pada website yang diusulkan adalah data tahun 2011. Data-data tersebut diperoleh dari penelitian yang telah dilakukan. 2. Desain website Elemen-elemen halaman website yang terdiri dari elemen menu, elemen konten dan elemen function disusun kedalam sebuah desain agar mengandung nilai-nilai keindahan. Adapun desain dari website yang diusulkan dapat dilihat pada lampiran 5. Berikut ini adalah elemen-elemen halaman website tersebut : 1. Elemen menu Elemen menu kompetensi keahlian pada website yang diusulkan berbeda dengan elemen menu kompetensi keahlian pada website sebelumnya. Berikut ini adalah tampilan dari elemen menu kompetensi keahlian tersebut : 31
Jurnal Teknologi Informasi dan Komunikasi, ISSN : 2087-0868, Volume 5 Nomor 2 Agustus 2014 Gambar 4.6 Tampilan Elemen Menu Kompetensi Keahlian 2. Elemen Konten Elemen konten dari elemen function download, e-learning dan penterjemah bahasa inggris pada website yang diusulkan berbeda dengan elemen konten pada website sebelumnya. 1. Elemen konten download Elemen konten dari elemen function download pada website yang diusulkan terdiri dari elemen menu download software pada kompetensi keahlian gambar bangunan, multimedia, animasi, elektronika industri dan KKPI. Berikut ini adalah tampilan dari elemen konten download tersebut : Gambar 4.8 Tampilan Elemen Konten E-Learning 3. Elemen konten penterjemah bahasa inggris Elemen function penterjermah bahasa yang digunakan oleh peneliti adalah elemen function google translation. Elemen Function ini dapat menterjemahkan kedalam 50 jenis bahasa. Untuk melihat hasil atau efek dari elemen function ini diperlukan koneksi dengan internet (komputer harus terhubung dengan internet). Berikut ini adalah tampilan dari elemen function penterjemah bahasa tersebut setelah dilakukan proses instalasi (belum terhubung dengan internet) : Gambar 4.7 Tampilan Elemen Konten Download 2. Elemen konten e-learning Elemen konten e-learning pada website yang diusulkan terdiri dari 5 kategori yakni gambar bangunan, elektronika industri, multi media, animasi dan KKPI. Berikut ini adalah tampilan dari elemen konten tersebut: Gambar 4.9 Tampilan Elemen Function Penterjemah Bahasa 3. Implementasi Data-data yang telah ada dan desain yang diusulkan diwujudkan kedalam sebuah website. Adapun Tampilan dari website yang diusulkan dapat dilihat pada lampiran 6. V Kesimpulan dan Saran A. Kesimpulan Berdasarkan hasil dan pembahasan pada bab sebelumnya maka dapat diambil kesimpulan sebagai berikut : 1. Pengembangan website ini menghasilkan sebuah website yang dapat menunjang kegiatan belajar mengajar sekaligus sebagai media informasi yang informatif dan up to date. 2. Pengunjung dapat memperoleh informasi mengenai sekolah dan juga informasi mengenai ilmu pengetahuan serta dapat berinteraksi dengan 32
cara mengunjungi website SMK Negeri 4 Semarang. B. Saran Berikut ini beberapa saran yang dapat berguna bagi SMK Negeri 4 Semarang : 1. Agar informasi yang dimiliki oleh sekolah dapat diinformasikan seutuhnya sebaiknya data yang digunakan pada website (data kompetensi keahlian) adalah data terkini (data pada tahun 2011). Selain itu, hendaknya elemen function penterjemah bahasa segera diperbarui agar informasi yang ada dapat diinformasikan seutuhnya (dalam bahasa inggris). 2. Untuk menunjang kegiatan belajar mengajar, modul belajar dapat diberikan kepada siswa secara offline. 3. Untuk menunjang fungsi dari elemen function download, konten dari elemen function download dapat diberikan kepada siswa secara offline. 4. Untuk pengembangan website SMK Negeri 4 Semarang dikemudian hari, SMK Negeri 4 Semarang dapat menambahkan atau membuat sistem informasi kegiatan belajar mengajar, yakni sistem informasi ulangan harian siswa dan hasil ulangan siswa secara online. Dengan kedua sistem informasi tersebut, siswa siswi dapat melaksanakan ulangan harian dan mengakses hasil ulangan darimana saja dan kapan saja. Daftar Pustaka Agus, Bustanudin. 1999. PENGEMBANGAN ILMU- ILMU SOSIAL Studi Banding Antara Pandangan Ilmiah dan Ajaran Islam. Jakarta : Gema Insani Press Fatta, Al Hanif. 2007. Analisis & Perancangan Sistem Informasi Untuk Keunggulan Bersaing Perusahaan & Organisasi Modern.Yogyakarta:ANDI Gaol, Chr. J. L. 2008. Sistem Informasi Manajemen : Pemahaman dan Aplikasi. Jakarta : GRASINDO Kuswayatno, Lia, dkk. 2007. Mahir Berkomputer. Bandung: GRAFINDO MEDIA PRATAMA Nugroho, Adi. 2010. Rekayasa Perangkat Lunak Berorientasi Objek dengan Metode USDP (Unified Software Development Process). Yogyakarta : ANDI Oneto, Erima dan S. Sudarma. 2008. Joomla! Cara Cepat & Mudah Membuat WEBSITE. Jakarta : mediakita Siswoutomo, Wiwit. 2008. Step by Step Joomla! Programing. Jakarta : PT Elex Media Komputindo Susanto, Ary dan Handoko S. 2010. MANFAAT WEBSITE SEKOLAH.[Online]. Tersedia: http://smpn107jkt.com/kabar-107/91- manfaat-website-sekolah.pdf. [31 Mei 2011] Wilson, M. 2007. Panduan Praktis Membuat Situs Pribadi & Template Blog. Jakarta : mediakita Yuhefizar, dkk. 2009. Cara Mudah Membangun Website Interaktif Menggunakan Content Management System Joomla (CMS) Edisi Revisi. Jakarta : PT Elex Media Komputindo 33