0
WordPress                     an Open Source                     CMS Technologies“Rekayasa Web” -Practicumat Faculty of En...
NurRoni Dhttp://onnayokheng.comFollow @onnayokhengWordpress Developer, WP e-Commerce. Work at @tokokooas Lead Programmer.F...
Outline    CMS (Content Management Systems)       aboutWordPress#            Let’s Practice!
CMS    (Content Management Systems)#
Apaitu CMS?
aboutWordPress#
WordPresswasfoundedby:                      MattMullenweg• PC World’s Top 50 Most  Important People on the Web  (2007)• In...
it was all started from..                            b2                            (www.cafelog.com)
help! the developerwas missing!
Matt,If you’re serious about forking b2 I would beinterested in contributing. I’m sure there are one ortwo other in the co...
and WordPress wasborn
WordPress      start frompersonal publishing     platform   now evolving tofully-functional CMS
Self-hosted WordPress                         (WordPress.org)                    robust and extensible platform for       ...
Self-hosted WordPress                    (WordPress.org)                                       theme  plugin              ...
sleek,fast,anduser friendly
WordPressFamous 5-Minutes Install
automatic install&update
and another coolness! :D
WordPressdefault themes
WordPress, whateveryou canimagine
WordPress, whateveryou canimagine
WordPress, whateveryou canimagine
WordPress, whateveryou canimagine
WordPress, whateveryou canimagine
#image (CC): Marc Wathieu (flickr)                                    WordPress & Open Source
PHP + mySQL    +    =
WP is GPL       is   GPL
“proprietarylicense, thats      restrictive    freedom, isgenerallyEVI          L”            (Matt)
TheCommunity is so Integralimage (CC): mark van de wouw (flickr)
1. Ideas                               Ideas                               where WordPress should go next                 ...
1. Ideas2. Codex                                        Codex                                        write WordPress docum...
1. Ideas2. Codex3. Translate                                   Translate                                   WordPress into ...
1.    Ideas2.    Codex3.    Translate4.    Support Forum                                            Support               ...
1.    Ideas2.    Codex                     Development3.    Translate                 design, code, test, bug-fix, etc    ...
1.   Ideas2.   Codex3.4.     Translate     Support Forum     Plugin &5.6.     Development     Plugin & Themes             ...
1.    Ideas2.    Codex                    Donation3.    Translate       appreciate the developer ;)4.    Support Forum5.  ...
1.   Ideas2.   Codex3.4.     Translate     Support Forum     WordCamp5.   Development       conference that focuses       ...
Follow the Twitter: @wordcampid  Wait for    Visit the website id.wordcamp.org              Fans di FB: WordCamp Indonesia...
WordPress 3.2.1 has   been downloaded13,511,048+               times     from WordPress download counter  http://wordpress...
WordPress 2.8 was released at June 11, 20096,91M+for about 4 months,1 download every2 seconds!image: d-s-n (sxc.hu)
plugins                        6,910+                                    plugins                                  3 new pl...
plugins                          55M+                           plugin downloads                                  25,000+ ...
themes          1,024+                      themes  2+ new themesreleased everyday (since July, 2008)
themes          8,5M+            theme downloads  18,000+ themesdownloads everyday (since July, 2008)
OutlineFamous 5-Minutes Install
Let’s    Practice#         WordPress Facts
Persiapan• Server hosting dan domain  – Server hosting: tempatnyimpen file2  – Domain: alamatwww.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
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 Documentsxampphtdocs  – Tempat menaruh file-file kita  – Diibaratkan dengan File Manager di cPanel server hostin...
XAMPP• http://localhost/phpmyadmin>tempat  database
Outline    Install WordPress    Mempersiapkan file-file#
Buat folder My Documents XAMPPhtdocswebsiteku
Extract WordPress di sana
Pindahkan dari dalam folderwebsiteku/wordpress ke luar
Summary: Install WordPressMempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My  DocumentsXAMPPhtd...
Outline     Install WordPress    Mempersiapkan database#
Buka http://localhost/phpmyadmin
Buat database, masukkan websiteku
Buat database selesai                                   Catat informasi ini:                            Nama database: web...
Summary: Install WordPressMempersiapkan database• Jalankan XAMPP• Buka http://localhost/phpmyadmin• Buat database bernama ...
Outline      Install WordPress    Menginstall CMS 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
Summary: Install WordPress• Buka http://localhost/websiteku• Install > masukin informasi database, judul  blog dsb• Selesa...
Let’s Create our theme#
Outline    CMS (Content Management Systems)       aboutWordPress#            Let’s Practice!
Outline      WordPress is       the coolest    open source CMS      in the world!#
one more thing..
Outline      Tugas    Praktikum#
one more thing..
LOVE WHAT YOU DODO WHAT YOU LOVE!
NurRoniDinnurohman (OnnayOkheng)@onnayokhengonnay.okheng@gmail.comonnayokheng.com0856 2090 987
HOSTINGGOKIL.COM    khususmahasiswaunpas      diskon 15% all item    “UNPAS15”
Praktikum Rekayasa Web, WordPress (1)
Praktikum Rekayasa Web, WordPress (1)
Upcoming SlideShare
Loading in...5
×

