tutorial pembuatan media pembelajaran dengan wordpress · pdf filepembuatan media ajar dengan...

Pembuatan Media Ajar Dengan Wordpress # Fajar Suharmanto#

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

http://yahoo.co.id/


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 !


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”

http://wordpress.com/


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”

http://rasyagiffari.wordpress.com/


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”


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,



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


http://rasyagiffari.wordpress.com/wp-admin


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.


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


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


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).


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


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.


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”


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.


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.


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.


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”


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.


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.


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


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


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


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


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)


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


Download Prediksi Soal UN SD Matematika 1

http://www.ziddu.com/download/18465364/SUKSESUNMAT2011-2012PAKET1.pdf.html

Download Prediksi Soal UN SD Matematika 2


Download Prediksi Soal UN SD (IPA) 1

http://www.ziddu.com/download/18350313/SUKSESUNIPA2011-2012PAKET1.pdf.html

Download Prediksi Soal UN SD (IPA) 2


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

http://205.196.121.39/e8gwzy24qcig/3xpm1pc35v01grv/SUKSES+UN+BI+2011-2012+PAKET+1.pdf

http://205.196.121.39/e8gwzy24qcig/3xpm1pc35v01grv/SUKSES+UN+BI+2011-2012+PAKET+1.pdf

https://www.box.com/s/q5oxp9jrxcospq0pide5

http://www.box.com/s/q5oxp9jrxcospq0pide5

http://www.box.com/s/q5oxp9jrxcospq0pide5


















http://sekolahdasar.net/

http://eresha.ac.id/

http://ppsunj.org/

mailto:[email protected]

http://bangfajars.wordpress.com/

http://www.facebook.com/bang.fajar

tutorial pembuatan media pembelajaran dengan wordpress · pdf filepembuatan media ajar dengan...

Documents