Sepertimana yang kita tahu, setiap webmaster perlu tahu asas pengaturcaraan HTML. Pada tahun 97 dulu, abang dan rakan-rakan merekabentuk laman web menggunakan notepad semata-mata, dan pada ketika itu CSS masih lagi di peringkat percubaan. Oleh itu, cuba adik bayangkan berapa lama untuk kami menyiapkan sebuah laman web bersaiz A4. Hehe…

Tapi dengan teknologi yang semakin berkembang, kita telah dibantu dengan banyak software-software seperti Frontpage, Netscape Composer, Dreamweaver dan sebagainya. Tetapi bagi sesetengah webmaster, mereka masih selesa menaip sendiri tags-tags html berbanding menggunakan editor WYSIWYG .

Jadi pada kali ini, abang akan tunjukkan satu lagi pembaharuan dalam dunia webmaster, iaitu Zen Coding.

Tujuan Zen Coding adalah untuk membantu kita menjimatkan masa menaip tags HTML. Untuk maklumat lebih lanjut, lihat video dibawah:

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

Atau lawati laman web mereka di http://code.google.com/p/zen-coding/

Selamat Mencuba!

Di hari raya ini juga, kita diharuskan meminta maaf dan memberi kemaafan sesama insan. Ini termasuklah kedua ibubapa, saudara, kawan-kawan dan tidak jugak lupa kepada bos, rakan sekerja dan mungkin jugak pelanggan-pelanggan freelancing adik-adik, dimana mungkin ada diantara kita yang pernah tiba-tiba menjadi hilang apabila diperlukan oleh mereka… hehehe.

Oleh itu, kami di Abang Webmaster ingin mengucapkan selamat menyambut hari raya Aidilfitri kepada semua pembaca AbangWebmaster.Com yang sentiasa memberi galakan kepada kami untuk terus mencurah segala pengetahuan yang ada untuk adik-adik yang kami sayangi semua.

Pada siaran yang lepas, abang ada bangkitkan isu virus Gumblar yang sedikit sebanyak telah menggangu hidup abang dan semestinya tidak fun & cool. Oleh itu, kali ini abang akan menunjukkan bagaimana adik-adik boleh scan fail-fail adik yang berada didalam hosting daripada virus yang jahat. Mungkin tidak ramai yang tahu bahawa, program ClamAV disertakan bersama dengan Cpanel.

Apa yang adik perlu buat ialah login ke dalam Cpanel, dan scroll ke bahagian bawah dan klik butang Virus Scanner yang berada didalam section Advanced. Kemudian ikuti arahan yang diberikan.

Adik-adik boleh menonton screencast yang telah abang rakam seperti dibawah:

Tu dia! Banyak betul file yang telah dijangkit. Adik-adik boleh memilih samaada untuk kuarantin atau delete fail-fail tersebut.

Apa yang penting adalah adik-adik perlu selalu backup fail dan sentiasa berhati-hati. Adalah menjadi tanggungjawab kita supaya laman web kita tidak menjadi salah satu ejen penyebaran virus.

Lawati: http://www.clamav.net/

Oleh itu, besar kemungkinan adik akan terkena ‘Gumblar Attack’. Baru-baru ini, beberapa pelanggan abang telah membuat komplen bahawa laman web mereka menjadi ‘blank’. Agak pelik kerana tiada siapa yang mengubah file-file tersebut. Setelah diselidiki, beberapa file index telah diubahsuai. Terdapat beberapa line kod telah hilang dan diganti dengan kod javascript yang menghasilkan kod IFRAME. 

Jadi selepas 2 hari mencari faktor-faktor yang menyebabkan masalah diatas, masalah tersebut adalah ‘Gumblar Attack’. Tugas Malware ini  adalah menjangkiti sebarang PC yang melawat laman web yang telah dijangkiti dan kemudian menginstall dirinya sendiri kedalam PC tersebut. Kemudian, ianya akan mencari file password FileZilla dan menghantar senarai username/password ke satu lokasi supaya malware tadi dapat menjangkiti file yang berada didalam hosting pula.

Bagi pengamal laman web, malware/virus ini boleh dianggap sebagai celaka tahap 1. Tiada langsung kebaikan yang boleh kita dapat dari serangan Gumblar ini. Untuk mengelakkan diri adik dan pelanggan adik dari terkena serangan ini, abang syorkan adik-adik mengubah password hosting adik-adik dan jangan sesekali autosave password tersebut kedalam FileZilla dan selalulah membuat backup file dan database untuk setiap pelanggan adik-adik.

Bacaan:

