Top Banner
Membagun Website secara Offline dengan Wordpress Abdul Rachman SMK Negeri 1 Bangil Minggu, 02 Oktober 2011
61

Membagun Website secara Offline dengan Wordpress

Jan 17, 2016

Download

Documents

Reia

Membagun Website secara Offline dengan Wordpress. Abdul Rachman. SMK Negeri 1 Bangil Minggu , 02 Oktober 2011. Materi. Apa itu Website ? Susah gak sich bikin website ? CMS ? Wordpress ? Instalasi Wordpress Administator Dasboard. Website ?. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Membagun Website secara Offline dengan Wordpress

Membagun Website secara Offline dengan Wordpress

Abdul Rachman

SMK Negeri 1 BangilMinggu, 02 Oktober 2011

Page 2: Membagun Website secara Offline dengan Wordpress

Materi

• Apa itu Website ?• Susah gak sich bikin website ? • CMS ?• Wordpress ?• Instalasi Wordpress• Administator Dasboard

Page 3: Membagun Website secara Offline dengan Wordpress

Website ?

Page 4: Membagun Website secara Offline dengan Wordpress

Kumpulan dari halaman-halaman situs / web (web page), yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet

http://id.wikipedia.org/wiki/Situs_web

Page 5: Membagun Website secara Offline dengan Wordpress

Contoh :

http://www.facebook.com/

Page 6: Membagun Website secara Offline dengan Wordpress

http://www.facebook.com/

Domain : Suatu penamaan unik ( terdiri dari string karakter ) yang mewakili suatu IP Address ( Internet Protocol ) untuk komputer di Internet

Hyper Text Transfer Protocol : Suatu Protokol komunikasi untuk mengirim dan menerima data dari satu komputer ke komputer yang lainnya di World Wide Web (WWW)

Page 7: Membagun Website secara Offline dengan Wordpress

Bagaimana melihat IP suatu website ?

Ping : Packet InterNet Groper

Page 8: Membagun Website secara Offline dengan Wordpress

http://69.63.187.19/ = http://www.facebook.com/

Page 9: Membagun Website secara Offline dengan Wordpress

Susah gak sich bikin website ?

Page 10: Membagun Website secara Offline dengan Wordpress

Jika itu 10 tahun yang lalu :

Page 11: Membagun Website secara Offline dengan Wordpress

Apa gak ada solusi yang laen !!!!

Page 12: Membagun Website secara Offline dengan Wordpress

CMS

Sambil memohon ????

Page 13: Membagun Website secara Offline dengan Wordpress

Makhluk apa si CMS itu ???

Page 14: Membagun Website secara Offline dengan Wordpress

CMS( Content Management System )

Sebuah sistem yang memberikan kemudahan kepada

para penggunanya dalam mengelola dan

mengadakan perubahan isi sebuah website dinamis

tanpa sebelumnya dibekali pengetahuan tentang hal-

hal yang bersifat teknis

Page 15: Membagun Website secara Offline dengan Wordpress

Beberapa contoh CMS

Masih banyak contoh2 cms yang lain

Page 16: Membagun Website secara Offline dengan Wordpress

CMS favorit :

Page 17: Membagun Website secara Offline dengan Wordpress

Ciri-ciri CMS :

1. CMS memisahkan isi dan desain sehingga konsistensi tampilan senantiasa terjaga dengan baik. Hal itu dikarenakan ada fungsi “aksi” sehingga perubahan tampilan halaman tidak merubah desain keseluruhan halaman, hanya modul atau bagian yang perlu dirubah saja, Setiap bagian website dapat meliliki isi dan tampilan berbeda, tanpa harus khawatir kehilangan identitas website secara keseluruhan.

2. Semua data disimpan dalam satu tempat sehingga mudah memanfaatkan kembali informasi untuk berbagai keperluan.

3. CMS membuat fleksibel pengaturan alur kerja dan hak akses sehingga memperbesar kesempatan user berpartisipasi mengembangkan website.

Page 18: Membagun Website secara Offline dengan Wordpress

Manfaat CMS :

1. ManajemenData2. Pengaturan kelancaran website3. Standarisai halaman4. Personalisasi website5. Sindikasi6. Akuntabilitas dan Akurasi

Page 19: Membagun Website secara Offline dengan Wordpress

Penggunaan CMS :

1. Mengelola website pribadi2. Mengelola website sekolah3. Portal atau website komunitas4. Galery foto5. Forum6. e-Commerce 7. e-Learning 8. e-Goverment dll

Page 20: Membagun Website secara Offline dengan Wordpress

WordpressSebuah perangkat lunak blog yang ditulis dalam PHP dan mendukung sistem basis data MySQL. WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, teman dari ketua developer, Matthew Charles Mullenweg.Rilis terbaru WordPress adalah versi 2.8.5. WordPress didistribusikan dengan lisensi GNU General Public License.

