NOTA SAINS KOMPUTER TINGKATAN 5 BAB 3

Nota Interaktif Bab 3: Pengaturcaraan Berasaskan Web | Sains Komputer Tingkatan 5

Sains Komputer Tingkatan 5 KSSM

Bab 3: Pengaturcaraan Berasaskan Web

Penerokaan interaktif: Kuasai pembangunan laman web dinamik menerusi pengaturcaraan skrip klien, manipulasi pelayan, serta integrasi reka bentuk pangkalan data.

Pemprosesan Tempatan (Browser)

Keperluan Bahasa Penskripan Klien

Bahasa Penskripan Klien (seperti **JavaScript**) ialah kod pengaturcaraan yang dimuat turun ke komputer pengguna dan **dieksekusi secara terus oleh pelayar web** tanpa perlu berhubung dengan pelayan bagi setiap tindakan kecil.

⚡ Kelebihan Penskripan Klien:

• Tindak Balas Pantas: Aplikasi bertindak balas dengan serta-merta kerana tiada tempoh lengah menunggu respons pelayan.
• Menjimatkan Jalur Lebar: Data yang dimasukkan boleh ditapis dan disahkan di pihak klien terlebih dahulu sebelum dihantar ke pelayan.
• Interaktiviti Tinggi: Membolehkan penciptaan menu dinamik, animasi visual, kawalan multimedia, dan permainan berasaskan web.

Ciri Asas & Sintaks JavaScript (KSSM):

Pengisytiharan Pemboleh Ubah Menggunakan kata kunci var, let atau const.
Contoh: let nama = "Ali";

Tatasusunan (Array) Boleh menyimpan berbilang nilai dalam satu pemboleh ubah.
Contoh: let markah = [85, 90, 78];

Demo Pengesahsahihan Klien

Simulator Pengesahan Input Klien

Cuba masukkan data di bawah. JavaScript akan menyaring dan mengesahkan input anda secara terus pada peranti anda dengan kadar segera.

Nama Pengguna (Wajib diisi):

E-mel Pengguna (Mesti ada simbol @):

Aliran Aliran Pengesahan JavaScript:

Taip Input ⌨️

Pelayar Semak 🔍

Status Tindak Balas Kod JavaScript:

Sedia menerima input pengguna untuk pengujian sistem setempat.

Pemprosesan Jauh (Server)

Keperluan Bahasa Penskripan Pelayan

Bahasa Penskripan Pelayan (seperti **PHP**) dieksekusi di pihak **pelayan web (server)**. Pelayan akan memproses pengaturcaraan, memanipulasi fail atau pangkalan data, dan menghantar kod HTML yang terhasil kembali ke pelayar pengguna.

1. Interaksi Fail & Pangkalan Data:

Penskripan pelayan sangat penting untuk menyambung data pengguna ke dalam fail teks biasa (cth: `.txt`) atau pangkalan data sistem (cth: MySQL). Data ini kekal tersimpan walaupun pelayar telah ditutup.

2. Perbezaan Utama Kaedah GET dan POST:

Dua kaedah utama memindahkan maklumat borang pengguna ke fail penskripan pelayan:

Kaedah GET • Menghantar data melalui bar alamat URL.
• Kurang selamat untuk data sulit.
• Sesuai untuk fungsi carian data.

Kaedah POST • Menghantar data secara tidak kelihatan di sebalik tabir.
• Lebih selamat untuk data sensitif.
• Sesuai untuk pendaftaran & kata laluan.

Simulasi Pelayan

Terminal Maya Penghantaran Data (GET vs POST)

Pilih jenis kaedah pemindahan, taip input anda, dan hantar ke pelayan maya untuk melihat perbezaan format penghantaran kod secara dinamik.

Pilih Kaedah Penghantaran (Method):

Nama Penuh:

Kata Laluan:

URL BAR

http://www.sekolah.edu.my/berjaya.php

Hasil Terima di Kod Pelayan (PHP):

-- Klik 'Hantar Ke Server' untuk simulasi penerimaan pelayan --

< Kuiz Interaktif Web />

Sains Komputer Tingkatan 5 (Bab 3)

Uji Kemahiran Pengekodan Anda!

Kuiz ini mengandungi 10 soalan rawak daripada Bab 3: Pengaturcaraan Berasaskan Web.
Topik meliputi HTML, CSS, JavaScript, PHP dan borang interaktif.