Download - Praktikum Rekayasa Web, WordPress (1)
![Page 1: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/1.jpg)
WordPressan Open Source CMS Technologies
“Rekayasa Web” - Practicumat Faculty of Engineer, Pasundan UniversityFriday, December 2nd 2011
WordPress
![Page 2: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/2.jpg)
Nur Roni Dhttp://onnayokheng.comFollow @onnayokheng
Wordpress Developer, WP e-Commerce. Work at @tokokoo as Lead Programmer. Founder @noufanweb, CTO @salmanitb @rajakonsep and @agendabandung. Let's Sharing and Dreaming.
![Page 3: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/3.jpg)
# 231 4Outline
about WordPress
CMS (Content Management Systems)
Let’s Practice!
![Page 4: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/4.jpg)
1# CMS (Content Management Systems)
![Page 5: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/5.jpg)
Apa itu CMS?
![Page 6: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/6.jpg)
2#about WordPress
![Page 7: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/7.jpg)
• PC World’s Top 50 Most Important People on the Web (2007)
• Inc.com’s Top 30 Entrepreneur under 30 (2008)
• Business Week’s The 25 Most Influential People on the Web (2008)
WordPress was founded by:
Matt Mullenweg
![Page 8: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/8.jpg)
b2 (www.cafelog.com)
it was all started from..
![Page 9: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/9.jpg)
help! the developer was missing!
![Page 10: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/10.jpg)
inspiring comment
Matt,
If you’re serious about forking b2 I would be interested in contributing. I’m sure there are one or
two other in the community who would be too..
![Page 11: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/11.jpg)
and WordPress was born
![Page 12: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/12.jpg)
WordPress start from
personal publishing platform
now evolving to fully-functional CMS
![Page 13: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/13.jpg)
vsvsWordPress.comstate-of-the art personal
publishing/blogging platform
Self-hosted WordPress (WordPress.org)
robust and extensible platform for tremendous websites
![Page 14: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/14.jpg)
simple, but fully customized!
extend WordPress
to do almost anything you can imagine
right look for your website
plugintheme
core filesthe core of WordPress
(don’t hack it!)
Self-hosted WordPress(WordPress.org)
![Page 15: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/15.jpg)
sleek, fast, and user friendly
![Page 16: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/16.jpg)
WordPress Famous 5-Minutes Install
![Page 17: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/17.jpg)
automatic install & update
![Page 18: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/18.jpg)
and another coolness! :D
![Page 19: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/19.jpg)
WordPress default themes
![Page 20: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/20.jpg)
WordPress, whatever you can imagine
![Page 21: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/21.jpg)
WordPress, whatever you can imagine
![Page 22: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/22.jpg)
WordPress, whatever you can imagine
![Page 23: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/23.jpg)
WordPress, whatever you can imagine
![Page 24: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/24.jpg)
WordPress, whatever you can imagine
![Page 25: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/25.jpg)
3# WordPress & Open Sourceimage (CC): Marc Wathieu (flickr)
![Page 26: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/26.jpg)
PHP + mySQL
+
=
![Page 27: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/27.jpg)
WP is GPLis GPL
![Page 28: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/28.jpg)
“proprietary license, that's
restrictive freedom, is
generally
EVIL”(Matt)
![Page 29: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/29.jpg)
The Community is so Integral
image (CC): mark van de wouw (flickr)
![Page 30: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/30.jpg)
Community Contribution
1. Ideas
Ideaswhere WordPress should go next http://wordpress.org/extend/ideas/
image: Dan Eriksson (flickr)
![Page 31: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/31.jpg)
Community Contribution
1. Ideas2. Codex
Codexwrite WordPress documentationhttp://codex.wordpress.org
Image (CC): Lost in Scotland (flickr)
![Page 32: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/32.jpg)
Community Contribution
1. Ideas2. Codex3. Translate
TranslateWordPress into your languagehttp://codex.wordpress.org/Translating_WordPress
image (CC): Shawn Econo (flickr)
![Page 33: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/33.jpg)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum
Support Forum
help WordPress users like youhttp://wordpress.org/support
image (CC): D3 San Francisco (flickr)
![Page 34: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/34.jpg)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum5. Development
Developmentdesign, code, test, bug-fix, etcTrac: http://core.trac.wordpress.org/
image (CC): bootload (flickr)
![Page 35: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/35.jpg)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum5. Development6. Plugin &
Themes
Plugin &ThemesWordPress is infinitely extensiblehttp://wordpress.org/extend/pluginshttp://wordpress.org/extend/themes/
![Page 36: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/36.jpg)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum5. Development6. Plugin &
Themes7. Donation
Donationappreciate the developer ;)
image (CC): AMagill (flickr)
![Page 37: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/37.jpg)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum5. Development6. Plugin &
Themes7. Donation8. WordCamp
WordCampconference that focuses on everything WordPress
![Page 38: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/38.jpg)
Wait for WordCamp Indonesia
2012!
Follow the Twitter: @wordcampidVisit the website id.wordcamp.orgFans di FB: WordCamp Indonesia
![Page 39: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/39.jpg)
WordPress 3.2.1 has been downloaded
13,511,048+
from WordPress download counterhttp://wordpress.org/download/counter/
times
![Page 40: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/40.jpg)
WordPress 2.8 was released at June 11, 2009
6,91M+ for about 4 months,
1 download every
2 seconds!image: d-s-n (sxc.hu)
![Page 41: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/41.jpg)
plugins
6,910+3 new plugins
released everyday
(since 2003)
plugins
image: css-tricks.com
![Page 42: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/42.jpg)
plugins
55M+25,000+ plugin
downloads everyday
(since 2003)
plugin downloads
image: css-tricks.com
![Page 43: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/43.jpg)
themes
1,024+2+ new themes
released everyday (since July, 2008)
themes
![Page 44: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/44.jpg)
themes
8,5M+18,000+ themes
downloads everyday (since July, 2008)
theme downloads
![Page 45: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/45.jpg)
5Outline
Famous 5-Minutes Install
minutes
![Page 46: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/46.jpg)
![Page 47: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/47.jpg)
4# WordPress Facts
Let’s Practice
![Page 48: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/48.jpg)
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: Hosting Gokil
www.hostinggokil.com
![Page 49: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/49.jpg)
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)
![Page 50: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/50.jpg)
Install XAMPP (1)
• Jalankan Installer XAMPP: xampp-win32-1.6.7-installer.exe
![Page 51: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/51.jpg)
Install XAMPP (2)
• Install di My Documents, terus Next, dan Install
![Page 52: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/52.jpg)
Install XAMPP (3)
![Page 53: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/53.jpg)
Install XAMPP (4)
![Page 54: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/54.jpg)
Jalankan XAMPP, klik Start pada Apache dan MySQL
![Page 55: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/55.jpg)
Tes buka http://localhost
![Page 56: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/56.jpg)
XAMPP
• My Documents\xampp\htdocs– Tempat menaruh file-file kita– Diibaratkan dengan File Manager di cPanel server hosting
beneran
![Page 58: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/58.jpg)
234Install WordPressMempersiapkan file-file
Outline
#1
![Page 59: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/59.jpg)
Buat folder My Documents\ XAMPP\htdocs\websiteku
![Page 60: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/60.jpg)
Extract WordPress di sana
![Page 61: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/61.jpg)
Pindahkan dari dalam folder websiteku/wordpress ke luar
![Page 62: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/62.jpg)
Summary: Install WordPress
Mempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My Documents\XAMPP\htdocs\
websiteku• Extract di sana
![Page 63: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/63.jpg)
234Install WordPress
Mempersiapkan database
Outline
#1
![Page 65: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/65.jpg)
Buat database, masukkan websiteku
![Page 66: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/66.jpg)
Buat database selesai
Catat informasi ini:Nama database: websiteku
Nama user: rootPassword: (tidak ada password)
Note: di server hosting sebenarnya, ada password
![Page 67: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/67.jpg)
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 ‘’)
![Page 68: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/68.jpg)
234Install WordPress
Menginstall CMS WordPress
Outline
#1
![Page 70: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/70.jpg)
Siapkan informasi database yang tadi sudah disiapkan
![Page 71: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/71.jpg)
Masukkan informasi-informasi itu
![Page 72: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/72.jpg)
Lanjut..
![Page 73: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/73.jpg)
Hampir Selesai..
![Page 74: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/74.jpg)
Selesai!
• Catat username dan password sementara itu di notepad
![Page 76: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/76.jpg)
Summary: Install WordPress
• Buka http://localhost/websiteku• Install > masukin informasi database, judul
blog dsb• Selesai > catat password• Bikin website selesai
![Page 77: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/77.jpg)
Let’s Create our theme
# 231 4
![Page 78: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/78.jpg)
![Page 79: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/79.jpg)
# 231 4Outline
about WordPress
CMS (Content Management Systems)
Let’s Practice!
![Page 80: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/80.jpg)
OutlineWordPress is the coolest
open source CMS in the world!
# 231 4
![Page 81: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/81.jpg)
one more thing..
![Page 82: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/82.jpg)
OutlineTugas
Praktikum
# 231 4
![Page 83: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/83.jpg)
one more thing..
![Page 84: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/84.jpg)
LOVE WHAT YOU DODO WHAT YOU LOVE!
![Page 86: Praktikum Rekayasa Web, WordPress (1)](https://reader036.vdocuments.mx/reader036/viewer/2022062307/55548f83b4c905186d8b46c9/html5/thumbnails/86.jpg)
HOSTINGGOKIL.COMkhusus mahasiswa unpas
diskon 15% all item
“UNPAS15”