PELATIHAN PENGEMBANGAN MEDIA PEMBELAJARAN BERBASIS WEB ...

12
98 WARTA ... Heru Supriyono., dkk. PELATIHAN PENGEMBANGAN MEDIA PEMBELAJARAN BERBASIS WEB BAGI GURU SMP DAN SMA MUHAMMADIYAH KARTASURA Heru Supriyono 1 , Sujalwo 2 , Adjie Sapoetra 2 , Endah Tri Rahayu 1 1 Program Studi Teknik Elektro – Fakultas Teknik 2 Program Studi Informatika - Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta Email : [email protected] ABSTRACT A web-based learning media is a learning media developed and run using website technology so that able to display learning material in the form of text, figure or graph and video which is more attractive compared to printed learning material such as moduls or text books. The observation results showed that learning processes conducting in SMP Muhammadiyah 1 Kartasura and SMA Muhammadiyah 4 Kartasura mainly are still using printed material. The objective of the community service is to introduce web –based learning media of volley ball and to improve skill of the teachers by conducting fundamental web development training. Firstly, a web- based volley ball learning media had been developed by using HTML5. The application has some useful features such as theoretical preview of volley ball and its technique including visualisation using graph, picture and video. Secondly, in the web development training session, a content management system (CMS) Wordpress was used as a paltform so that participants did not need to develop web from scratch. The post-tes quesionnaire results showed that all participants have knowledge and skill to use a web-based volley ball learning media and also they have acquired basic skill in web development. Kata kunci: Media berbasis web, pembelajaran berbasis multimedia, bola voli , content management systems. PENDAHULUAN Sebelum internet berkembang, media pembelajaran utama yang digunakan oleh guru dalam mengajar siswa adalah buku cetak. Kemudian guru menjelaskan materi pelajaran tersebut didepan kelas dan disertai dengan penjelasan atau ilustrasi seperlunya. Selain mendengarkan penjelasan dari guru dikelas, siswa juga bisa belajar sendiri atau mengerjakan latihan dengan cara membaca buku pegangan yang sudah ditentukan oleh guru. Model belajar ini berlaku umum untuk semua mata pelajaran dikelas termasuk mata pelajaran pendidikan olah raga dan kesehatan khususnya olah raga bola voli. Untuk materi pelajaran seperti sejarah permainan bola voli, bentuk dan ukuran lapangan, ukuran bola dan sebagainya penggunaan media pembelajaran buku cetak tidak menjadi suatu masalah, siswa dapat belajar dengan membaca dan mampu memahami materi yang diberikan. Namun, untuk materi teknik-teknik dalam

Transcript of PELATIHAN PENGEMBANGAN MEDIA PEMBELAJARAN BERBASIS WEB ...

98 WARTA ... Heru Supriyono., dkk.

PELATIHAN PENGEMBANGAN MEDIA PEMBELAJARAN BERBASIS WEBBAGI GURU SMP DAN SMA MUHAMMADIYAH KARTASURA

Heru Supriyono 1 , Sujalwo 2 , Adjie Sapoetra 2 , Endah Tri Rahayu 1

1 Program Studi Teknik Elektro – Fakultas Teknik2 Program Studi Informatika - Fakultas Komunikasi dan Informatika

Universitas Muhammadiyah SurakartaEmail : [email protected]

ABSTRACT

A web-based learning media is a learning media developed and run usingwebsite technology so that able to display learning material in the form of text, figureor graph and video which is more attractive compared to printed learning materialsuch as moduls or text books. The observation results showed that learning processesconducting in SMP Muhammadiyah 1 Kartasura and SMA Muhammadiyah 4Kartasura mainly are still using printed material. The objective of the communityservice is to introduce web –based learning media of volley ball and to improve skillof the teachers by conducting fundamental web development training. Firstly, a web-based volley ball learning media had been developed by using HTML5. The applicationhas some useful features such as theoretical preview of volley ball and its techniqueincluding visualisation using graph, picture and video. Secondly, in the webdevelopment training session, a content management system (CMS) Wordpress wasused as a paltform so that participants did not need to develop web from scratch. Thepost-tes quesionnaire results showed that all participants have knowledge and skillto use a web-based volley ball learning media and also they have acquired basic skillin web development.

Kata kunci: Media berbasis web, pembelajaran berbasis multimedia, bola voli,content management systems.

PENDAHULUANSebelum internet berkembang,

media pembelajaran utama yang digunakanoleh guru dalam mengajar siswa adalah bukucetak. Kemudian guru menjelaskan materipelajaran tersebut didepan kelas dan disertaidengan penjelasan atau ilustrasi seperlunya.Selain mendengarkan penjelasan dari gurudikelas, siswa juga bisa belajar sendiri ataumengerjakan latihan dengan cara membacabuku pegangan yang sudah ditentukan oleh

