Pengembangan Blog

67
Pengembangan B L O G/WEB Sebagai Media Pembelajaran Diat Nurhidayat, S.Pd, M.TI Disampaikan pada Pelatihan AA Perguruan Tinggi Swasta Kopertis Wilayah III Jakarta Di Cisarua - Puncak Juli 2011

description

zzz

Transcript of Pengembangan Blog

Page 1: Pengembangan Blog

PengembanganB L O G/WEBSebagai Media Pembelajaran

Diat Nurhidayat, S.Pd, M.TIDisampaikan pada Pelatihan AA Perguruan Tinggi Swasta

Kopertis Wilayah III JakartaDi Cisarua - Puncak

Juli 2011

Page 2: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

The Motto When Using Blogs

2

Page 3: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Model pemanfaatan :Sederhana

Unsur pembelajaran masih mayoritas tatap muka, hanya saja disisipkan materi berupa file yang berbentuk soft copy (pdf, video, doc, dll) sebagai bahan belajar mandiri. Penugasan oleh guru sudah mulai dikumpulkan menggunakan email.

3

Page 4: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Model pemanfaatan : sederhana

4

Page 5: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Model pemanfaatan :

MenengahUnsur tatap muka mulai dikurangi prosentasenya, beberapa materi di upload di dunia maya atau disediakan referensinya, tugas-tugas sudah diberikan lewat internet (email, blog, dst) dan siswa diminta mengumpulkan tugas-tugas tersebut lewat internet.

5

Page 6: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Model pemanfaatan : menengah

6

Page 7: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Model pemanfaatan :

Tinggi

Menggunakan learning management system (LMS), dimana proses pembelajaran sudah full berada di dunia maya. Distribusi materi pembelajaran, bimbingan dan penugasan sudah sepenuhnya menggunakan sarana LMS tersebut. Peran guru hanya sebagai sutradara di dunia maya.

7

Page 8: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Model Pemanfaatan : Tinggi

8

Page 9: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

LMS Synchonous Meeting

9

Page 10: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Blog• Sebuah blog adalah situs web Anda yang

mudah-di-gunakan, di mana Anda dapat dengan cepat memposting pemikiran Anda, berinteraksi dengan orang lain, dan banyak lagi keuntungan lainnya.

• Pembelajaran : dijadikan media interaksi antara guru dan pakar (guru); antara guru dan siswa, antar siswa dan siswa.

10

Page 11: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Keuntungan Blog (1)• Mudah di buat• Cocok untuk semua user• Bisa dimanfaatkan sesuai kebutuhan pada tiap

profesi• Send of purpose; blog dibuat sesuai tujuan dan

kebutuhan• Melatih berpikir, menyampaikan pendapat,

pengalaman, dan menulis.• Sarana edukasi dan pemberdayaan

11

Page 12: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Keuntungan Blog (2)• Saling berbagi ekspresi dan informasi

secara tertulis.• Membentuk komunitas blogger• Berdiskusi mengenai blog dan

permasalahannya• Media komunikasi baru di internet yang

populer.• Gratis

12

Page 13: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Manfaat Blog Bagi Guru• Manfaat Blog bagi guru adalah:1. Sebagai media komunikasi antara guru

dan murid, guru dan guru, guru dan sekolah, serta guru dan masyarakat

2. Sebagai Sarana mengkomunikasikan portofolio atau kompetensi anda, karena tidak akan banyak yang tahu apabila anda tidak menceritakannya.

13

Page 14: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Manfaat Blog Bagi Guru (2)

3. Sebagai referensi pembelajaran bagi murid, JANGAN BIARKAN MURID ANDA MENGGUNAKAN GOOGLE SECARA BEBAS UNTUK MENCARI TUGAS DARI GURU, Kalau kemudian tersesat ke situs yang salah siapa yang bertanggung jawab? Gunakan link yang sudah pasti anda tahu isinya yang ada di blog atau isi dari blog anda untuk memandu murid menyelesaikan tugasnya.

14

Page 15: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Manfaat Blog Bagi Guru (3)4. Sebagai pengayaan materi pelajaran sekolah.

Posting dan tulislah mata pelajaran yang anda ajarkan menurut bahasa dan pemahaman anda bab demi bab sebab dengan menulis menurut bahasa anda apa yang akan disampaikan di depan kelas akan lebih mudah di pahami oleh murid jika murid tersebut telah membaca blog anda sebelumnya. Ketimbang membaca dari buku cetak yang dia tidak kenal.

