Workshop Pembuatan Website menggunakan WordPress

transcript

Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009

Science Carnival, FMIPA UIJum’at, 20 November 2009

Workshop Pembuatan Website Menggunakan .

Science Carnival FMIPA UI, 20 November 2009supported by

Muhammad Ilman AkbarMuhammad Ilman Akbara blogger, entrepreneur, web a blogger, entrepreneur, web loverlover, co-founder of , co-founder of Univind, founder & lead admin of anakUI.com, and Univind, founder & lead admin of anakUI.com, and more importantly, more importantly, WordPress enthusiastWordPress enthusiast! ;)! ;)

ilmanakbar@gmail.com0817 829788facebook.com/ilmanakbarpyrokinesis88twitter.com/ilmanakbarilmanakbar.dagdigdug.comslideshare.net/ilmanakbar

presented by:

Outline

• Isi CD• Website Dinamis• Persiapan• Install XAMPP• Install WordPress• Mengatur WordPress• Topik Lanjutan

Isi CD

• WordPress 2.8.6: wordpress-2.8.6.zip• Installer XAMPP: xampp-win32-1.6.7-

installer.exe• WordPress Plugin dan WordPress Themes• Tutorial pembuatan WordPress Themes• Tutorial pembuatan website dengan hosting

dan domain gratisan• Materi presentasi ini

Website Dinamis (1)

• Website yang interaktif, bisa di-update isinya denga mudah, bisa komentar, dsb.

• Terdiri dari file dan database

Website Dinamis (2)

• File-file– File-file PHP yang membuat website terlihat oleh

mata kita dan berfungsi sesuai fungsinya– File-file gambar, musik, dsb

• Database– Tempat penyimpanan data-data yang dimasukkan

oleh pengguna: tulisan, komentar, link menuju file gambar, dsb

Persiapan

• Server hosting dan domain– Server hosting: tempat nyimpen file2– Domain: alamat www.namadomain.com

/.net /.org /dsb..• Sewa dimana? Banyaak! Googling: web

hosting dan domain Indonesia• Pilih ini aja: [N]eoHoster www.neohoster.com

Karena kita ga konek Internet

• Program “simulasi” server hosting, namanya XAMPP

• Di komputer sendiri• Butuh program untuk ngebuka dan ngezip

(mis. WinZip, WinRar, IZArc, 7Zip, dsb)

Install XAMPP (1)

• Jalankan Installer XAMPP: xampp-win32-1.6.7-installer.exe

Install XAMPP (2)

• Install di My Documents, terus Next, dan Install

Install XAMPP (3)

Install XAMPP (4)

Jalankan XAMPP, klik Start pada Apache dan MySQL

Tes buka http://localhost

• My Documents\xampp\htdocs– Tempat menaruh file-file kita– Diibaratkan dengan File Manager di cPanel server hosting

beneran

• http://localhost/phpmyadmin > tempat database

Install WordPressMempersiapkan file-file

Buat folder My Documents\ XAMPP\htdocs\websiteku

Extract WordPress di sana

Pindahkan dari dalam folder websiteku/wordpress ke luar

Summary: Install WordPress

Mempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My Documents\XAMPP\htdocs\

websiteku• Extract di sana

Install WordPressMempersiapkan database

Buka http://localhost/phpmyadmin

Buat database, masukkan websiteku

Buat database selesai

Catat informasi ini:Nama database: websiteku

Nama user: rootPassword: (tidak ada password)

Note: di server hosting sebenarnya, ada password

Mempersiapkan database• Jalankan XAMPP• Buka http://localhost/phpmyadmin • Buat database bernama ‘websiteku’ (tanpa

kutip, boleh juga dengan nama lain) • Catat nama database, nama username dan

password (root dan ‘’)

Install WordPressMenginstall WordPress

Buka http://localhost/websiteku

• Klik “Create a Configuration File”

Siapkan informasi database yang tadi sudah disiapkan

Masukkan informasi-informasi itu

Lanjut..

Hampir Selesai..

Selesai!

• Catat username dan password sementara itu di notepad

http://localhost/websiteku

• Buka http://localhost/websiteku• Install > masukin informasi database, judul

blog dsb• Selesai > catat password• Bikin website selesai

Mengatur WordPressMembuat tulisan baru

Buka http://localhost/websiteku, masukkan username + password

Halaman Admin WordPress (disebut dashboard)

Dashboard WordPress

Membuat tulisan

Tampil di website kita deh!

Mengatur WordPressMengganti template/themes

Tempat themes WordPress: http://wordpress.org/extend/themes

Tempat nyari themes WordPress: Google

Download themes

Masukin themesnya ke website kita

Upload themesnya (tersedia di CD, folder WordPress Theme)

Cek websitenya untuk perubahan template

Bisa edit template?

• Bisa banget!• Perlu sedikit kemampuan HTML, CSS, dan

bahasa pemrograman PHP

Edit Themes

Topik LanjutanPlugin

Plugin

• ‘Tambahan’ untuk WordPress, membuat fitur-fitur website bisa lebih banyak daripada fitur dari instalasi WordPress standar

• Contoh: – bikin kalender kegiatan– bikin galeri foto– bikin form kontak

Tempat themes WordPress: http://wordpress.org/extend/plugins

Install Plugin

Topik LanjutanMembuat/edit themes sendiri

Contoh edit themes yang sudah ada

Contoh themes bikin dari 0: tentangcad.com

Buat dari 0

Yang dibutuhkan• Sedikit kemampuan disain grafis• Sedikit HTML, CSS, dan PHPLangkah-langkah• Buat disain HTML-nya• Ubah jadi Themes WordPress

– Lihat folder Create Wordpress Template

Selesai

bersama Matt Mullenweg, founder WordPress.com, 16 Januari 2009 di Jakarta~ semoga kesuksesannya menginspirasi saya dan seluruh masyarakat Indonesia ~

“..don’t be scared to share your idea, tell a lot of people, so you could get feedback about

it..”

terima kasih..

Workshop Pembuatan Website menggunakan WordPress

Technology