guru. Model belajar ini berlaku umum untuksemua mata pelajaran dikelas termasuk matapelajaran pendidikan olah raga dan kesehatankhususnya olah raga bola voli. Untuk materipelajaran seperti sejarah permainan bola voli,bentuk dan ukuran lapangan, ukuran bola dansebagainya penggunaan media pembelajaranbuku cetak tidak menjadi suatu masalah,siswa dapat belajar dengan membaca danmampu memahami materi yang diberikan.Namun, untuk materi teknik-teknik dalam

WARTA, Vol .18, No.2, September 2015: 98 - 109 ISSN 1410-9344 99

permainan bola voli siswa hanya membacadan mendapatkan penjelasan dengan caraguru mempraktekkan didepan siswa teknik-teknik permainan bola voli yang dikuasaioleh guru. Dengan cara ini, siswa tidak bisamelihatnya lagi apabila akan belajar secaramandiri.

Materi bola voli ini penting untukdipelajari baik untuk siswa sekolah untuksemua tingkatan karena selain sebagai bagiandari mata pelajaran yang harus ditempuh danlulus namun juga bisa merangsang siswa-siswa yang mempunyai bakat dalam bidangbola voli untuk mempelajarinya lebih lanjutditingkat perguruan tinggi maupun jugauntuk profesi sebagai atlit. Sampai saat iniolah raga bola voli adalah salah satu cabangolah raga yang sangat digemari olehmasayarakat dunia dan selalu dilombakandalam even-even kejuaraan baik duniamaupun nasional seperti dalam olimpiade,pesta olah raga negara-negara Asia (AsianGames), pesta olah raga negara-negara AsiaTenggara (Sea Games) maupun pekan olahraga nasional (PON)

Perkembangan teknologi komputerdan informatika juga mempengaruhi bentukmedia pembelajaran. Media pembelajaranyang dulunya hanya berupa buku ataumaterial cetakan lain saat ini dapat dibuatdengan menggunakan sistem berbasis websehingga tidah hanya menampilkan teks dangambar namun juga bisa menampilkanmaterial multimedia seperti video sehinggalebih menarik siswa dalam belajar. Mediapembelajaran berbasis web adalah sebuahmedia pembelajaran yang dibuat denganmemanfaatkan teknologi web sehingga bisadiakses melalui jaringan online atau bisa jugaditerapkan pada sebuah jaringan lokal yangdikenal dengan local area network (LAN).Sekolah Menengah Pertama (SMP)Muhammadiyah 1 Kartasura, Sukoharjoadalah salah satu sekolah dibawah naunganMuhammadiyah. Sekolah ini saat inimemperoleh akeditasi B. Sekolah ini

