KD. 3.

2 Informatika IX
CONTENTMANAGEMENTSYSTEM(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 dalamsudut
pandang/teori.

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

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

Tujuan:
Setelahmelaksanakanpembelajaransiswamampu
1. Menjelaskanpengertian dan fungsiCMS
2. Menyebutkanmacam-macamCMS
3. Mendaftarblog
4. Mengisiblog
5. Menambahanimasisederhanapadablog

A. PengertianContentManagementSistem(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.

Denganmenggunakan CMS, orang yangakan membuat sebuat website akan sangat

dipermudah karena tidak dibutuhkan kemampuan atau penguasaan bahasapemrograman
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
websiteperusahan, bisnis, organisasi, portal berita, aplikasi toko online (ecommerce),
website pribadi/blog, sekolah, instansi pemerintah atau swasta, galeri foto, dan masih
banyakyanglainnya.CMSinipenggunaannyalebihbersifatumumyangartinyatidakterbatas
 pada suatu website tertentu saja. CMS bisa digunakan untuk mengembangkan website
dalam bidang pendidikan, perusahaan, organisasi, atau hobi.

B. FungsiContentManagementSistem(CMS)
Seperti yang telah dijelaskan di atas bahwa CMS akan memberikan banyak
kemudahan kepada seorang yang akan membuat atau mengelola sebuahwebsite, dari
situ dapat disimpulkan beberapa fungsi dari CMS yaitu.

1. Memberikankemudahanorangyangakanmembuatwebsite.
2. Memberikankemudahandalammengelolaankontenwebsite.
3. Memberikankemudahandalam pencariandatayangadapadawebsite

C. Macam-macamContentManagementSistem(CMS)
Saat inibanyak perusahaan pengembang CMS yang menawarkan kepada pengguna
baik yang bersifatgratis (free)ataupun yang berbayar,berikutbeberapa CMSyangsering
digunakan oleh masyarakat.
1. Wordpress
Wordpress merupakan salah satu CMS yang banyak digunakan
oleh masyarakat untuk membangun sebuahwebsite. Pada
awalnya Wordpress merupakan CMS dalam jenis blog atau
website pribadi, namun seiring dengan perkembangannya banyak
pengembangdaripihakketigayangmengembangkannyadengan
membuat fasilitas-fasilitas baru yang bisa diaplikasikan pada Wordpress sehinggasaat
ini Wordpress sudah banyak digunakan oleh organisasi, perusahaan, lembaga
pendidikan, dan juga took online.Wordpressmerupakan 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 bersifatopen sourceataufree
softwaresehingga orang yang akan membangun website bisa
mendapatkannya dengan gratis. Mambo banyak menyediakan
komponenyangseringdibutuhkanolehsepertikomponen
shopping chart,photo,gallery,forum,pool,calendarwebsite,searching,multibahasa dan
lain-lain. Mamboo juga bisa digunakan di jaringan komputer local, sama seperti
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 bersifatopen sourcesehingga

pihak ketiga bebas untuk memodifikasi serta membuat komponen
taupunplugin. Joomla merupkan salah satu CMS yangpower
fullseperti Mamboo sehingga banyak digunakan oleh instansi,
perusahaan,lembagapendidikan,dantookonline.Joomladari
tahun ke tahun selalu mengalami pengembangan, ini bisa dilihat dari versinya yang
selalu berubah. Pengguna bisa mendapatkan software Joomla dan komponen-
komponen 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
licencysehingga pengguna bebasmendownloaddan
menggunakannya.
FasilitasyangdiberikanolehDrupaljugahampersamadengan
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.
Tidaksedikitsekolahdanperguruantinggiyangmemanfaatkan
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 ke internet yang dikenal
dengannamablog.Banyaknyapenggunablogspotdikarenakan
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. MendaftarBlog
 Dalam sub bahasan kaliiniakan dibahascaramendaftarke blogspotuntukmembuat
blogpribadi.Diharapkannantinyamasing-masingsiswamempunyablogsendiri.Perlu
diketahuisyaratuntukbisamendaftarblogspotadalahharusmempunyaiemailgoogle (gmail).
Berikut langkah-langkah membuat blog dengan CMS blogspot.
1. Bukasitusdenganalamatblogger.com,tampilansitusnyasepertidibawahini.

2. KlikCREATEYOURBLOGsetelahitumasukkanemaildanpasswordemail.

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. KlikBuatBlog.
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. MengisiBlog

Blog yang baru dibuat tentunya perlu diisi dengan artikel yang sesuai dengan judul
blogyangtelahdibuat.Untukmengisiblogtentunyaharusmasukkeakun bloggerterlebih
dahulu, oleh karena itu harus selalu diingat username dan password akun yangdigunakan
untuk mendaftar blogger. Berikut langkah-langkah untuk mengisi atau memasukkan artikel
ke dalam blog.

1. Buka situs denganalamatblogger.com.

2. MasukdenganmengklikSignInkemudianmasukkanalamatemaildanpassword,
tampilanakansepertidibawahini.

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

Tempatmenulis artikel Icon-iconpengaturanartikel

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.
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 AnimasiSederhanaPadaBlog
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-kanke
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 langkah-
langkah cara menambahkan animasi pada blog.
1. Cari kode animasi melalui mesin pencari google. Caranya adalah memasukkan kata
kunci“animasibergerakuntukblog”padagoogle.Setelahterbukahasilpencarianbisa dipilih
link paling atas.

2. Setelahdipilihpilihanpalingatasmaka
akan muncul sebuah halam web yang
berisi beberapa animasi bergerak
beserta kodenya. Misalnya kita pilih
animasi gambar bergerak pinguin. Di
situ ada gambar pinguin bergerak dan
di bawahgambar pinguin (area yang
 diberikotak)adakodehtml-nya,kodeitulahyangharusdicopy.
3. Bukablogger.com kemudianlogin/masukkeblog.
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
kodehtmlyang telahdicopytadikeareatersebut. Lalu klik Terbitkan.Artikeltersebut bila
dilihat akan ada animasi pinguin bergerak.

Paste-kankodehtml yang telah dicopy di area ini