Materi praktikum rekayasa web di Unpas.

1. WordPress
an Open Source
CMS Technologies
“Rekayasa Web” -Practicum
at Faculty of Engineer, Pasundan University
Friday, December 2nd 2011

2. NurRoni D
http://onnayokheng.com
Follow @onnayokheng
Wordpress Developer, WP e-Commerce. Work at @tokokooas Lead Programmer.
Founder @noufanweb, CTO @salmanitb@rajakonsep and @agendabandung. Let's
Sharing and Dreaming.

3. Outline
CMS (Content Management Systems)
aboutWordPress
# Let’s Practice!

4. CMS
(Content Management Systems)
#

5. Apaitu CMS?

6. aboutWordPress
#

7. WordPress
wasfoundedby:
MattMullenweg
• 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)

8. it was all started from..
b2
(www.cafelog.com)

9. help! the developer
was missing!

10. 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..
inspiringcomment

11. and WordPress wasborn

12. WordPress
start from
personal publishing
platform
now evolving to
fully-functional CMS

13. Self-hosted WordPress
(WordPress.org)
robust and extensible platform for
tremendous websites
vs vs
WordPress.com
state-of-the art personal
publishing/blogging platform

14. Self-hosted WordPress
(WordPress.org)
theme
plugin right look
for your
extend website
WordPressto
do almost core files
anything you the core of
can imagine WordPress
simple, but fully (don’t hack it!)
customized!

15. sleek,fast,anduser friendly

16. WordPress
Famous 5-Minutes Install

17. automatic install&update

18. and another coolness! :D

19. WordPress
default themes

20. WordPress, whatever
you canimagine

21. WordPress, whatever
you canimagine

22. WordPress, whatever
you canimagine

23. WordPress, whatever
you canimagine

24. WordPress, whatever
you canimagine

25. #
image (CC): Marc Wathieu (flickr)
WordPress & Open Source

26. PHP + mySQL
+
=

27. WP is GPL
is GPL

28. “proprietary
license, that's
restrictive
freedom, is
generallyEVI
L”
(Matt)

29. TheCommunity is so Integral
image (CC): mark van de wouw (flickr)

30. 1. Ideas
Ideas
where WordPress should go next
http://wordpress.org/extend/ideas/
CommunityContribution
image: Dan Eriksson (flickr)

31. 1. Ideas
2. Codex
Codex
write WordPress documentation
http://codex.wordpress.org
CommunityContribution
Image (CC): Lost in Scotland (flickr)

32. 1. Ideas
2. Codex
3. Translate
Translate
WordPress into your language
http://codex.wordpress.org/Translating_WordPress
CommunityContribution
image (CC): Shawn Econo (flickr)

33. 1. Ideas
2. Codex
3. Translate
4. Support Forum
Support
Forum
help WordPress users like you
http://wordpress.org/support
CommunityContribution
image (CC): D3 San Francisco (flickr)

34. 1. Ideas
2. Codex Development
3. Translate design, code, test, bug-fix, etc
Trac: http://core.trac.wordpress.org/
4. Support Forum
5. Development
CommunityContribution
image (CC): bootload (flickr)

35. 1. Ideas
2. Codex
3.
4.
Translate
Support Forum Plugin &
5.
6.
Development
Plugin & Themes
Themes
WordPress is infinitely extensible
http://wordpress.org/extend/plugins
http://wordpress.org/extend/themes/
CommunityContribution

36. 1. Ideas
2. Codex Donation
3. Translate appreciate the developer ;)
4. Support Forum
5. Development
6. Plugin & Themes
7. Donation
CommunityContribution
image (CC): AMagill (flickr)

37. 1. Ideas
2. Codex
3.
4.
Translate
Support Forum WordCamp
5. Development conference that focuses
on everything WordPress
6. Plugin & Themes
7. Donation
8. WordCamp
CommunityContribution

38. Follow the Twitter: @wordcampid
Wait for Visit the website id.wordcamp.org
Fans di FB: WordCamp Indonesia
WordCamp
Indonesia20
12!

39. WordPress 3.2.1 has
been downloaded
13,511,048+
times
from WordPress download counter
http://wordpress.org/download/counter/

40. 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)

41. plugins
6,910+
plugins
3 new plugins
released
everyday
(since 2003)
image: css-tricks.com

42. plugins
55M+
plugin downloads
25,000+ plugin
downloads
everyday
(since 2003)
image: css-tricks.com

43. themes
1,024+
themes
2+ new themes
released everyday
(since July, 2008)

44. themes
8,5M+
theme downloads
18,000+ themes
downloads everyday
(since July, 2008)

45. Outline
Famous 5-Minutes Install

47. Let’s
Practice
# WordPress Facts

48. Persiapan
• Server hosting dan domain
– Server hosting: tempatnyimpen file2
– Domain: alamatwww.namadomain.com /.net
/.org /dsb..
• Sewadimana? Banyaak!Googling: web hosting
dan domain Indonesia
• Pilih ini aja: Hosting
Gokilwww.hostinggokil.com

49. 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)

50. Install XAMPP (1)
• Jalankan Installer XAMPP: xampp-win32-1.6.7-
installer.exe

51. Install XAMPP (2)
• Install di My Documents, terus Next, dan Install

52. Install XAMPP (3)

53. Install XAMPP (4)

54. Jalankan XAMPP, klik Start pada
Apache dan MySQL

55. Tes buka http://localhost

56. XAMPP
• My Documentsxampphtdocs
– Tempat menaruh file-file kita
– Diibaratkan dengan File Manager di cPanel server hosting
beneran

57. XAMPP
• http://localhost/phpmyadmin>tempat
database

58. Outline
Install WordPress
Mempersiapkan file-file
#

59. Buat folder My Documents
XAMPPhtdocswebsiteku

60. Extract WordPress di sana

61. Pindahkan dari dalam folder
websiteku/wordpress ke luar

62. Summary: Install WordPress
Mempersiapkan file-file
• Download dari website (buka dari CD)
• Buat folder My
DocumentsXAMPPhtdocswebsiteku
• Extract di sana

63. Outline
Install WordPress
Mempersiapkan database
#

64. Buka http://localhost/phpmyadmin

65. Buat database, masukkan websiteku

66. Buat database selesai
Catat informasi ini:
Nama database: websiteku
Nama user: root
Password: (tidak ada password)
Note: di server hosting sebenarnya, ada password

67. 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 ‘’)

68. Outline
Install WordPress
Menginstall CMS WordPress
#

69. Buka http://localhost/websiteku
• Klik “Create a Configuration File”

70. Siapkan informasi database yang tadi
sudah disiapkan

71. Masukkan informasi-informasi itu

72. Lanjut..

73. Hampir Selesai..

74. Selesai!
• Catat username dan password sementara itu di
notepad

75. http://localhost/websiteku

76. Summary: Install WordPress
• Buka http://localhost/websiteku
• Install > masukin informasi database, judul
blog dsb
• Selesai > catat password
• Bikin website selesai

77. Let’s Create our theme
#

79. Outline
CMS (Content Management Systems)
aboutWordPress
# Let’s Practice!

80. Outline
WordPress is
the coolest
open source CMS
in the world!
#

81. one more thing..

82. Outline
Tugas
Praktikum
#

83. one more thing..

84. LOVE WHAT YOU DO
DO WHAT YOU LOVE!

85. NurRoniDinnurohman (OnnayOkheng)
@onnayokheng
onnay.okheng@gmail.com
onnayokheng.com
0856 2090 987

86. HOSTINGGOKIL.COM
khususmahasiswaunpas
diskon 15% all item
“UNPAS15”