Bab 2 - Materi - CMS

BAB 2.
CMS (Content
Management System)
ALVIN SUKMA HADI PURNOMO,S.KOM
INFORMATIKA/ IX
Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022
REFLEKSI BAB 1 MENGENAL FITUR
LANJUTAN BROWSER
 Anak-anak Masih Ingatkah Apa Yang Sudah Kalian Pelajari Pada

Pertemuan Sebelumnya Di Bab 1 ?
 Menurut Kalian Bagaiaman Kesan Pada Materi “Mengenal Fitur
Lanjutan Browser” ? Menyenangkan? Menyusahkan/ Terbilang
Sangat Mudah?

KOMPETENSI INTI /KOMPETENSI DASAR
 KI-3: Memahami pengetahuan (faktual, konseptual, dan prosedural) berdasarkan 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.

SUB KOMPETENSI DASAR
 Kompetensi Dasar Pengetahuan :

3.2 Mengenal fitur aplikasi CMS (Content Management System, pengelola konten web, sedapat mungkin yang
berupa freeware), dan memakai untuk membuat blog.
 Kompetensi Dasar Keterampilan :
4.2 Membuat blog untuk menunjang aktivitas siswa, contohnya membuat, blog kegiatan 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

Ada Yang Tau?
 Kira-Kira Content Management System

(CMS) itu apa ya ?
 dalam bahasa Indonesia disebut dengan sistem
manajemen konten
 Yaitu perangkat lunak yang digunakan untuk
membangun, menambahkan atau
memanipulasi (mengubah) isi dari suatu situs
website.

FUNGSI CMS ?
 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.

Mau Mencoba Belajar HTML ?
 <html>
 <head>
 <title>HTML ALVIN</title>
 </head>
 <body>
 <main>
 <h1>MOBILE LEGEND SMPN 10 MALANG</h1>
 <h2>Team E-Sport Garuda SMPN 10 Malang Telah Menjuarai Turnament 2X Pada Classmeeting</h2>
 <p> Pada Masa Itu Kelas 9E dan 9F Telah Menjuarai Turnamen </p>
 <body background="mlbb.jpeg">
 <p> kunjungi instagram kami di sini <a href="https://www.instagram.com/blend_coffe/?hl=en">klik disini</a> </p>
 </main>
 </body>
 </html>
Apasih Kegunaan Bahasa Pemograman?
 Untuk Berbicara dengan manusia , kira-kira Bahasa apa yang akan kalian gunakan?
 Benar, Bahasa Manusia
 Untuk Berbicara dengan hewan , kira-kira Bahasa apa yang akan kalian gunakan?
 Benar, Bahasa Hewan
 Untuk Berbicara dengan komputer , kira-kira Bahasa apa yang akan kalian gunakan?
 Benar, Bahasa computer
 Fungsi utama dari bahasa pemrograman adalah sebagai alat untuk memberikan perintah kepada komputer
agar dapat bergerak mengolah kata sesuai dengan apa yang kamu inginkan

Kenapa Kita Harus Belajar Menggunakan
CMS ?
 Manfaat Menggunakan CMS

 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 pribadi/blog, sekolah, instansi
pemerintah atau swasta, galeri foto, dan masih banyak yang lainnya
 CMS ini penggunaannya lebih bersifat umum/Open Source yang artinya tidak terbatas pada suatu website
tertentu saja. CMS bisa digunakan untuk mengembangkan website dalam bidang pendidikan, perusahaan,
organisasi, atau hobi.

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

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.
 awalnya Wordpress merupakan CMS dalam jenis blog atau website

pribadi, namun seiring dengan Perkembangannya banyak
pengembang/Developer 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 toko online.

TAMPILAN WORDPRESS
 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.
 https://
www.youtube.com/watch?v=Z1ND4HeG
j3o

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
Wordpress

TAMPILAN
 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 toko online.
 Joomla dari 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.
TAMPILAN
 https://www.youtube.com/watch?v=agMGyThdulE
4. DRUPAL
 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

 https://www.youtube.com/watch?v=0f948UGpC7M
 https://www.youtube.com/watch?v=0f948UGpC7M
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
TAMPILAN AWAL
 Selain bisa digunakan secara

online, Moddle juga bisa
digunakan dengan
menggunakan jaringan offline
(jaringan local)
 https://
www.youtube.com/watch?v=3
ORsUGVNxGs

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
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).
CARA 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).
SYARAT WAJIB MEMBUAT  Berikut langkah-langkah membuat blog dengan
BLOG ADALAH EMAIL CMS blogspot.

1. Buka situs/ Alamat WEB : www.blogger.com
 Jika Muncul Seperti