memiliki siswa total 15 kelas dari kelas VII-IX (wawancara dengan Kepala Sekolah).Bola voli adalah salah satu materi yangdiajarkan dalam mata pelajaran pendidikanolahraga dan kesehatan. Dalam pengajaranmateri bola voli, siswa mendapatkan materidalam bentuk buku dan dijelaskan oleh gurutidak ada materi pembelajaran yang berbasismultimedia. Dalam hal penggunaan internetuntuk untuk mendukung proses belajarmengajar baik langsung maupun tidaklangsung, SMP Muhammadiyah Kartasurasudah mempunyai sebuah website yangsifatnya masih sederhana, sekedar companyprofile saja (http://smpmutukartasura.blogspot.com/). Untukfasilitas komputer, SMP Muhammadiyah 1Kartasura memiliki laboratorium komputeryang berisi kurang lebih 20 komputer.Laboratorium komputer ini biasanyadigunakan untuk pelajaran pengenalankomputer. Dengan fasilitas yang sudahdimiliki ini, sangat memungkinkan bagi SMPMuhammadiyah Kartasura untukmenggunakan media pembelajaran berbasisweb untuk dalam proses pembelajaran.

Sekolah Menengah Atas (SMA)Muhammadiyah 4 Kartasura saat inimempunyai total 6 kelas untuk siswa kelasX-XII. Walaupun belum memiliki websitesekolah, namun SMA MuhammadiyahKartasura sudah memiliki fasilitas internetdengan wifi dan mempunyai laboratoriumkomputer dengan jumlah komputer sebanyak20 buah. Secara umum, proses belajarmengajar di SMA Muhammadiyah Kartasurajuga masih berbasis pada material cetak sajatermasuk untuk pelajaran pendidikan olahraga dan kesehatan khususnya yangberkenaan dengan materi bola voli.

Berdasarkan uraian latar belakangdiatas, dalam rangka membantu peningkatankualitas proses belajar mengajar di SMP 1dan SMA 4 Kartasura melalui penggunaanmedia pembelajaran berbasis web, makaakan dilaksanakan kegiatan pengabdian

100 WARTA ... Heru Supriyono., dkk.

kepada masyarakat dengan judul “PAKOMBagi SMP dan SMA MuhammadiyahKartasura”

Bekaitan dengan uraian dalam latarbelakang, berdasarkan analisis situasi dapatdiidentifikasi permasalahan yang ada padaSMP Muhammadiyah 1 Kartasura dan SMAMuhammadiyah 4 Kartasura adalah hampirsama yaitu:1. Kurangnya kemampuan guru dalam

bidang komputer terutama dalam halpembuatan bahan ajar berbasis web atauberbasis multimediaDari hasil wawancara dengan kepalasekolah dan guru didapatkan hasil bahwaguru menguasai penggunaan komputeruntuk proses belajar mengajar namunmasih belum menguasai penggunaankomputer untuk pengembangan kontenbahan ajar ber berbasis web. Hal inidisebabkan karena latar belakangpendidikan guru bukanlah dari sarjanakomputer.

2. Untuk media pembelajaran pendidikankesehatan dan olah raga khususnya bolavoli, belum ada bahan ajar berbasis webatau multimedia.

Proses pembelajaran pendidikan olah ragadan kesehatan dilakukan dengan berbasismateria cetak seperti buku teks dan kemudiandijelaksan oleh guru. Keterbatasan darimedia pembelajaran berbasis material cetakadalah tidak ada visualisasi materi sepertivideo. Guru dan siswa memang bisa mencarikonten video yang ada di internet seperti diwww.youtube.com namun karena sifatnyaindividual sehingga akan menghabiskawaktu dan bandwidth sehingga kurangefisien.

Dalam tinjauan pustaka kegiatanPengabidan pada Masyarakat kali ini terdiridari:1. Kegiatan yang sejenis

Peningkatan wawasan dan peningkatanketrampilan guru sekolah denganmenggunakan metode pelatihan sudah

pernah dilaporkan oleh beberpa timpengabdian kepada masyarakatsebelumnya. Hertanto dkk (2008)melaporkan kegiatan pengabdian kepadamasyarakat dalam bentuk pengenalanmedia berbasis web melalui pelatihanpembuatan website dengan menggunakancontent management system (CMS) bagiguru-guru SMK-SBI Se-Propinsi DIY.Tim pelaksana melaporkan bahwakegiatan pelatihan sangat bermanfaatuntuk meningkatkan wawasan dankemampuan guru-guru peserta. Kegiatansejenis lainnya juga dilaksanakan olehHafiar dkk (2008) yaitu dalam bentukpelatihan pembuatan website sekolahbagi kepala sekolah dan guru SekolahDasar Negeri di Kecamatan CimahiSelatan. Selanjutnya, Hariyanto dkk(2009) melaporkan kegiatan pengabdiankepada masyarkatnya yaitu pelatihanpembuatan website sebagai mediapembelajaran dengan menggunakansoftware berbasis open source bagi guru-guru SMK bidang TI se-propinsi DIY.

2. Pengertian WebsiteWebsite atau lebih dikenal dengan websaja sebuah laman dijaringan internetyang berfungsi menyimpan danmenampilkan informasi. Kelebihan webdinadingkan media cetak adalah webdapat diakses dimanapun penggunaberada tanpa ada batasan tempat asalkanada akses internet dengan pirantikomputer pribadi (personal computer/PC), komputer jinjing/laptop maupuntelepon genggam cerdas/smartphone.Untuk dapat mengakses sebuah lamanweb, piranti-piranti tersebut harusmempunyai peramban internet (webbrowser) seperti Mozilla Firefox,Microsoft Internet Explorer, Apple Safaridan Google Chrome. Pengaksesan lamanweb dilakukan dengan cara memasukkanalamat web laman pada kotak alamat

WARTA, Vol .18, No.2, September 2015: 98 - 109 ISSN 1410-9344 101

(address bar) pada peramban internetyang ada yang biasanya mempunyaiformat dengan www.alamatweb.comAtau http;//alamat.webku.com.

3. Perangkat Lunak PenyusunBeberapa perangkat lunak utamapenyusun sebuah website diantaranyaadalah web server, server basis, danperangkat lunak pengembangan ataubahasa pemrograman. Sebuah webserver, contohnya adalah Apache,mempunyai fungsi untuk melayanipermintaan pengguna dan kemudianmenghubungkannya dengan serverbasisdata , contohnya adalah MySQL,yang fungsi utamanya adalah menyimpansemua data. Bahasa pemrograman yangdigunakan dalam membuat sebuah webadalah hypertext markup language(HTML) dan personal home page (PHP)(Graham, 1995). Versi HTML dan PHPselalu berkembang menyesuaikanperkembangan teknologi danperkembangan terkini adalah sebuah websekarang dibuat dengan memanfaatkancampuran berbagai fasilitaspengembangan web seperti PHP,HTML5, cascading style sheet (CSS),Java Script (Grannel dkk, 2011;Holzschlag, 2004; Willard, 2010).

Bahasa pemrograman HTML5merupakan HTML versi terbaru yangdibuat oleh World Wide Web Consortiumpada tahun 2011. Keunggulan utamaHTML5 dibandingkan dengan teknologiHTML sebelumnya adalah adanya fiturcanvas dan video sehingga mempermudahprogrammer yang akan membuat sebuahwebsite yang ingin menampilkan gambaratau video tanpa memerlun perangkattambahan. CSS adalah sebuah perangkatyang digunakan untuk membuat animasibaik dua dimensi maupun tiga dimensipada sebuah website.

Sistem berbasis web adalahsebuah sistem yang dibuat untuk berjalan

dengan menggunakan teknologi website.Ada dua cara untuk menjalankan sistemberbasis web yaitu denganmenghubungkan sistem berbasis webtersebut ke internet (dikenal dengansistem online) atau juga bisa denganmenempatkan web tersebut pada jaringanlokal sehingga hanya bisa diakses padajaringan lokal, yang dikenal dengan localarea network/LAN, namun tetapmenggunakan peramban internet.Berdasarkan kemampuan interaksi antarauser dengan web, web dapat digolongkanmenjadi dua kelompok yaitu sebuah webyang statis, yaitu sebuah web yang hanyamampu menampilkan halaman webtanpa ada fasilitas atau kemampuanmenerima masukan dari user(pengguna)), dan web dinamis yaitusebuah web yang mampu berinteraksidengan pengguna.

