Embed Size (px)
DESCRIPTION
Materi praktikum rekayasa web di Unpas.
Citation preview
WordPressan Open Source CMS Technologies
“Rekayasa Web” - Practicumat Faculty of Engineer, Pasundan UniversityFriday, December 2nd 2011
WordPress
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.
# 231 4Outline
about WordPress
CMS (Content Management Systems)
Let’s Practice!
1# CMS (Content Management Systems)
Apa itu CMS?
2#about WordPress
• 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
b2 (www.cafelog.com)
it was all started from..
help! the developer was missing!
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..
and WordPress was born
WordPress start from
personal publishing platform
now evolving to fully-functional CMS
vsvsWordPress.comstate-of-the art personal
publishing/blogging platform
Self-hosted WordPress (WordPress.org)
robust and extensible platform for tremendous websites
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)
sleek, fast, and user friendly
WordPress Famous 5-Minutes Install
automatic install & update
and another coolness! :D
WordPress default themes
WordPress, whatever you can imagine
WordPress, whatever you can imagine
WordPress, whatever you can imagine
WordPress, whatever you can imagine
WordPress, whatever you can imagine
3# WordPress & Open Sourceimage (CC): Marc Wathieu (flickr)
PHP + mySQL
+
=
WP is GPLis GPL
“proprietary license, that's
restrictive freedom, is
generally
EVIL”(Matt)
The Community is so Integral
image (CC): mark van de wouw (flickr)
Community Contribution
1. Ideas
Ideaswhere WordPress should go next http://wordpress.org/extend/ideas/
image: Dan Eriksson (flickr)
Community Contribution
1. Ideas2. Codex
Codexwrite WordPress documentationhttp://codex.wordpress.org
Image (CC): Lost in Scotland (flickr)
Community Contribution
1. Ideas2. Codex3. Translate
TranslateWordPress into your languagehttp://codex.wordpress.org/Translating_WordPress
image (CC): Shawn Econo (flickr)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum
Support Forum
help WordPress users like youhttp://wordpress.org/support
image (CC): D3 San Francisco (flickr)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum5. Development
Developmentdesign, code, test, bug-fix, etcTrac: http://core.trac.wordpress.org/
image (CC): bootload (flickr)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum5. Development6. Plugin &
Themes
Plugin &ThemesWordPress is infinitely extensiblehttp://wordpress.org/extend/pluginshttp://wordpress.org/extend/themes/
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum5. Development6. Plugin &
Themes7. Donation
Donationappreciate the developer ;)
image (CC): AMagill (flickr)
Community Contribution
1. Ideas2. Codex3. Translate4. Support Forum5. Development6. Plugin &
Themes7. Donation8. WordCamp
WordCampconference that focuses on everything WordPress
Wait for WordCamp Indonesia
2012!
Follow the Twitter: @wordcampidVisit the website id.wordcamp.orgFans di FB: WordCamp Indonesia
WordPress 3.2.1 has been downloaded
13,511,048+
from WordPress download counterhttp://wordpress.org/download/counter/
times
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)
plugins
6,910+3 new plugins
released everyday
(since 2003)
plugins
image: css-tricks.com
plugins
55M+25,000+ plugin
downloads everyday
(since 2003)
plugin downloads
image: css-tricks.com
themes
1,024+2+ new themes
released everyday (since July, 2008)
themes
themes
8,5M+18,000+ themes
downloads everyday (since July, 2008)
theme downloads
5Outline
Famous 5-Minutes Install
minutes
4# WordPress Facts
Let’s Practice
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
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)
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 Documents\xampp\htdocs– Tempat menaruh file-file kita– Diibaratkan dengan File Manager di cPanel server hosting
beneran
234Install WordPressMempersiapkan file-file
Outline
#1
Buat folder My Documents\ XAMPP\htdocs\websiteku
Extract WordPress di sana
Pindahkan dari dalam folder websiteku/wordpress ke luar
Summary: Install WordPress
Mempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My Documents\XAMPP\htdocs\
websiteku• Extract di sana
234Install WordPress
Mempersiapkan database
Outline
#1
Buat database, masukkan websiteku
Buat database selesai
Catat informasi ini:Nama database: websiteku
Nama user: rootPassword: (tidak ada password)
Note: di server hosting sebenarnya, ada password
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 ‘’)
234Install WordPress
Menginstall CMS WordPress
Outline
#1
Siapkan informasi database yang tadi sudah disiapkan
Masukkan informasi-informasi itu
Lanjut..
Hampir Selesai..
Selesai!
• Catat username dan password sementara itu di notepad
Summary: Install WordPress
• Buka http://localhost/websiteku• Install > masukin informasi database, judul
blog dsb• Selesai > catat password• Bikin website selesai
Let’s Create our theme
# 231 4
# 231 4Outline
about WordPress
CMS (Content Management Systems)
Let’s Practice!
OutlineWordPress is the coolest
open source CMS in the world!
# 231 4
one more thing..
OutlineTugas
Praktikum
# 231 4
one more thing..
LOVE WHAT YOU DODO WHAT YOU LOVE!
HOSTINGGOKIL.COMkhusus mahasiswa unpas
diskon 15% all item
“UNPAS15”
