BAB II

CONTENT MANAGEMENT SYSTEM (CMS)

KI-3: Memahami pengetahuan (faktual, konseptual, dan prosedural) berdasar kan

rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni, budaya terkait
fenomena dan kejadian tampak mata.

KI-4: Mencoba, mengolah, dan menyaji dalam ranah konkret (menggunakan,

mengurai, merangkai, memodifikasi, dan membuat) dan ranah abstrak (menulis,
membaca, menghitung, menggambar, dan mengarang) sesuai dengan yang
dipelajari di sekolah dan sumber lain yang sama dalam sudut pandang/teori.

Kompetensi Dasar Pengetahuan:

Mengenal fitur aplikasi CMS (Content Management System, pengelola konten
web, sedapat mungkin yang berupa freeware), dan memakai untuk membuat
blog.

Kompetensi Dasar Keterampilan:

Membuat blog untuk menunjang aktivitas siswa, contohnya membuat, blog kegi
atan terkait sekolah.

Tujuan:
Setelah melaksanakan pembelajaran siswa mampu
1.
Menjelaskan pengertian dan fungsi CMS
2.
Menyebutkan macam-macam CMS
3.
Mendaftar blog
4.
Mengisi blog
5.
Menambah animasi sederhana pada blog

A. Pengertian Content Management Sistem (CMS)

Content Management System (CMS) yang dalam bahasa Indonesia disebut dengan
sistem manajemen konten adalah perangkat lunak yang digunakan untuk membangun,
menambahkan atau memanipulasi (mengubah) isi dari suatu situs website.

Dengan menggunakan CMS, orang yang akan membuat sebuat website akan sangat
dipermudah karena tidak dibutuhkan kemampuan atau penguasaan bahasa
pemrograman seperti HTML, CSS, Javascript, dan PHP. CMS akan memanjakan
penggunanya karena orang yang akan menyusun sebuah website tinggal melakukan
pengaturan sederhana.

Ada banyak website yang bisa dibangun dengan menggunakan CMS seperti website
perusahan, bisnis, organisasi, portal berita, aplikasi toko online (ecommerce), website

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................1

 pribadi/blog, sekolah, instansi pemerintah atau swasta, galeri foto, dan masih banyak
yang lainnya. CMS ini penggunaannya lebih bersifat umum yang artinya tidak terbatas
pada suatu website tertentu saja. CMS bisa digunakan untuk mengembangkan website
dalam bidang pendidikan, perusahaan, organisasi, atau hobi.

B. Fungsi Content Management Sistem (CMS)

Seperti yang telah dijelaskan di atas bahwa CMS akan memberikan banyak kemudahan
kepada seorang yang akan membuat atau mengelola sebuah website, dari situ dapat
disimpulkan beberapa fungsi dari CMS yaitu.

1. Memberikan kemudahan orang yang akan membuat website.

2. Memberikan kemudahan dalam mengelolaan konten website.
3. Memberikan kemudahan dalam pencarian data yang ada pada website

C. Macam-macam Content Management Sistem (CMS)

Saat ini banyak perusahaan pengembang CMS yang menawarkan kepada pengguna
baik yang bersifat gratis (free) ataupun yang berbayar, berikut beberapa CMS yang sering
digunakan oleh masyarakat.
1. Wordpress
Wordpress merupakan salah satu CMS yang banyak
digunakan oleh masyarakat untuk membangun sebuah
website. Pada awalnya Wordpress merupakan CMS dalam
jenis blog atau website pribadi, namun seiring dengan
perkembangannya banyak pengembang dari pihak ketiga
yang mengembangkannya dengan
membuat fasilitas-fasilitas baru yang bisa diaplikasikan pada Wordpress sehingga saat
ini Wordpress sudah banyak digunakan oleh organisasi, perusahaan, lembaga
pendidikan, dan juga took online. Wordpress merupakan salah satu CMS yang bersifat
gratis, namun ada beberapa fasilitas yang dikembangkan oleh pihak ketiga yang
mewajibkan untuk membelinya. Bisa dikatakan Wordpress adalah CMS yang bersifat
user friendly karena dikenal mudah dalam penggunaannya.
2. Mamboo
Mamboo Open Source yang saat ini dikenal dengan
sebutan Mamboo adalah CMS yang bersifat open source
atau free software sehingga orang yang akan membangun
website bisa mendapatkannya dengan gratis. Mambo
banyak menyediakan komponen yang sering dibutuhkan
oleh seperti komponen
shopping chart, photo, gallery, forum, pool, calendar website, searching, multi bahasa
dan lain-lain. Mamboo juga bisa digunakan di jaringan komputer local, sama seperti

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................2

 Wordpress. Meskipun gratis, beberapa komponen Mambo yang dikembangkan oleh
