BAHAGIAN TEKNIK DAN VOKASIONAL

KEMENTERIAN PENDIDIKAN MALAYSIA

ARAS 5 & 6, BLOK E14, KOMPLEKS E,
PUSAT PENTADBIRAN KERAJAAN PERSEKUTUAN
62604 PUTRAJAYA

KOLEJ VOKASIONAL BALIK PULAU

NOTA KULIAH 3
SEMESTER SEMESTER 2 DVM SESI 2017 / 2019

JABATAN JABATAN TEKNOLOGI MAKLUMAT DAN KOMUNIKASI

PROGRAM DIPLOMA TEKNOLOGI SISTEM PENGURUSAN PANGKALAN DATA & APLIKASI WEB

KOD/KURSUS DKA 2313 WEB PROGRAMMING I

KOMPETENSI 3.0 APPLICATION SYSTEM PROGRAMMING EVALUATION

3.1.1 Check source code

3.1.2 Check program output
KOMPETENSI UNIT 3.1.3 Carryout system debugging
3.1.4 Carry out code tuning

Trainee must be able to:

KOMPETENSI 1 Manage the appropriate technology in web applications development. (C3, PLO3)
PEMBELAJARAN 2 Build a simple web application. (P3, PLO2)
3 Perform a complete web application development. (A2, PLO7)

NO KOD DKA 2313/K 03/NK 03

MUKA : 01 DARIPADA 09
NO KOD JPK
 DKA 2313 NK 03

1.0 Pengenalan

Sebuah laman web yang bersifat dinamik, iaitu kandungan laman web yang sentiasa
berubah-ubah mengikut keperluan semasa. Semua disimpan dalam pangkalan data
dan boleh dicapai menerusi mana-mana perisian pelayar web dan boleh dilakukan di
mana sahaja tanpa halangan sempadan geografi tanpa mengira masa.

Keperluan yang diperlukan untuk membina aplikasi berasaskan web:

1) Domain yang disewa dan alamat laman web yang unik
2) Hosting yang disewa dan menyimpan fail laman web
3) Pangkalan data dan tempat menyimpan data seperti MySQL
4) Laman web yang mengandungi aplikasi dan ditulis dengan bahasa pengaturcaraan

Contoh aplikasi Web yang kerap digunakan :

- Aplikasi Perbankan
- Aplikasi Hasil
- Belian dalam talian
- Semakan Status
- Portal Pendidikan

Kelebihan dan kelemahan Aplikasi Web

Kelebihan Aplikasi Web Kelemahan Aplikasi Web

Capaian segera - Perkembangan pantas

Kebergantungan kepada talian internet
Tidak perlu memasang aplikasi
- Antara muka terhad

Capaian yang bebas

Tiada keperluan perkakasan

Ancaman penggodam
Kemudahan semakan status

2 9
 DKA 2313 NK 03

2.0 Application System Programming Evaluation

Pengaturcaraan melibatkan 5 langkah berikut:

i. Penakrifan masalah

Mengenalpasti masalah adalah asas untuk menyelesaikan masalah. Ia hendaklah

jelas, tepat dan ringkas. Semasa mengenalpasti masalah, beberapa analisis
keperluan untuk menyelesaikan masalah ditentukan dan kriteria perlu diambilkira
sebelum sesuatu keputusan memilih komputer untuk dijadikan alat menyelesaikan
masalah. Keperluan yang dikenalpasti semasa penakrifan masalah ialah data-
data input, proses pengiraan yang terlibat dan output yang diperlukan.

ii. Perancangan Penyelesaian

Langkah-langkah membina logik penyelesaian masalah. Logik penyelesaian

masalah adalah tertib langkah-langkah yang dirancang dan dinyatakan oleh
algoritma. Algoritma yang selalu digunakan dalam perancangan ialah carta aliran
atau kod pseudo.

iii. Pengkodan aturcara

Menukarkan logik penyelesaian masalah kepada set-set arahan yang difahami

oleh bahasa pengaturcaraan tertentu. Pemilihan bahasa pengaturcaraan
bergantung kepada keupayaan juruaturcara dan kelebihan sesuatu bahasa
pengaturcaraan. Di peringkat ini sintaksis atau peraturan menulis arahan
digunakan. Sintaksis ini berbeza-beza bagi bahasa pengaturcaraan yang
berlainan.

iv. Pengujian aturcara

Proses mengesan kesilapan atau ralat aturcara sumber dan memperbaiki aturcara
supaya bebas dari ralat. Pepijat (Bug) adalah istilah bagi aturcara yang
mempunyai ralat yang menyebabkan aturcara tidak berfungsi. Proses mencari
dan membetulkan kesilapan berkenaan dikenali sebagai debugging
(mengawasilap atau penyahpepijat). Terdapat tiga jenis ralat yang mungkin
ditemui semasa proses pengujian aturcara iaitu ralat sintaksis, ralat logik dan ralat
masa perlaksanaan.

v. Pendokumentasian aturcara

Pendokumentasian adalah maklumat tentang sesebuah aturcara. Dokumen ini