• http://www.switched.com/2009/06/02/though-the-conficker-virus-was-bad-meet-gumblar/
• http://www.position-absolute.com/news/gumblar-virus-is-spreading-to-a-web-server-near-you/
• http://www.bleuken.com/2009/05/06/removal-and-prevention-of-gumblarcn-infection/
• http://www.martinsecurity.net/2009/05/20/inside-the-massive-gumblar-attacka-dentro-del-enorme-ataque-gumblar/
• http://techno.okezone.com/index.php/ReadStory/2009/05/17/55/220479/waspadai-serangan-gumblar-yang-makin-meningkat
• http://blog.resellerclub.com/2009/06/09/safeguarding-your-website-from-gumblar-attacks/

Maaf kami kerana semenjak dua menjak ni laman web AbangWebmaster begitu sunyi kerana tiada artikel-artikel yang terbaru. Jadi, kali ni abang akan menunjukkan rahsia menambah addon domain dengan menggunakan cPanel. Sebelum itu, adik-adik boleh membaca tutorial yang agak serupa di Sembang Komputer. Apa yang berlainan, abang akan terangkan dengan lebih terperinci.

Untuk menjayakan misi menambah addon domain, kita perlu memastikan beberapa perkara iaitu:

1. Nama DNS server hosting.
2. Akses untuk mengemaskini nama domain baru.

1.Nama DNS server hosting

Info ini adik-adik dapat semak melalui email yang adik dapat semasa mendaftar hosting. Lihat contoh dibawah:

=====================================================
DNS Instructions:
=====================================================
In order for your domain name to point to Exabytes server,
please update your domain DNS to the following:

Nameserver 1: ns101.abanghosting.com
Nameserver 2: ns102.abanghosting.com

Jadi nama DNS yang adik perlukan ialah ns101.abanghosting.com dan ns102.abanghosting.com

2. Akses untuk mengemaskini nama domain baru

Untuk kali ini, abang akan tunjukkan cara mengemaskini domain dengan menggunakan Enom. Ini mungkin berbeza dengan syarikat hosting yang lain-lain. Seterusnya login seperti biasa.

Kemudian adik-adik akan nampak beberapa section seperti dibawah. Tanpa berlengah-lengah adik ketik butang ‘Edit’ disebelah kanan yang berada didalam bahagian DNS Information.

Seterusnya, didalam bahagian yang sama, pilih ‘Customs’ untuk DNS Settings. Selepas itu antaramuka dibawah akan tertera.

Isi bahagian Domain Name Server 1 dan 2 dengan info yang kita dapat dari hosting tadi. Seterusnya dengan senang hati adik ketik butang ‘Save‘ disebelah kanan.

Selepas proses mengemaskini DNS pada domain baru tadi, kita terjah proses yang perlu kita laksanakan pada cPanel pula.

Seperti biasa, login kedalam cPanel adik-adik dan terus ke bahagian ‘Domain’ dan klik butang ‘Addon Domains’.

Selepas itu satu skrin akan terpapar seperti dibawah. Adik perlu isi kotak-kotak kosong tersebut.

Sedikit penerangan untuk skrin diatas. Pasti kan adik-adi ktidak meletakkan ‘www’ pada kotak New Domain Name, hanya letakkan nama domain sahaja. Value bagi Document Root akan dipaparkan secara automatik. Abang syorkan nama folder tersebut sama dengan nama domain. Ini akan memudahkan kerja-kerja inventori di kemudian hari. Selepas semua kotak telah di isi, klik ‘Add Domain!’.

Proses untuk entry addon domain ini mungkin mengambil sedikit masa. Sekiranya semua OK, mesej kejayaan akan terpapar.

Kenapa perlu update DNS domain dahulu, kemudia cPanel? Tak boleh ke cPanel dulu?

Kita perlu update DNS pada domain dulu atas sebab sekuriti. Ini kerana cPanel akan semak dahulu sama ada nama DNS domain baru tersebut adalah sama dengan DNS hosting adik-adik.

Masalah-masalah biasa ketika addon domain

Addon domain telah di tambah, tetapi bila dipacu nama domain baru tersebut di browser, laman page masih tidak berubah .

Ini adalah biasa kerana kadang-kadang DNS cache pada ISP tidak diupdate/refresh secara automatik. Kadang-kadang mengambil masa sehingga 24jam.

Abis tu bang, apa yang adik boleh buat?