Ini Selamat Anda
Berhasil Masuk pada
tampilan awal bloger

2. Klik ”CRATE YOUR BLOG”

3.Masukkan E-Mail dan Password.
 Isi judul/title 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 Akses Blog
 Isi Alamat blog, contoh duniaolahraga.blogspot.com,

suyantoblog.blogspot.com,
wisatakuliner24.blogspot.com, dan lain-lain.

5. NOTIF JIKA ALAMAT SUDAH
DIGUNAKAN
 Biasanya bila alamat yang dimasukkan sudah dipakai

orang lain maka akan disuruh mengganti dengan alamat
lain ditandai dengan peringatan tulisan “Maaf, Alamat
blog ini tidak tersedia”

6. NOTIF ALAMAT BLOG TERSEDIA
 Biasanya bila alamat yang dimasukkan sudah benar

”alamat blog ini tiak tersedia/bias digunakan”.

7. MASUKKAN NAMA KALIAN
 FIRUT BARU :
 Pengguna platform blogspot mungkin ada yang sedikit
kaget hari ini. Hal ini karena Blogspot/Blogger.com
meminta data baru dari nama yang akan ditampilkan
oleh Blogspot di website nanti.

8. SELAMAT BLOG ANDA SUDAH JADI

9. PILIH TEMA/TEMPLET
 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.

10. UNTUK MELIHAT KILE PRIVEW
TERLEBIH DAHULU

12. TAMPILAN HASIL PREVIEW

13. PERGI KE SETTING

14. ALAMAT PUBLISH

15. DISPLAY NAME

16. MAXIMAL POSTINGAN YANG INGIN
DITAMPILKAN

17. MERUBAH FORMAT WAKTU

18. EARNINGS/PENDAPATAN

https://www.youtube.com/watch?v=53OyK79prgk
19. CARA MEMBUAT POSTINGAN

20. SEBELUM PUBLISH KLIK PREVIEW
POSTINGAN

21. HASIL PREVIEW

22. PUBLISH POSTINGAN

23. TAMPILAN JIKA POSTINGAN
BERHASIL DI PUBLISH

24. CARA MEMBAGIKAN LINK
POSTINGAN

25. HASIL COPY LINK
 https://duniabelajarberbagibersama.blogspot.com/2022/08/belajar-cms-conten-management-system.html

26. HASIL TAMPILAN WEBSITE YANG
DIBUAT

NAH BAGAIAMANA ?
SERU BUKAN ?
APA KALIAN SUDAH BISA MEMBUAT BLOG SENDIRI
SEKARANG?

PENILAIAN KETERAMPILAN
PENGUMPULAN
 Silakan Buat Sebuah Blogspot TUGAS
 Isi 1 konten kesukaan kalian
 Isi 1 konten tentang materi CMS yang sudah dijelaskan
 Silakan buat semenarik mungkin
 Kirim hasil Copy Link Lewat Google Formulir Dibawah Ini :
https://forms.gle/fvkcUhcVbYkSWxPM8

PENILAIAN PENGETAHUAN
 https://quizizz.com/join?gc=483956&source=liveDashboard

Bab 2 - Materi - CMS

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Bab 2 - Materi - CMS

Diunggah oleh

Hak Cipta:

Format Tersedia

BAB 2.

 Anak-anak Masih Ingatkah Apa Yang Sudah Kalian Pelajari Pada

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Kompetensi Dasar Pengetahuan :

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Setelah melaksanakan pembelajaran siswa mampu :

1. Menjelaskan pengertian dan fungsi CMS

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Kira-Kira Content Management System

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Dengan menggunakan CMS, orang

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Manfaat Menggunakan CMS

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Saat ini banyak perusahaan pengembang

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Wordpress merupakan salah satu CMS yang banyak digunakan oleh

 awalnya Wordpress merupakan CMS dalam jenis blog atau website

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Wordpress merupakan salah satu CMS

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Meskipun gratis, beberapa

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Moodle adalah CMS yang dikembangkan untuk dunia

 Selain bisa digunakan secara

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Blogspot adalah salah satu CMS gratis yang banyak

 Dalam sub bahasan kali ini akan dibahas cara

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Jika Muncul Seperti

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Isi Alamat blog, contoh duniaolahraga.blogspot.com,

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Biasanya bila alamat yang dimasukkan sudah dipakai

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Biasanya bila alamat yang dimasukkan sudah benar

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

 Pilih Tema yang diinginkan, Tema

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022

Pembuat Materi : Alvin Sukma Hadi Purnomo,S.Kom 10/12/2022