KONSEP CMS (CONTENT MANAGEMENT SYSTEM)

🧠 KONSEP CMS (CONTENT MANAGEMENT SYSTEM)


1. πŸ“Œ Pengertian CMS

CMS (Content Management System) adalah sistem yang digunakan untuk membuat, mengelola, dan mempublikasikan konten website tanpa harus coding dari nol.

Contoh CMS populer:

  • WordPress
  • Joomla
  • Drupal

2. 🎯 Tujuan Pembelajaran

Mahasiswa mampu:

  • Memahami konsep CMS
  • Menjelaskan komponen CMS
  • Menggunakan CMS untuk membuat website
  • Membedakan CMS dan coding manual

3. 🌐 Arsitektur CMS

https://images.openai.com/static-rsc-4/0Kmn-jsnlavQSkBqGA9N1bF_ha2kGtvvBPEcQjjRUWjDxU5cVF1zrwWuHJNMwIFfcALStt5yn8csmyNzQXpf1atZPGf35C00DEe2s3rG5DJRPEBwVf4DX_0Y4MjV58Xmv57qwkrWPo-GgSI5SYh5XNq6UH1FnwFOolDwkdFbWnzZ_Rm0DfUhMArkVMPcF7gP?purpose=fullsize
https://images.openai.com/static-rsc-4/uVLmWnG2z3DSIrtI9k8pNUZI7vn-x4vV889FMOMiA22nbA63ujirHlBYDwx5XZ95iYge14W3nfTs-hZSSKluicxIRzhSnh-cAL5SJKyL9Plk8_LQk1Pek9NqF8bA4cFeSL2kuGavA4w_P4ABN9xTtzarn7aU0Eh4bHG-W5trX0dacdRQjVV8QDPaXld1ZEuL?purpose=fullsize
https://images.openai.com/static-rsc-4/rIJDSq2NPvZy2dWoqEWWAHsO2iUDl9MvAbDU-cGr_9f7jP0Br_ew-fYZ8zbXZVn7pFMdIQZYi81EXD7EHDJJlJQzGxxy60ZqtnsAEdz-nv95B7WL5DqBcdqP6THHRl2iWHvWXLNIeQhyUHmkUw2ZAm-oyayiGMsmJiWAgU0p4tMglHhNc-WrZTqbYNC0x0u2?purpose=fullsize

6


4. 🧩 Komponen Utama CMS


4.1 🧱 Backend (Admin Panel)

https://images.openai.com/static-rsc-4/wb2kJqpIIlUXGbIxfu7KM3LXS9i2Y9KSKVZ49xD7JclUHYEu2FxwQGHO5JQOxCO-5lv6gT-Fm7Nbg4PXJHqvktrUtiO4InpcEmkx1SJOSDAXm8jTn_gJ44SkLD_5ssQfgxVbysgK74HuqOkH1-CGEMBaRGzaExj_1AbS9mtrt83klG84c7F13-jHNL3djHRg?purpose=fullsize
https://images.openai.com/static-rsc-4/i2qcQAZT4sB2EszN-MUyp26YnTF_7Tc8no3oAIqSffhvqxKXsuc-fQ9DbkamDbuJNGIJouqdF0BSZeHJziNxb37eH5ZXPagoft-PKVy4zRC58e7GjZWY8b8orMRkymr3xLwudiWpTdtpwyXKO44HACSFQCs0KUzDMXC5schd830AWSgPy90e8PJQzB17o2gi?purpose=fullsize
https://images.openai.com/static-rsc-4/yXy4xV8_GCedbzxQitoHvcl8a-4YdVdHZ4jmxvzUDCoMYD5zF0uhLcNnBMnO9myw1TiLWXX2zyizAuXYfbsjVs_PnqF5pxwdyVFqXTmSM1WoyJtTrmoM3qmvUbey7PsqXM2cV06ZonGpatCO9-O1z0_m_5P1onFrAY2qhbVue9qMUiqEO0_Q5XSEBlYJ_Z1Y?purpose=fullsize

7

πŸ“Œ Fungsi:

  • Mengelola konten
  • Mengatur website