Adapun tujuan dan manfaat darikegiatan pengabdian pada masyarakat iniadalah:1. Tujuan

Tujuan dilaksanakannya kegiatan iniada dua. Tujuan yang pertama adalah untukmeningkatkan wawasan guru dalam bidangmedia pembelajaran berbasis web denganmemperkenalkan media pembelajaran bolavoli berbasis web yang sudah dikembangkansebelumnya kepada guru-guru SMPMuhammadiyah 1 Kartasura dan SMAMuhammadiyah 4 Kartasura sehingga bisadigunakan untuk proses belajar mengajarpendidikan olahraga dan kesehatan untukmateri bola voli dan dapat digunakan sebagaireferensi pengembangan media pembelajaranberbasis web sesuai dengan mata pelajaranyang diampunya masing-masing guru.Tujuan yang kedua adalah untukmeningkatkan kemampuan guru dalampembuatan media pembelajaran berbasisweb dengan cara melakukan pelatihan.

102 WARTA ... Heru Supriyono., dkk.

2. ManfaatManfaat dari terlaksananya kegiatan

ini adalah: (i) Guru-guru SMPMuhammadiyah 1 Kartasura dan SMAMuhammadiyah 4 Kartasura dalam bidangpendidikan olahraga dan kesehatanmendapatkan program aplikasi mediapembelajaran berbasis web yang dapatdigunakan dalam proses belajar mengajar. (ii)Guru-guru pada umumnya mendapatkanpelatihan untuk meningkatkankemampuannya dalam bidang pembuatanweb baik untuk media pembelajaran maupununtuk pengelolaan sekolah. (iii) BagiProgram Universitas MuhammadiyahSurakarta (UMS), kegiatan ini merupakansalahs atu upaya untuk memperkenalkanUMS kepada masyarakat. (iv) Bagi timpelaksana kegiatan ini merupakan wahanauntuk mengaplikasikan dan menyebarkanhasil kegiatan penelitian untuk digunakanoleh masyarakat luas.

METODE PELAKSANAAN KEGIATAN1. Kerangka Pemecahan Masalah

Permasalahan yang dihadapi olehkedua mitra dalam kegiatan ini akandiselesaikan dengan: (i) mengenalkan mediapembelajaran berbasis web, (ii) memberikan/mendesiminasikan hasil penelitian yangsudah dilakukan sebelumnya yaitu mediapembelajaran bola voli berbasis web, dan (iii)mengadakan pelatihan pembuatan web untukmeningkatkan kemampuan

2. Tahapan Pelaksanaan KegiatanTahap evaluasi untuk mengetahui

efektifitas pelaksanaan kegiatan pengabdiankepada masyarakat.

Kegiatan pengabdian kepadamasayarakat ini akan dilaksanakan dengantahapan sebagai berikut:a. Tahap I: observasi dan identifikasi

permasalahan. Pada tahap ini timpelaksana melakukan kunjungan danwawancara dengan kepala sekolahmengenai media pembelajaran yang

digunakan oleh guru dalam proses belajarmengajar khususnya adalah dengan gurupengajar pendidikan olahraga dankesehatan mengenai cakupan materi bolavoli yang diajarkan dan kompetensi yangdiharapkan.

b. Tahap II: penyiapan media pembelajaranberbasis web. Pada tahap ini mediapembelajaran bola voli berbasis webdisiapkan sesuai dengan kebutuhan yaituyang dapat digunakan untukmenampilkan materi pembelajaran bolavoli yang berupa teks, gambar dan videosehingga siswa dapat belajar tidak hanyadengan membaca saja namun juga dapatmelihat visualisasai teknik-teknik danperaturan-peraturan dalam bola voli yangpada akhirnya diharapkan siswa lebihtertarik dan lebih enjoy serta meningkatkanpemahaman.

