Praktikum Rekayasa Web, WordPress (1)

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

XAMPP

• http://localhost/phpmyadmin > tempat database

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

Buka http://localhost/phpmyadmin

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

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• 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!

Nur Roni Dinnurohman (Onnay Okheng)

@onnayokheng

onnay.okheng@gmail.com

onnayokheng.com

0856 2090 987

HOSTINGGOKIL.COMkhusus mahasiswa unpas

diskon 15% all item

“UNPAS15”