4.2 🌐 Frontend (Tampilan Website)

https://images.openai.com/static-rsc-4/51vIJM9kQKuJAifSIYvhhhEQanxEoBVxfIS7ul72HzwDbJJKuFcc9EpZwbeMFJ8xbFEazsNOFnA1banv0ydW9wWPHaYmpzs-QDkTJa6JAq7YZ0odEthyf1-2j68-CQDMNrrUqmMoNBIAp87_3gVUmsUuCscztKPWaWmlPYOG4udoN0myjauxlsehdVZ0QNTY?purpose=fullsize
https://images.openai.com/static-rsc-4/Y1oDAeW-KmMQ1cQ1IjNAgiKTUJINsqF4wjNna2-r9mHfEfuQ0xdgp1wyyyaH8IRZcL6PlznnpHFDCE7VGLsmAj2TL8d8CQVkR-QaaXfqTDA0lUxx2ijidIlNUR8jcPrrvZ9VfJ61OWGHX6MUJl8z6OXWx8uAnuVb1csFIHShZH1t4OXL1VXCJiT0gbCWMSZo?purpose=fullsize
https://images.openai.com/static-rsc-4/xucTWAPx0vaJcM7QuLLzWeS1iPRmcGmiPf-e8ZJxltccck-rUnpdl-fJvLddwAk1-OAH6TQRY2lRwvr5m3ORQslltke29xJ8S79R6jb8Sg1cLl98qdqLOMT4OD69o17sRbftCcx6oLBe23xrB1_MdUegsOWXY4MVZVdK-qzfvT3gLySyzSEghANdkDWT9Ww1?purpose=fullsize

6

πŸ“Œ Fungsi:

  • Menampilkan konten ke user

4.3 πŸ’Ύ Database

https://images.openai.com/static-rsc-4/Yf14lOihM1Nx1qzFI4TBhMZd5W_bxc9fBQhOFFYaUlOID066rbQMxiTNM-TJ-eYlcVCba3f-pwQn41QldLwBJ9xfYntPGCJcHptJ9PcGgMFB2xsSdYtR0sXMPH31h5HtcdnVvIVi07xkXX1jdoo7K9n-4sLP4jAdsetv7PtcLxMt74OyjpmOcET2ZRPmvqE9?purpose=fullsize
https://images.openai.com/static-rsc-4/agLSmgkPaazgYRf5o2Ro_vMGP_3cxzP6i-WyuJZ4w_TyoSn-QsbCRKx3dDwblGy4VFuq7jzooZYw0T7zu5QY_ERaPt1L8kQYxWInqXQMg5A-To5z2NSvYYNGxBkeE9PXpWxLCRFPFpx0_f2r_TUuh6Y4G4qgWwINXDFQovZ79dTPkKZbgxEz0X9IZyPQcJRD?purpose=fullsize
https://images.openai.com/static-rsc-4/kJFm449YYjXxaDRFfzGZVPV2EY_iVi5mLMVUw92FvP2ZF7udEvB-q3iz_qUtUJ-wFph1B3mnhPshsnsTupOURql7Js-sbMlp4AjW1Ap3Ouj9x7RpFehCjs-hEAy3f79WDQJJi--auWGP4NOIRNGHlek_fTDf8-AkaYQS3cESUMRRqYWKyxhrHaP_PFx9YaW6?purpose=fullsize

6

πŸ“Œ Fungsi:

  • Menyimpan data (post, user, dll)

4.4 🎨 Theme (Tema)

