Cyber Media

Humisar Hasugian, S.Kom

Bahan Acuan

Hasin Hayder, Wordpress Complete : A comprehensive, step-by-step guide on how to set up, customize, and market your blog using WordPress, Packt Publishing. Hagen Graf, Building Websites with Joomla! A step by step tutorial to getting your Joomla! CMS website up fast, Packt Publishing. www.wordpress.org

Humisar Hasugian, S.Kom

Penilaian

Absensi
10%

Midtest
40%

Final Test
50%

Humisar Hasugian, S.Kom

Materi Kuliah

Pengenalan CMS (Content Management System) Blog

http://www.blogger.com http://www.wordpress.com http://www.wordpress.org

Portal
Joomla Drupal

Humisar Hasugian, S.Kom

Content Management System

Humisar Hasugian, S.Kom

Content Management System (CMS)

Pengertian
Sebuah sistem yang digunakan untuk mengatur isi website dengan baik, mudah dan cepat. Sebuah sistem yang dapat mengelola seluruh isi dan tampilan suatu website.

Content
Merupakan informasi digital yang digunakan untuk mengisi setiap halaman muka sebuah aplikasi web. Dapat berupa teks, gambar, animasi, suara dan lainnya. Atau dengan kata lain semua hal yang berhubungan untuk memberikan informasi kepada publik melalui intranet, extranet maupun internet.
Humisar Hasugian, S.Kom

Content Management System (CMS)

Content Management
Penggabungan aturan, proses dan alur kerja oleh webmaster atau sistem terdistribusi, sehingga pemilik atau penyumbang isi dapat membuat, mengubah serta mem-publish seluruh isi halaman sesuai dengan aturan sistem.

Content Management System

Merupakan suatu alat yang efisien, efektif dan memudahkan dalam pembuatan halaman web menggunakan sistem pengelolaan isi website.

Humisar Hasugian, S.Kom

Content Management System (CMS)

Kesimpulan Pengertian CMS

Dapat dikatakan bahwa CMS adalah suatu alat yang dapat memusatkan kemampuan teknis dan menyebarkan kemampuan nonteknis kepada anggota tim untuk membuat, mengubah, mengelola dan mempublish sejumlah isi website seperti teks, gambar, animasi, suara dan lain-lain dengan aturan, proses dan alur kerja yang sudah baku sehingga website dapat terlihat sesuai keinginan.

Humisar Hasugian, S.Kom

Content Management System (CMS)

Mengapa butuh CMS ?

Teknologi dan metode lama untuk membangun halaman web menghabiskan banyak waktu, tidak efisien dan butuh biaya yang besar. Proses perubahan pada halaman web bukan hanya menghambat seluruh pembuatan informasi dan isi oleh webmaster tapi juga tidak efektif karena banyak waktu terbuang. Keinginan untuk meningkatkan jumlah informasi dalam website dan kebutuhan untuk menggabungkan sistem menjadi lebih besar dan kompleks ke dalam proses web publishing.

Humisar Hasugian, S.Kom

Content Management System (CMS)

Keuntungan CMS
Informasi yang ditampilkan secara online tetap up-todate, konsisten dan mempunyai nilai informasi terkini. Webmaster dapat lebih konsen pada sisi teknologi nya saja, sedangkan konten atau isi dapat diberikan wewenang nya kepada user tertentu. Dengan CMS artikel dan berita dapat diatur berdasarkan criteria tertentu, masing-masing pemilik berita bertanggung jawab dengan informasi yang mereka kirim ke website. Pemilik website memegang kendali penuh terhadap isi dan tampilan website. CMS didesain untuk pemilik website yang tidak memiliki keahlian teknis pemrograman.

Humisar Hasugian, S.Kom

Content Management System (CMS)

Yang bisa didapatkan dari CMS

Efeknya dapat terasa saat meningkatnya kepercayaan dan kepuasan pengunjung dengan memberikan informasi yang konsisten dan benar, juga meningkatnya nilai persepsi positif terhadap informasi yang tersedia.

Humisar Hasugian, S.Kom

Content Management System (CMS)

Masa Depan CMS

Konsep Content Management System akan semakin banyak digunakan. Publikasi suatu artikel akan semakin cepat karena sifatnya yang dinamis. Makin banyak CMS yang bersifat Open Source membuatnya semakin popular. Beberapa CMS bahkan mempunyai varian yang semakin lama semakin diffrensiasi, cenderung mengarah ke simplikasi pengelolaan yang semakin membaik. Tidak sedikit CMS yang bersifat komersial. Tentunya hal ini akan semakin menguatkan posisi CMS yang juga bermain di sisi enterprise, sebagai engine website-website kelas berat. Di masa depan harga CMS komersial akan semakin murah dan terstandarisasi. Semakin lama CMS akan semakin konsisten, professional dan jenisnya akan semakin banyak dan lebih spesifik seperti hypermedia, penanganan dokumen elektronik, software engineering, marketing dan desain bisnis proses.
Humisar Hasugian, S.Kom

