Menjadi pengaturcara yang baik

Pada tahun 1999 aku menjejakkan kaki ke Universiti Teknologi Malaysia dan mendapat jurusan yang aku sendiri tidak tahu apakah ianya. Komputer Sains. Aku mendapati aku memang tiada langsung minat dalam bidang ini. Bahasa pengaturcaraan yang pertama aku belajar adalah PASCAL.

Keputusan peperiksaan semester 2 menyebabkan aku hampir-hampir ditendang dari UTM. Ianya membuatkan aku tersedar. Aku perlu lakukan sesuatu. Aku mula memupuk minat terhadap Komputer Sains.

Pada aku pengaturcaraan adalah salah satu cabang seni. Kamu akan dapati setiap orang mempunyai cara pengaturcaraan yang berbeza (melainkan kamu hanya menyalin kod aturcara orang lain).

Ada beberapa perkara yang perlu kamu lakukan sekiranya kamu mahu menjadi seorang pengaturcara yang baik.

1. Kenali masalah kamu.
Kamu harus mengenalpasti masalah kamu sebelum kamu bertanya kepada orang lain. Ini perlu kerana kamu perlu melakukan kajian sebelum kamu mahu bertanya kepada orang lain. Sekiranya kamu sendiri tidak mengetahui masalah kamu, bagaimana kamu mahu melakukan kajian? Lebih teruk lagi orang lain tidak akan dapat membantu kamu kerana kamu tidak menjelaskan masalah kamu dengan baik.

2. Buat kajian sebelum bertanya.
Google  merupakan alat terbaik untuk membuat kajian. Yang kamu perlukan adalah katakunci. Jangan gunakan alasan terlalu banyak penyelesaian yang terdapat di Google dan kamu tidak tahu yang mana satu yang mahu kamu gunakan. Sekiranya kamu kenali masalah kamu, insyaAllah kamu mampu memilih penyelesaian yang mana yang paling hampir dengan apa yang kamu perlukan. Seandainya kamu masih tidak mampu memilih, cuba sahaja kesemua penyelesaian yang diberikan.