https://images.openai.com/static-rsc-4/UjjiYmyFxBP8f8l7RDoOiCL98NA2I5KUrN6w0UKdDH4GPLHwSa_XHU9JASDoEfTOsGIzKJ5bIzUpO-NlmJg7EcGQM_lUhUH-ZYXV4wngcOXKaAMAF9TUy1BJ7imRho6-zv3Ldbbl_Fr4yWvSc1pDi8TEzsKQjXviCu1ZLSZu7U8vmjRfOvCSVLN0rkawk4WQ?purpose=fullsize
https://images.openai.com/static-rsc-4/cJwoZNQLPjjQcqD_EKKX7VX5qT8IlAd2ZKmOJSQrGS9EkzH5x-gim7naj7v3szy_ky2xjIUtURkj4VaLuSsVDTpjx4dQ3mWy8-sALC7XXL7_TCT2_mjGdYy80was4uEeC7bGjPjXmwNrc7cXqMNWxkjdX7UfUd1bPuLyTQRq30BQBmAuzL2QwN94lkh_Y98R?purpose=fullsize
https://images.openai.com/static-rsc-4/qx79zxt4gUD6AOQDzp2rE9qewAsxiz7zEANzhfWrSAKQBsg1XV7piW-gS3sNgjysWpPrRfXi0wUyi1tsznsNjgdELZoyf-hsurkkTvGaHiujQKGim9QW07NRHYpSuBDS9YGnJnZ6Bg_pbvUSPDSDxf3RcJJLFi9d-44aZviDVi7oDTBwq9Bmv69dp2QOY-c4?purpose=fullsize

9

πŸ“Œ Fungsi:

  • Mengatur tampilan website

4.5 πŸ”Œ Plugin

https://images.openai.com/static-rsc-4/vOhqT0xlV9lrH4D_le0ZsOqHIZI8nUJPCY0Sf17IYZVriVnk42RZQf4qnwYXt68iwkUvnsaQ_k_mo25YjPz7sedkkJWyP_7ZNiFtbmdekKLUKOfLTB1J0xtbsypdO0Qd8L2ehBsLYoo5I7T_TdnZ8CenPVW0YZjhk5EZlV6iFGYE1mqPqkizGBs_0TGnTTJQ?purpose=fullsize
https://images.openai.com/static-rsc-4/hv_G7zTFZLm2ucvyGba9JI8qmC3dmAekPt4_NZTeiFNJIqEHAppA6WLoLv_UuIOqwfuZN7PQPXuh--2tf4Bv3lkBFgy0ZhGFMQikMZQRVPuvmKUnF1mLuKeFlJKLsFcXKDotfYpsb6ioSGGauqFObyfrBLeDlZRgB72lwZ9XuGng4eKlmjj6pH9UNx2CdHqo?purpose=fullsize
https://images.openai.com/static-rsc-4/ZyiQX2PrdOx7xXD5bT--k8IcfqgqEtnQ6kze-3uKRXWv26AGXlR1U9_6Tk3fQ1vwAE1o1eKDYjVvFrxn2Y_OsIdahrcyEcb3TxACXFLpPL2j-agl_AtZ0reguQvp4RFKC2InijQt25gpMehFMJmCXRf5JxqG-LI-A_RsCx6RrjbQ-8msHn75h2vuu05Fxn4W?purpose=fullsize

6

πŸ“Œ Fungsi:

  • Menambah fitur tambahan

5. πŸ”„ Cara Kerja CMS

https://images.openai.com/static-rsc-4/0Kmn-jsnlavQSkBqGA9N1bF_ha2kGtvvBPEcQjjRUWjDxU5cVF1zrwWuHJNMwIFfcALStt5yn8csmyNzQXpf1atZPGf35C00DEe2s3rG5DJRPEBwVf4DX_0Y4MjV58Xmv57qwkrWPo-GgSI5SYh5XNq6UH1FnwFOolDwkdFbWnzZ_Rm0DfUhMArkVMPcF7gP?purpose=fullsize
https://images.openai.com/static-rsc-4/ZP73RBDcLPQoWT9E3sLhG9imhYvJW-pJJj9u2uriQdrtjbHDjXmoYghMLmZKlPwopKBCLcc7b2h50nhLY0suNpcBmjTEEPIMZC_2q0A7TWc_-qY6EmKzQOmE7hE10onQETfDv1Ix6mkyzdKMUz7zZ3CKHJE0sQajzGMHZFRJELFobprm063hOWJwClzHA_ij?purpose=fullsize
https://images.openai.com/static-rsc-4/RiKAWM32JyRnAAQ2dDZrUgec4voMQp6Nw6q1XThEmLeymadz6HgW451Y3xdz3h4EDWYYsWkwpBkg4e5sfyAYfj9hTi2YZ__bERAyQwaFFn3ADHRaRNcIyqpwA8of41LDPJOXTzwQKm7Bq2RkgiD0iaijof7RY_b8PY4xYkl3gJvR3b-C8LYfjEFNDBEfO-r4?purpose=fullsize

