Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 1
TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN
dengan wordpress.com
Oleh : Fajar Suharmanto*
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
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 2 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”.
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 3 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 :
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 4 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.
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 5 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
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 6 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”
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 7 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:
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 8 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
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 9 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”
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 10 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
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 11 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
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 12 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:
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 13 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.
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 14 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.
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 15 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”
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 16
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
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 17
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”
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 18
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)
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 19 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)
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 20 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.
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 21
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.
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 22
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.
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 23 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”
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 24
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
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 25 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
Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto# Page 26 7. Tampilan pages “Download” sekarang.
8. Lakukan hal yang sama pada pelajaran lainnya:
Pelajaran Alamat
Download Prediksi Soal UN
SD Bahasa Indonesia 2 https://www.box.com/s/q5oxp9jrxcospq0pide5 Download Prediksi Soal UN
SD Bahasa Indonesia 3 http://www.ziddu.com/download/18416221/BahasaIndonesia1.pdf.html Download Prediksi Soal UN
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 diSTIMIK Eresha School of ITdan S2 diUniv 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
