TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN dengan wordpress.com Oleh : Fajar Suharmanto* S udah banyak kita membaca dan mendengar pembuatan media belajar dengan alat fisik (kit) tetapi sudahkah anda membayangkan bagaimana membuat media pembelajaran didunia maya. Seperti kita ketahui bahwa dunia yang satu ini bisa menjadi sebuah anugrah dan menjadi sebuah ancaman. Sudah banyak siswa kita yang menjadi pencandu internet dan yang bakal jadi pencandu baru. Untuk itu sudah saatnya kita juga menjaga hal ini agar kedatangan mereka ke internet salahsatunya adalah untuk belajar dan bukan bermain game online. Pada tutorial hari kedua ini kami akan membantu kawan-kawan dalam membuat media pembelajaran sekolah menggunakan blog yang dalam hal ini wordpress sebagai blog gratis. Blog yang kini popular karena kemudahan, bahkan setiap guru bisa membuat blog materinya dengan cepat. Banyak manfaat yang diperoleh guru dari menulis atau membuat blog : 1. Catatan harian guru mengenai pembelajaran kelas 2. Ide-ide atau opini guru dan pandangan tertentu 3. Ulasan terhadap berita terkini dan untuk mengkritisi baik materi pembalajaran atau lainnya. 4. Tips-tips dan trik seputar pembelajaran 5. Tugas-tugas sekolah, daftar nilai, jadwal ujian, info pekanan, 6. Silabus pembelajaran dll Semuanya bisa diupload kapan saja dan bisa diakses apa saja baik laptop, tablet dan smartphone. Pada tutorial ini kita akan membuat blog seorang wali kelas 5 SD. Adapun syarat-syarat membuat blog yang diperlukan adalah : 1. Memiliki email (gunakan email gratis seperti yahoo atau gmail 2. Koneksi internet yang cukup stabil 3. PC computer atau Laptop 4. Program Office seperti Word office 2007, Paint atau photoshop dan Acdcee (tampilan gambar) 1. Pendaftaran email di yahoo.com Langkah-langkah pendaftaran cukup sederhana yaitu : 1. Buka http://yahoo.co.id 2. Klik pada tulisan buat Account Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 1
3. Isikan nama, tempat tanggal lahir, isikan ID Yahoo dan password, dan isilah kata sandi jika kita lupa dengan password email kita. 4. Tuliskan verifikasi kode sesuai dengan kode yang tertulis.lalu klik buat account saya 5. Jika berhasil maka ada konfirmasi seperti Disamping ini. Lalu klik lanjutkan. Simpanlah alamat email kita beserta password Dan jangan sampai lupa! Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 2
6. Setelah klik lanjutkan maka kita akan masuk kebagian home dari yahoo. Selanjutnya klik mail untuk masuk ke kotak email kita. 7. Untuk mengecek email silakan klik email masuk. Dengan demikian tahap pertama membuat blog dengan syarat mempunyai email telah selesai. 2. Pendaftaran di wordpress.com Langkah-langkah pendaftaran blog yaitu : 1. Buka http://wordpress.com pilihlah yang berbahasa Indonesia dan tarik kursor kebawah dan klik Get Started Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 3
3. Isilah username, email dan nama blog kita. Dan klik creat blog. Maka alamat blog kita adalah : http://rasyagiffari.wordpress.com,usernamenya adalah rasyagiffary dan paswordnya anda tahu sendiri. 4. Setelah berhasil kita diminta untuk melakukan konfirmasi melalui email. 5. Buka kembali email dan buka email masuk. Lalu klik activate blog Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 4
6. Secara otomatis ia akan menuju situs wordpress. Acuhkan pilihan gambar Lalu klik next step dibagian bawah. 7. Step kedua juga pilih Next Step. Sampai di step ketiga isikan blog title, tagline dan pilihan bahasa. Isikan seperti contoh dibawah ini. Kemudian klik Next step 8. Step ke empat, pilihlah themes, Harus diingat ada themes yang gratis dan berbayar. Pilihlah yang gratis. Klik show more themes untuk melihat pilihan alternative yang lainnya. Kliklah salah satu theme dan klik Next Step dalam tutorial ini kita Pilih themes bernama MistyLook Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 5
9. Step ke lima setelah memilih themes, cobalah kita buka alamat blog kita (buka tab baru), misalnya di http://rasyagiffari.wordpress.com 10. Step keenam bisa kita langsung lalui dengan langsung klik finish 11. Selesailah tahapan kedua membuat blog, Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 6
12. Selanjutnya kita harus masuk ke Dashbord caranya klik logo wordpress dibagian atas kiri lalu pilih my blog lalu pilih dashboard Maka selesailah proses pembuatan blog. Selanjutnya kita akan memodifikasi blog ini dengan lebih variatif. 3. modifikasi wordpress untuk media belajar Pada bagian ini kita akan melakukan modifikasi blog menjadi blog khusus media pembelajaran dan sarana informasi walikelas terhadap murid dan juga kepada walimurid kelas tertentu. Seperti kita ketahui bahwa dalam contoh studi kasus ini kita akan membuat blog kelas 5 dimana kita sendiri sebagai wali kelasnya. Adapun bagian-bagian blog (Pages) yang akan kita buat adalah: 1. Tentang Penulis 2. Hasil Ulangan Harian (daftar nilai) 3. Informasi minggu ini (jadwal ujian) 4. Tugas Minggu ini 5. Galery siswa 6. Bagian Home bisa ditulis Materi singkat seluruh mata pelajaran pembelajaran. 7. Buku Tamu 8. dll A. Langkah membuat Pages sebagai berikut: 1. Loginlah ke blog wordpress kita, misalnya dialamat http://rasyagiffari.wordpress.com selanjutnya untuk masuk ke dalam Dashboard (dashboard adalah istilah tempat dimana melakukan editing pada wordpress) tambahkan /wp-admin sehingga menjadi http://rasyagiffari.wordpress.com/wp-admin Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 7
2. Selanjutnya isikan username dan password, lalu klik Log in 3. didalam dashboard maka akan muncul tampilan video cara penggunaan wordpress. Klik hide this screen untuk menyembunyikannya. 4. Dibagian kiri terdapat beberapa menu Dashboard. Untuk membuat menu pages kliklah pages. Didalam menu pages terdapat 2 pilihan yaitu Add New dan Copy a pages. 5. Editlah Title About dan ganti menjadi tentang saya. Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 8
6. Beri keterangan pages tentang anda sebagai sang pemilik blog. Dan masukan foto profile kita 7. Untuk menambah foto silakan klik symbol kamera. Caranya adalah taruh kursor didepan text lalu klik Add Media untuk menambahkan foto 8. Untuk menambah foto silakan klik Select Files 9. Pilihlah foto yang berasal di hardisk kemudian klik open. Tunggulah beberapa detik, sehingga foto muncul Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 9
10. Selanjutnya pilih Size Medium, alligment Left kemudian klik Insert Into Post (jangan save all change ) 11. Atur agar text berada dibawah gambar, dengan meng-enter text. Lalu klik update 12. Untuk mengecek apakah berhasil. Buka blog dan klik F5 atau refresh Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 10
13. Selanjutnya kita akan membuat Pages lainnya, yaitu Hasil Ulangan. Buka kembali dashboard >Pages lalu klik Add New 14. Selanjutnya tuliskan judul pages dan beri keterangan di kolom 15. Kemudian bukalah daftar nilai kita, misalnya berada di Excel. Copy dan pastekan kedalam kolom Hasil Ulangan. Lalu klik Update Silakan tekan F5 atau rfresh pada tampilan blog (bukan didashboard). Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 11
Tampilan setelah pembuatan pages nilai harian. Buatlah Pages lain yang sesuai dengan kebutuhan kelas. B. Langkah mengisi materi blog Untuk memperkaya konten blog maka kita harus rajin mengisinya sesuai dengan kebutuhan. Misalnya studi kasus dalam materi ini kita membuat resume materi IPS. Berikut pembuatannya: 1. Buka Dashboard lalu pilih Posts > Add New Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 12
2. Tuliskan Judul Resume dan ketikan materinya (bisa dengan cara meng-copy paste dari program word hasil tulisan kita sendiri) 3. Agar terlihat lebih menarik rapikan tulisan kita dengan memberikan readmore (baca selanjutnya) dan gambar. Cara memberiikan Readmore adalah dengan menaruh kursor dibawah kata pengantar. Lalu klik Insert More Tag,maka hasilnya akan seperti dibawah ini. Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 13
4. Selain memberii read more kita juga wajib memberi gambar pada awal kata pengantar. Caranya : taruh kursor didepan kata pengantar. Lalu klik Add Media 5. Bukalah gambar yang akan kita upload (ambil), difolder harddisk. Selanjutnya klik open. 6. Atur posisi gambar menjadi rata kiri. Pilih gambar dengan ukuran medium lalu klik insert into post Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 14
7. Setelah gambar masuk kedalam text maka klik publish dan klik F5 dengan membuka tampilan blog sekarang. 8. Hasil pembuatan materi serta pemberian gambar dan insert tag more 9. Silakan tambahkan materi lain seperti matematika, IPA, B. Ind dan yang lainnya. Tambahkan juga latihan soal-soal ulangan. Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 15
C. Memasukan Video pembelajaran (via You tube) Untuk memberikan video pembelajaran siswa melalui video pilihan adalah dengan cara : 1. Buka lah video youtube yang akan dipasang diblog. 2. Misalnya kita akan mengambil video proses kejadian manusia di Youtube dengan alamat dibawah ini. 3. Klik bagi dan copy alamat yang muncul dibawah film. 3. Bukalah Dashboard > Posts > Add New. Kemudian klik Text 4. Tulis judul tulisan dan Paste alamat tadi. Kemudian refresh blog kita. Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 16
D. Pembuatan Pages Buku tamu Agar terjadi interaksi antara pengelola media blog dan pembaca maka buatlah pages buku tamu. Caranya sama seperti ketika kita membuat pages tentang penulis 1. Buka pages> add new 2. Isikan Judul pages misalnya buku tamu, masukan foto dan keterangan. Lalu klik update 3. Refresh lalu lihat tampilan blog sekarang. Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 17
E. Pembuatan Soal tugas Kita juga bisa memberikan tugas online kepada siswa dan harus dijawab dikolom leave a comment. Caranya adalah: 1. masuklah ke dashboard> posts> add new 2. Tulis judul materi tugas 3. Jika soal berbentuk teks biasa maka bisa langsung ditulis seperti biasa (lihat pembuatan materi IPS ditahapan awal), masalahnya jika soal berbentuk grafis seperti soal pada matematika, maka harus dilakukan langkah sebagai berikut. a. Buka soal matematika (yang berbentuk gambar) baik di word, pdf ataupun yg lainnya. Dalam contoh kasus ini saya akan mengambil dari soal yang berasal dari PDF. dan akan kita jadikan file gambar (Jpg) b. Dikeyboard silakan tekan tombol Prt sc sysrq atau print screen Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 18
c. Bukalah program Paint (jika mempunya photoshop itu lebih baik), caranya klik Windows > All programs > Accessories > Paint, selanjutnya tekan tombol Ctrl-V atau paste. Sehingga muncul file pdf yang masuk kedalam paint. Aturlah objek sehingga pas ditengah-tengah. d. pilih tombol select kemudian klik crop hanya pada bagian objek inti ( gambar soal) e. lalu klik save dan beri nama soal mtk dan atur formatnya menjadi jpeg (jpeg adalah format gambar selain jpg, png, tiff) jangan lupa ingat dimana file tersebut disimpan. Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 19
4. kembalilah ke wordpress. Dan klik add media 5. Pilih select files lalu cari file gambar soal matematika tadi berada, kemudian pilih open. Selanjutnya atur Allignment menjadi center. sddangkan size Full size lalu klik insert into post 6. Beri keterangan tambahan pada soal lalu klik update atau publish. 7. Refresh kemudian lihat perubahan pada tampilan blog sekarang. Tambahkan pula hal-hal penting tentang pelajaran kita atau sesuatu yang mengenai kelas kita seperti hasil karya siswa, foto siswa berprestasi, foto kunjungan dan lain sebagainya. Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 20
F. Mengubah kepala blog (blog header) Agar blog kita terlihat lebih dinamis maka ubahlah gambar blog bawaan dari wordpress dengan gambar milik kita sendiri atau foto kita sendiri. Langkahnya adalah: 1. Buka dashboard> Appearance > Header 2. didalam custom header klik pilih file. kemudian masukan gambar yang akan kita ganti. Lalu klik open 3. Usahakan gambar berukuran besar dan memanjang seperti gambar contoh bawaan wordpress. Setelah memilih gambar maka klik uplod. 4. Atur jarak crop kemudian klik crop and publish. Lalu klik save change dan refresh blog kita dengan F5 Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 21
G. Mengatur pernak-pernik (Widget) Agar tampilan blog lebih teratur dan terstruktur maka aturlah widget wordpress kita. Caranya adalah: 1. Masuk ke dashboard> Appearance > Widget 2. Didalam widget terdapat dua kolom. Kolom kiri adalah fasilitas widget dan kolom kanan adalah side bar atau tempat widget akan dimunculkan diwordpress nantinya. Tidak semua widget kita tampilan aturlah sesuaid engan keperluan. Misalnya yang kita taruh adalah: text, kalender, recent post dll. 3. Cara menarik widget adalah dengan mengkilk dan tahan kursor dan memindahkannya ke bagian sidebar. Misalnya widget search kita pindahkan ke sidebar. Jangan lupa klik save untuk setiap widgetnya. 4. Masukan widget popular lainnya. Seperti contoh dibawah ini. 5. masukan juga widget text lalu isilah keterangan seperti contoh dibawah ini. selanjutnya klik save dan close. Lihat perubahan di tampilan blog sekarang klik F5 Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 22
Tampilan blog setelah diberi widget H. Memberi warna background Untuk member warna background langkahnya sebagai berikut : 1. Masuklah ke Masuk ke dashboard> Appearance > Background 2. Klik Select Color dan pilih warna yang kita inginkan, lalu klik save change 3. lihat perubahan blok tekan refresh atau F5 Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 23
I. Membuat PAGES DOWNLOAD PELAJARAN Pada bagian ini kita akan membuat pages dimana berisi halaman yang berisi content (materi-meteri) pelajaran tetapi bisa langsung diambil (download). Langkahnya sebagai berikut: 1. Pilih Dashboard>Pages > Add New 2. Tuliskan download pada judul pages. Dan misalnya kita akan memasukan link Kumpulan Soal Ujian Nasional 2013 pada blog. Tulislah pada kolom tulisan Kumpulan soal ujian nasional 2012. 3. Tuliskan soal UN SD 2012. Dan pelajaran yang akan didownload 4. Sebelumnya pastikan kita sudah mengetahui alamat download tersebut. Biasanya ada saja sebagaian orang yang secara baik hati menyimpan file tersebut dan mempersilakan orang lain mendownloadnya. Baik melalui web share seperti Ziddu, Mediafare dll Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 24
5. Sekarang kita fokus pada soal Download Prediksi Soal UN SD Bahasa Indonesia 1. Selanjutnya telah diketahui bahwa prediksi ini ada di alamat internet yaitu : http://www.ziddu.com/download/18416221/bahasaindonesia1.pdf.html 6. Copylah alamat tersebut. Kemudian masuklah kembali ke wordpress. Selanjutnya sorot atau blok Download Prediksi Soal UN SD Bahasa Indonesia 1 lalu klik insert/ edit link. 6. Lalu paste alamat web tadi ke dalam URL. Dan klik Add link. Maka tulisan Download Prediksi Soal UN SD Bahasa Indonesia 1 menjadi link. Lalu publish dan lihat tampilan blog terbaru (klik F5) Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 25
7. Tampilan pages Download sekarang. 8. Lakukan hal yang sama pada pelajaran lainnya: Pelajaran Alamat Download Prediksi Soal UN https://www.box.com/s/q5oxp9jrxcospq0pide5 SD Bahasa Indonesia 2 Download Prediksi Soal UN http://www.ziddu.com/download/18416221/bahasaindonesia1.pdf.html SD Bahasa Indonesia 3 Download Prediksi Soal UN http://www.ziddu.com/download/18465364/suksesunmat2011- SD Matematika 1 2012PAKET1.pdf.html Download Prediksi Soal UN http://www.ziddu.com/download/18362508/suksesunmat2011- SD Matematika 2 2012PAKET2.pdf.html Download Prediksi Soal UN http://www.ziddu.com/download/18350313/suksesunipa2011- SD (IPA) 1 2012PAKET1.pdf.html Download Prediksi Soal UN http://www.ziddu.com/download/18350417/suksesunipa2011- SD (IPA) 2 2012PAKET2.pdf.html Jangan lupa mencantumkan sumber dimana alamat kita mengambilnya, misalnya semua file download tersebut diambil dari situs http://sekolahdasar.net. Dengan adanya download file ini maka blog kita akan sering dikunjungi oleh visitor karena kita memudahkan pencarian mereka. Demikian tutorial pembuatan media ajar menggunakan blog wordpress. Semoga berguna. *BIODATA PENULIS Fajar Suharmanto, lahir di Jakarta beberapa tahun yang lalu. Kini tinggal di Jatikramat 2 Kota bekasi. Pernah sekolah di SDN Jatikramat 1, SMP di 272 lubang buaya, SMA N di 67 halim, kuliah S1 di FKIP UNS jurusan Pendidikan Teknik Pembangunan dan kini melanjutkan studi S2 di STIMIK Eresha School of IT dan S2 di Univ Negeri Jakarta program Penelitian dan Evaluasi Pendidikan. Sekarang mengabdikan ilmunya sebagai guru di SDN JM 8 Bekasi. Buku yang telah ditulis antara lain : Internet untuk pemula, High Quality Joomla, Membangun Toko online untuk remaja, dll. Email : bang.fajar@yahoo.com # Blog : http://bangfajars.wordpress.com Facebook : http://www.facebook.com/bang.fajar Pin BB : 328454c7 Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 26