8

πŸ“Œ Alur:

  1. User input data
  2. Data disimpan ke database
  3. CMS memproses
  4. Website ditampilkan

6. πŸ†š CMS vs Coding Manual

AspekCMSCoding Manual
KemudahanMudahSulit
WaktuCepatLama
FleksibilitasTerbatasTinggi

7. πŸ† Kelebihan CMS

  • Cepat membuat website
  • Tidak perlu coding mendalam
  • Banyak tema & plugin
  • Mudah dikelola

8. ⚠️ Kekurangan CMS

  • Terbatas pada fitur tertentu
  • Bergantung pada plugin
  • Potensi keamanan jika tidak update

9. πŸ“Š Jenis-Jenis CMS


πŸ“Œ 1. CMS Blog

Contoh: WordPress

πŸ“Œ 2. CMS E-Commerce

Contoh: WooCommerce

πŸ“Œ 3. CMS Portal

Contoh: Drupal


10. 🧠 CMS dalam Rekayasa Web

CMS digunakan pada tahap:

  • Development
  • Deployment
  • Maintenance

11. πŸ§ͺ Latihan Sederhana


🎯 Latihan 1:

Install WordPress


🎯 Latihan 2:

Login ke dashboard


🎯 Latihan 3:

Buat:

  • 1 Post
  • 1 Page

🎯 Latihan 4:

Install 1 plugin


12. πŸ“ Tugas Praktikum


🎯 Tugas: Website CMS Sederhana

https://images.openai.com/static-rsc-4/sKxhPnJjSjkkH1QMzV-DB6Y-ePnqYbGiBe2i7Z4K0k15I1hZOx5xLeU1Y1H7RH3mS1Banx9KP2YN7yPH_F4rXUkpxerMy39GCmp8vl687SYp7pO6mLNflUb-t6rgwDivQWqvcqItan-_q3HVHanUJGckiausD056-1ScJM3a384TCR77_vFqStKeRTMFaFxf?purpose=fullsize
https://images.openai.com/static-rsc-4/Lp6uGcWYHvIxIv0pf7suv2GVi7WuwuzG4KbD8F4ykbFDf3Z4rArBWdBfFTQeBw9AFfwGJvUVzAUTH6NDcm0DE2O3MOQnfrrda2wwCOpNWoBmNYcyoym4JIw5BEUROn08EuG79itgRApyWxnCbD2vitd852FTGAUzRr4_rxs_zAjWxaw7qDRkGra5VbEQMAnu?purpose=fullsize
https://images.openai.com/static-rsc-4/zcBvyKEpXtuIjdaNYS7fcsmgQKLTQWATphKplwXaY9-WFyeSdoWrCrAtkgTS-rn7s1eFD1gyBUgNYlauW8y9BYLAkOCqtehoEM37S_Rs_uafmcBPc-aUtE9dIwQVWw7iSSrxuUA-ukgOnIcNJL5IxKCtsmVcsMn41br2X8q6mLrTR2MDlcxhB0Rc41J621i3?purpose=fullsize

8

πŸ“Œ Ketentuan:

  1. Gunakan WordPress
  2. Install tema
  3. Tambahkan plugin
  4. Buat halaman:
    • Home
    • About
    • Contact

13. 🎯 Kesimpulan

  • CMS mempermudah pembuatan website
  • Terdiri dari frontend, backend, database
  • WordPress adalah CMS paling populer
  • Cocok untuk pemula hingga profesional

14. πŸ“š Diskusi

  1. Apa itu CMS?
  2. Apa fungsi plugin?
  3. Apa perbedaan CMS dan coding manual?
  4. Mengapa WordPress populer?