presentasi pembuatan web menggunakan wordpress-binus center syahdan.ppt

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 .


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:



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: Hostmop www.hostmop.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



XAMPP

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

beneran



XAMPP

• 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 (wordpress.org• 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 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..