akan menerangkan jenis masalah, algoritma, jenis-jenis data, input dan ouput
serta prihal aturcara yang dibangunkan. Ia akan digunakan sebagai bahan rujukan
oleh juruaturcara yang lain semasa proses penyenggaraan perisian.

3 9
 DKA 2313 NK 03

3.0 Carry out application system programming evaluation

- Setiap bahasa pengaturcaraan mempunyai peraturan dan tatabahasa sendiri.

- Peraturan ini dikenali sebagai sintaksis.
- Jika peraturan atau tatabahasa ini tidak dipatuhi maka terjadi ralat aturcara.
 Penterjemah aturcara berperanan memeriksa sintaksis.
 Jika ada ralat sintaksis, mesej ralat akan dipamerkan.
 Program sumber yang mempunyai ralat perlu disunting semula untuk
membolehkan pengkompilan berjaya.

A. RALAT

- Terdapat 3 jenis ralat yang mungkin terjadi dalam sesebuah aturcara:

i. Ralat sintaks

- Ralat ini terjadi jika programmer tidak mematuhi sintaks bahasa

pengaturcaraan yang dipilih. Untuk membetulkan ralat ini, suntingan
sintaks diperlukan.

ii. Ralat logik

- Mesej ralat tidak diberikan, tetapi output yang diberikan adalah salah
atau tidak seperti yang dikehendaki.
- Ini berlaku terutamanya dalam pengiraan yang melibatkan
pengoperasian iaitu: a) aritmetik b) logik c) perbandingan.
- Ralat ini juga terjadi jika aturcara melibatkan struktur kawalan (pilihan
atau gelungan). Programmer perlu meneliti dan mengkaji semua
barisan aturcara sumber dan algoritma untuk membetulkan ralat ini.

iii. Ralat masa perlaksanaan

- Ralat ini terjadi jika input data tidak mematuhi jenis atau struktur data
yang dibenarkan. Kadang-kadang aturcara akan 'hang' atau
mengeluarkan mesej tertentu semasa perlaksanaanya.

4 9
 DKA 2313 NK 03

B. PERISIAN PEMBANGUNAN WEB

- Terdapat beberapa kategori Editor HTML, antaranya ialah:

i. Perisian editor teks ringkas
 Memerlukan pengetahuan mendalam dalam Bahasa HTML
 Cth: Notepad, sublime, Wordpad

ii. Perisian berasaskan editor tag HTML

 Memerlukan kemahiran menggunakan kod atau tag HTML dan
pengguna nak menggunakan skrip seperti PHP, ASP,
Javascript
 Cth: Micromedia Homesite dan icrosoft Visual Intervev

iii. Perisian berasaskan pendekatan WYSIWYG

 Menggunakan pendekatan perisian tag editor dengan perisian
pemproses perkataan.
 Menyediakan kuasa kawalan tag HTML yang akan dihasilkan
secara automatic oleh periian tersebut.
 Cth: Microsoft FrontPage, Macromedia Dreamweaver,
NetObjects Fusion

C. JENIS SCRIPTING

- Scripting adalah satu set arahan. Untuk laman Web mereka adalah arahan
sama ada untuk pelayar Web (client-side scripting) atau ke pelayan (server-
side scripting).
- Scripting memberi perubahan kepada laman web.
- Jenis scripting:
i. Client side
- Pelanggan adalah sistem di mana pelayar Web (browser) sedang
berjalan.
- Proses dengan skrip client-side adalah:
a. pengguna meminta sesuatu laman Web dari pelayan
b. server mendapati halaman ini dan menghantarnya kepada
pengguna
c. halaman dipaparkan pada pelayar dengan mana-mana skrip
berjalan semasa atau selepas paparan

5 9
 DKA 2313 NK 03

ii. Server-side
- Pelayan menghantar muka surat untuk pengguna / pelanggan atas
permintaan.
- Proses ini adalah:
a. pengguna meminta sesuatu laman Web dari pelayan
b. skrip dalam halaman yang ditafsirkan oleh pelayan
mewujudkan atau menukar kandungan halaman untuk
disesuaikan dengan pengguna dan majlis tersebut dan / atau
lulus data sekitar
c. halaman dalam bentuk akhirnya dihantar kepada pengguna
dan kemudian tidak boleh ditukar menggunakan skrip pelayan-
sampingan

JENIS BAHASA PENGATURCARAAN

1. PHP
a. Pengertian PHP

- Pada asalnya PHP adalah singkatan dari Personal Home Page, tetapi PHP
bukan saja digunakan untuk mewujudkan laman web peribadi,
- PHP kini adalah singkatan daripada PHP: Preprocessor hiperteks, yang
recursive, iaitu tempoh penggunaan perkataan di mana Kumpulan juga
terkandung singkatan itu sendiri.PHP adalah bahasa pengaturcaraan skrip
pelayan-side yang direka untuk pembangunan web.
- PHP dipanggil bahasa pengaturcaraan server side kerana PHP diproses
pada komputer pelayan. Hal ini berbeza berbanding dengan bahasa
pengaturcaraan client-side seperti JavaScript yang diproses pada web
browser (client).

