Workshop                     Pembuatan Website                     menggunakan                     WordPressScience Carniv...
presented by:Muhammad Ilman Akbara blogger, entrepreneur, web lover, co-founder ofUnivind, founder & lead admin of anakUI....
Outline•   Website Dinamis•   Persiapan•   Install XAMPP•   Install WordPress•   Mengatur WordPress•   Topik Lanjutan     ...
Website Dinamis (1)• Website yang interaktif, bisa di-update isinya  denga mudah, bisa komentar, dsb.• Terdiri dari file d...
Website Dinamis (2)• File-file   – File-file PHP yang membuat website terlihat oleh     mata kita dan berfungsi sesuai fun...
Persiapan• Server hosting dan domain  – Server hosting: tempat nyimpen file2  – Domain: alamat www.namadomain.com /.net   ...
Karena kita ga konek Internet• Program “simulasi” server hosting, namanya  XAMPP• Di komputer sendiri• Butuh program untuk...
Install XAMPP (1)• Jalankan Installer XAMPP: xampp-win32-1.6.7-  installer.exe                           Workshop Pembuata...
Install XAMPP (2)• Install di My Documents, terus Next, dan Install                             Workshop Pembuatan Website...
Install XAMPP (3)         Workshop Pembuatan Website Menggunakan           .                Science Carnival FMIPA UI, 20 ...
Install XAMPP (4)         Workshop Pembuatan Website Menggunakan           .                Science Carnival FMIPA UI, 20 ...
Jalankan XAMPP, klik Start pada      Apache dan MySQL                Workshop Pembuatan Website Menggunakan           .   ...
Tes buka http://localhost             Workshop Pembuatan Website Menggunakan           .                    Science Carniv...
XAMPP• My Documentsxampphtdocs  – Tempat menaruh file-file kita  – Diibaratkan dengan File Manager di cPanel server hostin...
XAMPP• http://localhost/phpmyadmin > tempat  database                       Workshop Pembuatan Website Menggunakan        ...
Install WordPress      Mempersiapkan file-fileWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI,...
Buat folder My Documents XAMPPhtdocswebsiteku             Workshop Pembuatan Website Menggunakan           .              ...
Extract WordPress di sana             Workshop Pembuatan Website Menggunakan           .                    Science Carniv...
Pindahkan dari dalam folderwebsiteku/wordpress ke luar              Workshop Pembuatan Website Menggunakan           .    ...
Summary: Install WordPressMempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My  DocumentsXAMPPhtd...
Install WordPress    Mempersiapkan databaseWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20...
Buka http://localhost/phpmyadmin                 Workshop Pembuatan Website Menggunakan           .                       ...
Buat database, masukkan websiteku                 Workshop Pembuatan Website Menggunakan           .                      ...
Buat database selesai                                   Catat informasi ini:                            Nama database: web...
Summary: Install WordPressMempersiapkan database• Jalankan XAMPP• Buka http://localhost/phpmyadmin• Buat database bernama ...
Install WordPress       Menginstall WordPressWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, ...
Buka http://localhost/websiteku• Klik “Create a Configuration File”                              Workshop Pembuatan Websit...
Siapkan informasi database yang tadi          sudah disiapkan                   Workshop Pembuatan Website Menggunakan    ...
Masukkan informasi-informasi itu                 Workshop Pembuatan Website Menggunakan           .                       ...
Lanjut..     Workshop Pembuatan Website Menggunakan           .            Science Carnival FMIPA UI, 20 November 2009
Hampir Selesai..         Workshop Pembuatan Website Menggunakan           .                Science Carnival FMIPA UI, 20 N...
Selesai!• Catat username dan password sementara itu di  notepad                           Workshop Pembuatan Website Mengg...
http://localhost/websiteku              Workshop Pembuatan Website Menggunakan           .                     Science Car...
Summary: Install WordPress• Buka http://localhost/websiteku• Install > masukin informasi database, judul  blog dsb• Selesa...
Mengatur WordPress        Membuat tulisan baruWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI,...
Bukahttp://localhost/websiteku, masukka       n username + password                  Workshop Pembuatan Website Menggunaka...
Halaman Admin WordPress (disebut          dashboard)                 Workshop Pembuatan Website Menggunakan           .   ...
Workshop Pembuatan Website Menggunakan           .       Science Carnival FMIPA UI, 20 November 2009
Dashboard WordPress          Workshop Pembuatan Website Menggunakan           .                 Science Carnival FMIPA UI,...
Membuat tulisan        Workshop Pembuatan Website Menggunakan           .               Science Carnival FMIPA UI, 20 Nove...
Tampil di website kita deh!              Workshop Pembuatan Website Menggunakan           .                     Science Ca...
Mengatur WordPressMengganti template/themesWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20...
Tempat themes WordPress:http://wordpress.org/extend/themes                  Workshop Pembuatan Website Menggunakan        ...
Tempat nyari themes WordPress:            Google                Workshop Pembuatan Website Menggunakan           .        ...
Download themes        Workshop Pembuatan Website Menggunakan           .               Science Carnival FMIPA UI, 20 Nove...
Download themes        Workshop Pembuatan Website Menggunakan           .               Science Carnival FMIPA UI, 20 Nove...
Masukin themesnya ke website kita                 Workshop Pembuatan Website Menggunakan           .                      ...
Upload themesnya (tersedia diCD, folder WordPress Theme)               Workshop Pembuatan Website Menggunakan           . ...
Workshop Pembuatan Website Menggunakan           .       Science Carnival FMIPA UI, 20 November 2009
Cek websitenya untuk perubahan           template                Workshop Pembuatan Website Menggunakan           .       ...
Bisa edit template?• Bisa banget!• Perlu sedikit kemampuan HTML, CSS, dan  bahasa pemrograman PHP                       Wo...
Edit Themes      Workshop Pembuatan Website Menggunakan           .             Science Carnival FMIPA UI, 20 November 2009
Topik Lanjutan                           PluginWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI...
Plugin• ‘Tambahan’ untuk WordPress, membuat fitur-  fitur website bisa lebih banyak daripada fitur  dari instalasi WordPre...
Tempat themes WordPress:http://wordpress.org/extend/plugins                  Workshop Pembuatan Website Menggunakan       ...
Install Plugin        Workshop Pembuatan Website Menggunakan           .               Science Carnival FMIPA UI, 20 Novem...
Topik LanjutanMembuat/edit themes sendiriWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 N...
Contoh edit themes yang sudah ada                 Workshop Pembuatan Website Menggunakan           .                      ...
Contoh themes bikin dari 0:     tentangcad.com              Workshop Pembuatan Website Menggunakan           .            ...
Buat dari 0Yang dibutuhkan• Sedikit kemampuan disain grafis• Sedikit HTML, CSS, dan PHPLangkah-langkah• Buat disain HTML-n...
Selesai    Workshop Pembuatan Website Menggunakan           .           Science Carnival FMIPA UI, 20 November 2009
terima kasih..“..don’t be scared to share your idea, tell a lot of   people, so you could get feedback about it..”    bers...
Upcoming SlideShare
Loading in …5
×