pihak ketiga mengharuskan penggunanya untuk membelinya. Mamboo banyak
digunakan oleh perusahaan, instansi pemerintah dan swasta, lembga pendidikan,
ecommerce, dan lain-lain.

3. Joomla
Joomla juga termasuk CMS yang bersifat open source
sehingga pihak ketiga bebas untuk memodifikasi serta
membuat komponen taupun plugin. Joomla merupkan salah
satu CMS yang power full seperti Mamboo sehingga banyak
digunakan oleh instansi, perusahaan, lembaga pendidikan,
dan took online. Joomla dari
tahun ke tahun selalu mengalami pengembangan, ini bisa dilihat dari versinya yang
selalu berubah. Pengguna bisa mendapatkan software Joomla dan
komponenkomponen lainnya secara gratis di website resminya yaitu joomla.org.
4. Joomla
Drupal juga menjadi salah satu CMS terbaik ini dikarenakan
pada tahun 2008 Drupal adalah CMS yang banyak
digunakan oleh pengembang website. Drupal juga termasuk
CMS yang free licency sehingga pengguna bebas
mendownload dan menggunakannya.
Fasilitas yang diberikan oleh Drupal juga hamper sama dengan Joomla dan
Wordpress, namun akhir-akhir ini popularitas dari Drupal kalah dengan Wordpress.
Meskipun demikian Drupal tetap dianggap sebagai CMS yang mempunyai system
keamanan yang lebih bagus dari pada CMS lainnya.
5. Moodle
Moodle adalah CMS yang dikembangkan untuk dunia
pendidikan.
Tidak sedikit sekolah dan perguruan tinggi yang memanfaatkan CMS ini, bahkan
tenaga pendidik pun ada yang memanfaatkan CMS Moodle secara mandiri untuk
menerapkan pembelajaran online. Fitur yang lengkap dari Moodle menjadikan CMS
ini menjadi idola dunia pendidikan saat ini. Dengan Moodle, guru dapat membuat
kelas-kelas serta memberikan materi dan penilaian secara online. Selain bisa
digunakan secara online, Moddle juga bisa digunakan dengan menggunakan jaringan
offline (jaringan local)
6. Blogspot
Blogspot adalah salah satu CMS gratis yang banyak
digunakan oleh penggemar blog. Blogspot merupakan CMS
yang lebih bersifat sebagai catatan pribadi yang di unggah

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................3

 ke internet yang dikenal dengan nama blog. Banyaknya pengguna blogspot
dikarenakan
hanya dengan modal email sudah bisa mendaftar ke blogspot. Namun meskipun
blogspot banyak digunakan tetap ada kelemahannya, seperti tidak bisa digunakan
secara offline (melalui jaringan lokal).

D. Mendaftar Blog
Dalam sub bahasan kali ini akan dibahas cara mendaftar ke blogspot untuk membuat
blog pribadi. Diharapkan nantinya masing-masing siswa mempunya blog sendiri. Perlu
diketahui syarat untuk bisa mendaftar blogspot adalah harus mempunyai email google
(gmail). Berikut langkah-langkah membuat blog dengan CMS blogspot.
1. Buka situs dengan alamat blogger.com, tampilan situsnya seperti di bawah ini.

2. Klik CREATE YOUR BLOG setelah itu masukkan email dan password email.

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................4

 3. Isi judul blog sesuai dengan konten yang akan diisikan dalam blog, contoh Dunia