b. Fungsi PHP
- Mencipta laman web dinamik
- boleh menyimpan data ke dalam pangkalan data
- mewujudkan halaman yang berbeza-beza mengikut maklumat yang
diperoleh daripada pengguna,

6 9
 DKA 2313 NK 03

c. Kelebihan PHP
Kelebihan PHP berbanding dengan Bahasa Pengaturcaraan yang lain
antaranya ialah:

i. Bahasa pengaturcaraan PHP ialah bahasa skrip yang tidak himpunan

dalam penggunaannya.

ii. Pelayan Web yang menyokong PHP boleh didapati di mana-mana dari
awal apache, IIS, Lighttpd dan Xitami konfigurasi adalah agak mudah.

iii. Di sisi pembinaan lebih mudah, kerana jumlah besar mailing list dan
pemaju yang bersedia membantu dalam pembinaan.

iv. Pemahamanan sampingan, PHP adalah Bahasa pengaturcaraan skrip

yang paling mudah kerana mempunyai banyak rujukan.

v. PHP adalah Bahasa sumber terbuka yang boleh digunakan dalam

pelbagai enjin (Linux, Unix, Macintosh, Windows) dan boleh berjalan
dalam runtime melalui konsol dan juga boleh menjalankan arahan sistem.

2. MYSQL

SQL singkatan Bahasa pertanyaan berstruktur.

SQL SERVER adalah hubungan (RDBMS) sistem pengurusan pangkalan data

yang direka untuk aplikasi dengan senibina pelayan/pelanggan. Istilah pelanggan,
pelayan, dan pelayan/pelanggan boleh digunakan untuk merujuk kepada konsep-
konsep yang sangat umum atau perkara perkakasan yang tertentu atau sangat.
Pada tahap yang sangat umum.

CLIENT adalah mana-mana komponen sistem atau dengan meminta resources

(sumber) dari lain-lain komponen sistem.

SERVER adalah komponen sistem atau sumber dengan membekalkan tenaga

untuk komponen sistem lain.

a. Maksud SQL
- SQL adalah Bahasa (Bahasa) yang digunakan untuk mengakses data
dalam pangkalan data hubungan. SQL sering juga dirujuk sebagai bahasa
pertanyaan SQL, dan dalam amalan ia digunakan sebagai bahasa yang
standard untuk pengurusan pangkalan data relasional.

7 9
 DKA 2313 NK 03

b. Fungsi SQL
i. SQL membolehkan anda mengakses dan memanipulasi pangkalan
data.
ii. SQL boleh melaksanakan query terhadap pangkalan data
iii. SQL boleh mengambil data dari pangkalan data
iv. SQL boleh memasukkan nota dalam pangkalan data
v. SQL boleh mengemaskini rekod dalam database
vi. SQL boleh memadam rekod dari pangkalan data
vii. SQL boleh membuat pangkalan data baru
viii. SQL boleh membuat jadual baru dalam pangkalan data
ix. SQL boleh membuat prosedur yang disimpan dalam pangkalan data
x. SQL boleh membuat pemandangan dalam pangkalan data
xi. SQL boleh menetapkan hak akses pada jadual, prosedur

3. CASCADING STYLE SHEETS (CSS)

a) Maksud CSS
- Cascading Style Sheet (CSS) adalah salah satu bahasa pengaturcaraan
web yang digunakan untuk mengendalikan beberapa komponen dalam
sebuah web sehingga akan lebih tersusun dan seragam.

b) Fungsi CSS
- Merekabentuk, mengubahsuai, direka bentuk laman wesite (juga blog
Laman web).
- CSS boleh di gunakan dalam mengawal saiz imej, warna teks, warna
jadual, saiz border, warna border, warna hyperlink, warna mouse over,
ruang antara perenggan, ruang antara teks, margin kiri, kanan, atas,
bawah, dan parameter lain.
- CSS boleh juga dikenali sebagai bahasa style sheet yang digunakan untuk
menetapkan mod dokumen.
- CSS membolehkan kita untuk memaparkan laman yang sama dengan
format yang berbeza.

c) Jenis CSS
i. Inline Style - betul-betul bersebelahan kepada teks yang ia menghiasi
kod css diberikan secara langsung.
contoh :

8 9
 DKA 2313 NK 03

ii. Header Style - di bahagian atas setiap halaman dokumen web

Sesuai dengan namanya, iaitu kod css dituliskan diantara <head> dan
</head>.
Kode CSS dengan jenis Header Style dituliskan diantara <style> dan
</style>.
contoh:

iii. Linked CSS – dalam fail yang berasingan

Kod CSS adalah berasingan daripada dokumen-dokumen HTML, iaitu
mempunyai fail sendiri.
Kelebihan menggunakan CSS yang berkaitan adalah:
 anda tidak perlu Buka dokumen HTML untuk mengedit CSS (kerana
ia mempunyai bentuk fail yang berasingan)
 Fail CSS yang sama boleh digunakan oleh beberapa dokumen yang
berbeza.

9 9