Membuat Website Menggunakan WordPress

2,681
-1

Published on

Presented on Science Carnaval 2009, BEM FMIPA UI, with topics "Workshop Pembuatan Website menggunakan WordPress". FMIPA UI, 20 November 2009

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,681
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
191
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Membuat Website Menggunakan WordPress

  1. 1. Workshop Pembuatan Website menggunakan WordPressScience Carnival, FMIPA UIJum’at, 20 November 2009 Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
  2. 2. presented by:Muhammad Ilman Akbara blogger, entrepreneur, web lover, co-founder ofUnivind, founder & lead admin of anakUI.com, andmore importantly, WordPress enthusiast! ;) ilmanakbar@gmail.com pyrokinesis88 twitter.com/ilmanakbar ilmanakbar.web.id slideshare.net/ilmanakbar Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  3. 3. Outline• Website Dinamis• Persiapan• Install XAMPP• Install WordPress• Mengatur WordPress• Topik Lanjutan Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. Install XAMPP (1)• Jalankan Installer XAMPP: xampp-win32-1.6.7- installer.exe Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  9. 9. Install XAMPP (2)• Install di My Documents, terus Next, dan Install Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  10. 10. Install XAMPP (3) Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  11. 11. Install XAMPP (4) Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  12. 12. Jalankan XAMPP, klik Start pada Apache dan MySQL Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  13. 13. Tes buka http://localhost Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  14. 14. XAMPP• My Documentsxampphtdocs – 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
  15. 15. XAMPP• http://localhost/phpmyadmin > tempat database Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  16. 16. Install WordPress Mempersiapkan file-fileWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
  17. 17. Buat folder My Documents XAMPPhtdocswebsiteku Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  18. 18. Extract WordPress di sana Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  19. 19. Pindahkan dari dalam folderwebsiteku/wordpress ke luar Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  20. 20. Summary: Install WordPressMempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My DocumentsXAMPPhtdocswebsiteku• Extract di sana Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  21. 21. Install WordPress Mempersiapkan databaseWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
  22. 22. Buka http://localhost/phpmyadmin Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  23. 23. Buat database, masukkan websiteku Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  24. 24. Buat database selesai Catat informasi ini: Nama database: websiteku Nama user: root Password: (tidak ada password) Note: di server hosting sebenarnya, ada password Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  25. 25. Summary: Install WordPressMempersiapkan 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 . Science Carnival FMIPA UI, 20 November 2009
  26. 26. Install WordPress Menginstall WordPressWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
  27. 27. Buka http://localhost/websiteku• Klik “Create a Configuration File” Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  28. 28. Siapkan informasi database yang tadi sudah disiapkan Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  29. 29. Masukkan informasi-informasi itu Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  30. 30. Lanjut.. Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  31. 31. Hampir Selesai.. Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  32. 32. Selesai!• Catat username dan password sementara itu di notepad Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  33. 33. http://localhost/websiteku Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  34. 34. Summary: Install WordPress• Buka http://localhost/websiteku• Install > masukin informasi database, judul blog dsb• Selesai > catat password• Bikin website selesai Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  35. 35. Mengatur WordPress Membuat tulisan baruWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
  36. 36. Bukahttp://localhost/websiteku, masukka n username + password Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  37. 37. Halaman Admin WordPress (disebut dashboard) Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  38. 38. Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  39. 39. Dashboard WordPress Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  40. 40. Membuat tulisan Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  41. 41. Tampil di website kita deh! Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  42. 42. Mengatur WordPressMengganti template/themesWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
  43. 43. Tempat themes WordPress:http://wordpress.org/extend/themes Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  44. 44. Tempat nyari themes WordPress: Google Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  45. 45. Download themes Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  46. 46. Download themes Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  47. 47. Masukin themesnya ke website kita Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  48. 48. Upload themesnya (tersedia diCD, folder WordPress Theme) Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  49. 49. Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  50. 50. Cek websitenya untuk perubahan template Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  51. 51. 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
  52. 52. Edit Themes Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  53. 53. Topik Lanjutan PluginWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
  54. 54. 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
  55. 55. Tempat themes WordPress:http://wordpress.org/extend/plugins Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  56. 56. Install Plugin Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  57. 57. Topik LanjutanMembuat/edit themes sendiriWorkshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009
  58. 58. Contoh edit themes yang sudah ada Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  59. 59. Contoh themes bikin dari 0: tentangcad.com Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  60. 60. Buat dari 0Yang 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
  61. 61. Selesai Workshop Pembuatan Website Menggunakan . Science Carnival FMIPA UI, 20 November 2009
  62. 62. terima kasih..“..don’t be scared to share your idea, tell a lot of people, so you could get feedback about it..” bersama Matt Mullenweg, founder WordPress.com, 16 Januari 2009 di Jakarta Workshop Pembuatan Website Menggunakan .~ semoga kesuksesannya menginspirasi saya danScience Carnival FMIPA UI, 20 November 2009 ~ seluruh masyarakat Indonesia
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×