c. Tahap III: penyiapan modul pelatihan.Modul pelatihan pembuatan websitedirancang untuk tingkat dasar karenasifatnya baru pengenalan.

d. Tahap IV: pelaksanaan kegiatan disekolah mitra kegiatan. Ada dua kegiatanutama yaitu yang pertama adalahpengenalan media pembelajaran bola voliberbasis web yang sudah dibuat sertapelatihan cara pengelolaan danpenggunaannya kepada guru-gurusekolah mitra dkhususnya guru matapelajaran pendidikan olah raga dankesehatan. Kegiatan yang kedua adalahpelatihan pembuatan web untuk tingkatdasar bagi guru. Target dari pelatihan iniadalah guru memiliki wawasan tentangsistem berbasis web, mampu mengelolamedia pembelajaran berbasis web danpada tingkat dasar mampu membuatmedia pembelajaran berbasis web.

e. Tahap V: monitoring untuk mengetahuiapakah ada permasalahan yag dihadapidalam penggunaan media pembelajaranbola voli berbasis web yang sudah dibuatdan kemungkinan pengembangan media

WARTA, Vol .18, No.2, September 2015: 98 - 109 ISSN 1410-9344 103

pembelajaran untuk mata pelajaran yanglain.

3. Evaluasi Pelaksanaan KegiatanEvaluasi keberhasilan pelaksanaan

pengabdian dilakukan melalui pengamatanlangsung dan pengisian kuesioner. Salah satupoin yang sangat penting untuk diketahuiadalah apakah pelaksanaan pengabdian inibisa menunjang peningkatan pembelajarandi sekolah mitra.

4. Kebutuhan PerangkatDalam pelaksanaan pengabdian

kepada masyarakat ini diperlukan perangkatutama yang meliputi perangkat keras danperangkat lunak serta perangkat penunjangmeliputi: seprangkat laptop atau komputer,perangkat lunak content managementsystems (CMS) Wordpress untuk demo danpelatihan pembuatan web, perangkat lunakweb server dan database server xampp, LCDproyektor untuk menampilkan materi darilaptop instruktur dan alat tulis, dan modulpelatihan pembuatan web

HASIL DAN PEMBAHASAN1. Waktu dan Tempat Pelaksanaan

Pelaksanaan kegiatan dilakukan disekolah masing-masing. Untuk SMP

Muhammadiyah 1 Kartasura, kegiatandilaksanakan pada hari Sabtu tanggal 7Februari 2015 bertempat di ruang kelas SMPMuhammadiyah 1 Kartasura mulai pukul08.00 – 16.00. Totalnya ada 24 guru yangmengikuti kegiatan pelatihan. Untuk SMAMuhammadiyah 4 Kartasura, kegiatanpengabdian dilaksanakan pada hari Rabutanggal 18 Februari 2015 mulai pukul 08.00– 16.00 WIB bertempat di laboratoriumkomputer SMA Muhammadiyah 4 Kartasura.Pelatihan diikuti oleh 12 orang guru.

Pelaksanaan kegiatan dibagi menjadidua sesi utama yaitu pengenalan mediapembelajaran bola voli berbasis web danpelatihan pembuatan web. Sebelum sesiutama dimulai, peserta diminta untukmengisi kuesioner pre-tes untuk mengetahuiwawasan dan kemampuan awal pesertapelatihan mengenai kemampuan pembuatanweb. Dari hasil kuesioner pre-tes dapatdiketahui bahwa sebagian besar guru belumpernah menggunakan media pembelajaranberbasis web untuk kegiatan PBM pada matapelajaran yang diampunya. Suasanapelaksanaan kegiatan pengabdian dapatdilihat pada Gambar 1

Gambar 1. Suasana pelaksanaan kegiatan pengabdian

104 WARTA ... Heru Supriyono., dkk.

2. Pengenalan Media Pembelajaran BolaVoli Berbasis Web

Pada sesi ini guru-guru pesertapengabdian diperkenalkan mediapembelajaran bola voli berbasis web. Mediapembelajaran bola voli berbasis web yangsudah dibuat ini dapat digunakan untukproses belajar mengajar oleh guru yangmengajar pendidikan olahraga dan kesehatanserta dapat digunakan untuk referensi bagiguru pengajar mata pelajaran lain ketika akanmengembangkan media pembelajaran untukmata pelajarannya sendiri.