Jangan takut adik-adik. Ini semua masalah dunia, mesti boleh selesai. Apa yang perlu kita buat sekarang ialah untuk semak samaada DNS kita betul-betul telah diupdate. Jadi apa yang perlu kita buat ialah WHOIS. Terdapat banyak laman web yang menyediakan servis WHOIS ini. Antara laman web kegemaran abang ialah www.whois.sc

Sekarang abang akan semak domain abangdomain.com, samaada ianya benar-benar telah diupdate. Jadi apa yang buat, abang taip url dibawah:

http://whois.sc/abangdomain.com

Skrin dibawah akan terpapar

Cuba kita lihat pada bahagian ‘Name Server’. Nampaknya DNS memang telah diupdate. Jadi ini terlah membuktikan masalah DNS cache telah terjadi.

Tiada apa yang boleh kita buat sekiranya masalah ini terjadi. Mungkin adik-adik boleh menulis email kepada penyedia ISP adik-adik. Tapi itu pun kalau mereka nak layan.

Apa yang kita boleh buat ialah dengan menggunakan Proxy Server.

Pada entri yang akan datang, abang akan menerangkan apa itu Proxy server dan kegunaannya.

Akhir kata Jagalah diri, hiasi peribadi.

Tahukah adik-adik kebaikkan menggunakan minisite yang dijanakuasa oleh WordPress? Yaa… minisite jenis ini banyak membantu adik-adik terutama dalam mempromosi produk adik-adik di Internet. Minisite yang abang akan ceritakan pada adik-adik hari ini ialah themes minisite yang dibagunkan oleh Flexbility Themes. Untuk menggunakan themes minisite ini, adik-adik haruslah mempunyai perisian WordPress yang di install dalam server hosting adik-adik. Cara menggunakan themes ini sama seperti meng-install themes wordpress yang lain.

Themes ini memang cantik dimana adik-adik boleh menukar layout dan warna minisite adik-adik mengikut citarasa sendiri tanpa memerlukan pengetahuan HTML. Ia memang mudah untuk digunakan dan terdapat pelbagai background yang menarik telah disediakan. Bagi adik-adik yang mempunyai pengetahuan CSS, menjadi satu advantage apabila menggunakan themes ini.

Walaupun themes ini cantik dan mudah untuk digunakan, terdapat satu masalah yang harus adik-adik ketahui. Themes ini tidak sesuai untuk pengguna yang menggunakan browser Internet Explorer 6. Warna background pada themes ini tidak dapat dilihat kerana Internet Explorer 6 tidak dapat membaca code CSS sepenuhnya dalam themes ini. Biarpun themes ini mempunyai satu kelemahan, abang rasa adik-adik harus mencubanya untuk menjadikan minisite adik-adik lebih menarik dan berinformasi.

Untuk menggunakan themes ini, abang nasihatkan adik-adik membaca dahulu Instruction yang telah diberikan bersama themes yang telah adik-adik download

Sebelum adik-adik menggunakan themes ini, abang ada sediakan satu contoh minisite yang menggunakan themes ini. Klik untuk demo

Download : WP Minisite (190)

$hello

Perhatikan terdapat tanda ‘$’ untuk variable. Untuk memberikan gambaran yang lebih jelas, lihat senario dibawah.

Katakan adik adalah seorang tukang masak. Adik hanya akan memasak bila ada pesanan dari pelanggan melalui Pelayan Restoran(Waiter). Jadi, status variable adalah seperti berikut

$nama_masakan = '';
$kuantiti = '';

Value untuk $nama_masakan masih kosong kerana tiada pesanan yang dibuat oleh pelanggan. Sekarang, seorang pelanggan telah masuk kedalam restoran dan membaca menu-menu masakan yang membuatkan pelanggan adik kecur air liur. Pelanggan tersebut telah tekad, beliau ingin memesan Nasik Goreng Ayam. Sekarang, waiter tersebut sudah mendapat tahu makanan yang diperlukan oleh pelanggan. Oleh itu, variable tersebut sudah berubah.

$nama_masakan = 'Nasik Goreng Ayam';
$kuantiti = '1';

Jadi, waiter tersebut memberikan variable $nama_masakan yang mempunyai value ‘Nasik Goreng Ayam’ kepada adik untuk dimasak. Kesimpulannya adalah seperti berikut.

$nama_masakan = 'Nasik Goreng Ayam';
$kuantiti = '1';
print 'Saya telah memasak '.$kuantiti.' pinggan '.$nama_masakan.' selepas mendapat pesanan dari pelanggan.';

Output yang keluar ialah:

Saya telah memasak 1 pinggan Nasik Goreng Ayam selepas mendapat pesanan dari pelanggan.

