Figure Courtesy of WAD
Pembangunan Aplikasi Web atau Sistem Berasaskan Web (Online System) memerlukan langkah dan praktis yang betul, teknologi yang hendak digunakan di samping perkakasan (tools) yang sesuai. Sebelum pengaturcara memulakan langkah pembangunan, molek kiranya jika latar belakang masalah sesebuah sistem telah dikenalpasti dan inovasi idea baru dapat dijanakan bagi memenuhi keperluan pengguna.
Untuk mendapatkan idea bagi membangunkan sistem / aplikasi web, boleh rujuk post saya bertajuk : Projek Akhir Sarjana Muda – Tips Mencari Idea Tajuk Projek Akhir yang Berkualiti
Oleh itu, post kali ini akan membincangkan langkah-langkah yang perlu diambil oleh pengaturcara web baru sebelum membangunkan sesebuah aplikasi web :
- Kenal pasti idea yang ingin dikembangkan menjadi sebuah sistem. Kaji latar belakang sistem sedia ada dan cari kelebihan dan kelemahan sistem tersebut.
- Kenal pasti teknologi, pangkalan data dan bahasa pengaturcara web yang sesuai dengan anda. Anda tidak perlu menguasai semua bahasa pengaturcaraan web / sistem pangkalan data untuk menjadi pengaturcara. Hanya pilih satu dan kuasai bahasa / pangkalan data tersebut sedalam-dalamnya.
- Terdapat pelbagai kaedah / metodologi pembangunan sistem seperti Model Air Terjun (Waterfall), Pengatucaraan Ekstrem (Extreme Programming), Tangkas (Agile) dsb. Oleh itu, tentukan kaedah yang sesuai dengan strategi anda. Walau bagaimanapun, dalam dunia sebenar, pengaturcara bebas menggunakan strategi masing-masing sama ada pembangunan secara individu atau berkumpulan.
- Pengujian mesti dilaksanakan pada setiap fasa / modul yang dibangunkan. Ini bagi memudahkan pengaturcara sentiasa peka terhadap perubahan keperluan pengguna / klien.
- Pilih perisian dan perkakasan yang sesuai dan berpadanan dengan teknologi dan bahasa pengaturacaraan yang ini digunakan. Untuk mengetahui apakah perisian dan teknologi yang berpadanan, boleh rujuk laman web berikut: Web Application Development .
Teknologi dan Bahasa Pengaturcaraan memang cepat berkembang kerana sesebuah komuniti pengaturcara sedaya upaya mencari cara / fungsi yang terbaik untuk mempercepatkan masa pembangunan dan meningkatkan kebolehgunaan (Usability). Contoh komuniti pengaturcara / ahli teknologi ialah seperti berikut:
P/s: Madrasah Puasa ialah platform terbaik untuk diri kita mengenal dan menyucikan diri. Rebut sebaik mungkin masa yang ada untuk kebajikan kerana Ramadhan akan datang belum tentu ada untuk kita. Renung-renungkanlah. ~Firdaus-Harun.com
Teknologi Servlet dan JSP telah menjadi satu teknologi pilihan dalam membangunkan Aplikasi Web yang interaktif seperti Sistem Kedai Atas Talian, Sistem Pengurusan Pelancongan Atas Talian, Sistem Bank Atas Talian dsb. Fakta yang menarik untuk dikongsi bersama, Google, AOL, eBay, YouTube dan pelbagai agensi / organisasi antarabangsa yang penting, kebanyakkannya menggunakan teknologi Servlet dan JSP dalam menjalankan sistem aplikasi web tersebut.
Servlet
Servlet merupakan aplikasi Java yang berfungsi melalui laman sesawang (Web Browser) atau aplikasi pelayan (server) dan bertindak sebagai pengantara antara permintaan (request) yang datang dari laman sesawang / teknologi HTTP / pangkalan data / aplikasi di dalam pelayan HTTP. Dalam erti kata lain, tugas Servlet adalah memproses data yang datang dari klien (laman sesawang) atau teknologi HTTP, dan bertindak secara dinamik (response) kepada klien mengikut fungsi atau keperluan yang telah ditentukan.
Data yang dimasukkan dari pengguna dari laman sesawang, interaksi sesama permintaan (request), pengurusan objek cookies dan session dan interaksi dengan komponen pangkalan data merupakan data / logik yang boleh diuruskan oleh Servlet.
JSP (JavaServer Pages)
JSP adalah teknologi yang mengandungi elemen HTML di dalamnya. Fail JSP selalunya diakhiri dengan tiga aksara iaitu .jsp (extension). Jika pengaturcara Java ingin menggunakan peraturan bahasa XML (eXtension Markup Language), maka fail JSP tersebut perlu mengenalpasti URL bahasa identiti (namaspace) yang hendak digunakan. Selalunya fail JSP tersebut diakhiri dengan 4 aksara iaitu (.jspx). Aksara x pada penghujung fail tersebut menunjukkan bahasa XML.
JSP memudahkan pereka bentuk laman sesawang (Web Designer) dalam memfokuskan rekabentuk, sususan dan reka letak dalam sesebuah laman sesawang tanpa memikirkan logik atau algoritma yang kompleks. Kadangkala penggunaan CSS (Cascading Style Sheet), Javascript, Flash / GIF animator dsb pada sesebuah laman sesawang memerlukan ruang yang bebas dalam kod aturcara. Oleh yang demikian, JSP membenarkan anda bebas menggunakan perkakasan tersebut (CSS, JavaScript dsb) dan kebanyakkan perisian mudah-edit laman sesawang seperti Macromedia Dreamweaver, HTML Editor dsb menyokong bahasa JSP.
Servlet vs JSP
Teknologi Servlet dan JSP boleh diimplementasikan dalam pendekatan kerangka (framework) tertentu seperti kaedah Model-View-Controller (MVC). Kaedah tersebut membolehkan komponen JavaBean digunakan dalam fail JSP hanya untuk mengawal output(View) dari komponen Bean(Model dan Controller). Oleh itu, tidak dapat dinafikan teknologi Servlet dan JSP saling melengkapi antara satu sama lain supaya pembangunan laman sesawang interaktif lebih dinamik dan efisien.
P/s: Mudahnya manusia untuk menanam azam yang tinggi dan impian yang besar, tetapi sukarnya manusia untuk menunaikan azam tersebut dengan konsisten dan merealisasikan impian tersebut dengan kepayahan dan pengorbanan. Ini kerana manusia sering tertipu dengan dua nikmat iaitu masa lapang dan kesihatan. ~Firdaus-Harun.com kata
Ramai pengunjung ke blog ini yang bertanyakan tentang sampel kod aturcara bahasa PHP untuk menghubungkan pangkalan data. Tidak kira apa perisian pelayan (server) localhost anda gunakan (Xamp, WAMP dan sebagainya), pastikan anda memasang perisian mengurus pangkalan data SQL [link] terlebih dahulu.
Bina pangkalan data dan ‘tables’ yang berkaitan untuk memanifestasikan data-data yang hendak disimpan. Pastikan anda melengkapkan fasa Rekabentuk (Design) sebelum membina pangkalan data tersebut dengan melakarkan beberapa model utama seperti :
- Use Case diagram : Manifestasi keperluan klien dan sistem yang dibangunkan.
- Class diagram : Manifestasi hubungan elemen-elemen utama dalam sistem.
- State , Sequence , Activity diagram : Manifestasi tindakan atau respon dari elemen-elemen tertentu.
Kesemua model tersebut akan memberikan anda idea untuk mencipta pangkalan data yang lebih ideal dan tepat. Di bawah merupakan langkah-langkah mudah dan ringkas (Exemplification in English) dalam kod untuk ‘connect to MySQL’ :
1. Connect to database :
$username="username";
$password="password";
$database="your_database";
2. Command to start connection :
mysql_connect(localhost,$username,$password);
3. Selecting database :
mysql_select_db($database) or die( "Unable to select database");
4. Selecting , Updating or Deleting :
Selecting : $query = "SELECT * FROM table_name";
Updating : $query = "UPDATE table_name SET column_name1='$id1', column_name2='$id2' WHERE id = '$ud_id'";
Deleting : $query = "DELETE FROM table_name WHERE column_name='$id'";
* symbol means select all columns in table, if you want to select specific column, just specify the column name. E.g : “$query = “SELECT column_name1, column_name2 FROM table_name”;
5. Executing command :
mysql_query($query);
6. Displaying data :
$query="SELECT * FROM table_name";
$result=mysql_query($query);
7. Close connection :
mysql_close();
Untuk maklumat lanjut, sila dapatkan di : http://www.freewebmasterhelp.com/tutorials/phpmysql/1
Blog Sumber Informasi Graduan Sains Komputer ialah koleksi artikel yang ditulis oleh Penulis sendiri sama ada melalui pengalaman, pengamatan, penelitian dan pemahaman terhadap sesuatu topik dalam bidang ini. Penulis merupakan tenaga akademik di salah sebuah IPT di selatan tanah air. Berpengalaman dalam pembangunan perisian, pengajaran dan penyelidikan selama 2 tahun. Sekarang, Penulis sedang melanjutkan pengajian di RWTH Aachen University, Aachen, Germany dalam bidang Senibina Perisian / Software Architecture. (2012-2016).