Media pembelajaran yang dibuatberisi tentang semua materi bola voli yangdiajarkan pada mata pelajaran pendidikanolah raga dan kesehatan khususnya ditingkatSMP dan SMA meliputi sejarah permainanbola voli, lapangan dan peraturan permainan,teknik-teknik dasar permainan, dan soallatihan. Spesifikasi media pembelajaranberbasis web yang dibuat adalah berisimengenai teks, gambar dan multimedia(video) terutama untuk visualisasi teknik-teknik dasar permainan sehingga siswa dapatmenggunakannya untuk belajar mandiri.Dengan media pembelajaran yang berbasisweb dengan multimedia, diharapkan akanmampu meningkatkan minat belajar siswadan akan mampu meningkatkan pemahaman

siswa karena siswa dapat belajar mandiri danmempraktekannya dengan melihat taynganmultimedia yang ada pada mediapembelajaran tersebut. Walaupun sistemnyaberbasis website, media pembelajaran bisadigunakan baik untuk sistem online yang bisadiakses melalui internet maupun untuksistem off-line yang bisa digunakan padajaringan local area network (LAN) ataulangsung digunakan untuk masing-masingkomputer.

Karena media pembelajaran inidigunakan untuk referensi bagi guru yangbelum mengenal pengembangan mediapembelajaran berbasis web, maka mediapembelajaran dibuat tanpa menggunakanbasis data. Tampilan halaman muka mediapembelajaran yang dibuat oleh tim pelaksanapengabdian dapat dilihat seeprti padaGambar 1. Pada halaman muka, dibagian atasdan bagian bawah terdapat tombool-tombolmenu yang ada pada media pembelajaranyaitu meliputi halaman home (halamanmuka), sejarah, peraturan, teknik, danlatihan. Apabila pengguna menekan tiap-tiaptombol menu tersebut, maka akan tertampilhalaman sesuai dengan menunya. Beberapatampilan media pembelajaran olah raga bolavoli berbasis web yang diperkenalkan dapatdilihat pada Gambar 2 dan Gambar 3.

Gambar 2. Tampilan halaman muka media pembelajaran

WARTA, Vol .18, No.2, September 2015: 98 - 109 ISSN 1410-9344 105

Gambar 3. Tampilan visualisasi kalau tautan gambar lapangan ditekan

Feature (fasilitas) lain dari mediapembelajaran yang dibuat adalah menuteknik yang dapat dibuka oleh penggunadengan cara menekan tombol teknik. Padamenu ini pengguna juga bisa belajarmengenai teknik-teknik dasar permainan

bola voli baik melalui teks yang ada,visulaisasi gambar (seperti dapat dilihat padaGambar 4) atau juga visualisasi denganmenggunakan media video (seperti dapatdilihat pada Gambar 5).

Gambar 4. Visualisasi gambar salah satu teknik dalam permainan bola voli

106 WARTA ... Heru Supriyono., dkk.

Gambar 5. Tampilan salah satu visualisasi video teknik permainan bola voli.

Dengan adanya visualisasi teknikdalam bentuk video maka pengguna atausiswa dapat mempraktekkannya secaralangsung untuk latihan secara mandiri. Fiturlain dari media pembelajaran yang dibuatadalah adanya latihan soal yang dapatdikerjakan mandiri oleh siswa yang sudahdilengkapi dengan jawaban. Siswa dimintamenjawab pertanyaan dengan cara mengklik

pilihan jawaban yang tersedia lalu menekantombol Periksa untuk mengecek apakahjawabnnya benar atau salah, apabila jawabanbenar akan muncul tulisan jawaban benarsedangkan apabila jawaban salah akanmuncul pemberitahuan tentang jawaban yangdipilih pengguna dan apa jawaban yangbenar. Contoh tampilan soal latihan yangsudah dijawab dapat dilihat pada Gambar 6.

Gambar 6. Salah satu contoh tampilan soal latihan yang sudah dijawab.

WARTA, Vol .18, No.2, September 2015: 98 - 109 ISSN 1410-9344 107

Pada sesi ini, file program aplikasi mediapembelajaran bola voli berbasis web ini di-share atau di-copy-kan pada laptop seluruhpeserta dan peserta diminta untuk mencobamengoperasikannya dengan menggunakanlaptop peserta masing-masing. Timpelaksana kemudian melakukan pengamatansatu kepada satu per satu peserta apakahsudah bisa menggunakan semua fitur yangada untuk nanti digunakan pada prosesbelajar mengajar atau untuk referensi bagiguru mata pelajaran lainnya.

3. Pelaksanaan pelatihan danpendampingan pembuatan websitebagi guru