15

Page 16: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Blog untuk Pembelajaran• Web based courses• Kuliah Maya (Virtual courses)• Blog untuk kuliah maya, memuat :

– Daftar mata kuliah– Silabus– Materi kuliah (ppt, pdf, doc, jpg, dll)– Referensi (e-book, url addres)– Pengumuman2, tugas2– Forum diskusi (milis, chating, instant messenger)– Profil dan kontak dosen– Ujian

16

Page 17: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Contoh Blog Pembelajaran Bahasa Inggris di Internet

• http://blogs.ihes.com/tech-elt/ This blog began to accompany a session on technology on the CELTA course at International House Barcelona.

• http://nikpeachey.blogspot.com/ (Nik's Learning Technology Blog For English Language Teachers)

17

Page 18: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Penyedia Blog Gratis• www.blooger.com• www.wordpress.com• www.thoughts.com• www.multiply.com

18

Page 19: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Tampilan Muka www.blogger.com

19

Page 20: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Tampilan mukawww.id.wordpress.com

20

Page 21: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Tiga Langkah Mudah• Ciptakan Account• Beri nama Blog• Pilih Template

21

Page 22: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Membuat Blog melalui www.blogger.com

• Klik browser, misal : Mozilla Firefox• Ketikkan alamat : www.blogger.com <Enter>

• Klik : 22

Page 23: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Membuat Blog (1)• Isi Formulir yang diberikan

• Setelah diisi semua; klik :

23

Page 24: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Membuat Blog (2)• Beri nama Blog dan alamat Blog pada kolom

yg tersedia

• Klik : 24

Page 25: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Membuat Blog (3)• Pilih Template sesuai kesukaan saudara

(template ini akan menjadi halaman muka Blog saudara).

• Klik : 25

Page 26: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Selesai, selamat!!!

• Blog saudara sudah jadi. Selanjutnya saudara dapat mulai blogging, seperti membuat personal profile, posting , atau melakukan editing.

26

Page 27: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Apa yang di posting ?

• Laporan aktivitas saudara (blog electronic diary) melatih ketrampilan menulis

• Ide atau gagasan saudara tentang satu masalah yang sedang hangat di masyarakat melatih ketrampilan menulis

• Komentar/tanggapan terhadap tulisan orang lain• Artikel/tulisan ilmiah• Bahkan hanya sekedar posting foto saudara juga

boleh.27

Page 28: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Catatan

• Perhatikan bedanya :• www.blogger.com address yang hanya bisa

diakses oleh saudara yang sudah memiliki account (atau mau membuat account baru) melalui proses sign in.

• www.diatnurhidayat.blogspot.com address yang bisa diakses orang lain dan anda sendiri untuk melihat isi blog saudara.

28

Page 29: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Bagian 2

Membuat Blog diwww.wordpress.com

29

Page 30: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

B L O G di www.wordpress.com

• Klik browser, misal : Mozilla Firefox• Ketikkan alamat : www.wordpress.com <Enter>

• Pilih : Bahasa Indonesia 30

Page 31: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Blog di Wordpress.com (2)

• Klik : Daftar Sekarang31

Page 32: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

• Isikan data saudara pada kolom yang tersedia• Klik : Berikutnya

Blog di Wordpress.com (3)

32

Page 33: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

• Klik : Daftar

Blog di Wordpress.com (4)

33

Page 34: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

• Klik : Simpan Profile

Blog di Wordpress.com (5)

34

Page 35: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

• Buka email anda, dan ikuti perintah pengaktif-an blog anda. Selanjutnya anda bisa login untuk melakukan pengelolaan blog anda, seperti posting (file, text, gambar, foto) mengganti tampilan halaman muka, dan sebagainya.

• Silahkan melengkapi content blog saudara. Usahakan selalu uptodate.

• Selamat.

Blog di Wordpress.com (6)

35

Page 36: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Tampilan dashboard

Dashboard adalah halaman untuk melakukan editing terhadap blog kita, setelah sign in

36

Page 37: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Catatan

• Perhatikan bedanya :

• www.wordpress.com address yang hanya bisa diakses oleh saudara yang sudah memiliki account (atau mau membuat account baru) melalui proses sign in. Atau melakukan editing.