Praktikum Rekayasa Web, WordPress (1)

1,419

Published on

Materi praktikum rekayasa web di Unpas.

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

  • Be the first to like this

No Downloads
Views
Total Views
1,419
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
52
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Praktikum Rekayasa Web, WordPress (1)"

  1. 1. WordPress an Open Source CMS Technologies“Rekayasa Web” -Practicumat Faculty of Engineer, Pasundan UniversityFriday, December 2nd 2011
  2. 2. NurRoni Dhttp://onnayokheng.comFollow @onnayokhengWordpress Developer, WP e-Commerce. Work at @tokokooas Lead Programmer.Founder @noufanweb, CTO @salmanitb@rajakonsep and @agendabandung. LetsSharing and Dreaming.
  3. 3. Outline CMS (Content Management Systems) aboutWordPress# Let’s Practice!
  4. 4. CMS (Content Management Systems)#
  5. 5. Apaitu CMS?
  6. 6. aboutWordPress#
  7. 7. WordPresswasfoundedby: 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. 8. it was all started from.. b2 (www.cafelog.com)
  9. 9. help! the developerwas missing!
  10. 10. Matt,If you’re serious about forking b2 I would beinterested in contributing. I’m sure there are one ortwo other in the community who would be too.. inspiringcomment
  11. 11. and WordPress wasborn
  12. 12. WordPress start frompersonal publishing platform now evolving tofully-functional CMS
  13. 13. Self-hosted WordPress (WordPress.org) robust and extensible platform for tremendous websites vs vs WordPress.com state-of-the art personalpublishing/blogging platform
  14. 14. Self-hosted WordPress (WordPress.org) theme plugin right look for your extend websiteWordPressto do almost core filesanything you the core ofcan imagine WordPress simple, but fully (don’t hack it!) customized!
  15. 15. sleek,fast,anduser friendly
  16. 16. WordPressFamous 5-Minutes Install
  17. 17. automatic install&update
  18. 18. and another coolness! :D
  19. 19. WordPressdefault themes
  20. 20. WordPress, whateveryou canimagine
  21. 21. WordPress, whateveryou canimagine
  22. 22. WordPress, whateveryou canimagine
  23. 23. WordPress, whateveryou canimagine
  24. 24. WordPress, whateveryou canimagine
  25. 25. #image (CC): Marc Wathieu (flickr) WordPress & Open Source
  26. 26. PHP + mySQL + =
  27. 27. WP is GPL is GPL
  28. 28. “proprietarylicense, thats restrictive freedom, isgenerallyEVI L” (Matt)
  29. 29. TheCommunity is so Integralimage (CC): mark van de wouw (flickr)
  30. 30. 1. Ideas Ideas where WordPress should go next http://wordpress.org/extend/ideas/CommunityContributionimage: Dan Eriksson (flickr)
  31. 31. 1. Ideas2. Codex Codex write WordPress documentation http://codex.wordpress.orgCommunityContributionImage (CC): Lost in Scotland (flickr)
  32. 32. 1. Ideas2. Codex3. Translate Translate WordPress into your language http://codex.wordpress.org/Translating_WordPressCommunityContributionimage (CC): Shawn Econo (flickr)
  33. 33. 1. Ideas2. Codex3. Translate4. Support Forum Support Forum help WordPress users like you http://wordpress.org/supportCommunityContributionimage (CC): D3 San Francisco (flickr)
  34. 34. 1. Ideas2. Codex Development3. Translate design, code, test, bug-fix, etc Trac: http://core.trac.wordpress.org/4. Support Forum5. DevelopmentCommunityContributionimage (CC): bootload (flickr)
  35. 35. 1. Ideas2. Codex3.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. 36. 1. Ideas2. Codex Donation3. Translate appreciate the developer ;)4. Support Forum5. Development6. Plugin & Themes7. DonationCommunityContributionimage (CC): AMagill (flickr)
  37. 37. 1. Ideas2. Codex3.4. Translate Support Forum WordCamp5. Development conference that focuses on everything WordPress6. Plugin & Themes7. Donation8. WordCampCommunityContribution
  38. 38. Follow the Twitter: @wordcampid Wait for Visit the website id.wordcamp.org Fans di FB: WordCamp Indonesia WordCampIndonesia20 12!
  39. 39. WordPress 3.2.1 has been downloaded13,511,048+ times from WordPress download counter http://wordpress.org/download/counter/
  40. 40. WordPress 2.8 was released at June 11, 20096,91M+for about 4 months,1 download every2 seconds!image: d-s-n (sxc.hu)
  41. 41. plugins 6,910+ plugins 3 new plugins released everyday (since 2003)image: css-tricks.com
  42. 42. plugins 55M+ plugin downloads 25,000+ plugin downloads everyday (since 2003)image: css-tricks.com
  43. 43. themes 1,024+ themes 2+ new themesreleased everyday (since July, 2008)
  44. 44. themes 8,5M+ theme downloads 18,000+ themesdownloads everyday (since July, 2008)
  45. 45. OutlineFamous 5-Minutes Install
  46. 46. Let’s Practice# WordPress Facts
  47. 47. 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
  48. 48. 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)
  49. 49. Install XAMPP (1)• Jalankan Installer XAMPP: xampp-win32-1.6.7- installer.exe
  50. 50. Install XAMPP (2)• Install di My Documents, terus Next, dan Install
  51. 51. Install XAMPP (3)
  52. 52. Install XAMPP (4)
  53. 53. Jalankan XAMPP, klik Start pada Apache dan MySQL
  54. 54. Tes buka http://localhost
  55. 55. XAMPP• My Documentsxampphtdocs – Tempat menaruh file-file kita – Diibaratkan dengan File Manager di cPanel server hosting beneran
  56. 56. XAMPP• http://localhost/phpmyadmin>tempat database
  57. 57. Outline Install WordPress Mempersiapkan file-file#
  58. 58. Buat folder My Documents XAMPPhtdocswebsiteku
  59. 59. Extract WordPress di sana
  60. 60. Pindahkan dari dalam folderwebsiteku/wordpress ke luar
  61. 61. Summary: Install WordPressMempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My DocumentsXAMPPhtdocswebsiteku• Extract di sana
  62. 62. Outline Install WordPress Mempersiapkan database#
  63. 63. Buka http://localhost/phpmyadmin
  64. 64. Buat database, masukkan websiteku
  65. 65. Buat database selesai Catat informasi ini: Nama database: websiteku Nama user: root Password: (tidak ada password) Note: di server hosting sebenarnya, ada password
  66. 66. 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 ‘’)
  67. 67. Outline Install WordPress Menginstall CMS WordPress#
  68. 68. Buka http://localhost/websiteku• Klik “Create a Configuration File”
  69. 69. Siapkan informasi database yang tadi sudah disiapkan
  70. 70. Masukkan informasi-informasi itu
  71. 71. Lanjut..
  72. 72. Hampir Selesai..
  73. 73. Selesai!• Catat username dan password sementara itu di notepad
  74. 74. http://localhost/websiteku
  75. 75. Summary: Install WordPress• Buka http://localhost/websiteku• Install > masukin informasi database, judul blog dsb• Selesai > catat password• Bikin website selesai
  76. 76. Let’s Create our theme#
  77. 77. Outline CMS (Content Management Systems) aboutWordPress# Let’s Practice!
  78. 78. Outline WordPress is the coolest open source CMS in the world!#
  79. 79. one more thing..
  80. 80. Outline Tugas Praktikum#
  81. 81. one more thing..
  82. 82. LOVE WHAT YOU DODO WHAT YOU LOVE!
  83. 83. NurRoniDinnurohman (OnnayOkheng)@onnayokhengonnay.okheng@gmail.comonnayokheng.com0856 2090 987
  84. 84. HOSTINGGOKIL.COM khususmahasiswaunpas diskon 15% all item “UNPAS15”
  1. A particular slide catching your eye?

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

×