Upload
muhammad-ilman-akbar
View
3.959
Download
10
Embed Size (px)
DESCRIPTION
Workshop Pembuatan Website menggunakan WordPress, presented at Ruang Serbaguna BSM Fakultas MIPA UI, on Friday, November 20th 2009
Citation preview
Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
Workshop Pembuatan Website menggunakan WordPress
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! ;)! ;)
[email protected] 829788facebook.com/ilmanakbarpyrokinesis88twitter.com/ilmanakbarilmanakbar.dagdigdug.comslideshare.net/ilmanakbar
presented by:
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Outline
• Isi CD• Website Dinamis• Persiapan• Install XAMPP• Install WordPress• Mengatur WordPress• Topik Lanjutan
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
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
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Website Dinamis (1)
• Website yang interaktif, bisa di-update isinya denga mudah, bisa komentar, dsb.
• Terdiri dari file dan database
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
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
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
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
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
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)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Install XAMPP (1)
• Jalankan Installer XAMPP: xampp-win32-1.6.7-installer.exe
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Install XAMPP (2)
• Install di My Documents, terus Next, dan Install
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Install XAMPP (3)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Install XAMPP (4)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Jalankan XAMPP, klik Start pada Apache dan MySQL
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Tes buka http://localhost
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
XAMPP
• My Documents\xampp\htdocs– Tempat menaruh file-file kita– Diibaratkan dengan File Manager di cPanel server hosting
beneran
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
XAMPP
• http://localhost/phpmyadmin > tempat database
Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
Install WordPressMempersiapkan file-file
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Buat folder My Documents\ XAMPP\htdocs\websiteku
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Extract WordPress di sana
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Pindahkan dari dalam folder websiteku/wordpress ke luar
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Summary: Install WordPress
Mempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My Documents\XAMPP\htdocs\
websiteku• Extract di sana
Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
Install WordPressMempersiapkan database
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Buka http://localhost/phpmyadmin
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Buat database, masukkan websiteku
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Buat database selesai
Catat informasi ini:Nama database: websiteku
Nama user: rootPassword: (tidak ada password)
Note: di server hosting sebenarnya, ada password
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Summary: Install WordPress
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 ‘’)
Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
Install WordPressMenginstall WordPress
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Buka http://localhost/websiteku
• Klik “Create a Configuration File”
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Siapkan informasi database yang tadi sudah disiapkan
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Masukkan informasi-informasi itu
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Lanjut..
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Hampir Selesai..
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Selesai!
• Catat username dan password sementara itu di notepad
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
http://localhost/websiteku
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Summary: Install WordPress
• Buka http://localhost/websiteku• Install > masukin informasi database, judul
blog dsb• Selesai > catat password• Bikin website selesai
Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
Mengatur WordPressMembuat tulisan baru
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Buka http://localhost/websiteku, masukkan username + password
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Halaman Admin WordPress (disebut dashboard)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Dashboard WordPress
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Membuat tulisan
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Tampil di website kita deh!
Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
Mengatur WordPressMengganti template/themes
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Tempat themes WordPress: http://wordpress.org/extend/themes
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Tempat nyari themes WordPress: Google
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Download themes
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Download themes
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Masukin themesnya ke website kita
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Upload themesnya (tersedia di CD, folder WordPress Theme)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Cek websitenya untuk perubahan template
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Bisa edit template?
• Bisa banget!• Perlu sedikit kemampuan HTML, CSS, dan
bahasa pemrograman PHP
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Edit Themes
Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
Topik LanjutanPlugin
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
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
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Tempat themes WordPress: http://wordpress.org/extend/plugins
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Install Plugin
Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
Topik LanjutanMembuat/edit themes sendiri
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Contoh edit themes yang sudah ada
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Contoh themes bikin dari 0: tentangcad.com
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
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
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
Selesai
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009supported by
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..