Wordpress

http://id.wikipedia.org/wiki/WordPress

Page 21: Membagun Website secara Offline dengan Wordpress

WordpressWordPress adalah sebuah content management system(CMS) yaitu software untuk pengembangan dan pengelolaan situs web. WordPress lebih cenderung mengadaptasi konsep blog, sehingga desainnya lebih ke arah desain blog. Sedangkan CMS lain yang juga popular antara lain Joomla dan Mambo yang cenderung digunakan untuk desain portal.

Wordpress

Page 22: Membagun Website secara Offline dengan Wordpress

Bagaimana membangun wordpress

1. Secara Onlinehttp://wordpress.com/http://id.wordpress.com/

2. Secara Offline

+ + +All In One = AMP ( Apache-MySQL-PHP )

Page 23: Membagun Website secara Offline dengan Wordpress

Apa itu sebenarnya paket All In One itu ???

Suatu paket yang hanya dengan satu kali Instalasi maka semua paket AMP(Apache,MySQL,PHP) tersebut sudah akan saling terintegrasi tanpa perlu melakukan setting secara manual

Page 24: Membagun Website secara Offline dengan Wordpress

Windows, Apache, MySQL, PHPhttp://www.wampserver.com/en/download.php

Macam-macam paket All In One

Mac, Apache, MySQL, PHPhttp://www.mamp.info/en/downloads/index.html

Cross-Platform (X) , Apache, MySQL, PHP and Perlhttp://www.apachefriends.org/en/xampp.html

Linux, Apache, MySQL, PHPhttp://www.sph.umich.edu/csg/abecasis/LAMP/download/

Page 25: Membagun Website secara Offline dengan Wordpress

Secara teknis kebutuhan untuk membangunwebsite offline menggunakan wordpress

+ +Webserver

Browser

CMS

+Web

Develop

Page 26: Membagun Website secara Offline dengan Wordpress

Yang akan kita bahas :

Page 27: Membagun Website secara Offline dengan Wordpress

Ada pertanyaan sebelum ke materi Instalasi XAMPP ?

Page 28: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver

Page 29: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver XAMPP

Page 30: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver XAMPP

Page 31: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver XAMPP

Page 32: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver XAMPP

Page 33: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver XAMPP

Page 34: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver XAMPP

Page 35: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver XAMPP

Page 36: Membagun Website secara Offline dengan Wordpress

Instalasi Webserver XAMPP

Page 37: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Instalasi Wordpress

Page 38: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Download aplikasi Wordpress di : http://wordpress.org/

Ekstrak file download dengan menggunakan winrar atau aplikasi ekstrak yang lain di C:\xampp\htdocs :

Page 39: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

rename folder hasil ekstrak dari wordpress -> website yang kita kehendaki ( misal : cobaweb ) dengan cara klik kanan folder wordpress kemudian pilih menu rename.

Setelah itu buka browser ( Internet Explorer, Mozilla Firefox,Opera dll ). ketikkan alamat http://localhost/cobaweb dan secara otomatis maka langsung menuju ke halaman instalasi :

Page 40: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 41: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 42: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 43: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 44: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 45: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Pada halaman ini kita akan mengisi data untuk mengkonfigurasi wordpress dengan database MySQL. Sebelum mengisikan data-data yang diminta, terlebih dahulu anda harus membuat database untuk wordpress. Buka jendela baru pada browser anda ketikkan : http://localhost/phpmyadmin/

Page 46: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 47: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Buat database baru dengan mengisikan nama pada textfield Create new database ( misal : cobaweb ), kemudian klik Create

Page 48: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Dan hasilnya :

Page 49: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Database telah dibuat dengan nama cobaweb. Selanjutnya adalah kembali ke bagian penginstalan wordpress

Page 50: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Seperti gambar diatas untuk pengisian :- Database Name diisi dengan cobaweb - User Name diisi dengan root - Password diisi dengan password database MySQL ( pada praktek ini kita kosongkan - Database Host tetap dengan localhost - Table Prefix bisa di ganti wp_cobaweb

Setelah semua terisi dengan benar. Selanjutnya klik Submit

Page 51: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 52: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 53: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Penginstalan sukses. Dihalaman ini kita akan mendapat Username dan Password. Jangan lupa untuk mengcopy password dan klik Log In

Page 54: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 55: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 56: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Kita bisa mengubah password default yang diberikan oleh wordpress dengan password yang mudah kita ingat. Klik “Yes, Take me to my profile page” pada pesan menu dashboard pertama kali kita buka.

Page 57: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 58: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Page 59: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Password sudah di ganti.Kita bisa melihat halaman website kita dengan mengklik visit site di atas menu dashboard

Page 60: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Dan hasilnya :

Page 61: Membagun Website secara Offline dengan Wordpress

Instalasi Wordpress

Instalasi website selesai