Sesi utama kedua dalam kegiatanpengabdian ini adalah pelatihan pembuatanweb bagi mitra yaitu guru-guru di SMPMuhammadiyah 1 Kartasura dan SMAMuhammadiyah 4 Kartasura. Karena inimasih tahap awal maka pembuatan webdilakukan dengan memanfaatkan sebuahperangkat sistem manajemen konten ataucontent management systems (CMS).Dengan menggunakan CMS, pesertapelatihan tidak perlu merancang websitemulai dari awal namun sudah disediakanplatform dasarnya sehingga peserta tinggalmelakukan pengaturan tampilan danpengisian materi/isi dari web tersebut. Alasanmengapa pelatihan menggunakan CMSadalah karena dari hasil wawancara awalsebelum perencanaan pelatihan diketahuibahwa mayoritas guru belum pernah belajarmembuat web dan belum terbiasa denganbahasa pemrograman untuk membuat web.Pada pelaksanaan pengabdian ini, timpelaksana menggunakan CMS Wordpress(modul pelatihan dapat dilihat di bagianlampiran). Target awal pelaksanaanpengabdian ini adalah guru mengetahui danmemahami tentang pembuatan website danmampu membuat website sederhana untukmata pelajaran yang diampunya.

Tim pelaksana membimbing pesertauntuk membuat web langkah demi langkahsesuai dengan modul yang sudah dibuat.Diakhir sesi pelatihan, tim pelaksanameminta peserta untuk mengisi kuesionerpost test untuk mengetahui tingkatkeberhasilan kegiatan pengabdian. Hasilkuesioner post-test menunjukkan bahwasetelah mengikuti pelatihan pembuatanwebsite para guru mempunyai pemahamantentang apa itu sistem berbasis web danmempunyai kemampuan untuk membuatwebsite dengan menggunakan CMS. Selainitu semua peserta juga berpendapat kegiatanini sangat bermanfaat dan berharap adakegiatan pelatihan lanjutan baik melanjutkanuntuk pengembangan media pembelajaranberbasis web maupun pengembangan mediapembelajaran berbasis multimedia lainnyaseperti untuk smartphone.

Pelaksanaan kegiatan berjalandengan relatif lancar namun terdapat kendalayang menyebabkan hasil pelatihan tidakmencapai seperti yang diharapkan yaitubervariasinya kemampuan peserta dalamsistem web. Selain itu, tidak tersedianyafasilitas internet sehingga peserta tidak bisalangsung membuat web-nya secara onlinesehingga diakhir pelaksanaan kegiatanpelatihan semua peserta belum sempatmengupload hasil website yang dibuatnya.

4. Deskripsi Kondisi Sebelum danSesudah Pelaksanaan Kegiatan

Kondisi saat ini:a. Media pembelajaran olah raga bola voli

hanya berbasis material cetak sepertibuku teks dan lembar kegiatan siswa(LKS) yang ditambah dengan penjelasanguru. Untuk materi seperti sejarah bolavoli, aturan-aturan dasar, dan lapanganmemang dapat dipelajari denganmembaca material cetak yang sudahditentukan oleh guru namun untuk materiteknik-teknik permainan tentu saja siswatidak cukup hanya membaca uraian dari

108 WARTA ... Heru Supriyono., dkk.

materi dari buku teks atau LKS. Selamaini guru mempraktekkan teknik-teknikpermainan bola voli secara langsungkepada siswa dengan variasi yangdiketahui guru saja. Guru dan siswamemang bisa mencari bahan-bahanberupa video tutorial diinternet sepertidari www.youtube.com. Namun, baiksiswa maupun guru harus meluangkanwaktu untuk mencari materi yang cocoksehingga butuh waktu dan hasilnya puntidak komprehensif karena siswamempunyai dua jenis materipembelajaran yaitu materi cetakan yaitubuku teks dan LKS serta file video.

b. Wawasan guru mengenai mediapembelajaran berbasis web danpembuatan website masih cukup rendahsehingga media pembelajaran sebagianbesar mata pelajaran belummenggunakan sistem berbasis web ataumultimedia.

Kondisi setelah dilaksanakannya kegiatanpengabdian adalah sebagai berikut:1. Tersedianya media pembelajaran olah

raga bola voli berbasis web danmultimedia. Untuk bagian dasar sepertisejarah bola voli, peraturan pertandingandisajikan dalam bentuk teks dan gambarsedangkan materi berbagai teknik-teknikpada permainan bola voli akandivisualisasikan dengan video yangdiambil dari tutorial teknik permainanbola voli standar internasional. Guru yangmengajar pelajaran pendidikan olahragadan kesehatan dapat menggunakan meiapembelajaran ini dikelas sebagaipendamping buku teks. Mediapembelajaran bola voli juga dapatditempatkan di komputer perpustakaansehingga bisa digunakan secara mandirioleh siswa. Selain itu file aplikasi mediapembelajaran berbasis bola voli ini jugabisa dibagikan kepada semua siswa untukbelajar mandiri dirumah. Bagi guru selainguru pendidikan olahraga dan kesehatan,media pembelajaran bola voli berbasis

web ini dapat digunakan sebagai referensiuntuk membuat media pembelajaransesuai mata pelajaran yang diampunya.

