Seruni - Seminar Riset Unggulan Nasional Informatika dan Komputer FTI UNSA 2013
PENGEMBANGAN WEBSITE SEKOLAH MENENGAH ATAS MUHAMMADIYAH 3 MASARAN Samuri, Berliana Kusuma Riasti
[email protected] Fakultas Teknik Informatika Universitas Surakarta ABSTRAKSI Perkembangan teknologi informatika menjadikan Sekolah Menengah Atas Muhammadiyah 3 Masaran memanfaatkannya sebagai sarana untuk menyampaikan informasi kepada masyarakat. Media yang digunakan adalah dengan memanfaatkan teknologi internet yaitu dengan membuat website. Namun website yang sudah dibangun memiliki beberapa kekurangan diantaranya semua halaman website hanya bisa dibuka di internet explorer, dan desain yang kurang menarik. Disisi lain pihak sekolah juga menginginkan agar website tersebut bisa digunakan sebagai referensi belajar siswa. Oleh karena itu penelitian ini telah mengembangkan website Sekolah Menengah Atas Muhammadiyah 3 Masaran sesuai dengan harapan pihak sekolah. Dengan penelitian ini semua halaman website dapat dibuka disemua web browser, desain menjadi lebih menarik, dan ada halaman berupa link untuk mengunduh referensi belajar siswa. Langkah yang diambil dalam penelitian ini adalah mendesain kembali halaman website sesuai dengan keinginan pihak sekolah, kemudian mengupdate koding, dan menambah halaman unduh untuk materi. Kata kunci : pengembangan, website, sekolah 1. Latar Belakang Masalah Sekolah Menengah Atas Muhammadiyah 3 Masaran merupakan salah satu sekolah yang memanfaatkan perkembangan teknologi informatika sebagai sarana promosi dan menyampaikan informasi ke dunia luar. Dengan membangun sebuah website www.smamuh3masaran.sch.id diharapkan segala informasi yang ada pada Sekolah Menengah Atas Muhammadiyah 3 Masaran dapat diakses oleh masyarakat luas. Preedy (1993:224) menggaris bawahi pentingnya opini publik sebagai salah satu faktor yang mempengaruhi mengapa seorang anak memilih sebuah lembaga pendidikan. Kemunculan informasi sekolah dalam website diharapkan dapat memudahkan calon siswa atau pihak-pihak berkepentingan lain untuk mengakses informasi tersebut yang pada akhirnya berimbas pada kemajuan sekolah. Meskipun sudah Sekolah Menengah Atas Muhammadiyah 3 Masaran dibangun sebuah website, namun masih ada beberapa kekurangan yang penulis temukan. Antara lain tidak bisa di aksesnya semua halaman website oleh semua web browser. Semua halaman website hanya bisa diakses dari internet explorer saja. Padahal menurut StatCounter, browser yang paling banyak digunakan di Indonesia Periode satu tahun terakhir adalah Mozilla Firefox menyusul selanjutnya Google chrome, dan Internet expoler berada pada peringkat selanjutnya.
Dari kuesioner yang dibuat, responden umumnya menyatakan bahwa desain website Sekolah Menengah Atas Muhammadiyah 3 Masaran kurang menarik. Disisi lain kepala sekolah juga menginginkan agar website Sekolah Menengah Atas Muhammadiyah 3 Masaran yang berfungsi sebagai sarana informasi juga dijadikan sebagai sarana penunjang kegiatan belajar mengajar. Mereka menginginkan minimal website Sekolah Menengah Atas Muhammadiyah 3 Masaran memberikan andil dalam memberikan referensi belajar siswa, yaitu berupa materi – materi yang bisa diunduh siswa. Karena di Sekolah Menengah Atas Muhammadiyah 3 Masaran sudah dipasangi fasilitas hotspot. 2. Rumusan Masalah 1. Bagaimana menjadikan website Sekolah Menengah Atas Muhammadiyah 3 Masaran semua halamannya dapat diakses semua web browser. 2. Bagaimana merubah desain tampilan website Sekolah Menengah Atas Muhammadiyah 3 Masaran menjadi lebih menarik. 3. Bagaimana menjadikan website Sekolah Menengah Atas Muhammadiyah 3 Masaran sumber referensi belajar siswa. 3. Tujuan Penelitian Tujuan dari penelitian ini adalah Menjadikan website Sekolah Menengah Atas
Vol 2 No 1 – Maret 2013 ISSN: 2302-1136 - seruniid.unsa.ac.id
21
Seruni - Seminar Riset Unggulan Nasional Informatika dan Komputer FTI UNSA 2013
Muhammadiyah 3 Masaran dapat diakses di beberapa web browser, sesuai dengan kebutuhan Sekolah Menengah Atas 3 Masaran dan dapat dijadikan sumber belajar siswa.
c. Beberapa tabel dari data base memiliki panjang data yang melebihi kebutuhan. d. Pihak sekolah menginginkan agar website dapat dijadikan sumber referensi belajar siswa.
4. Manfaat Penelitian
Berdasarkan hal mengusulkan :
1. Dapat menjadi sumber informasi bagi siswa, karyawan dan masyarakat. 2. Memudahkan masyarakat mengakses website Sekolah Menengah Atas Muhammadiyah 3 Masaran. 5. Pengertian Pengembangan Pengembangan adalah penerapan temuan riset atau pengetahuan lainya pada suatu rencana atau rancangan produksi bahan baku, alat, produk, proses, sistem, atau jasa yang sifatnya baru atau yang mengalami perbaikan yang subtansional, sebelum dimulainya produksi komersial atau pemakaian. (Leny Sulistiyowati, 2010). 6. Pengertian Website Website adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, suara, animasi, video) didalamnya yang menggunakan protokol HTTP (hyper text transfer protocol ) dan untuk mengaksesnya mengunakan perangkat lunak yang disebut browser. Beberapa jenis browser yang populer saat ini di antaranya : Internet Exspoler yang diperoduksi oleh Microsoft, Mozila Firefox, Opera dan Safari yang diperoduksi oleh Aplle. Browser (perambah) adalah aplikasi yang mampu menjalankan dokumendokumen web dengan cara diterjemahkan. Prosesnya dilakukan oleh komponen yang terdapat didalam aplikasi browser yang biasa disebut web engine. Semua dokumen web ditampilkan dengan cara diterjemahkan (M. Rudyanto Arief, 2011). 7. Analisis Pengembangan yang Diajukan Dengan mengacu pada data dari wawancara, kuesioner, uji coba website lama, analisis data base dan tampilan website lama penulis menemukan hal berikut dari website lama yaitu :
di
atas
penulis
1. Mengubah tampilan website lama sehingga lebih menarik dan semua halaman dapat diakses. 2. Menghilangkan tabel data base yang tidak berguna, mengedit tabel yang digunakan sesuai dengan kebutuhan, dan menambahakan tabel yang diperlukan. 3. Membuat halaman yang menyediakan link untuk mengunduh materi pelajaran oleh siswa. 8. Rancangan Tampilan
Gambar 3 Rancangan tampilan 9. Rancangan tabel tambahan a. Tabel Identitas Tabel 2 Tabel Identitas
b. Tabel materi Tabel 3Tabel materi
c. Tabel Prestasi
a. Website hanya dapat tampil utuh jika menngunakan browser Internet Explorer. b. Responden dan pihak sekolah menyatakan bahwa desain tampilan kurang menarik. Vol 2 No 1 – Maret 2013 ISSN: 2302-1136 - seruniid.unsa.ac.id
22
Seruni - Seminar Riset Unggulan Nasional Informatika dan Komputer FTI UNSA 2013
Tabel 4 Tabel Prestasi
d. Tabel agenda
utama hasil pengembangan dengan website lama yaitu tampilan cuplikan berita yang tampil dengan slide, dan penghilanagn logo Dikdaskmen dan link google di kolom kanan atas yang tidak berfungsi, pengembangan kalender menjadi sebuah agenda. c. Tampilan halaman pencarian berita
Tabel 5 Tabel agenda
10. Website Hasil Pengembangan a. Langkah Penggunaan Dengan menuliskan alamat http://smamuh3masaran.sch.id/ di web browser pengunjung akan menuju halaman utama website Sekolah Menengah Atas Muhammadiyah 3 Masaran.
Gambar 1 Alamat website SMA Muhammadiyah 3 Masaran b. Tampilan Halaman Utama
Gambar 3 Halaman Pencarian berita Halaman pencarian pada website hasil pengembangan sudah dapat diakses dan tidak mengalami masalah. Sehingga user bisa mencari berita sesuai dengan keyword saat mengisi di form pencarian. d. Halaman Hasil polling Halaman hasil polling merupakan tampilan dari polling yang ada pada sisi kiri halaman website smam3msrn.sch.id hasil pengembangan. Jika pada halaman lama hasil polling tidak muncul walaupun user sudah memilih, namun di website hasil pengembangan hasil polling dapat diakses.
Gambar 4 Halaman Hasil Polling e. Tampilan Halaman Kesiswaan Gambar 2 Halaman utama Pada halaman utama atau Beranda terdapat menu navigasi atas yang berisi menuju halaman berita, kesiswaan, download materi dan buku tamu. Di sebelah kiri terdapat menu tentang profil Sekolah Menengah Atas Muhammadiyah 3 Masaran, Link partner, statistik pengunjung. Di kolom kanan terdapat menu pencarian, agenda, interaktif dan banner. Perbedaan halaman
Terdapat 3 link halaman dari menu kesiswaan yaitu : 1. Halaman Extrakurikuler Halaman extrakurikuler berisi daftar extrakurikuler yang ada pada Sekolah Menengah Atas 3 Masaran.
Vol 2 No 1 – Maret 2013 ISSN: 2302-1136 - seruniid.unsa.ac.id
23
Seruni - Seminar Riset Unggulan Nasional Informatika dan Komputer FTI UNSA 2013
2. Halaman Prestasi Perbedaan halaman prestasi hasil pengembangan dengan website lama yaitu data prestasi yang ditampilkan bersifat external. Jika pada website lama prestasi yang ditampilkan adalah prestasi siswa dilingkup sekolah saja tetapi untuk tampilan baru ini adalah data prestasi siswa pada perlombaan atau kegiatan antar sekolah. Gambar 7 Halaman Buku Tamu h. Tampilan halaman Identitas Halaman identitas berisi data-data mengenai profil sekolah seperti Alamat sekolah, NSS, Luas tanah, tahun berdiri, dst. Halaman ini merupakan halaman tambahan yang sebelumnya tidak terdapat pada website lama Gambar 5 halaman Prestasi 3. halaman Osis /IRM f. Tampilan halaman download materi Pada halaman ini tersedia link-link untuk mendownload materi bagi siswa. Dengan mengklik link download file maka halaman akan otomatis menuju file materi dihostingkan. Gambar 8 Halaman Identitas i. Tampilan halaman Visi dan Misi Halaman visi dan misi berisi visi, misi, dan tujuan Sekolah Menengah Atas Muhammadiyah 3 Masaran. Gambar 6 Halaman Download Materi g. Tampilan halaman buku tamu Buku tamu berisi pesan dari pengunjung yang diinput melalui form yang sudah tersedia. Perbedaan dari tampilan halaman buku tamu website laman yaitu tampilan dari pesan yang masuk dibuat dengan warna yang berbeda untuk setiap pesanya. Selain itu jika pengnujung lain ingin memberikan komentar pada pesan yang masuk akan lebih terarah, mudah dan menarik.
Gambar 9 Halaman Visi dan Misi j. Tampilan halaman daftar guru Pada halaman ini terdapat data guruguru yang mengajar di SMA Muhammadiyah 3 Masaran. Pada tampilan baru halaman guru dibuat dengan pagination. Sehingga
Vol 2 No 1 – Maret 2013 ISSN: 2302-1136 - seruniid.unsa.ac.id
24
Seruni - Seminar Riset Unggulan Nasional Informatika dan Komputer FTI UNSA 2013
user tida perlu mengarahkan scrool ke bawah untuk melihat semua guru.
b. Uji Coba User Uji coba user dilakuan dengan mendemokan hasil pengembangan website Sekolah Menegah Atas Muhammadiyah 3 Masaran kepada 30 responden 1)Tampilan
Gambar 10 Halaman Daftar Guru k. Halaman Galeri
2) Akses
3) Informatif Gambar 11 Halaman Galeri Halaman galeri berisi foto-foto yang menggambarkan keadaan dan kegiatan di SMA Muhammadiyah 3 Masaran. Untuk halaman galeri hasil pengembangan dilengkapi dengan fitur zooming gambar. User juga dapat melihat gambar secara bergantian saat gambar dizoom hanya dengan scrooling.
4) Materi
11. Uji Coba a. Uji coba penulis tabel 6 Uji Coba
12. Kesimpulan 1. Dengan adanya pengembangan website Sekolah Menengah Atas 3 Masaran semua halaman webiste sudah dapat diakses dengan menggunakan empat web browser populer (menurut kuesioner yaitu : mozila firefox, ie, gc, opera). 2. Pengembangan yang dilakukan terhadap desain tampilan website Vol 2 No 1 – Maret 2013 ISSN: 2302-1136 - seruniid.unsa.ac.id
25
Seruni - Seminar Riset Unggulan Nasional Informatika dan Komputer FTI UNSA 2013
menghasilkan tampilan website yang lebih menarik. 3. Penambahan halaman download materi menjadikan website smam3msrn.sch.id dapat dijadikan sumber belajar siswa yang bermanfaat.
[4]
[5]
13. Saran 1. Pihak Sekolah Menengah Atas 3 Masaran lebih aktif lagi dalam mengelola website smamuh3masaran.sch.id. 2. Pihak Sekolah Menengah Atas 3 Masaran selalu menyesuaiakan materi yang ada pada website smamuh3masaran.sch.id sesuai dengan kurikulum yang berlaku. 14. Daftar Pustaka [1]
[2]
[3]
Nur Marlena, Dimas Sasongko, Pembuatan Website Profil Pada Sekolah Menengah Pertama (SMP) Negeri 2 Kartasura, Indonesian Jurnal on Computer Science - Speed (IJCSS) 13 - FTI UNSA Vol 9 No 2 – Agustus 2012, ISSN 1979 – 9330 Maryono, Bambang Eka Purnama (2012), Education Policy Development With Development Strategy Application Of National Test Exercises For Vocational High SchoolCase Study Vocational High School Bina Taruna Masaran Sragen, International Journal of Computer Science Issues (IJCSI) Volume 9 Issue 5 Pages 136-145 Alex Fahrudin, Bambang Eka Purnama, Pembangunan Sistem Informasi Layanan Haji Berbasis Web Pada Kelompok Bimbingan Ibadah Haji Ar Rohman Mabrur Kudus, Indonesian Jurnal on Computer Science - Speed (IJCSS)
[6]
[7]
[8]
[9]
[10]
[11]
[12]
[13]
Vol 2 No 1 – Maret 2013 ISSN: 2302-1136 - seruniid.unsa.ac.id
13 Vol 9 No 2 – Agustus 2012 , ISSN 1979 – 9330 James Timothy, Membangun Bisnis Online, PT Elex Media Komputindo, Jakarta, 2010 Kasiman Peranginangin, Aplikasi WEB dengan PHP dan MySQL,Andi Offset, 2006 Kuiper, Els dkk., The Web as an Information Resources in K-12 Education:Strategies for Supporting Students in Searching and Processing Information, Review of Educational Research. Fall 2005 Vol 75 No.3 pp 285-328, 2005 Leny Sulistiyowat, Panduan Praktis Memahami Laporan Keuangan, Elex Media Komputindo, Jakarta, 2010 Marsha Anjanette Violetta, Pengembangan Sistem Informasi Akademik SMA Kolombo Sleman, Naskah publikasi STIMIK AMIKOM Yogyakarta, 2010 Muhammad Win Afgani, Darmawijoyo, Purwoko, Pengembangan Media Website Pembelajaran materi Program Linear Untuk Siswa Sekolah Menengah Atas, Jurnal Pendidikan Matematika, Volume 2 No 2 UNSRI, 2008 Rahmania Utari, Website sebagai Media Humas Sekolah, Jurnal Universitas Negeri Yogyakarta, 2001 Rahmat Hidayat, Cara Praktis Membangun Website Gratis, Elex Media Komputindo, Jakarta, 2010 Rudyanto Arief M. , Pemograman web dinamis menggunakan PHP dan My SQL, Andi Offset, Jakarta, 2011 Yudono, Doni, Kriteria Website yang Baik (online), http://www.master.web.id, diakses pada 17 September 2007.
26