Olahraga, Blog Pribadiku, Toko Sepatu Online, Wisata Kuliner dan lain-lain.
4. Isi Alamat blog, contoh duniaolahraga.blogspot.com, suyantoblog.blogspot.com,
wisatakuliner24.blogspot.com, dan lain-lain. Biasanya bila alamat yang dimasukkan
sudah dipakai orang lain maka akan disuruh mengganti dengan alamat lain ditandai
dengan peringatan tulisan “Maaf, blog ini tidak tersedi”.

5. Pilih Tema yang diinginkan, Tema atau disebut juga Template adalah tampilan dari
blog yang diinginkan. Disediakn beberapa Tema standar, bila menginginkan tem yng
lain bisa memodifikasi sendiri atau memnfatkan tema dari pihak ketiga.
6. Klik Buat Blog.
7. Selesai.

Bila tidak ada langkah yang salah maka blog yang sudah dibuat bisa diakses dengan
memasukkan alamat blog ke addresbar. Blog yang telah dibuat tentunya masih kosong
karena belum diisi dengan artikel sama sekali. Untuk mengisi blog dengan artikel akan
dijelaskan pada bagian selanjutnya.

E. Mengisi Blog

Blog yang baru dibuat tentunya perlu diisi dengan artikel yang sesuai dengan judul
blog yang telah dibuat. Untuk mengisi blog tentunya harus masuk kea kun blogger terlebih
dahulu, oleh karena itu harus selalu diingat username dan password akun yang
digunakan untuk mendaftar blogger. Berikut langkah-langkah untuk mengisi atau
memasukkan artikel ke dalam blog.

1. Buka situs dengan alamat blogger.com.

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................5

2. Masuk dengan mengklik Sign In kemudian masukkan alamat email dan password,
tampilan akan seperti di bawah ini.

3. Untuk membuat artikel baru klik Entri baru, maka tampilan akan seperti gambar di
bawah setelah itu dilanjutkan dengan mengisi judul artikel atau judul postingan lalu
menulis isi artikel pada tempat yang telah disediakan. Untuk penulisan artikel sudah
disediakan icon-icon untuk mengatur penulisan seperti yang ada pada program
pengolahan kata Ms. Word. Icon-icon tersebut berada di atas area tempat penulisan
artikel.

Tempat judul artikel

Tempat menulis artikel Icon-icon pengaturan artikel

4. Bila ingin menyisipkan gambar atau video maka harus mengklik icon insert picture
atau insert video lalu mencari gambar atau video yang ada pada icon-icon yang
tersedia.

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................6

 5. Setelah dianggap cukup dalam penulisan artikel maka artikel tersebut sebaiknya
dikelompokkan pada kategori-kategori yang sesuai. Misalnya artikel yang membahas
pelajaran ilmu pengetahuan alam bisa dikelompokkan pada kategori (label) IPA, artikel
yang membahas tentang olahraga bisa dikelompokkan pada kategori/label Olahraga,
artikel yang membahas tentang agama harus dikelompokkan pada kategori/label
Agama. Untuk membuat kategori/label dilakukan dengan cara mengklik menu Label
yang ada di sisi kanan tampilan blog.

Bila label-label atau kategori sudah tersedia tinggal memilih dengan mengklik label
yang diinginkan dan bila label yang diinginkan belum ada maka bisa dengan mengetik
label yng diinginkan lalu klik Selesai yang ada di bawahnya.
6. Langkah terakhir adalah klik Publikasikan. Namun bila ingin artikel tersebut tidak
dipublikasikan dulu bisa di Klik Simpan terlebih dahulu.

F. Menambah Animasi Sederhana Pada Blog

