Content Management System(CMS) Lois.pptx
- 1. CMS – Content Management System DISUSUN OLEH: AHMAD SYAUQI AHSAN Disampaikan pada bimtek di Diskominfo Jatim 3 Mei 2016
- 2. Apa itu CMS? ▶ CMS = Content Management System (Sistem Pengelola Isi). ▶ Dengan CMS, sebuah website dapat dibangun tanpa melakukan penulisan kode program sedikitpun. ▶ Memungkinkan seorang yang tidak mengerti teknis dapat mengelola sebuah website. ▶ Pemilik website hanya perlu mengelola isi (konten) saja. 2
- 3. Keuntungan CMS ▶ Kemudahan dalam instalasi dan pengelolaan ▶ Tampilan relatif bagus dibandingkan dengan website statis ▶ Terdapat pengelompokan user beserta kewenangannya (Misal: admin, editor, publisher, dll) ▶ Pemisahan antara konten dan bagaimana konten tersebut ditampilkan ▶ Modular dan extensible 3
- 4. CMS VS Custom Website ▶ Keunggulan ▶ Harga relatif lebih murah (bahkan bisa gratis) ▶ Proses instalasi mudah ▶ Kelemahan ▶ Tidak bisa dikustomisasi dengan bebas ▶ Fitur yang bisa ditambahkan relatif terbatas 4
- 5. Kategori CMS ▶ Umum ▶ Joomla ▶ Drupal ▶ TYPO3 ▶ Dan lain-lain ▶ Blogging ▶ Wordpress ▶ B2evolution ▶ Dan lain-lain ▶ Ecommerce ▶ PrestaShop ▶ OpenCart ▶ Magento ▶ Dan lain-lain ▶ Elearning ▶ Moodle ▶ Forma LMS ▶ Atutor ▶ Dan 5
- 6. Theme dan Plugin ▶ Website CMS dapat dikembangkan melalui Theme dan Plugin ▶ Theme digunakan untuk merubah tampilan website ▶ Warna latar belakang ▶ Lokasi menu ▶ Bentuk dan warna huruf ▶ Dan lain-lain ▶ Plugin digunakan untuk menambahkan fungsi pada website ▶ Theme dan Plugin yang bagus biasanya tidak gratis 6
- 7. Langkah Utama Pembuatan Website menggunakan CMS ▶ Siapkan web server (contoh: Apache) dan database server (contoh: MySQL) ▶ Menggunakan server hosting, atau ▶ Menggunakan server sendiri ▶ Buat database ▶ Upload/copy file CMS ke server ▶ Install dan konfigurasi 7
- 9. Wordpress ▶ Wordpress banyak dikenal melalui situs blogging wordpress.com ▶ Software CMS yang digunakan pada situs blogging diatas dapat didownload dari situs wor dpress.org ▶ Pengguna dapat menginstall software CMS Wordpress pada server pribadinya ▶ Dengan menginstall pada server pribadi, pengguna memiliki kontrol terhadap website yang jauh lebih “luas” dibandingkan jika menggunakan www.wordpress.com 9
- 10. Langkah Instalasi 1. Download kode program dari wordpress.org 2. Login ke Cpanel pada server hosting 3. Buat database dan user pada MySQL 4. Upload file (hasil download di langkah 1) ke server hosting 5. Extract file yang telah diupload pada langkah sebelumnya 6. Rename file wp-config-sample.php menjadi wp- config.php 7. Buka dan edit file wp-config.php, tambahkan informasi tentang database anda. 8. Lakukan proses instalasi dengan membuka url dari website anda melalui browser. Contoh: demo-cms.jatimprov.go.id/wordpress/ 1 0
- 13. Membuat Database MySQL menggunakan Wizard 1 3
- 14. Upload File (1) – Jalankan File Manager 1 4
- 15. Upload File (2) – Upload 1 5
- 16. Extract file 1 6
- 17. Rename file wp-config- sample.php menjadi wp- config.php 1 7
- 21. Proses Instalasi Berhasil ▶ CMS Wordpress memiliki dua tampilan website ▶ Tampilan Frontend yang dapat diakses oleh semua orang ▶ Dapat diakses melalui http://nama_domain Misal: http://demo-cms.jatimprov.go.id/wordpress/ ▶ Tampilan Control Panel untuk melakukan konfigurasi ▶ Dapat diakses melalui http://nama_domain/wp-login.php Misal: http://demo- cms.jatimprov.go.id/wordpress/wp- login.php 2 1
- 23. Wordpress Control Panel (2) ▶ Control Panel merupakan pusat kontrol dari website anda ▶ Fungsi Control Panel: ▶ Mengubah tema (theme) website ▶ Menambahkan menu ▶ Mengelola widget ▶ Mengelola user beserta kewenangannya ▶ Menambah fungsi melalui plugin ▶ Mengelola berita/artikel/posting ▶ Dan lain-lain 2 3
- 24. Mengelola Posts dan Categories ▶ Posts biasa digunakan untuk menyimpan artikel berita ▶ Setiap post dapat menjadi bagian dari satu atau lebih categories (kategori) ▶ Untuk mengelola post dan categories dapat anda lakukan melalui menu Posts pada Control Panel 2 4
- 25. Menambah Category ▶ Klik Categories pada menu Posts di Control Panel ▶ Ketik nama kategori pada kolom Name kemudian klik tombol Add New Category ▶ Anda juga dapat membuat sebuah kategori menjadi bagian dari kategori lainnya (sub- kategori) 2 5
- 26. Menambah Post ▶ Klik Add New pada menu Posts di Control Panel ▶ Masukkan judul berita pada kolom paling atas ▶ Masukkan isi dari berita pada kotak di bagian tengah ▶ Anda juga dapat menambahkan media (gambar , video, dll) pada artikel berita anda ▶ Pilih kategori untuk artikel berita anda ▶ Setelah selesai, anda dapat langsung mempublikasikannya atau menyimpannya sebagai draft. 2 6
- 27. Menambah Page ▶ Page mirip seperti Posts, ▶ Perbedaannya adalah: ▶ Page biasa digunakan untuk menyimpan artikel yang bersifat statis ▶ Page tidak dapat menjadi bagian dari kategori ▶ Untuk menambah Page baru dapat anda lakukan dengan mengklik Add New pada menu Posts di Control Panel ▶ Masukkan judul dan konten dari Page pada kotak yang disediakan ▶ Anda juga dapat menambahkan media (gambar , video, dll) pada Page 2 7
- 28. Mengganti Theme ▶ Klik menu Appearance pada Control Panel, kemudian pilih Themes ▶ Anda dapat mengganti theme dengan theme lain yang telah disediakan ▶ Atau, anda dapat menambahkan theme baru dengan cara klik tombol Add New Theme 2 8
- 29. Mengganti Theme (2) ▶ Pilih theme yang tersedia di jendela bagian kanan ▶ Kemudian klik tombol Install ▶ Tunggu beberapa saat sampai ada konfirmasi bahwa theme telah berhasil terinstall ▶ Klik Activate untuk mengaktifkan theme yang baru anda install 2 9
- 30. Mengelola Widgets ▶ Klik Widgets pada menu Appearance di Control Panel ▶ Ada beberapa widget yang dapat anda gunakan seperti: Calendar, Search, dll ▶ Untuk menambah widget, klik- dan-tahan pada daftar widgets disebelah kiri (kotak hiaju) kemudian geser ke bagian sebelah kanan (kotak ungu) ▶ Sedangkan untuk menghapus widget, lakukan yang sebaliknya. Klik-dan-tahan pada widgets disebelah kanan kemudian geser ke sebelah kiri 3 0
- 31. Mengelola Menu ▶ Klik Menus pada menu Appearance di Control Panel ▶ Klik create a new menu untuk membuat menu baru ▶ Beri nama menu yang baru anda buat ▶ Anda dapat menambahkan Page, Post, Custom Link, ataupun Category ke dalam menu ▶ Centang kotak kecil disebelah kiri Primary Navigation untuk menampilkan menu anda pada theme yang aktifdisebelah kanan kemudian geser ke sebelah kiri ▶ Klik Save Menu untuk menyimpan perubahan pada menu anda 3 1
- 32. Menambah Plugin ▶ Untuk menambah Plugin baru dapat anda lakukan dengan mengklik menu Posts di Control Panel kemudian pilih Add New ▶ Anda dapat memilih dari daftar Plugin yang tampil, atau menggunakan menu Search Plugins ▶ Klik tombol Install Now untuk menginstall Plugin yang anda pilih ▶ Tunggu beberapa saat sampai Plugin berhasil terinstall. 3 2
- 33. WonderPlugin Slider Lite ▶ WonderPlugin Slider Lite adalah Plugin yang dapat digunakan untuk menambahkan Carousel pada website CMS Wordpress anda ▶ Setelah berhasil menginstall dan mengaktifkan Plugin ini, anda dapat mengkonfigurasinya melalui menu WonderPlugin Slider yang berada dibawah menu Settings ▶ Dari sini anda dapat membuat Slider baru, meng-edit ataupun menghapus Slider 3 3
- 34. WonderPlugin Slider Lite (2) ▶ Slider merupakan sekumpulan gambar dan/atau video yang akan tampil secara bergantian ▶ Dengan Plugin ini, anda dapat menambahkan gambar, video, video dari youtube/vimeo, maupun Post pada website anda ▶ Setelah pembuatan Slider selesai, anda dapat menyimpan dan mempublikasikannya kedalam Post, Page, maupun pada ▶ meng-edit ataupun menghapus Slider lama 3 4
- 37. Membuat Website CMS dengan Softaculous VIA CPANEL 3 7
- 38. Softaculous ▶ Merupakan tool yang dapat digunakan untuk menginstall software CMS ▶ Softaculous dapat diakses melalui Cpanel ▶ Instalasi software CMS menggunakan tool ini adalah cara yang paling mudah dan cepat ▶ Tetapi, tidak semua server hosting menyediakan Softaculous 3 8
- 39. Instalasi PrestaShop via Softaculous (1) ▶ Masuk ke Cpanel 3 9
- 40. Instalasi PrestaShop via Softaculous (2) ▶ Cari Softaculous Apps installer ▶ Pilih dan klik script/kategori yang diinginkan ▶ Ikuti langkah- langkah berikutnya 4 0
- 41. Instalasi PrestaShop via Softaculous (3) ▶ Pilih CMS yang ingin anda install ▶ Klik tombol Install 4 1
- 42. Instalasi PrestaShop via Softaculous (4) ▶ Masukkan semua informasi yang dibutuhkan ▶ lokasi file ▶ nama database ▶ nama toko ▶ alamat email admin ▶ dll ▶ Klik tombol Install di bagian bawah 4 2
- 43. Instalasi PrestaShop via Softaculous(5) - Selesai 4 3
- 44. Terima Kasih 4 4