2. Setelah pelatihan guru guru mempunyaiwawasan yang cukup mengenai mediapembelajaran berbasis web danmultimedia sehingga mampumenggunakan, dan mengelolanya. Gurujuga mengetahui perangkat keras danperangkat lunak yang dibutuhkan untukmembuat web berbasis CMS wordpress.Pada tingkat dasar, guru sudah mampumembuat website sederhana.

SIMPULAN DAN SARAN1. Simpulan

Dari kegiatan pelaksanaanpengabdian kepada massyarakat di SMPMuhammadiyah 1 Kartasura dan SMAMuhammadiyah 4 Kartasura, dapat ditarikkesimpulan: (1) guru sudah mengenal danmampu menggunakan media pembelajaranolah raga bola voli berbasis web yang sudahdikembangkan tim pelaksana sebelumnyayang dapat digunakan sebagai mediapembelajaran atau referensi bagipengembangan media pembelajaran olehguru, (2) setelah mengikuti pelatihanpembuatan website, para guru di SMPMuhammadiyah 1 Kartasura dan SMAMuhammadiyah 4 Kartasura sudahmengetahui perangkat keras dan perangkatlunak untuk membuat sebuah website dansudah bisa memulai membuat sebuah web,dan (3) dari hasil kuesioner post test dapatdiketahui bahwa peserta berpendapatkegiatan pelatihan sangat bermanfaat untukmeningkatkan kemampuan peserta danberharap ada kegiatan lanjutan.

2. SaranBerdasarkan hasil pelaksanaan

pengabdian dapat dirumuskan beberapasaran sebagai berikut: (1) Perlu adanyapelatihan lanjutan agar guru-guru bisamenyelesaikan dan meyempurnakan mediapembelajaran berbasis web sesuai dengan

WARTA, Vol .18, No.2, September 2015: 98 - 109 ISSN 1410-9344 109

mata pelajaran yang diampunya, (2) perluadanya pengembangan media pembelajaranberbasis multimedia selain berbasis webdiantaranya untuk perangkat mobile maupundengan animasi, (3) perlu adanyapengembangan fasilitas internet yangmemadai sehingga guru-guru di SMPMuhammadiyah 1 Kartasura dan SMAMuhammadiyah 4 Kartasura pesertapelatihan bisa mengupload mediapembelajaran yang sudah dibuatnya.

PERSANTUNANDengan terlaksananya kegiatan

pengabdian kepada masyarakat ini tim

pelaksana ingin mengucapkan terima kasihkepada Lembaga Penelitian dan Pengabdiankepada Masyarakat UniversitasMuhammadiyah Surakarta (LPPM UMS)yang sudah menndukung kegiatan ini melaluiskim pengabdian pada masyarakat kompetitif(PAKOM), Kepala Sekolah SMPMuhammadiyah 1 Kartasura dan SMAMuhammadiyah 4 Kartasura yang sudahbersedia menjadi mitra, dan saudaraJulpitriadi, S.Kom yang sudah membantuterlaksananya kegiatan ini.

DAFTAR PUSTAKA

http://smpmutukartasura.blogspot.com/

Graham, Lam S. 1995. HTML Source Book. Edisi Pertama. John Wiley & Sons Inc, Canada.

Grannel, Craig; Sumner, Victor dan Synodinos, Dyonisios. 2011. The Essential Guide toHTML 5 and CSS3 Web Design. Appress Company.

Hafiar, Hanny; Gemiharto, Ilham; dan Priyatna, Centurion C. 2008. “Pelatihan PembuatanWebsite Sekolah Bagi Kepala Sekolah dan Guru Sekolah Dasar Negeri Di KecamatanCimahi Selatan”. Laporan Akhir Kegiatan Pengabdian kepada Masyarakat, LembagaPengabdian kepada Masyarakat Universitas Padjajaran, tidak diterbitkan.

Hariyanto, Didik; Yuniarti, Nurhening; dan Mutaqin. 2009. “Pelatihan Pembuatan WebsiteSebagai Media Pembelajaran Dengan Menggunakan Software Berbasis Open SourceBagi Guru-Guru SMK Bidang TI Se-Propinsi DIY”. Laporan Program Penerapan Ipteks,Lembaga Pengabdian kepada Masyarakat, Universitas Negeri Yogyakarta, tidakditerbitkan.

Hertanto, Budi Deny; Hariyanto, Didik; dan Yuniarti, Hening. 2008. “Pelatihan danPendampingan Pembuatan Media Pembelajaran Berbasis Web Dengan MenggunakanCMS (Content Management System) Open Source Bagi Guru-Guru SMK-SBI Se-Propinsi DIY. Laporan Kegiatan PPM”. Lembaga Pengabdian kepada Masyarakat,Universitas Negeri Yogyakarta, tidak diterbitkan.

Holzschlag, Molly E. 2004. 250 HTML and Web Design Secrets. Wiley Publishing, Inc.,Indianapolis, Indiana

Willard, Wendy. 2010. Web Design: A Beginner’s Guide Second Edition. McGraw-Hill, NewYork.