KURSUS ASAS PEMBANGUNAN LAMAN WEB (WORDPRESS)

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 1 01-Jan-05 4:50:39 AM

Untuk maklumat lanjut mengenai kursus ini, sila layari website kami di:

www.pa-rc.org

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 2 01-Jan-05 4:50:39 AM

KURSUS ASAS PEMBANGUNAN LAMAN WEB (WORDPRESS)

DZULFAQAR BUKHARI

DISEDIAKAN OLEH

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 3 01-Jan-05 4:50:39 AM

___________________________________________________
Bumbu Studios is a multimedia design company base on Malaysia. We provide 2D / 3D animation, web / digital services, graphic design, visual effect, professional videography / photography and many more ! Established in 2009, Bumbu Studios (002170665-T) have built a solid reputation and earn the respect and loyalty of our diverse client base. We pride ourselves on being a highly creative, highly competitive team with extensive industry knowledge and experience. By adhering to our tagline of Break the tradition and bring new passion,our mission is to provide a customer oriented services, creative, high quality, and innovative with the hope to become the forefront in Multimedia Technology.

PENAJA UTAMA

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 4 01-Jan-05 4:50:40 AM

___________________________________________________

ISI KANDUNGAN

Pengenalan 3 Memahami internet Apa itu website ? Apa itu wordpress ? Langkah 1 Langkah 2 Langkah 3 Langkah 5 Soalan ? 4 5 6 7 8 9 10 11 12

Dapatkan hosting & domain Measang Wordpress Muat Naik Tema Posting

Langkah 4 Wordpress Dashboard

Sumber 13

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 5 01-Jan-05 4:50:40 AM

Pengenalan
___________________________________________________

Assalamualaikum dan salam sejahtera buat semua pembaca. kali ni saya telah menyiapkan 1 modul tentang kursus asas pembangunan laman web. dalam modul ini, saya akan gunakan wordpress sebagai tapak website. Kenapa saya pilih WordPress berbanding blogspot, Joomla, etc? Banyak sebab dan alasan mengapa wordpress menjadi pilihan utama saya untuk membangunkan sesebuah laman web: Sehinga sekarang, wordpress adalah jalan penyelesaian paling mudah bagi syarikat-syarikat professional di luar sana untuk meletakkan business mereka di internet Interface nya sangat user friendly, dalam masa yang singkat kita sudah boleh memahaminya. Membuat website bertapakkan wordpress adalah cara terpantas untuk membina rangkaian di internet Terdapat beribu-ribu tema boleh didapati dengan percuma mahupun berbayar! Kita sebagai tuan punya website sendiri boleh setting, update, design website kita tanpa perlu mengupah developer

Ok, jom teruskan dengan 5 cara mudah bina website menggunakan wordpress ini!

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 6 01-Jan-05 4:50:40 AM

Memahami Internet
___________________________________________________