• www.diatnurhidayat.wordpress.com address yang bisa diakses orang lain dan anda sendiri untuk melihat isi blog saudara.

37

Page 38: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Ingat :update content blog saudara,

sampaikan alamat blog anda pada kawan/relasi supaya sering

dikunjungi para userSELAMAT MENJADI BLOGGER

38

Page 39: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Unsur dari sebuah blog

Tempat Posting Tulisan / berita

Judul/ Nama Blog

Menu/kategori yg memuat link ke file dokumen kita/ web lain

39

Page 40: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

POSTING• Masuk ke www.wordpress.com, • kemudian pilih bahasa Indonesia (jika

diperlukan)• Untuk masuk/sign in (Masukkan Nama

Pengguna (ID) dan kata sandi (password) saudara pada kolom yang tersedia)

• Klik Masuk Log (Log in)

40

Page 41: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Halaman muka wordpress.com

Tempat memasukkan ID, sandi, dan log in

41

Page 42: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Tampilan setelah Sign in

Nama kita muncul di sini

Klik : My Dashboard

42

Page 43: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Tampilan dashboard

Dashboard adalah halaman untuk melakukan editing terhadap blog kita, setelah sign in

43

Page 44: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Posting Tulisan/Berita

• Klik : Tulis

• Ketikkan Judul dan Isi tulisan pada tempat yg tersedia

• Klik : Terbitkan

44

Page 45: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Ketikkan judul dan isi tulisan pada tempat yang tersedia

• Klik : Terbitkan45

Page 46: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Melihat hasil posting ?

• Klik : kunjungi situs (atau saudara juga dapat mengetikkan alamat weblog saudara pada browser)

46

Page 47: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

POSTING DOKUMEN(doc, ppt, pdf, jpg, dll)

• Beberapa dokumen mungkin sudah kita miliki, misalnya file dalam format doc (word), ppt (power point), jpg (gambar), video atau audio.

• Wordpress menyediakan fasilitas untuk meng-upload dokumen kita tersebut sehingga dapat dinikmati pengguna internet dengan memberikan link-link khusus pada dokumen yang sudah kita upload tersebut.

47

Page 48: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Posting Dokumen dari Komputer (1)

• Masuk ke Dashboard saudara• Klik : Tulis• Klik : simbol pada Tambahkan Media

48

Page 49: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Posting Dokumen dari Komputer (2)

• Klik : Pilih berkas untuk diunggah• Selanjutnya pilih file dari komputer saudara

yang akan di uplaod ke wordpress.

49

Page 50: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

• Catat (atau copy) address link dari file yang sudah di upload.

• Klik : Simpan seluruh perubahan• Selanjutnya kita dapat membuat link dari

dokumen yang sudah diupload tersebut pada kategori/menu, sebagai berikut :

Posting Dokumen dari Komputer (3)

50

Page 51: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

link dokumen ke Kategori/Menu (1)

• Kembali ke Dashboard• Klik : Kelola• Klik : Taut

• Klik : tambahkan baru51

Page 52: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

• Isikan nama, alamat web (address link), deskripsi dari dokumen yang di sudah upload.

