Your SlideShare is downloading. ×
  • Like

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Workshop Pembuatan Website menggunakan WordPress

  • 2,925 views
Published

Workshop Pembuatan Website menggunakan WordPress, presented at Ruang Serbaguna BSM Fakultas MIPA UI, on Friday, November 20th 2009

Workshop Pembuatan Website menggunakan WordPress, presented at Ruang Serbaguna BSM Fakultas MIPA UI, on Friday, November 20th 2009

Published in Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
2,925
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
205
Comments
1
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Workshop Pembuatan Website menggunakan WordPress Science Carnival, FMIPA UI Jum’at, 20 November 2009
  • 2. Muhammad Ilman Akbar a blogger, entrepreneur, web lover , co-founder of Univind, founder & lead admin of anakUI.com, and more importantly, WordPress enthusiast ! ;)
    • [email_address]
    • 0817 829788
    • facebook.com/ilmanakbar
    • pyrokinesis88
    • twitter.com/ilmanakbar
    • ilmanakbar.dagdigdug.com
    • slideshare.net/ilmanakbar
    presented by:
  • 3. Outline
    • Isi CD
    • Website Dinamis
    • Persiapan
    • Install XAMPP
    • Install WordPress
    • Mengatur WordPress
    • Topik Lanjutan
  • 4. 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
  • 5. Website Dinamis (1)
    • Website yang interaktif, bisa di- update isinya denga mudah, bisa komentar, dsb.
    • Terdiri dari file dan database
  • 6. 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
  • 7. 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
  • 8. Karena kita ga konek Internet
    • Program “simulasi” server hosting, namanya XAMPP
    • Di k omputer sendiri
    • Butuh p rogram untuk ngebuka dan ngezip (mis. WinZip, WinRar, IZArc, 7Zip, dsb)
  • 9. Install XAMPP (1)
    • Jalankan Installer XAMPP : xampp-win32-1.6.7-installer.exe
  • 10. Install XAMPP (2)
    • Install di My Documents, terus Next, dan Install
  • 11. Install XAMPP (3)
  • 12. Install XAMPP (4)
  • 13. Jalankan XAMPP, klik Start pada Apache dan MySQL
  • 14. Tes buka http://localhost
  • 15. XAMPP
    • My Documentsxampphtdocs
      • Tempat menaruh file-file kita
      • Diibaratkan dengan File Manager di cPanel server hosting beneran
  • 16. XAMPP
    • http://localhost/phpmyadmin > tempat database
  • 17. Install WordPress Mempersiapkan file-file
  • 18. Buat folder My Documents XAMPPhtdocswebsiteku
  • 19. Extract WordPress di sana
  • 20. Pindahkan dari dalam folder websiteku/wordpress ke luar
  • 21. Summary: Install WordPress
    • Mempersiapkan file-file
    • Download dari website (buka dari CD)
    • Buat folder My Documents XAMPPhtdocswebsiteku
    • Extract di sana
  • 22. Install WordPress Mempersiapkan database
  • 23. Buka http://localhost/phpmyadmin
  • 24. Buat database, masukkan websiteku
  • 25. Buat database selesai
    • Catat informasi ini:
    • Nama database: websiteku
    • Nama user: root
    • Password: (tidak ada password)
    • Note: di server hosting sebenarnya, ada password
  • 26. 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 ‘’)
  • 27. Install WordPress Menginstall WordPress
  • 28. Buka http:// localhost/websiteku
    • Klik “Create a Configuration File”
  • 29. Siapkan informasi database yang tadi sudah disiapkan
  • 30. Masukkan informasi-informasi itu
  • 31. Lanjut..
  • 32. Hampir Selesai..
  • 33. Selesai!
    • Catat username dan password sementara itu di notepad
  • 34. http://localhost/websiteku
  • 35. Summary: Install WordPress
    • Buka http://localhost/websiteku
    • Install > masukin informasi database, judul blog dsb
    • Selesai > catat password
    • Bikin website selesai
  • 36. Mengatur WordPress Membuat tulisan baru
  • 37. Buka http://localhost/websiteku , masukkan username + password
  • 38. Halaman Admin WordPress (disebut dashboard)
  • 39.  
  • 40. Dashboard WordPress
  • 41. Membuat tulisan
  • 42. Tampil di website kita deh!
  • 43. Mengatur WordPress Mengganti template/themes
  • 44. Tempat themes WordPress: http://wordpress.org/extend/themes
  • 45. Tempat nyari themes WordPress: Google
  • 46. Download themes
  • 47. Download themes
  • 48. Masukin themesnya ke website kita
  • 49. Upload themesnya (tersedia di CD, folder WordPress Theme)
  • 50.  
  • 51. Cek websitenya untuk perubahan template
  • 52. Bisa edit template?
    • Bisa banget!
    • Perlu sedikit kemampuan HTML, CSS, dan bahasa pemrograman PHP
  • 53. Edit Themes
  • 54. Topik Lanjutan Plugin
  • 55. 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
  • 56. Tempat themes WordPress: http://wordpress.org/extend/ plugins
  • 57. Install Plugin
  • 58. Topik Lanjutan Membuat/edit themes sendiri
  • 59. Contoh edit themes yang sudah ada
  • 60. Contoh themes bikin dari 0: tentangcad.com
  • 61. Buat dari 0
    • Yang dibutuhkan
    • Sedikit kemampuan disain grafis
    • Sedikit HTML, CSS, dan PHP
    • Langkah-langkah
    • Buat disain HTML-nya
    • Ubah jadi Themes WordPress
      • Lihat folder Create Wordpress Template
  • 62. Selesai
  • 63. bersama Matt Mullenweg, founder WordPress.com , 16 Januari 2009 di Jakarta ~ semoga kesuksesannya menginspirasi saya dan seluruh masyarakat Indonesia ~ t erima kasih .. “ ..don’t be scared to share your idea, tell a lot of people, so you could get feedback about it..”