Date post: | 20-Nov-2014 |
Category: |
Technology |
Upload: | muhammad-ilman-akbar |
View: | 2,620 times |
Download: | 0 times |
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 2009
Muhammad Ilman Akbara blogger, entrepreneur, web lover, co-founder of Univind, founder & lead admin of anakUI.com, and more importantly, WordPress enthusiast! ;)
[email protected]/ilmanakbarilmanakbar.web.idslideshare.net/ilmanakbar
presented by:
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Outline
• Website Dinamis• Persiapan• Install XAMPP• Install WordPress• Mengatur WordPress• Topik Lanjutan
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
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 2009
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 2009
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 2009
Install XAMPP (1)
• Jalankan Installer XAMPP: xampp-win32-1.6.7-installer.exe
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Install XAMPP (2)
• Install di My Documents, terus Next, dan Install
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Install XAMPP (3)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Install XAMPP (4)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Jalankan XAMPP, klik Start pada Apache dan MySQL
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Tes buka http://localhost
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
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 2009
Buat folder My Documents\ XAMPP\htdocs\websiteku
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Extract WordPress di sana
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Pindahkan dari dalam folder websiteku/wordpress ke luar
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
Buka http://localhost/phpmyadmin
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Buat database, masukkan websiteku
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
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 2009
Buka http://localhost/websiteku
• Klik “Create a Configuration File”
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Siapkan informasi database yang tadi sudah disiapkan
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Masukkan informasi-informasi itu
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Lanjut..
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Hampir Selesai..
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Selesai!
• Catat username dan password sementara itu di notepad
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
http://localhost/websiteku
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
Buka http://localhost/websiteku, masukkan username + password
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Halaman Admin WordPress (disebut dashboard)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Dashboard WordPress
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Membuat tulisan
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
Tempat themes WordPress: http://wordpress.org/extend/themes
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Tempat nyari themes WordPress: Google
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Download themes
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Download themes
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Masukin themesnya ke website kita
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Upload themesnya (tersedia di CD, folder WordPress Theme)
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Cek websitenya untuk perubahan template
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Bisa edit template?
• Bisa banget!• Perlu sedikit kemampuan HTML, CSS, dan
bahasa pemrograman PHP
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
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 2009
Tempat themes WordPress: http://wordpress.org/extend/plugins
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
Contoh edit themes yang sudah ada
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
Contoh themes bikin dari 0: tentangcad.com
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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 2009
Selesai
Workshop Pembuatan Website Menggunakan .
Science Carnival FMIPA UI, 20 November 2009
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..