Abang harap adik-adik boleh faham apa yang abang cuba sampaikan diatas. he he he…

Mari kita buat sedikit latihan tentang variable. Buka text editor pilihan adik(Notepad++, Dreamweaver atau windows notepad).  Didalam editor tersebut taip code dibawah

<?php
print 'Hello, saya dijana oleh PHP!';
?>

Kemudian save sebagai ‘hello.php’ didalam folder www. Abang andaikan adik telah menginstall AppServ, dan folder tersebut terletak di

C:\AppServ\www

Kemudian buka Internet browser dan taip URL dibawah

http://localhost/hello.php

Apa yang adik-adik nampak di dalam browser tersebut?

Untuk pengetahuan adik, kita juga dapat memasukkan apa-apa fungsi PHP didalam variable. Untuk contoh dibawah, abang masukkan date() yang berfungsi sebagai pemproses tarikh didalam PHP.

<?php
// proses tarikh seperti 02 Jun, 2009
$tarikh = date('d M, Y');
print 'Tarikh hari ini ialah: ' . $tarikh;
?>

Output adalah seperti berikut

Tarikh hari ini ialah: 02 Jun, 2009

Apa kata kita cuba lagi, kali ini kita bermain dengan nombor. Variable juga boleh berada di dalam variable yang lain.

<?php
$a = '10';
$b = '25';
$jumlah = $a + $b;

print $a . ' tambah ' . $b . ' dapat ' . $jumlah;
?>

Ok, bagaimana pula rupanya jika kita masukkan bersama-sama tags HTML?

<?php
// set tajuk
$tajuk = 'Laman Web Dinamik Pertama Saya';
// set isi kandungan
$isi = 'Hello, saya sedang belajar PHP bersama Abang Webmaster!<br>Marilah kita belajar bersama-sama.';
?>

<html>
<head>
<title><?=$tajuk?></title>
<style>
.style {
background-color:#FFE3D7;
border:1px solid #804000;
padding:10px;
width:500px;
font-family:Verdana;
font-size:12px;
line-height:20px;
}
</style>
</head>

<body>
<div class="style">
<?=$isi?>
</div>
</body>
</html>

Sedikit Tips

Didalam value variable, kadang kala kita perlu menggunakan ‘backslash’ untuk mengelakkan error. Cuba lihat contoh dibawah

$string = 'apakah itu \'PHP\' ';
$string = "apakah itu \"PHP\" ";
$string = "apakah itu 'PHP' ";
$string = 'apakah itu "PHP" ';

Dalam contoh 1, kita perlu menggunakan backslash kerana single quote itu sama dengan pembuka value variable tersebut yang juga menggunakan single quote. Ini juga sama dengan contoh 2 yang menggunakan double quote untuk pembuka value.

Untuk contoh 3 dan 4, kita tidak menggunakan backslash kerana quote yang berada didalam value berlainan dengan pembuka value.

Begitulah sedikit sebanyak yang dapat abang tunjuk buat masa sekarang. Abang berharap adik-adik dapat memahami tujuan variable kerana ianya merupakan pengetahuan yang penting untuk mempelajari PHP.

Akhir kata… Jagalah diri, hiasi peribadi.

Kali ini, abang ingin memperkenalkan kepada adik satu topik yang agak berat, iaitu pembinaan web secara dynamic dengan menggunakan PHP.

Kenapa perlu Web Dinamik?
Sebagai contoh, adik telah merekabentuk satu laman web yang mempunyai 4 muka bersaiz A4(haha.. adik-adik jangan guna perkataan A4 ya). Didalam tiap-tiap muka terdapat menu navigasi, bahagian atas(header) dan bawah(footer). Pada ketika ini, adik-adik tidak mempunyai sebarang masalah untuk mengemaskini setiap muka mengikut citarasa pelanggan. Kemudian, tiba-tida pelanggan adik  mahu menambah sebanyak 200 muka surat… Pehh, lumayan kan? Adik pun buat la 200 muka tu. Sebulan selepas itu, pelanggan adik call nak tambah 1 lagi menu kat header. Jadi sekarang, terpaksalah adik-adik mengemaskini sebanyak 204 muka web. Letih kan?

Oleh sebab itu, kita amat memerlukan web dinamik.

Antara sebab kenapa PHP menjadi pilihan?

1. Opensource(Sumber terbuka)  = FREE!
2. Tahap memproses yang pantas
3. Mudah dipelajari

Untuk menjalankan coding PHP ini, kita memerlukan sebuah web server. Sila lihat tutorial yang telah abang tulis sebelum ini tentang bagaimana mahu membina sebuah web server.

