-
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
2. Klik pada tulisan buat Account
S
-
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.
Simpanlah alamat email kita beserta password
Dan jangan sampai lupa !
-
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 :
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
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.
5. Buka kembali email dan buka email masuk. Lalu klik activate
blog
-
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
Next Step dalam tutorial ini kita
Pilih themes bernama MistyLook
-
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
11. Selesailah tahapan kedua membuat blog,
-
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:
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
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
menjadi tentang saya.
-
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
9. Pilihlah foto yang berasal di hardisk kemudian klik
open. Tunggulah beberapa detik, sehingga foto
muncul
-
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
12. Untuk mengecek apakah berhasil. Buka blog dan klik F5 atau
refresh
-
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
Silakan tekan F5 atau rfresh pada tampilan blog (bukan
didashboard).
-
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:
1. Buka Dashboard lalu pilih Posts > Add New
-
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.
Lalu klik Insert More Tag ,maka hasilnya akan seperti dibawah
ini.
-
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.
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
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
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
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
4. Tulis judul tulisan dan Paste alamat tadi. Kemudian refresh
blog kita.
-
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
3. Refresh lalu lihat tampilan blog sekarang.
-
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)
b. Dikeyboard silakan tekan tombol Prt sc sysrq atau print
screen
-
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)
jangan lupa ingat dimana file tersebut
disimpan.
-
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.
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
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.
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
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.
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
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
3. lihat perubahan blok tekan refresh atau F5
-
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
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
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
UN SD Bahasa Indonesia 1 menjadi link. Lalu publish dan lihat
tampilan blog terbaru (klik F5)
-
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 SD Matematika 1
http://www.ziddu.com/download/18465364/SUKSESUNMAT2011-2012PAKET1.pdf.html
Download Prediksi Soal UN SD Matematika 2
http://www.ziddu.com/download/18362508/SUKSESUNMAT2011-2012PAKET2.pdf.html
Download Prediksi Soal UN SD (IPA) 1
http://www.ziddu.com/download/18350313/SUKSESUNIPA2011-2012PAKET1.pdf.html
Download Prediksi Soal UN SD (IPA) 2
http://www.ziddu.com/download/18350417/SUKSESUNIPA2011-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 : [email protected] # Blog :
http://bangfajars.wordpress.com
Facebook : http://www.facebook.com/bang.fajar
Pin BB : 328454c7