Anda tentu biasa mendengar tentang istilah Network (apabila satu kumpulan komputer disambungkan agar user dapat berhubung diantara satu sama lain Apabila komputer dihubungkan bersama sama didalam satu Network, pengguna dapat berkomunikasi, berkongsi maklumat ataupun berkongsi komputer diantara satu sama lain. Network bukan sahaja menghubungkan 2 komputer sahaja ataupun 24 komputer di dalam makmal. Network juga boleh terdiri daripada beribu ribu jenis komputer diserata muka bumi yang bukan sahaja dihubungkan oleh wayar seperti didalam makmal, tetapi dihubungkan menggunakan wayar telefon ataupun satelit diudara. Internet ialah satu network yang besar yang menghubungkan network-network yang kecil untuk membentuk internetwork. Apa yang dimaksudkan dengan network-network yang kecil ialah, seperti Kolej Pengurusan Astin, UUM di Perlis dan rumah anda. Apabila Kolej Pengurusan Astin, UUM di Perlis dan komputer dirumah anda bersambung dengan Internet, maka anda telah telah membentuk satu network yang besar. Dimana Network - network yang kecil tadi telah berhubung untuk membentuk satu network yang besar. Network yang besar ataupun Internetworks ini membolehkan anda untuk berhubung, menggunakan Yahoo Mesengger dan melayari Internet Explorer untuk melihat Facebook kawan kawan anda. Online- apabila user berhubung dengan Internet Offline - apabila user tidak berhubung dengan Internetd.
4

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 7 01-Jan-05 4:50:40 AM

Apa Itu Website?

___________________________________________________

Website adalah halaman maklumat yang yang berada di atas talian yang boleh diakses di seluruh dunia selagi berhubung dengan capaian internet. Website merupakan komponen yang terdiri dari teks, gambar, animasidan juga maklumat yang menarik untuk dilawati. Website terbahagi kepada 3 iaitu: Website Statik Website Dinamik Website Interaktif

Website Statik adalah web yang mempunyai halaman tidak berubah. Dalam erti kata lain, untuk melakukan perubahan pada suatu halaman, mestilah dilakukan secara manual dengan mengubah code teras website tersebut. Website Dinamik merupakan website yang dibina untuk di ubah (selalu di update). Biasanya, website dinamik ini boleh diakses oleh user pada umumnya, juga terdapat halaman backend (dashboard) untuk mengubahsuai website. Antara contohwebsite dinamik adalah web berita atau web portal yang memaparkan berita, hiburan dan sebagainya. Website Interaktif adalah web yang sangat popular sekarang. Salah satu contoh website interaktif ialah blog dan forum. Di website ini user boleh berinteraksi dan berkongsi pendapat - pendapat mereka. Biasanya website seperti ini mempunyai moderator untuk memastikan semua perbincangan ataupun kemaskini website berjalan dengan lancar.

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 8 01-Jan-05 4:50:40 AM

Apa Itu Wordpress?

___________________________________________________

WordPress ialah sebuah content management System yang terhasil dari PHP dan MySQL . Ianya adalah percuma untuk digunakan oleh sesiapa sahaja kerana ia adalah Open Source dan mempunyai banyak kelebihan dan sokongan dari segi themes, plugin dan sebagainya. Jadi ramai penggunanya mereka themes, plugin dan lain-lain untuk saling melengkapi. Ia mula dibangunkan pada tahun 2003 oleh Matt Mullenwegdan Mike Little. WordPress ini terbahagi kepada dua jenis. Satu (wordpress.com) percuma dan lagi satu (wordpress.org) berbayar. WordPress.com Percuma Hosting dijaga oleh Wordpress Penggunaan themes yang terhad User VIP mempunyai ciri-ciri yang tidak terhad WordPress.org Themes boleh dimuat naik sendiri Plugin yang banyak pilihan Setting tidak terhad Perlu mempunyai hosting senditi Semua setting manual Perlu update sistem Perlu sentiasa memastikan hosting selamat Dalam modul ini, kita akan menggunakan Wordpress.org. Sebelum memulakannya, pastikan anda mempunayi hosting sendiri, kerana kita akan mula dari A ke Z.
6

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 9 01-Jan-05 4:50:40 AM

Langkah 1
___________________________________________________

DAPATKAN HOSTING & DOMAIN

Untuk mendapatkan hosting dan domain, anda boleh memilih sama ada ingin membelinya di mana-mana syarikat web hosting atau mencari free hosting yang tersedia di internet. Sekarang, kebanyakan CPanel sudah pun mempunyai aplikasi seperti SOFTACOLOUS & INSTALATRON dimana dua aplikasi ini membolehkan anda install wordpress ataupun apa sahaja aplikasi yang anda suka dengan beberapa klik sahaja. Apa yang tinggal ialah, anda hanya perlu klick install & Wordpress siap sedia utuk anda mulakannya. (Kita akan menggunakan FREE HOSTING www.pa-rc.org dalam tutorial ini). Webhosting requirement untuk menggunakan Wordpress ialah PHP 5.2.4 ke atas, MySQL 5.0 ke atas, Apache. OSEMSPACE merupakan salah 1 syarikat hosting yang mempunyai ciri-ciri yang korang perlukan untuk menggunakan wordpress. Layari www.osemspace.com untuk maklumat lanjut mengenai hosting mereka.

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 10 01-Jan-05 4:50:40 AM

Langkah 2
___________________________________________________

MEMASANG WORDPRESS
Untuk memasang aplikasi Wordpress dengan menggunakan salah satu applikasi yang diterangkan tadi, anda hanya perlu mencari WORDPRESS icon yang terdapat di dalam aplikasi tersebut. (Kita akan menggunakan AUTO INSTALLER dalam tutorial ini) Seterusnya, ikut sahaja arahan di yang terdapat di page berikutnya. Anda dikehendaki mengisi maklumat seperti admin username, password, email untuk digunakan, nama website & lain-lain. Rujuk gambar Setelah anda berjaya memasang aplikasi Wordpress pada hosting anda, anda akan diberikan maklumat / informasi mengenai akaun Wordpress anda tersebut. Simpan maklumat tersebut di tempat yang selamat.

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 11 01-Jan-05 4:50:40 AM

Langkah 3
___________________________________________________

MUAT NAIK TEMA

Untuk menjadikan website Wordpress anda itu kelihatan lebih menarik, anda boleh mencari theme untuk di download. Sama ada membelinya ataupun download secara percuma. setelah theme yang anda download tu berada di komputer, extract file .zip (namatema.zip) tersebut. Kemudian upload folder itu ke dalam hosting anda iaitu ke / public_html/wp-content/themes/ Anda juga boleh gunakan Filezilla, free opensource FTP software selain dari menggunakan File manager di CPanel anda untuk upload (rujuk gambar)

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 12 01-Jan-05 4:50:40 AM

Langkah 4
___________________________________________________

WORDPRESS DASHBOARD
Selepas theme siap upload, sekarang tiba masanya anda login ke wordpress yang anda install tadi dengan menggunakan username dan password yang telah anda buat di langkah 2. URL untuk login ke Wordpress anda adalah seperti ini - www.namaanda.pa-rc.org/wplogin.php Selepas berjaya login, anda akan terus dibawa ke dashboard. Ya, ini lah Wordpress. Anda sekarang berada di bahagian admin panel, dan untuk melawat website anda, layari www.namaanda.pa-rc.org. Pertama, kita akan aktifkan theme yang kita upload tadi. Untuk activekan themes tersebut, sila pergi ke dashboard-appearancethemes , pilih themes yang baru anda upload itu & tekan activate. Sekarang, sila layari www.namaanda.pa-rc.org untuk melihat perubahan pada wordpress anda. Keduanya, pada bahagian dashboard lagi, anda akan dapat melihat tab disebelah kanan anda seperti Posts, Media, Links Pages, Comments dan lain-lain lagi. Jangan risau, semua ini anda akan fahami sedikit demi sedikit.

10

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 13 01-Jan-05 4:50:40 AM

Langkah 5
___________________________________________________

POSTING
Sebelum membuat posting, anda terlebih dahulu disarankan untuk membuat page baru (contoh: About, Services, Portfolio, Contact). Untuk buat page baru, sila ke Pages - add new. Masukkan page title, dan tulis isinya di kotak besar dibawahnya. Setelah berpuas hati, tekan Publish! Selesai! sekarang anda dah pun mempunyai 1 website yang anda siapkan sendiri tanpa mengupah developer. Senang bukan?

11

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 14 01-Jan-05 4:50:41 AM

Penutup
___________________________________________________

SOALAN ?
Jika anda mempunyai sebarang soalan ataupun pembetulan, sila bertanyakan kepada saya di facebook peribadi saya ataupun boleh emailkan ke pada youwillbehacksoon@gmail.com Sekian terima kasih.

12

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 15 01-Jan-05 4:50:41 AM

Sumber
___________________________________________________
www.google.com www.bumbustudios.com.my/blog www.zoolstore.com www.wikipedia.com www.youtube.com www.yahoo.com www.beesbyte.net www.mykursus.org www.cryfx.net www.zool.my Terima kassih kepada semua yang turut membantu bagi menjayakan modul tutorial ini.

13

MODUL INI DIUBAHSUAI KHAS UNTUK PUTERA ARMY RILEKSCREW

website.indd 16 01-Jan-05 4:50:41 AM