Untuk editor pula, terdapat banyak applikasi yang boleh kita guna. Antaranya ialah:

1. Notepad++
2. Nvu
3. Macromedia Dreamweaver
4. Windows Notepad

Ayuh! Mari kita mulakan sekarang.

Sama seperti HTML, PHP mempunyai opening tags yang tersendiri. Lihat code dibawah:

<?php
// code PHP
?>

Seperti contoh diatas, tanda “<?php” ialah pembuka tags php, manakala “?>” ialah penutupnya. Apa yang menariknya, kita boleh gabungkan tags PHP bersama-sama HTML.

<div id="nama">
Tarikh hari ini: <?=date('d M Y')?>
</div>

Tags “date()” diatas akan memaparkan tarikh. Perlu diingatkan, walaupun tags PHP dimasukkan kedalam HTML, file tersebut harus disimpan didalam format “.php”.

Itulah sedikit sebanyak pengenalan untuk PHP yang ingin abang kongsi bersama adik-adik. Untuk mengetahui lebih lanjut tentang PHP, sila lawati lama web rasmi mereka di:

http://www.php.net/

Nantikan tutorial PHP dari abang selepas ini. Stay tuned!

Adik-adik suka ambil gambar tak? Gambar apa yang adik suka ambik? Heh… kalau adik kata suka ambil gambar sendiri, adik ni perasan sungguh. Hehe.. jangan marah. Melawak ja. Sebenarnya adik, abang juga suka ambil gambar. Abang suka ambil gambar kereta sport. Kalau adik ada pakai kereta sport, HELLO, HELLO la abang.

Haa… untuk ambil gambar, adik-adik mesti kena ada kamera. Tak kiralah, yang mahal atau yang murah. Abang tak pakai kamera mahal pun, abang cuma pakai camera Sony Cybershot yang selalu orang guna time birthday. Alaa… kamera kecik tu. Heheh.. Tapi kamera ni banyak berjasa pada abang. Abang pernah menang hadiah “set cawan kopi” di satu event di supermarket dekat rumah abang dulu. Abang bagi kat mak abang set cawan tu dan dia simpan dalam almari. Dia kata dia akan guna cawan tu bila abang bawak girlpren abang datang rumah. Hahah.. girlpren?? Segan la nak introduce kat dia. Nanti-nantilah.

Ok, berbalik pada topik kita. Tadi masa abang melungsuri Internet, abang ada terjumpa satu laman Web. Sebenarnya abang pernah tengok Web ni dulu, tapi abang tak tahu la pulak dia dah ada buat eBook sekarang. Hehe… mesti adik-adik hairan sebab tak pernah abang review pasal eBook tapi hari ni review pulak. Sebenarnya adik, abang juga suka baca eBook, tapi eBook tu mestilah yang betul-betul ada isi kandungan yang bagus dan boleh memberi manfaat pada abang.

eBook ni bercerita tentang photography dan bertajuk “Million Dollar Wedding Photographer“. eBook ni ditulis oleh saudara Saiful Nang, seorang tukang gambar yang tersohor. Mengikut biodata yang abang baca di laman Web beliau, Incik Saiful Nang ni mempunyai latar belakang yang agak power dan pernah berkhidmat di Kolej Uncle LimKokWeng dan pernah mengambil gambar dalam perkarangan istana berserta pernah mengambil gambar-gambar artis popular.

eBook Saiful Nang ni memang bagus untuk adik-adik dan mungkin lepas ni adik boleh beli kamera dan start buat business forografi. eBook ini berharga RM80 dan apa yang bagusnya… setiap pembelian eBook ini akan disumbangkan kepada Rumah Pengasih Warga Prihatin (Macam ni lah baru best). Jadi tunggu apa lagi, adik-adik belilah 2-3 buku. Sambil belajar, sambil menderma. Heh.. kalau adik ada beli 2-3 buku tu… bagi la pada abang satu. Abang pun belum ada lagi. Nak kena belajar jugak teknik fotografi ni dan adik pun boleh dapat pahala berlipat ganda sebab bagi kat abang satu..

Abang pun ingat nak serius jugak la dalam photography ni. Nak kena beli kamera Digital SLR. Lepas tu boleh la ambil gambar kreta sport dan jual online dan juga propose untuk majalah-majalah kereta. Abang pun dah bosan buat kerja-kerja design. Ni contoh gambar-gambar yang pernah abang ambil untuk dikongsi bersama. Owhh.. jangan lupa beli buku Million Dollar Wedding Photographer . Sambil belajar kita menderma. Tataa