2. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK ii
KATA PENGANTAR
Perkembangan teknologi informasi dan komunikasi memberikan konsekuensi logis cara
baru dalam proses belajar mengajar dengan penerapan sistem pembelajaran elektronik atau
electronic learning disingkat e-learning. Pada pemanfaatan e-learning peserta didik tidak perlu
duduk di dalam kelas mendengar dengan seksama penjelasan dari guru secara lansung.
Selanjutnya, dengan e-learning keterbatasan ruang dan waktu tidak menjadi masalah seperti
yang selama ini membatasi sistem pembelajaran konvensional.
WordPress sebagai CMS (Custom Management System) bersifat open source. Dengan
sifatnya yang open source WordPress juga dapat dimanfaatkan sebagai LMS (Learning
Management System) seperti pada pemakaian moodle dalam membangun sistem e-learning.
Pemanfaatan sistem e-learning berbasis WordPress yang ditambahkan plugin-plugin education
dan jejaring sosial memungkinkan seorang guru dan siswa saling berinteraksi dengan mudah
dalam proses belajar mengajar yang menarik dan tanpa ada batasan ruang dan waktu. Guru dan
siswa dapat mengakses materi pembelajaran dalam format Microsoft Power Point, Microsoft
Word, animasi flash, file audio-video, file pdf dan lain-lain yang dapat di download maupun
materi yang dapat lansung dibaca oleh siswa dengan penggunaan slide share.
Buku panduan ini merupakan panduan bagi segenap pengguna dalam menggunakan e-
learning berbasis WordPress ini. Buku panduan ini berasal dari kajian berbagai sumber referensi,
baik dari luar negeri seperti Packt Publishing, dan buku-buku tentang WordPress lainnya. Buku
panduan ini disusun untuk mempermudah pengguna dalam membuat akun, mengakses
pembelajaran, mengerjakan tugas, maupun beriteraksi dalam e-learning berbasis WordPress ini.
3. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK iii
Penulis menyadari bahwa tersusunnya buku panduan ini tidak terlepas dari bantuan dan
partisipasi berbagai pihak. Penulis menyampaikan banyak terima kasih pada segenap dosen dan
mahasiswa pendidikan teknologi kejuruan PPs UNM atas segala saran dan kepercayaan yang
diberikan kepada penyusun untuk menyelesaikan buku panduan ini. Semoga sumbangsih
pemikiran yang telah disumbangkan menjadi pahala yang berlipat ganda dari Allah SWT.
Makassar, April 2013
Penulis
4. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK iv
DAFTAR ISI
KATA PENGANTAR i
DAFTAR ISI iv
A. Pendahuluan 1
B. Membuat Akun 2
C. Halaman Profil 5
D. Menu Utama 18
E. Penggunaan Grup dalam Pembelajaran 27
F. Mengelola Grup Pembelajaran 27
1. Membuat Grup Belajar 27
2. Memasukkan Materi Pembelajaran 30
3. Mengelola Tugas (Assignment) 31
4. Membuat Forum Diskusi 32
5. Memasukkan Chat 33
DAFTAR PUSTAKA 35
5. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 1
A. Pendahuluan
WordPress adalah salah satu Course Management System (CMS) bersifat open source.
WordPress pertama kali diluncurkan tahun 2003, oleh Matt Mullenwag dan Mike Little. Hingga
buku pedoman ini ditulis, WordPress telah merilis versi 3.5.1.
Pada WordPress secara umum layanan yang diberikan oleh WordPress yaitu sebagai Blog
Engine maupun sebagai Blog Service. WordPress sebagai Blog Engine, memungkinkan
penggunanya memodifikasi tampilan WordPress dan mengembangkannya lebih jauh dengan cara
mengunduh aplikasinya dari situs http://www.wordpress.org. Sedangkan WordPress sebagai
Blog Service, layanan ini bisa didapatkan secara gratis dengan mendaftarkan diri di alamat
http://www.wordpress.com dan terbatas hanya mengedit akun tanpa leluasa memodifikasi tema
maupun header blog.
Dalam petunjuk penggunaan e-learning ini Anda akan mendapatkan penjelasan ringkas
tentang konten-konten yang ada di e-learning ini. Secara umum ada beberapa bagian yang
penulis jelaskan tentang konten e-learning ini yaitu, fitur Membuat Akun, Halaman Profil,
Menu Utama dan Penggunaan Grup Dalam Pembelajaran.
B. Membuat Akun
1. Cara membuat akun baru adalah mengklik link create an account yang terletak sebelah
kanan halaman awal e-learning, seperti yang ditampilkan gambar berikut ini.
6. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 2
2. Setelah mengklik create an account maka akan muncul tampilan berikut
3. Selanjutnya, isi kotak di atas berdasarkan data yang benar. Formulir isian bagian kiri adalah
rincian akun yang akan digunakan sebagai username dan password Anda ketika hendak
login sedangkan formulir isian bagian kanan adalah rincian profil yang akan ditampilkan
pada halaman profil Anda.Setelah diisi, maka klik Complete Sign Up.
4. Setelah sukses, maka akan muncul konfirmasi sebagai berikut.
7. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 3
5. Selanjutnya adalah membuka e-mail yang Anda pakai sewaktu mendaftar untuk
mengaktivasi akun Anda. Maka Anda akan menemukan pesan dari E-learning Teknik
Kendaraan Ringan, bukalah pesan tersebut dan akan muncul tampilan sebagai berikut.
Selanjutnya klik link tersebut.
6. Setelah link tersebut diklik, maka akan muncul tampilan berikut yang berarti Pendaftaran
Akun Anda Sukses.
7. Dan akhirnya, akun yang telah Anda buat siap digunakan dengan terlebih dahulu login
dengan mengisi User Name dan Password pada kotak Login yang ada pada sebelah kiri.
8. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 4
C. Halaman Profil
Untuk melihat halaman profil Anda, maka Anda harus mengklik link nama User (misalnya,
Muh. Ikram) yang ada pada bagian kanan halaman awal e-learning, seperti yang ditampilkan
gambar berikut ini.
Setelah link tersebut di klik, maka akan muncul tampilan seperti gambar berikut ini.
Berikut ini penjelasan dari fitur Activity, Profile, Messages, Friends, Groups, Forums, dan
Settings.
1. Fitur Activity
Fitur ini terdiri atas 5 bagian, yaitu Personal, Mentions, Favorites, Friends, dan Groups.
a. Personal, fitur ini menampilkan halaman kegiatan yang telah Anda kerjakan, jadi semua hal
yang telah Anda buat akan terekam disini, layaknya status di Facebook ataupun Twitter.
Namun yang ditampilkan hanya khusus kegiatan Anda. Seperti gambar berikut.
9. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 5
b. Mentions, fitur ini menampilkan bahwa nama user anda dituliskan dalam sebuah status
seseorang yang sudah menjadi user. Hal ini ditandai dengan tulisan “@namauseranda“
(misalnya @samplestudent… )
c. Favorites, fitur ini menampilkan daftar hal-hal yang Anda sukai, misalnya menyukai materi,
kegiatan user, status user, dsb. Seperti yang ditampilkan berikut ini.
d. Friends, fitur ini menampilkan kegiatan teman yang telah Anda tambahkan (Add), seperti
ditampilkan gambar berikut ini.
10. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 6
e. Groups, fitur ini menampilkan kegiatan dari group yang dimana Anda telah bergabung di
dalamnya, seperti ditampilkan gambar berikut ini.
2. Fitur Profile
Fitur ini terdiri atas 3 bagian yaitu, Public, Edit, Change Avatar
11. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 7
a. Public, fitur ini menampilkan dua bagian, yaitu Base dan Courseware. Base berisi
keterangan tentang Anda secara umum yaitu Nama Lengkap, Alamat Lengkap, atau Nomor
Handphone Anda. Sedangkan Courseware merupakan keterangan tentang Peran User Anda
(misalnya, Guru-biasa berperan sebagai Teacher (Guru)).
b. Edit, fitur ini menampilkan dua pilihan pengaturan, yaitu Editing ‘Base’ Profile Group dan
Editing ‘Courseware’ Profile Group. Editing ‘Base’ Profile Group berfungsi mengatur
Data Umum Anda, yaitu misalnya Nama Lengkap, Alamat Lengkap, dan Nomor Handphone
Anda. Editing ‘Courseware’ Profile Group berfungsi mengatur Peran User Anda, dimana
ada dua pilihan yaitu sebagai Siswa (Student) dan Daftar Jadi Guru (Teacher). Kedua peran
ini harus mendapat persetujuan dari Admin untuk mendapatkan peran tersebut.
12. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 8
Editing ‘Base’ Profile Group
Editing ‘Courseware’ Profile Group
13. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 9
c. Change Avatar. Fitur ini befungsi untuk menampilkan gambar/foto yang akan menjadi foto
profil Anda ketika sudah Log in. Berikut ini caranya mengganti foto profil Anda. Kedua
peran ini harus mendapat persetujuan dari Admin untuk mendapatkan peran tersebut.
Berikut ini Prosedur Pengaturan Riwayat/Profil:
1) Setelah melakukan pendaftaran, maka langkah selanjutnya adalah mengisi foto yang akan
di tampilkan ketika sudah log In (Avatar). Caranya, klik nama user Anda (misalnya,
Muh. Ikram)
2) Setelah itu klik Tab Profile, dan klik Sub Tab Change Avatar. Kemudian, klik Choose
File, seperti yang ditampilkan gambar berikut ini.
3) Setelah itu, akan muncul kotak dialog seperti berikut, maka pilih carilah gambar di drive
komputer anda yang akan digunakan dan klik Open.
14. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 10
4) Setelah gambar di upload, maka tampilan di halaman web sebagai berikut, kemudian
klik Upload Image
5) Maka akan muncul gambar berikut ini, atur gambar yang akan di crop dengan cara
memindahkan kotak putus-putus untuk mendapatkan posisi yang tepat dan menarik
kotak hitam kecil yang berada di ujung kotak untuk memperbesar tampilan. Hasil
tampilan crop Anda akan terlihat pada gambar kecil sebelah kanan gambar besar.
Setelah gambar selesai di crop, selanjutnya klik Crop Image.
15. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 11
6) Maka akan muncul gambar berikut yang menandakan bahwa Anda telah mengupload
Avatar user ketika telah login
3. Fitur Messages
Fitur ini menampilkan Inbox, Sent, dan Compose. Inbox berisi pesan-pesan yang dikirim
oleh user. Sent adalah pesan yang Anda kirim kepada user lain. Sedangkan Compose adalah
pesan baru yang dibuat secara manual tanpa harus menuju ke halaman profil user yang akan
dikirimkan pesan, dimana Anda harus menuliskan nama user yang mau dikirim (Send To
(Username or Friend's Name)), perihal (Subject), dan isi pesannya (Message).
16. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 12
4. Fitur Friends
Fitur Ini terdiri atas dua bagian yaitu, Friendships dan Requests. Friendships
menampilkan daftar teman yang sudah menjadi teman Anda. Sedangkan Requests
menampilkan daftar tunggu user yang ingin menjadi teman Anda. Pilihannya adalah anda
menerima atau menolak. Kalau menerima, klik Accept dan kalau menolak, klik Reject.
5. Fitur Groups
Fitur ini terdiri atas dua bagian, yaitu Memberships dan Invitations. Fitur Memberships
menampilkan daftar group yang dimana kita sudah gabung di dalam group tersebut.
Sedangkan fitur Invitations menampilkan antrian undangan group yang mengundang Anda
untuk bergabung di dalamnya.
17. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 13
6. Fitur Forums
Fitur ini menampilkan topik yang sedang didiskusikan yang topiknya telah dibuat. Caranya
mengklik judul topik yang telah diberikan link (misalnya, Selamat bergabung).
7. Fitur Settings
Fitur ini terdiri atas tiga bagian, yaitu General Settings, Email Notification dan Delete
Account. General Settings berfungsi untuk mengatur ulang kata sandi Anda dan email baru
(jika diinginkan), Caranya sederhana, pertama-tama masukkan kata sandi Anda yang mau
diganti di kotak isian “Current Password (required to update email or change current
password)”. Kemudian isi alamat email Anda di kotak isian “Account Email” dan isilah
kotak isian “New Password” dan kotak isian “Repeat New Password” dan jangan lupa klik
Save Changes.
18. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 14
D. Menu Utama
Fitur ini terdiri atas fitur Beranda (Home), Activity, Members, Forums, Referensi
Penunjang
1. Fitur Beranda (Home)
Fitur ini menampilkan aktivitas group ketika anda pertama kali masuk di alamat link
http://harman.web.id/e-tkr. Dalam artian bahwa ini adalah tampilan beranda. Selain itu, ada
juga tampilan kotak dropdown “Order By” yang terdiri atas : Last Active, Most Members,
Newly Created, dan Alphabetical. Selain tampilan Order By, ada juga tampilan kotak
dropdown “Search Group…” yang memberikan Anda kemudahan dalam mencari Grup.
2. Fitur Activity
Fitur ini menampilkan dua bagian secara umum, yaitu Update Status dan Status All
Members, My Friends, My Groups, Mentions. Update (memperbarui) status memberikan
Anda ruang untuk menuliskan apa saja yang Anda ingin tuliskan. Sedangkan Status All
Members, My Friends, My Groups, Mentions berisi status sesuai menu dropdown Show
yang menampilkan yang Anda pilih, yaitu Everything, Updates, Posts, Comments, Forum
Topics, Forum Replies, New Groups, Group Memberships, Friendships, dan New
Members.
19. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 15
3. Fitur Members
Fitur ini menampilkan dua bagian secara umum yaitu All Members dan My Friends. All
Members menampilkan user-user yang sudah terdaftar baik yang sudah menjadi teman
Anda maupun belum menjadi teman Anda. Sedangkan My Friends, menampilkan user yang
sudah menjadi teman Anda. Selain itu juga disedikan dropdown Order By yang terdiri atas
Last Active, Newes Registered, dan Alphabetical.
20. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 16
4. Fitur Forums
Fitur ini menampilkan topik yang sedang didiskusikan yang topiknya telah dibuat. Caranya
mengklik judul topik yang telah diberikan link (misalnya, Tes).
5. Fitur Silabus Pelajaran, RPP, Blog, Panduan
Fitur ini menampilkan informasi bacaan yang temanya terkait dengan nama menunya
E. Penggunaan Grup Dalam Pembelajaran
Untuk masuk ke grup, caranya adalah mengklik link grup yang dimana Anda telah join di
dalamnya (misalnya, klik tulisan Kelistrikan Otomotif). Tampilan awal grup, misalnya grup
Kelistrikan Otomotif dapat dilihat pada gambar berikut. Secara umum, ada 5 menu yang
21. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 17
diberikan dalam tampilan grup ini, yaitu Beranda (Home), Courseware, Forum, Members,
Send Invites, dan Admin.
1. Home. Fitur ini menampilkan status yang sudah ditulis oleh admin group serta user yang
sudah terdaftar di grup (members grup). Serta memberikan Anda kesempatan untuk menulis
status di grup tersebut.
2. Courseware. Pada menu Home ada Courseware Dashboard, Course Description,
Assigments, dan Schedule.
a. Courseware Dashboard merupakan tampilan umum tentang pelajaran tersebut, terdiri atas
At a glance, Latest Lectures, Latest Assignment, Latest Schedule, dan Latest
Responses. Panel At a glance yaitu, dari update courses, add new lecture, create an
assignment, all responses, add a schedule, manage bibliography dan visit forums.
b. Course Description adalah penjelasan secara rinci tentang materi secara umum maupun sub
materi yang akan dibahas di dalamnya yang sudah dijelaskan dalam Panel Courseware
22. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 18
c. Assignments, berisi penjelasan tugas-tugas yang harus Anda kerjakan, tipenya
(description), tanggapan-tanggapan (responses), hingga waktu jatuh tempo pengumpulan
tugas tersebut (due date).
d. Schedule berisi kalender pendidikan terkhusus untuk pelajaran dari grup tersebut, dimana
jadwal tersebut akan memudahkan Anda dalam manajemen waktu pembelajaran.
23. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 19
3. Forum
Fitur ini menampilkan topik diskusi yang penjelasannya sama dengan forum yang terletak pada
menu utama.
4. Members
Fitur ini menampilkan anggota-anggota yang sudah terdaftar di grup
24. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 20
5. Send Invites
Fitur ini memberikan Anda kewenangan untuk mengundang user yang telah menjadi teman Anda
untuk bergabung bersama Anda dalam grup yang dimana Anda telah joint di dalamnya
(misalnya, penulis mengundang Muh. Ikram untuk bergabung di Grup Kelistrikan Otomotif).
Caranya mencentang nama Muh. Ikram dan Send Invites.
6. Admin
Berisi fitur-fitur grup belajar seperti details, settings, avatar, members, requests, courseware,
dan delete yang bisa digunakan admin untuk mengelola grup belajar tersebut.
F. Mengelola Grup Pembelajaran
Setelah mengetahui fitur-fitur pembelajaran selanjutnya pengelolaan grup pembelajaran agar
dapat dengan mudah diakses oleh peserta didik.
1. Membuat Grup Belajar
a. Kunjungi halaman Home (Beranda) dan klik tombol Create Group
25. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 21
b. Kemudian kita akan dibawa ke layar Details dimana kita diminta untuk memberi nama
grup dan keterangan grup. Kemudian klik Create Group and Continue
c. Langkah berikutnya adalah memilih opsi privasi yang sesuai untuk grup. Memilih untuk
mengatur kelompok sebagai Private akan mencegah bukan anggota kelompok melihat
interaksi kelompok. Dari layar ini kita juga dapat memilih yang memiliki kemampuan
untuk menambahkan anggota baru ke grup. Jika kita ingin mempertahankan kontrol atas
anggota kelompok, atur pilihan Group Invitations ke Group admins and mods only.
26. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 22
d. Layar Avatar memungkinkan kita untuk memilih gambar untuk grup. Hal ini tidak
diperlukan, tetapi dapat menjadi cara mudah untuk membedakan grup belajar.
e. Layar Invites memungkinkan kita untuk memilih pengguna situs dari daftar teman kita
yang akan ditambahkan ke grup. Pilih siswa yang sesuai dan klik tombol Finish.
27. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 23
2. Memasukkan Materi Pembelajaran
Menambahkan materi memungkinkan guru untuk berbagi catatan saja, sumber daya, dan
slide dengan siswa dalam format yang terstruktur. Untuk menambahkan materi baru, klik
tombol Add a new lecture dari dashboard saja. Kemudian kita dapat mengedit isi dari materi
dengan cara yang sama sebagaimana menulis postingan WordPress menambahkan teks, gambar,
link, dan media tertanam.
Materi akan muncul di bagian Latest Lectures dari dashboard dengan materi yang paling
baru diposting akan muncul di bagian atas. Hal ini memungkinkan siswa untuk cepat mengakses
materi program studi yang paling baru diposting.
3. Mengelola Tugas (Assignment)
Sebagai guru, kita memiliki kemampuan untuk mengirim tugas. Untuk memposting sebuah
tugas, kunjungi dashboard kursus dan klik tombol Create an assignment. Ini akan membawa
kita ke layar New Assignment. Dari layar New Assignment, kita dapat memasukkan rincian
tugas.
28. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 24
Dari layar New Assignment, menetapkan judul untuk tugas dan memasukkan deskripsi
tugas dan informasi yang diperlukan. Cara ini digunakan dalam cara yang sama seperti posting
WordPress, memungkinkan kita untuk memasukkan teks, gambar, media, dan link.
Pada kolom bagian kanan, kita dapat memilih topik materi yang sesuai dan pilih tanggal
jatuh tempo penugasan.
Setelah informasi tugas selesai, klik tombol Publish assignment untuk membuatnya
terlihat oleh siswa.
29. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 25
4. Membuat Forum Diskusi
Forum adalah cara yang efektif untuk mengkoordinasikan diskusi siswa. Forum melayani
tujuan yang berbeda dibandingkan kegiatan situs, sebagai forum memungkinkan pengguna
untuk membuat dan menanggapi posting dalam topik tertentu.
Untuk membuat forum klik Forums pada dashboard maka kita akan dibawa ke layar Forum
Directory. Selanjutnya klik New Topic untuk membuat topik terbaru dalam sebuah forum.
Forum Group akan memberikan anggota akses kelompok untuk sebuah forum diskusi yang
terpisah. Hanya anggota kelompok akan memiliki akses untuk posting ke forum kelompok.
5. Memasukkan Chat
Untuk memudahkan interaksi antara guru dan siswa juga terdapat menu chatting yang dapat
digunakan untuk berkomunikasi pada waktu yang bersamaan. Adapun langkah penggunaan
fasilitas chatting adalah dengan mengarahkan kursor ke bagian kanan situs hingga mendapatkan
layar Ruang Chat seperti gambar ini.
30. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 26
Mulailah chat dengan tamu, admin, guru, atau dengan siswa lainnya dengan memasukkan
teks pada kotak dialog kemudian menekan Enter untuk memasukkan teks pada ruang chat.
31. Harman | Penggunaan E-Learning Berbasis CMS WordPress di SMK 27
DAFTAR PUSTAKA
Adam D. Scoot, 2012. Wordpress for Education: Create Interactive and Engaging E-learning
Websites. Birmingham, UK: Packt Publishing.
Ithemes. Januari, 2008. Wordpress As a CMS, 7.
Wikipedia Ensiklopedia Bebas. 2013. Wikipedia: Sistem Manajemen Konten (online).
(http://id.wikipedia.org/wiki/Sistem_manajemen_konten, Diakses 7 Februari 2013).
Wikipedia Ensiklopedia Bebas. 2013. Wikipedia: Wordpress (online).
(http://id.wikipedia.org/wiki/WordPress, Diakses 7 Februari 2013).
Zaenal, Ali, 2011. Website Super Keren dengan WordPress 3.X. Jakarta: Mediakita.