3. Sertai komuniti
Kamu perlu menyertai sesuatu komuniti agar kamu dapat bergaul dengan pengaturcara yang lain. Di Malaysia komuniti pengaturcara PHP sudah lama diwujud(http://php.net.my). Jangan sesekali kamu bertanyakan soalan yang terlalu mudah. Oleh kerana itu sila lakukan beberapa carian sebelum kamu mahu bertanya. Bayangkan kalau ada 1000 orang yang bertanyakan soalan yang sama, ini bermakna 1000 kali juga orang yang menjawab perlu menaip jawapan yang sama. Adilkah kerana kemalasan kamu, kamu menyusahkan orang lain?

Pastikan soalan kamu disesebuah komuniti itu jelas. Tolong orang lain untuk mereka tolong kamu. Jika kod kamu ada ralat, nyatakan apa ralat itu. Ataupun jangan sesekali kamu meletakkan kod kamu di forum dan mengatakan “Ini kod saya, tolong semak.” Tanpa menceritakan dengan teliti apakah yang kamu cuba lakukan dan apakah masalah yang kamu hadapi. Mereka tiada deria ke 6!

4. Lakukan kesilapan
Rajinkan jari-jemari kamu mengubah kod aturcara yang terdapat di internet dan biarkan ianya ada ralat. Dengan cara ini kamu belajar untuk memahami apakah yang silap sehinggakan mesej ralat tertera di pelayar kamu. Tidaklah ketika kamu melakukan kod aturcara kamu sendiri dan terdapat ralat, kamu menjadi kelam-kabut kerana tidak mengetahui apakah masalahnya.

5. Mudah
Gunakan nama fail yang menggambarkan fungsi fail tersebut. Namakan pembolehubah dengan perkataan yang mudah kamu kenalpasti apakah nilai yang dipegang oleh pemboleh ubah tersebut. Cuba ringkaskan kod aturcara kamu semudah yang mungkin. Lebih ringkas kod kamu, lebih kurang ralat yang bakal kamu hadapi.

6. Latih minda
Latih minda kamu untuk menyelesaikan masalah. Pengaturcaraan adalah idea menyelesaikan masalah. Bila ada masalah kamu harus selesaikan. Fikirkan sesuatu yang baru. Jangan sesekali menjadi katak di bawah tempurung.

7. Membaca
Mahu atau tidak kamu harus membaca. Teknologi laman web bergerak dengan pantas. Jadi kamu pasti tidak mahu ketinggalan. Tiada cara untuk kamu terus mengikuti perkembangan ini melainkan membaca. Tidak kisahlah sama ada dari buku mahupun artikel-artikel yang terdapat di internet.

8. Fokus
Kamu perlu fokus terhadap apa yang kamu lakukan. Jangan amalkan keputusan seminit. Sekejap kamu mahu lakukan sebegitu sekejap kamu mahu lakukan sebegini. Sudahnya kod aturcara kamu asyik berubah dan kamu masih ditakuk itu sahaja. Pilih satu bahasa pengaturcaraan untuk kamu kuasai sepenuhnya. Kebanyakan syarikat mencari pakar untuk sesuatu bahasa pengaturcaraan itu dari seorang pekerja yang tahu banyak bahasa pengaturcaraan tapi hanya asasnya.

9. Rendah diri
Dekatkan diri kamu dengan Allah(sekiranya kamu seorang Islam). Doa dapat membantu kamu. Percayalah, sekiranya niat kamu membuat kod aturcara itu kerana Allah Taala, insyaAllah kamu akan jumpa dengan jawapannya. Jangan sesekali kamu merasakan kamu sudah cukup pandai dan tidak memerlukan orang lain. Kamu tidak akan kemana dengan sikap sebegitu. Malang sekali seandainya kamu bongkak dan takbur untuk memohon pertolongan dariNYA.

10. Ilmu perlu dikongsikan
Ilmu perlu dikongsikan sekiranya kamu mahu ilmu kamu tidak hilang dan akan bertambah. Kamu ada satu ilmu dan aku ada satu ilmu. Bila kita berkongsi kamu akan ada 2 ilmu dan begitu juga aku. Bayangkanlah sekiranya semua orang menjadi kedekut ilmu. Adakah kamu rasa kamu akan mampu mempelajari semua yang kamu ketahui?

Echo & Print

Dalam PHP, echo dan print digunakan untuk menghasilkan output pada pelayar(browser). Sebagai contoh

<?php
echo 'Hello World';
//Hasilnya ialah Hello World
?>

Satu lagi contoh ialah penggunaan print yang mana mempunyai fungsi yang sama.

<?php
print 'Hello World';
?>

Pilih sahaja yang mana kamu berkenan.

Pemasangan Apache, PHP dan MySQL pada sistem pengoperasian Windows

Sebelum kamu belajar sintaks-sintaks PHP, perkara pertama yang perlu kamu lakukan adalah memasang beberapa perisian dan pengkompil(compiler). Pertamanya kamu perlu menjadi komputer kamu menjadi sebuah pelayan(server). Ketika artikel ini ditulis, Apache versi 2.2.11 merupakan versi terkini yang stabil. Kamu boleh muat turun perisian ini di http://httpd.apache.org/download.cgi . Sila pilih apache_2.2.11-win32-x86-openssl-0.9.8i.msi untuk muat turun.

Selesai muat turun, sila larikan(run) pada fail tersebut. Skrin seperti gambar dibawah akan keluar. Klik saja pada butang Next.

Apache 01

1. Pastikan kamu memilih I accept dan kemudian klik pada butang Next.

Apache 02

2. Klik pada butang Next

Apache 03

3. Masukkan maklumat seperti yang tertera pada gambar dibawah.

Apache 04

4. Pilih Custom dan klik pada butang Next

Apache 05

5. Kita tidak mahu perisian ini dimasukkan ke dalam folder program file. Jadi klik pada butang Change. 

Apache 06

6. Taipkan C:\Web\Apache2.2\. Kemudia klik pada butang OK

Apache 07

7. Klik pada butang Next

Apache 08

8. Klik saja pada butang Install.

Apache 09

9. Skrin seperti gambar dibawah akan tertera.

Apache 10

10. Selesai semuanya, klik pada butang Finish, kemudian buka pelayar anda taip pada ruangan alamat http://localhost/. Sekiranya kamu dapat melihat seperti gambar dibawah. Kamu telah berjaya memasang perisian Apache 2.2.11 

Apache 11
Seterusnya, aku akan menunjukkan cara-cara memasang perisian MySQL pada sistem pengoperasian komputer kamu. Setakat artikel ini ditulis, MySQL sudah mencapai versi stabil 5.1.31. Sila muat turun dari http://dev.mysql.com/downloads/mysql/5.1.html

Kemudian kamu perlu klik pada pautan yang tertulis Windows. Seterusnya pilih Windows MSI Installer (x86).  Kamu akan melihat kotak log masuk. Sila scroll hingga kebawah dan klik pada No Thanks. Pilih mirror yang paling hampir dengan kamu.

Setelah selesai muat turun, sila larikan fail tersebut. Skrin akan memaparkan gambar dibawah.

MySQL011

1. Pilih Custom dan klik pada butang Next

MySQL021

2. Klik pada butang Change

MySQL031

3. Ubah direktori kepada C:\Web\MySQL\. Klik pada butang OK dan kemudian klik pada butang Next.

MySQL041

4. Klik pada butang Install

MySQL051

5. Klik pada butang Next

MySQL061

6. Klik pada butang Next

MySQL071

7. Klik pada butang Finish.

MySQL081

8. Skrin seperti gambar dibawah akan terpapar. Klik pada butang Next

MySQL091

9. Klik pada Detailed Configuration kemudian klik butang Next

MySQL111

10. Pilih Developer Machine dan tekan pada butang Next.

MySQL12

11. Pilih Multifunctional Database dan klik Next

MySQL13

12. Kamu boleh memilih untuk masukkan pilihan seperti dibawah ataupun mahu klik terus pada butang Next. Kedua-duanya akan menberikan hasil yang sama.

MySQL14

13. Pilih seperti gambar dibawah dan klik pada butang Next

MySQL15

14. Pastikan Add firewall exception for this port di tandakan untuk mengelakkan masalah port dihalang oleh firewall. Kemudian klik pada butang Next

MySQL16

15. Sila buat pilihan seperti gambar dibawah dan klik pada butang Next

MySQL17

16. Pastikan Include Bin Directory ditandakan. Kemudian klik pada butang Next.

MySQL18

17. Pastikan Modify Security Settings tidak dipilih. Awas, lakukan ini sekiranya kamu mahu gunakan pangkalan data ini hanya di komputer kamu dan untuk tujuan pembangunan sistem sahaja. Sekiranya kamu memasang perisian pangkalan data ini pada pelayan yang diakses oleh orang ramai. Jangan gunakan konfigurasi seperti ini.

MySQL19

18. Klik pada Execute kemudian Finish

MySQL20

Untuk memastikan MySQL kamu dipasang dengan betul dan berfungsi dengan baik. Klik pada Start > run. Kemudian taip cmd. Apabila kekotak command prompt telah keluar taip mysql -h localhost -u root dan tekan Enter. Sekiranya kamu dapat melihat seperti skrin dibawah, tahniah kamu telah berjaya memasang MySQL 5.1.31

MySQL21

 

Sekarang mari kita lihat bagaimana pula cara memasang pengkompil PHP dan mengkonfigurasi agar ia dapat dilarikan bersama Apache tadi. Ketika artikel ini ditulis, PHP versi stabil adalah 5.2.8 sila muat turun di http://www.php.net. Sila pilih PHP 5.2.8 zip package. Unzip fail ini kedalam direktori C:\Web\php5. Struktur folder kamu sepatutnya sudah menjadi seperti ini

C:
|–Web
|–|–Apache2.2
|–|–MySQL
|–|–php5

Selesai proses unzip, sila buka C:\Web\php5\php.ini-recomended menggunakan perisian notepad mahupun notepad++. Lihat pada baris yang tertulis doc_root dan isikan seperti dibawah

03php

Seterusnya rujuk pula pada baris yang tertulis extension_dir. Sila isikan seperti dibawah.

04php

Kemudian buang tanda ; pada baris yang tertera extension=”php_mysql.dll” dan extension=”php_mysqli.dll” bagi mengaktifkan fungsi MySQL dalam php

052

Sila simpan(save) sebagai php.ini.

Sekarang kita lihat pula C:\Web\Apache2.2\conf\httpd.conf. Buka fail ini menggunakan notepad mahupun notepad++. Cari #LoadModule vhost_alias_module. Baris berikutnya sila isikan seperti gambar dibawah bermula dari baris 128.

01apache

Kemudian cari pula <Ifmodule dir_module> dan tambah index.php serta index.htm seperti gambar dibawah.

02apache

Simpan(save) fail ini.

Sekarang kamu perlu memasukkan direktori PHP5 kedalam windows environmet. Klik pada Start kemudian halakan tetikus kamu ke My Computer. Kemudian klik kanan dan pilih Properties. Klik pada tab Advanced dan klik pada butang Environment Variables.

Pastikan pada bahagian User variables for kamu klik pada variables TEMP. Lihat pada Systems Variables, scroll sehingga kamu jumpa PATH. Klik pada PATH kemudian klik pada butang Edit. Tambah ;C:\Web\php5 di belakang sekali. Sila rujuk gambar dibawah.

062

Restart Apache kamu. Sekiranya Apache kamu berjaya dilarikan. Ini bermakna kamu telah berjaya mengkonfigurasi PHP dengan Apache kamu. Untuk kepastian yang lebih buka notepad++ kamu dan masukkan kod aturcara dibawah.

<?php
phpinfo();
?>

dan simpan sebagai phpinfo.php didalam folder C:\Web\Apache2.2\htdocs\. Buka pelayar kamu dan taip http://localhost/phpinfo.php sekiranya kamu berjaya nampak sebuah mukasurat yang ada tertera beberapa info berkaitan php. Tahniah kamu telah berjaya.

Opss selepas semua itu baru aku mahu katakan pada kamu. Ada cara yang lebih mudah. Muat turun sahaja Xampp dari sini http://www.apachefriends.org/en/xampp.html.

Hypertext Markup Language (HTML)

Hypertext Markup Language atau lebih dikenali sebagai html merupakan kod-kod aturcara yang difahami oleh pelayar(browser). Editor yang aku gunakan adalah Notepad++(muat turun disini). Ianya percuma.

Kebiasaannya tag-tag html mempunyai pembukaan dan penutupnya, sebagai contoh <p></p>, <div></div>, <table></table> dan juga <code></code>. Sungguhpun begitu masih ada tag-tag html yang hanya mempunyai penutup sebegini />. Contoh, <br /> dan <hr />.

Artikel kali hanya akan menerangkan perkaa asas yang perlu ada untuk membina satu muka laman web. Setiap kod-kod/tag-tag html haruslah berada didalam <html></html>. Keseluruhan stuktur <html></html> ini pula terbahagi kepada dua, iaitu kepala (<head></head>) dan juga badan (<body></body>).

Segala isi kandungan sesebuah laman web haruslah diletakkan di bahagian badan(body). Sekiranya kamu meletak sesuatu dibahagian kepala(head), ia tidakkan memaparkan maklumat tersebut pada pelayar kamu.

Kod aturcara dibawah mungkin dapat memahami apa yang aku maksudkan.

<html>
    <head>
        <title>
            Laman Web Pertama Saya
        </title>
    </head>
    <body>
        <p>
            Salam Dunia!
        </p>
        <p>
            <h1>Salam Dunia H1</h1>
            <h6>Salam Dunia H6</h6>
        </p>
        <p>
            Sini mulanya <br /> sini tamatnya.
        </p>
    </body>
</html>

Hasil dari kod-kod aturcara diatas, inilah hasilnya.

lamanweb

Laman web terbaik untuk merujuk perkara berkaitan html ini adalah http://www.w3schools.com/. Setiap fail html mestilah disimpan(save) sebagai .html atau .htm

Untuk melihat hasil kerja kamu, kamu boleh menggunakan pelayar yang biasa kamu gunakan.

Konsep Pelanggan, Pelayan & Pengkalan Data (Client,Server & Database Concept)

Sebelum aku terus memberikan tutorial mengenai pengaturcaraan laman web, biarlah aku menerangkan serba- sedikit bagai ianya berfungsi. Bagi yang sudahpun mengetahui mengenai konsep pelanggan(client), pelayan (server) dan juga pengkalan data (database) mungkin akan mendapati artikel pada kali ini agak membosankan.

1. Pelanggan – ialah komputer yang mengakses sesuatu laman web. Sebagai contoh komputer yang kamu gunakan. Tidak kisahlah sama ada kamu menggunakan pelayar (browser) Internet Explorer ataupun Mozilla Firefox untuk melihat laman web, kamu tetap dikira sebagai pelanggan.

2. Pelayan – ialah komputer yang membenarkan kamu mengakses laman web menerusi pelayar yang kamu gunakan. Segala fail-fail laman web akan disimpan di pelayan. Sebagai contoh laman web ini. Kesemua fail-fail yang berkaitan disimpan di pelayan dan kamu boleh mengaksesnya.

3. Pengkalan Data – ialah komputer yang menyimpan data. Kebiasaannya pengkalan data menyimpan data-data sahaja. Sebagai contoh segala teks yang ada di artikel ini. Ianya disimpan di pengkalan data bagi memudahkan pengurusan data.
clientserverdatabase1

Merujuk kepada gambar diatas, warna merah menggambar setiap permohonan (request) yang dihantar kepada pelayan dan juga pengkalan data. Warna biru pula menggambarkan permohonan yang dijawab (response) oleh pelayan mahupun pengkalan data untuk setiap permohonan yang dihantar.

Senario. Kamu menaip http://syarman.com/soft/ pada pelayar kamu. Secara automatik, kamu telah menghantar permohonan kepada pelayan. Pelayan akan mencari fail-fail yang kamu mohon dan akan memprosesnya. Sekiranya fail-fail tersebut berkehendakkan data dari pengkalan data, pelayan pula akan menghantar permohonan kepada pengkalan data. Hasil dari jawapan permohonan kamu itu, artikel ini dapat kamu baca.

Setiap kali kamu mengklik pada pautan (hyperlink) setiap kali itu juga kamu menghantar permohonan kepada pelayan.

Harap kamu dapat memahami artikel ini. Ada sebab kenapa ianya di taip di dalam bahasa Melayu sepenuhnya. Aku mahu kita membiasakan diri dengan istilah teknikal di dalam bahasa Melayu.