Presentasi Tes Potensi Guru, Pembuatan Website Menggunakan WordPress.
Binus Center Jakarta, 06 November 2013
Pembuatan Website menggunakan WordPress
Presentasi Tes Potensi Guru,Binus Center JakartaRabu, 06 November 2013
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Lukman Hakim FauziLukman Hakim Fauzia blogger, entrepreneur, web a blogger, entrepreneur, web loverlover, , Jayakarta.ac.id, and more importantly, Jayakarta.ac.id, and more importantly, WordPress WordPress enthusiastenthusiast! ;)! ;)
[email protected]*.com/LukmanHakimFauzijackprinceTwitter.com/Hakim_fauzi_Duniahost.blogspot.com
presented by:
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Website Dinamis (1)
• Website yang interaktif, bisa di-update isinya denga mudah, bisa komentar, dsb.
• Terdiri dari file dan database
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
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 .
Binus Center Jakarta, 06 November 2013
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: Hostmop www.hostmop.com
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
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 .
Binus Center Jakarta, 06 November 2013
Install XAMPP (1)
• Jalankan Installer XAMPP: xampp-win32-1.6.7-installer.exe
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Install XAMPP (2)
• Install di My Documents, terus Next, dan Install
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Install XAMPP (3)
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Install XAMPP (4)
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Jalankan XAMPP, klik Start pada Apache dan MySQL
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Tes buka http://localhost
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
XAMPP
• My Documents\xampp\htdocs– Tempat menaruh file-file kita– Diibaratkan dengan File Manager di cPanel server hosting
beneran
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
XAMPP
• http://localhost/phpmyadmin > tempat database
Presentasi Tes Potensi Guru, Pembuatan Website Menggunakan WordPress.
Binus Center Jakarta, 06 November 2013
Install WordPressMempersiapkan file-file
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Buat folder My Documents\ XAMPP\htdocs\websiteku
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Extract WordPress di sana
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Pindahkan dari dalam folder websiteku/wordpress ke luar
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Summary: Install WordPress
Mempersiapkan file-file• Download dari website (wordpress.org• Buat folder My Documents\XAMPP\htdocs\
websiteku• Extract di sana
Presentasi Tes Potensi Guru, Pembuatan Website Menggunakan WordPress.
Binus Center Jakarta, 06 November 2013
Install WordPressMempersiapkan database
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Buka http://localhost/phpmyadmin
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Buat database, masukkan websiteku
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
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 .
Binus Center Jakarta, 06 November 2013
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 ‘’)
Presentasi Tes Potensi Guru, Pembuatan Website Menggunakan WordPress.
Binus Center Jakarta, 06 November 2013
Install WordPressMenginstall WordPress
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Buka http://localhost/websiteku
• Klik “Create a Configuration File”
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Siapkan informasi database yang tadi sudah disiapkan
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Masukkan informasi-informasi itu
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Lanjut..
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Hampir Selesai..
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Selesai!
• Catat username dan password sementara itu di notepad
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
http://localhost/websiteku
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Summary: Install WordPress
• Buka http://localhost/websiteku• Install > masukin informasi database, judul
blog dsb• Selesai > catat password• Bikin website selesai
Presentasi Tes Potensi Guru, Pembuatan Website Menggunakan WordPress.
Binus Center Jakarta, 06 November 2013
Mengatur WordPressMembuat tulisan baru
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Buka http://localhost/websiteku, masukkan username + password
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Halaman Admin WordPress (disebut dashboard)
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Dashboard WordPress
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Membuat tulisan
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Tampil di website kita deh!
Presentasi Tes Potensi Guru, Pembuatan Website Menggunakan WordPress.
Binus Center Jakarta, 06 November 2013
Mengatur WordPressMengganti template/themes
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Tempat themes WordPress: http://wordpress.org/extend/themes
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Tempat nyari themes WordPress: Google
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Download themes
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Download themes
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Masukin themesnya ke website kita
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Upload themesnya (tersedia di CD, folder WordPress Theme)
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Cek websitenya untuk perubahan template
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Bisa edit template?
• Bisa banget!• Perlu sedikit kemampuan HTML, CSS, dan
bahasa pemrograman PHP
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Edit Themes
Presentasi Tes Potensi Guru, Pembuatan Website Menggunakan WordPress.
Binus Center Jakarta, 06 November 2013
Topik LanjutanPlugin
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
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 .
Binus Center Jakarta, 06 November 2013
Tempat themes WordPress: http://wordpress.org/extend/plugins
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Install Plugin
Presentasi Tes Potensi Guru, Pembuatan Website Menggunakan WordPress.
Binus Center Jakarta, 06 November 2013
Topik LanjutanMembuat/edit themes sendiri
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Contoh edit themes yang sudah ada
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
Contoh themes bikin dari 0: tentangcad.com
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
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 .
Binus Center Jakarta, 06 November 2013
Selesai
Workshop Pembuatan Website Menggunakan .
Binus Center Jakarta, 06 November 2013
bersama teman teman, dalam Foto Poster Film Kenapa Sih Lo Kejakarta??,05 Juli 2012 di Jakarta
~ semoga Presentasi ini dapat berjalan dengan lancar Trimakasih ~
“..don’t be scared to share your idea, tell a lot of people, so you could get feedback about
it..”
terima kasih..
Top Related