• Klik pada kategori menu yang sesuai untuk dokumen tersebut (atau saudara dapat menambahkan kategori/menu baru pada wilayah kategori yang disediakan.

• Klik : simpan

link dokumen ke Kategori/Menu (2)

52

Page 53: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

UMUMKAN KEPADA DUNIA

• Jika kita sudah memiliki weblog, maka sampaikan alamat weblog tersebut pada teman, relasi, kolega, mahasiswa supaya mereka dapat meng-akses weblog kita.

• Kita juga dapat membuat link dari weblog kita ke search engine (SE) Google; sehingga jika ada pengguna internet mau mencari artikel yang berhubungan dengan dokumen yg kita miliki, cukup mengetikkan kata kunci pada SE.

53

Page 54: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Link Weblog ke SE Google (1)

• Masuk ke situs SE Google; www.google.com• Klik : serba-serbi google

54

Page 55: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Link Weblog ke SE Google (2)

• Klik : kirim konten ke Google

55

Page 56: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Link Weblog ke SE Google (3)• Klik : Add your URL to Google

• Isikan alamat URL (weblog) saudara; komentar, dan simbol verifikasi pd kotak yg sesuai

• Klik : Add URL56

Page 57: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Catatan :

• Saat pencarian melalui search engine (SE) Google, kemunculan artikel dari web saudara sangat bergantung dari seberapa banyak weblog saudara telah dikunjungi orang.

• Oleh karena itu, kabarkan alamat weblog saudara pada relasi, kolega, mahasiswa supaya banyak dikunjungi.

• SELAMAT MENJADI BLOGGER!!!!

57

Page 58: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

BAGIAN 3

• Menggunakana Editor Offline Untuk memposting blog– editor Offline blog editor berbasis PC yang

memungkinkan posting blog yang akan ditulis pada PC lokal dan kemudian upload sebagai operasi terpisah.

58

Page 59: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Why Use Offline..???Offline Editor Benefits1. I do maybe 95% of my editing offline, and can

then “squirt” a post in maybe 10 seconds, rather than having to pfaff with online delays (and I am on a relatively slow – 512kbps – link), and I get a good editor and decent image crop / resize / borders / align utility that is v. quick.

2. Responsiveness is massively better than any online editor.

59

Page 60: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

3. The is no need to login to WordPress every time I do something.

4. I have maybe 25 different post templates some with WP Options andCustom fields set up as required etc, e.g., with all the differentattribution links in for the different cartoonists each morning.

5. In my setup I run with 2 copies of WP (the “Magazine” and “Blog” views) – and things like videos have to be posted to each separately easily

60

Page 61: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

6. I have boilerplate phrases and paragraphs to hand.

7. There is no need to upload pictures and photos through the WordPress online image library feature, which is slow.

8. I don’t have problems with my connection going down or website response timeswhile editing.

9. I also cross-post quite regularly – I can cross-post just by ticking off boxes next to each one.

61

Page 62: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

10. I can get straight at the last 99 posts without needing to troll through the WordPress Backoffice.

11. I can automatically upload sound files. I only use this feature for small files since I have a tight limit set on my server for “upload” size. I usually use ftp for media files.

12. I get a full display of categories rather than a little Window showing about 3.

13. I can disable the WYSIWIG editor in WordPress, which removes one past source of hacker attacks. Note that it is safer now, but on this subject it is useful to be slightly paranoid.

62

Page 63: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

14.I can do WordPress and Technorati Tags, and Customised Fields directly from my PC desktop.

15.I can go and write in a pub over a pint, or on a train without the risks of a mobile connection.

16.A boilerplate text storage area.17.Configuration was a doddle. You need to

know your blog configuration settings, and what a few terms mean – but that is about it.

18.There are decent support forums.

63

Page 64: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

19. Blogdesk is free.20. Blogdesk supports the blog systems

WordPress, MovableType, Drupal, Serendipity and ExpressionEngine and does not support Blogger, which means that it helps get people away from that system. Some may disagree on this last point

64

Page 65: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

Pertimbangan Memilih Web-blog client• Dalam proses menulis artikel tidak diperlukan koneksi

internet • Memiliki fasilitas penyimpanan artikel dalam bentuk

draft sehingga suatu waktu kita bisa mengeditnya kembali jika artikel tersebut belum terlanjur kita publish

• Tampilan yang mudah dipahami dan digunakan • Memiliki banyak fasilitas • Memiliki fasilitas cross posting bagi kita yang memiliki

blog banyak • Proses penambahan dan upload gambar yang cepat • Memiliki fasilitas backup artikel pada komputer kita

65

Page 66: Pengembangan Blog

Pengembangan Media Pembelajaran Berbasis Web/Blog

APLIKASI BLOG EDITOR OFFLINECoba beberapa Blog Editor ini:• Windows Live Writer : http://download.live.com/writer• Blogdesk : www.blogdesk.org/en/download.htm• Zoundry Raven : www.zoundryraven.com/download.html• Wblogger : http://wbloggar.com/download.php • Thingamablog : http://thingamablog.sourceforge.net/download.html • Qumana : www.qumana.com/download.htm• Scribefire : www.scribefire.com• BlogJet : www.codingrobots.com/blogjet/download• Flog :

http://mac.softpedia.com/progDownload/Flog-Download-42874.html

• Post2Blog : http://post2blog.en.softonic.com • Bleezer :http://bleezer.en.softonic.com

66

Page 67: Pengembangan Blog

TERIMA KASIH

SELAMAT BERBAGI DI DUNIA [email protected]

67