Untuk menambah bagus tampilan dari blog kadang diperlukan penambahan animasi.
Macam-macam animasi bisa dibuat sendiri atau bisa mencari animasi yang tersedia di
internet. Biasanya animasi yang ada di internet berupa kode html yang bisa di copy-kan
ke blog yang kita punya. Animasi bisa berbentuk jam digital, gerakan gambar kartun atau
lainnya. Animasi bisa diletakkan pada beberapa bagian yang ada pada blog, misalnya
pada area artikel/postingan, pada sidebar sebalah kiri atau kanan, dan juga bisa pada
bagian lainnya. Kali ini akan ditunjukkan bagaimana cara menambah animasi pada suatu
positingan, jadi animasi nanti berada pada area tempat menulis artikel. Berikut
langkahlangkah cara menambahkan animasi pada blog.
1. Cari kode animasi melalui mesin pencari google. Caranya adalah memasukkan kata
kunci “animasi bergerak untuk blog” pada google. Setelah terbuka hasil pencarian bisa
dipilih link paling atas.

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................7

 2. Setelah dipilih pilihan paling atas maka
akan muncul sebuah halam web yang
berisi beberapa animasi bergerak
beserta kodenya. Misalnya kita pilih
animasi gambar bergerak ping uin. Di
situ ada gambar pinguin bergerak dan
di bawah gambar pinguin (area yang

diberi kotak) ada kode html-nya, kode itulah yang harus dicopy.
3. Buka blogger.com kemudian login/masuk ke blog.
4. Buatlah sebuah postingan artikel baru dengan cara seperti yang dijelaskan pada
bagian sebelumnya. Setelah terbuka halaman untuk menulis artikel klik tombol HTML
maka pada area pengetikan artikel akan terlihat kod-kode html, setelah itu paste-kan
kode html yang telah di copy tadi ke area tersebut. Lalu klik Terbitkan. Artikel tersebut
bila dilihat akan ada animasi pinguin bergerak.

Paste-kan kode html

yang telah dicopy di
area ini

G. Penilaian

Penilaian Pengetahuan

Pilihlah salah satu jawaban yang benar!

1. Pengertian dari CMS adalah….

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................8
 a. perangkat lunak yang digunakan untuk membangun, menambahkan atau
memanipulasi (mengubah) isi dari suatu situs website
b. perangkat lunak yang digunakan untuk membuka situs atau website
c. perangkat lunak yang digunakan untuk fasilitas chatting
d. perangkat lunak yang digunakan untuk melakukan pencarian informasi yang ada di
website
2. Kepanjangan dari CMS adalah….
a. Coordinator Managemen System
b. Coordinator Microsoft System
c. Content Managemen System
d. Content Microsoft System
3. CMS yang hanya bisa digunakan secara online adalah….
a. Wordpress
b. Joomla
c. Moodle
d. Blogspot
4. CMS yang digunakan untuk pembelajaran online adalah….
a. Moodle
b. Mamboo
c. Blogger
d. Wordpress
5. Untuk mendaftar blogspot harus mempunyai email, berikut cara email yang benar
adalah….
a. rprasetya.com
b. rprasetya@ yahoo.com
c. rprasetya@gmail.com
d. rprasetya @gmail.com
6. Dalam blogspot, untuk mengelompokkan artikel sejenis terletak pada…. a. kategori
b. kelompok
c. label
d. layout
7. Kode yang biasa digunakan untuk membuat animasi agar tampilan blog lebih menarik
adalah kode…. a. HMTL
b. HTML
c. LHTM
d. MTHL
8. Alamat situs untuk membuat situs pribadi blogspot adalah….
a. blogger.com
Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................9
 b. wordpress.com
c. joomla.com
d. plaza.com
9. Perhatikanlah gambar disamping, untuk mengganti template pada blogspot maka
bagian yang harus di klik adalah….
a. statistik
b. halaman
c. tema
d. setelan

10. Blogspot banyak digunakan oleh masyarakat untuk

membuat blog pribadi tapi blogspot mempunyai kekurangan yaitu….
a. tidak bisa digunakan dalam jaringan local
b. tidak bisa dirubah templatnya
c. tidak bisa digunakan untuk mengupload gambar
d. harus memppunyai email

Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................10

Penilaian Keterampilan
Buatlah sebuah blog dengan memanfaatkan blog gratis dari blogger.com kemudian
buatlah 3 buah artikel dengan kategori yang berbeda. Kirimkan alamat blog yang telah
kamu buat kepada guru pengajar melalui email.

11
Modul Informatika Kelas IX Semester Ganjil MTs Negeri 1 Bojonegoro........................................

12