Content Management System (CMS)

Kategori CMS
CMS dapat dikategorikan menjadi: CMS Portal CMS Blogs CMS e-Commerce CMS Forums CMS e-Learning CMS Image Galleries CMS Wiki http://www.opensourcecms.com

Humisar Hasugian, S.Kom

Blog

Humisar Hasugian, S.Kom

Blog

Pengertian
Weblog, Web log atau yang biasa disingkat dengan Blog merupakan sebuah aplikasi CMS yang memuat secara periodik tulisan tulisan (biasa disebut dengan posting) pada sebuah web page umum.

Sejarah
Pertama di populerkan oleh blogger.com (http://www.blogger.com) yang dimiliki oleh PyraLab sebelum sebelum akhirnya PyraLab diakuisi oleh Google.com pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi - aplikasi yang bersifat Open Source yang diperuntukan kepada perkembangan para Blogger tersebut.

Humisar Hasugian, S.Kom

Blog

Istilah dalam dunia Blog

Blogosphere Situs situs web yang saling berkaitan berkat weblog, atau secara total merupakan kumpulan weblog. Blogstorm Sebuah kumpulan gelombang aktifitas, informasi dan opini yang sangat besar mengerupsi beberapa subyek atau sangat kontroversi dalam blogoshpere. Blogger Komunitas kumpulan pengguna blog yang saling berkunjung ke blog lain.

Humisar Hasugian, S.Kom

Blog

Kategori Blog
Personal Blogger Orang yang menulis tentang buku harian atau yang berhubungan tentang dirinya. Business Blogger Orang yang mempromosikan tentang produk atau layanan sebuah website. Organizational Blogger Orang yang fokus pada persoalan sebuah komunitas. Professional Blogger Orang yang dibayar untuk melakukan posting.
Humisar Hasugian, S.Kom

Membuat Blog pada http://www.blogger.com

Humisar Hasugian, S.Kom

Blogger.com

Membuat Blog di http://www.blogger.com

Buka alamat blogger.com (http://www.blogger.com)

Create Your Blog Now Klik untuk membuat account dan blog.

Humisar Hasugian, S.Kom

Blogger.com Membuat Account (Step 1)

Alamat e-mail Isi dengan alamat e-mail yang sudah terdaftar. Password Isi dengan password blog. Display Name Isi dengan nama. Word Verification Ketik tulisan yang ada pada gambar untuk melakukan verifikasi. Continue Klik tombol `Continue` setelah semua field terisi. Acceptance of Terms Beri tanda centang.
Humisar Hasugian, S.Kom

Blogger.com Membuat Account (Step 2)

Blog title Isi dengan judul blog.

Blog address (URL) Berikan nama yang singkat dan mudah diingat.

Continue Klik tombol `Continue` setelah semua field terisi.

Humisar Hasugian, S.Kom

Blogger.com Membuat Account (Step 2 - lanjutan)

Klik pada template yang di inginkan.

Continue Klik tombol `Continue` untuk melanjutkan.

Humisar Hasugian, S.Kom

Blogger.com Membuat Account (Step 3)

Start blogging Klik `Start blogging` untuk mulai mengisi content blog.

Humisar Hasugian, S.Kom

Blogger.com New Post

Title Judul content (post). Content Isi post yang akan tampil pada bagian front-end. Label Gunakan untuk memasukan post ke dalam kategori tertentu. Publish Post Klik untuk menampilkan post pada front-end. Post date and time Tanggal dan waktu post.

Reader Comments Memperbolehkan pengunjung untuk memberikan komentar atau tidak terhadap post tersebut.

Save Now Klik untuk save post dan TIDAK ditampilkan pada front-end.
Humisar Hasugian, S.Kom

Blogger.com New Post (lanjutan)

View Blog Klik `View Blog` untuk melihat front-end dengan post yang sudah dibuat.

Humisar Hasugian, S.Kom

Blogger.com Front End

Nama B log

B log Content (Posting)

Widget

Widget

Humisar Hasugian, S.Kom

Blogger.com Menu Admin (Dashboard)

Sign out Keluar dari sistem adminarea.

View B log Menu untuk melihat sisi front-end. Layout Menu untuk mengatur layout / widget front-end template. Posts Menu untuk mengatur content (post).

Settings Menu untuk mengatur beberapa nilai variabel pada blog.

Humisar Hasugian, S.Kom

Blogger.com Settings

Humisar Hasugian, S.Kom

Blogger.com Layout
Header Layout Header front-end. Save Simpan Layout. Widget

Blog Post Content (post) dari blog.

Humisar Hasugian, S.Kom

Blogger.com Layout (Menambah Widget)

Link List Widget Digunakan untuk menambah daftar link. Klik `Add To Blog`.

Klik `Add a Page Element`

Humisar Hasugian, S.Kom

Blogger.com Layout (Menambah Widget - lanjutan)

New Site URL Alamat server (URL). New Site Name Nama Daftar Site. Title Nama widget.

Add Link Klik untuk menambahkan link pada daftar widget.

Daftar Link List Daftar Link yang sudah ditambahkan.

Save Changes Klik untuk menyimpan widget pada layout frontend.

Humisar Hasugian, S.Kom

Blogger.com Layout (Menambah Widget - lanjutan)

Message Pesan bahwa widget sudah ditambahkan.

Save Klik untuk menyimpan layout front-end.

My Friends Blog Widget baru sudah ditambahkan.

Humisar Hasugian, S.Kom

Blogger.com Login
Sign In Klik untuk masuk ke dalam admin area. Username Isi dengan account yang sudah didaftarkan.

Password Isi dengan password account yang sesuai.

Humisar Hasugian, S.Kom

Membuat Blog pada http://www.wordpress.com

Humisar Hasugian, S.Kom

Wordpress.com

Pengenalan Wordpress
Merupakan sebuah sistem publikasi blog yang dibuat dengan bahasa pemrograman PHP dan database MySQL. WordPress dikembangkan pertama kali oleh Michel Valdrighi.

Humisar Hasugian, S.Kom

Wordpress.com

Fitur Wordpress

Dukungan kategori dan sub kategori posting yang tak terbatas. Sindikasi otomatis dengan RSS dan Atom. Menggunakan interface XML RPC yang memungkinkan posting dari mana saja, termasuk dari email. Kemudahan penambahan plugin dan themes (tampilan). Kemudahan mengimport data dari sistem blog lainnya, seperti MovableType, Blogger, TextPattern, dan b2evolution. Kemudahan posting dengan dukungan WYSIWYG editor. Kemudahan administrasi dan maintenance. Fasilitas pencarian yang komprehensif. Dukungan berbagai bahasa. Dukungan dokumentasi yang lengkap dan komunitas yang cukup banyak. Lisensi GNU General Public License sehingga dapat didownload secara bebas. Content Based Management System.
Humisar Hasugian, S.Kom

Wordpress.com

Membuat Blog di http://www.wordpress.com

Membuat Account

Sign Up Now! Klik untuk membuat blog baru di wordpress.com

Humisar Hasugian, S.Kom

Wordpress.com Membuat Account (lanjutan)

Username Isi dengan account untuk login pada sisi admin area. Password Isi dengan password account. Email Address Isi dengan alamat email.

Beri tanda centang.

Next Klik tombol `Next` untuk melanjutkan.

Humisar Hasugian, S.Kom

Wordpress.com Membuat Account (lanjutan)

Blog Domain Berikan nama domain yang berguna sebagai alamat blog.

Blog Title Judul blog.

Language Bahasa yang digunakan.

Signup Klik untuk membuat account dan blog.

Humisar Hasugian, S.Kom

Wordpress.com Membuat Account (lanjutan)

Humisar Hasugian, S.Kom

Wordpress.com Melihat Blog http://namaAccount.wordpress.com

http://rizkytahara.wordpress.com
Header Judul Blog. Search Untuk mencari content (post). Pages. Digunakan untuk menampilkan halaman statis. Footer Footer blog. Widget

Blog Post (Content) Content blog.

Humisar Hasugian, S.Kom

Wordpress.com LogIn http://namaAccount.wordpress.com/wp-admin

http://rizkytahara.wordpress.com/wp-admin
Username Isi dengan nama account yang sudah dibuat. Password Isi dengan password yang sudah dibuat.

Log in Klik untuk masuk ke halaman admin area.

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin (Dashboard)

View site Melihat blog.

Dashboard Halaman selamat datang dan shortcut. Shortcut Untuk mempercepat maintenance blog, gunakan shortcut.

Sign Out Keluar dari sistem admin area.

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin New Post

Write Post Membuat content (post) yang akan tampil pada bagian `blog post` di halaman front-end Title Judul content. Content Content blog. Save and Continue Editing Menyimpan content dan meneruskan untuk mengetik content. Save Menyimpan content. Publish Membuat content agar tampil pada halaman front-end.
Humisar Hasugian, S.Kom

Write Untuk menulis sesuatu pada blog.

Categories Menempatkan content untuk masuk ke dalam kategori tertentu.

Wordpress.com Menu Admin New Page

Title Judul halaman statis. Content Content halaman statis. Write Page Membuat halaman statis pada blog.

Save and Continue Editing Menyimpan halaman statis dan meneruskan untuk mengetik. Save Menyimpan halaman statis. Publish Membuat halaman statis agar tampil pada halaman front-end.
Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Edit Content (Post)

Manage Klik untuk melakukan maintenance content.

Edit Klik untuk melakukan perubahan content.

Posts Gunakan untuk melakukan perubahan terhadap content (post).

Delete Klik untuk menghapus content.

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Edit Pages

Manage Klik untuk melakukan maintenance page.

Edit Klik untuk melakukan perubahan halaman statis.

Pages Gunakan untuk melakukan perubahan terhadap halaman statis.

Delete Klik untuk menghapus halaman statis.

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Manage Categories

Manage Klik untuk melakukan maintenance kategori.

Edit Klik untuk melakukan perubahan kategori.

Categories Gunakan untuk melakukan perubahan terhadap kategori. Add Category Area untuk menambahkan kategori.

Category name Nama kategori.

Category parent Induk kategori. Add Category Klik untuk menambahkan kategori.

Description: (optional) Deskripsi kategori.

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Manage Themes

Presentation Klik untuk melakukan maintenance theme.

Themes Gunakan untuk melakukan perubahan theme.

Klik salah satu layout template.

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Manage Themes (lanjutan)

Activate nama_template

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Manage Widget

Presentation Klik untuk melakukan maintenance widget.

Widgets Gunakan untuk melakukan perubahan widget pada sidebar halaman front-end.

Save Changes Klik untuk melakukan perubahan widget pada halaman frontend.

Pilih salah satu widget dan lakukan `drag and drop` ke kotak Sidebar diatas.
Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Manage Options

General Opsi umum yang dapat digunakan untuk mengganti blog settings. Options Klik untuk melakukan maintenance options blog.

General Options Nilai opsi yang dapat diganti.

Update Options Klik untuk melakukan perubahan opsi blog.

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Manage Options - Writing

Writing Opsi yang digunakan saat melakukan penambahan content (post). Options Klik untuk melakukan maintenance options blog.

Writing Options Nilai opsi yang dapat diganti.

Update Options Klik untuk melakukan perubahan opsi blog.

Humisar Hasugian, S.Kom

Wordpress.com Menu Admin Manage Options - Reading

Reading Opsi yang untuk mengatur halaman front-end. Options Klik untuk melakukan maintenance options blog.

Reading Options Nilai opsi yang dapat diganti.

Update Options Klik untuk melakukan perubahan opsi blog.

Humisar Hasugian, S.Kom

Membuat Blog WordPress pada komputer lokal http://www.wordpress.org

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Download aplikasi Wordpress pada

http://www.wordpress.org

Atau langsung klik:

http://wordpress.org/latest.zip

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Kebutuhan Sistem:
Sistem Operasi: Windows/Linux/Mac Web Server: Apache 2.0.x PHP 4.3 MySQL 4.0 MySQL-Front

XAMPP
http://www.apachefriends.org/en/xamppwindows.html

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Membuat database

M ySQL-Front

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Membuat database

Database Name Beri nama database.

Create Database Klik menu Create Database untuk membuat database.

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Extract file latest.zip pada folder DocumentRoot

DocumentRoot Folder yang dapat diakses oleh user lain.

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Instalasi WordPress
URL Instalasi http://localhost/folder_wordpress

C reate a Configuration File Klik untuk membuat file config

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Instalasi WordPress

Lets go! Klik melanjutkan

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Instalasi WordPress
Database Name Nama database yang sudah dibuat sebelumnya. User Name Isi dengan user MySQL. Password Password user MySQL. Database Host Host server. Table Prefix Imbuhan nama tabel. Submit Klik untuk melanjutkan.
Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Instalasi WordPress

Run the install Klik untuk membuat tabel tabel yang dibutuhkan secara otomatis.

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Instalasi WordPress

Blog Title Judul Blog. Your E-mail Alamat e-mail.

Install WordPress Klik untuk instalasi.

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Instalasi WordPress
Username User untuk maintenance admin area. Password Password user.

Log In Klik untuk masuk ke admin area.

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Log In
Username User untuk maintenance admin area. Password Password user.

Log In Klik untuk masuk ke admin area.

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Admin Area Dashboard

LogOut Keluar dari admin area.

Visit Site Melihat blog (front area). Menu Link menu yang jarang digunakan.

M enu Link menu yang sering digunakan. Shortcut Link menu yang paling sering digunakan.
Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Admin Area View Site

Humisar Hasugian, S.Kom

Blog pada Komputer Lokal

Admin Area Post Content

Write Menu untuk menulis content blog. Save Menyimpan content.

Post Menu untuk menulis content. Title Judul content. Content Isi dengan content blog. Publish Menampilkan content pada front area.

Categories Mengelompokan content pada kategori tertentu.

Humisar Hasugian, S.Kom