You are on page 1of 370

5 KEMENTERIAN PENDIDIKAN

SAINS
KOMPUTER

SAINS KOMPUTER
TINGKATAN
5

TINGKATAN 5
Harga: RM19.70
ISBN 978-967-0807-98-0

FT305001
Kandungan
Halaman Judul i
Halaman Hak Cipta dan Penghargaan ii
Pendahuluan iv

PENGKOMPUTERAN 1
1.1 Komputer dan Impak 2

1
Latihan Pengukuhan 1.1 22
1.2 Seni Bina Komputer 24
BAB Latihan Pengukuhan 1.2 38
1.3 Get Logik 39
Latihan Pengukuhan 1.3 53
Imbas Semula 55
Latihan Pengayaan 1 56

12
PANGKALAN DATA LANJUTAN 59
BAB
BAB 2.1 Bahasa Pertanyaan Berstruktur: SQL (Structured Query Language) 60
Latihan Pengukuhan 2.1 117
Imbas Semula 119
Latihan Pengayaan 2 120

PENGATURCARAAN BERASASKAN WEB 123


3.1 Bahasa Penskripan Klien 124

13
Latihan Pengukuhan 3.1 222
3.2 Bahasa Penskripan Pelayan 224
BAB
BAB Latihan Pengukuhan 3.2 273
3.3 Laman Web Interaktif 274
Latihan Pengukuhan 3.3 354
Imbas Semula 355
Latihan Pengayaan 3 356

Glosari 359
Indeks 361
Rujukan 362

iii
KURIKULUM STANDARD SEKOLAH MENENGAH

SAINS
KOMPUTER
TINGKATAN
5
PENULIS
Norlini binti Ramli
Paridah binti Daud
Noor Azma binti Ismail
Noor Lees binti Ismail
Abd. Halim bin Bohadean@Bohari

EDITOR
Intan Farhanna binti Uyob
Ahmad Wafiuddin bin Ahmad Supri
PEREKA BENTUK
Roshidah Mohamad
Norzaira binti Ramlle

ILUSTRATOR
Az-zalzalamiah binti Anas

Jalur Inovasi Sdn. Bhd. (966693-W)


2023
No. Siri Buku: 0121

ISBN 978-967-0807-98-0
Cetakan Pertama 2017 Penghargaan
Edisi Kemaskini 2023
© Kementerian Pendidikan Malaysia Penerbitan buku teks ini melibatkan kerjasama
banyak pihak. Sekalung penghargaan dan terima
Hak Cipta Terpelihara. Mana-mana bahan dalam buku ini tidak kasih ditujukan kepada semua pihak yang
dibenarkan diterbitkan semula, disimpan dalam cara yang boleh terlibat:
dipergunakan lagi, ataupun dipindahkan dalam sebarang bentuk
atau cara, baik dengan cara elektronik, mekanik, penggambaran • Jawatankuasa Penambahbaikan Pruf Muka
semula mahupun dengan cara perakaman tanpa kebenaran Surat, Bahagian Sumber dan Teknologi
terlebih dahulu daripada Ketua Pengarah Pendidikan Malaysia, Pendidikan, Kementerian Pendidikan Malaysia.
Kementerian Pendidikan Malaysia. Perundingan tertakluk kepada • Jawatankuasa Penyemakan Pembetulan Pruf
perkiraan royalti atau honororium. Muka Surat, Bahagian Sumber dan Teknologi
Pendidikan, Kementerian Pendidikan Malaysia.

Diterbitkan untuk Kementerian Pendidikan Malaysia oleh: • Jawatankuasa Penyemakan Naskhah Sedia
Jalur Inovasi Sdn. Bhd. Kamera, Bahagian Sumber dan Teknologi
No. 5-1 (Tingkat 1) Jalan Budiman 24, Pendidikan Buku Teks, Kementerian
Taman Mulia, Bandar Tun Razak, Pendidikan Malaysia.
56000 W.P. Kuala Lumpur. • Pegawai-pegawai Bahagian Sumber dan
Tel: 03-9174 6619 Teknologi Pendidikan dan Bahagian
Faks: 03-9174 7619 Pembangunan Kurikulum, Kementerian
Laman Web:https://www.jalurinovasi.com.my Pendidikan Malaysia.
• Pensyarah daripada Universiti Malaya.
Reka Letak dan Atur Huruf: • Pensyarah daripada Universiti Teknologi
Jalur Inovasi Sdn. Bhd. Petronas.
Muka Taip Teks: Helvetica Neue LT Std 47 Light Condensed
Saiz Muka Taip Teks: 11 pt

Dicetak oleh:
C.T. Bookmakers Sdn Bhd
535, Jalan Perusahaan 3,
Bandar Baru Sungai Buloh,
47100 Sungai Buloh,
Selangor.
Pendahuluan
Buku Teks Sains Komputer Tingkatan 5 ditulis berdasarkan Dokumen Standard Kurikulum dan
Pentaksiran (DSKP) Sains Komputer Tingkatan 5 terbitan Kementerian Pendidikan Malaysia. Kurikulum
Standard Sekolah Menengah (KSSM) menyediakan dan memperkukuh murid dengan pengetahuan,
kemahiran dan nilai Sains Komputer serta pemikiran komputasional yang bersesuaian dengan
tahap kebolehan murid berdasarkan Standard Pembelajaran dan Standard Prestasi yang terdapat
dalam DSKP. KSSM Sains Komputer memberikan fokus dalam pengukuhan pengetahuan, kemahiran
dan nilai dalam empat bidang yang utama, iaitu Pengkomputeran, Pangkalan Data, Pengaturcaraan
dan Interaksi antara Manusia dengan Komputer. Fokus ini bertujuan untuk melahirkan murid yang
mempunyai kemahiran komputasional dan kritikal melalui aspek mereka bentuk, membangunkan
dan mencipta aplikasi baharu.
Buku ini menekankan strategi pengajaran dan pembelajaran yang bertujuan untuk menghasilkan
pembelajaran yang berkesan. Aktiviti pembelajaran yang pelbagai telah dicadangkan dalam buku ini.
Aktiviti ini merupakan asas untuk melahirkan murid yang bertanggungjawab tentang pembelajaran
kendiri, memiliki sifat bekerjasama ketika menjalankan aktiviti berkumpulan, mengaplikasikan
pembelajaran dalam kehidupan harian, bersifat ingin tahu, mampu menyelesaikan masalah dalam
pembelajaran dan menguasai pelajaran yang dipelajari.
Kemahiran Abad ke-21 telah diterapkan dalam Buku Teks Sains Komputer Tingkatan 5 bagi
membentuk murid yang berdaya tahan, mahir berkomunikasi, berfikir secara kritikal, kreatif dan
inovatif, mempunyai semangat kerja berpasukan, bersifat ingin tahu, berprinsip, bermaklumat,
penyayang dan mempunyai semangat patriotik. Profil ini sangat penting untuk melahirkan murid yang
mampu bersaing pada peringkat antarabangsa dan mampu menyumbang kepada manusia sejagat.
Elemen Kemahiran Berfikir Aras Tinggi (KBAT) merupakan satu elemen yang diberikan penekanan
dalam buku ini. Hal ini bertujuan untuk menjadikan murid mampu menyelesaikan masalah dan
mengaplikasikan ilmu yang dipelajari oleh mereka. Melalui ciri-ciri seperti kemahiran berfikir secara
kritis dan kreatif, menaakul, dan strategi berfikir, murid berkeupayaan untuk membuat keputusan,
berinovasi dan mereka cipta sesuatu.
Elemen Merentas Kurikulum (EMK) juga ditekankan bagi memperkukuh kemahiran dan
keterampilan murid untuk menghadapi cabaran masa hadapan. Elemen yang dipupuk merangkumi
penggunaan bahasa pengantar yang betul dan tepat, kesedaran untuk mencintai dan menyayangi
alam sekitar, mempunyai nilai-nilai murni, semangat patriotik yang tinggi dan elemen Teknologi
Maklumat dan Komunikasi.

iv
Ikon-ikon dalam Buku Teks dan
Fungsinya
Aplikasi Harian Uji Minda
Mengaplikasikan pengetahuan Menyediakan persoalan
sains komputer dalam menarik untuk menguji tahap
Aplikasi
kehidupan harian Uji Minda kefahaman murid tentang
Harian
bidang sains komputer

Malaysiaku! Kerjaya Sains


Menonjolkan kejayaan Malaysia Komputer
dalam bidang sains komputer Memperkenalkan jenis kerjaya
Malaysiaku! Kerjaya Sains
Kerjaya Sains
yang berhubung dengan
Komputer
Komputer bidang sains komputer

Inovasi Sains KBAT


Komputer Mendedahkan murid kepada
Mengetengahkan perkembangan soalan Kemahiran Berfikir Aras
Inovasi Sains
dan inovasi teknologi sains Tinggi
Komputer komputer pada masa ini

Tahukah AKTIVITI PROJEK KAJIAN KES


Anda
Memberikan info menarik tentang topik yang Pelbagai aktiviti yang bercorak penerokaan
sedang dipelajari atau berdasarkan bahan rangsangan untuk
menambahkan kefahaman murid tentang
standard pembelajaran yang telah dipelajari.

“Pelbagai sumber digital yang menarik


dan berinformasi boleh diakses melalui
Pelantar Pembelajaran DELIMa”.

v

STANDARD
q Komputer dan lmpak
Teknologi digital dalam bidang pengkomputeran berkembang dengan
pantas seiring dengan perkembangan sistem komunikasi rangkaian.
PEMBELAJARAN Kedua-dua teknologi ini telah mengubah cara belajar, bersosial, berpolitik,
bekerja dan menjalankan perniagaan. Walaupun teknologi-teknologi ini
suatu perkembangan yang positif, namun terdapat juga agenda yang
Pada akhir pembelajaran
murid dapat
tidak sihat berlaku seiring dengan perkembangan ini. lstilah dunia tanpa
1.1.1
sempadan (borderless world) telah melahirkan pelbagai aktiviti yang boleh
Menganalisis
dieksploitasi oleh penjenayah yang melakukan jenayah dalam ruang siber
kesan inovasi dalam
pengkomputeran
yang disebut "jenayah siber". Contoh jenayah ini adalah seperti penipuan,
1.1.2
pornografi, ugutan, pelanggaran hak cipta, serangan virus terhadap
Mengenal pasti
komputer dan sebagainya. Penjenayah akan sentiasa mencari jalan
aktiviti tidak beretika dalam
pengkomputeran
untuk mengeksploitasi teknologi baharu. Kini, cabaran bagi semua negara
1.1.3
adalah untuk memastikan undang-undang jenayah, termasuklah jenayah
Menjelaskan
siber dapat dilaksanakan dengan sempurna bagi mengawal agenda
keperluan keselamatan data
dalam rangkaian komputer
dan langkah keselamatan penjenayah siber.
(encrypted email, double
verification, password)
1.1.4 Melaksanakan
penyulitan (encryption)
dan nyahsulit (decryption)
data menggunakan Caesar
Cipher
1.1.5 Membincangkan
implikasi sosial berkaitan
penggodaman dan cetak
rompak perisian
Pelanggaran
1.1.6Mengkaji undang­ hak cipta
undang siber antara negara
1.1. 7Mengkaji kerjaya Rajah 1.1.1 Contoh jenayah siber
yang berkaitan dengan
- Kesan lnovasi dalam
bidang pengkomputeran
masa hadapan
Pengkomputeran
Cabaran yang terdapat dalam sistem pendidikan abad ke-21 adalah untuk
melahirkan murid yang boleh berfikiran kritis, kreatif, menyelesaikan
masalah dan mempunyai daya kepimpinan untuk bersaing pada peringkat
global. Salah satu tunjang sistem pendidikan Kurikulum Standard Sekolah
Menengah (KSSM) ialah sains dan teknologi.
Kewujudan Internet telah banyak mengubah landskap pembelajaran
masa ini, iaitu dari bilik darjah tradisional ke bilik darjah abad ke-21
yang dikawal selia oleh teknologi. lnovasi dalam teknologi maklumat dan
komunikasi (ICT) telah mengubah corak pengajaran dan pembelajaran,

22 Sains Komputer
Sains Tingkatan
Komputer 5 5
Tingkatan
BAB 1 Pengkomputeran 3
teknologi storan. Selain cakera keras, data juga disimpan dalam cakera
liut (floppy disk), cakera optik (optical disk) atau pemacu pena (pendrive).
Seiring dengan perkembangan dalam teknologi Internet, wujudnya
storan awan (cloud storage), yang membolehkan data disimpan di cloud.
Data ini juga boleh dicapai pada bila-bila dan di mana-mana melalui
pelbagai peranti selagi terdapat liputan perkhidmatan Internet.

, lnovasi Sistem Pengoperasian


Komputer beroperasi dengan adanya sistem pengoperasian. Sistem
pengoperasian mengawal operasi keseluruhan sistem komputer.
Dengan perkembangan pesat dalam teknologi sistem perisian dan
teknologi rangkaian, maka terciptanya sistem pengoperasian (Operating
system- OS) untuk pelayan (server) komputer bagi mengawal rangkaian.

II
Selain komputer, OS juga digunakan untuk peranti lain, seperti alatan
mudah alih (mobile devices), contohnya Android, iOS dan BlackBerry
Telefon yang dahulunya digunakan untuk membuat panggilan dan
menghantar teks sahaja, kini dengan kemajuan teknologi sistem
pengoperasian, telefon pintar mempunyai ciri-ciri komputer dan telefon
biasa. Hasil inovasi dalam ketiga-tiga bidang teknologi yang dibincangkan
telah merangsang perkembangan sistem dalam talian dan jenayah siber.

APLIKASI Perkembangan Sistem dalam Talian


HARIAN
Kesan inovasi dalam teknologi rangkaian, teknologi storan simpanan
Media sosial
dan sistem pengoperasian telah merangsang perkembangan sistem
memudahkan pengguna
berinteraksi dalam dalam talian. Contohnya, mewujudkan sistem e-perbankan, sistem
talian. Contoh media e-dagang, sistem hiburan elektronik, sistem e-pembelajaran, e-kerajaan,
sosial ialah Facebook, perundangan dan jaringan telekomunikasi tanpa batasan.
Twitter, lVhatsApp dan

Kesan Negatif
Instagram .

Kesan negatif hasil daripada inovasi dalam pengkomputeran adalah


seperti yang berikut:

Jenayah Siber
Jenayah siber boleh didefinisikan sebagai penyalahgunaan teknologi
pengkomputeran dan Internet bagi melaksanakan aktiviti jenayah, iaitu
merosakkan, mencuri atau mengubah data dalam sistem komputer bagi
tujuan tertentu. Jenayah yang dilakukan akan memberikan kesan negatif
atau kerugian kepada mangsa. Namun, jenayah siber sukar membuktikan
siapa yang terlibat, cara, tujuan dan tern pat berlakunya jenayah. Hal ini
berlaku kerana jenayah siber boleh dilakukan dari jarak yang jauh dengan
bantuan Internet, tanpa kehadiran secara fizikal penjenayah tersebut.

4 Sains Komputer Tingkatan 5


• Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 5
6 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 7
8 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 9
10 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 11
12 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 13
14 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 15
16 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 17
18 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 19
20 Sains Komputer Tingkatan 5
Bidang Peranan dan tanggungjawab Kemahiran dan kerjaya

Web dan Kerjaya dalam bidang ini bertanggungjawab untuk Kerjaya: Pembangun laman web,
komunikasi membangunkan aplikasi berasaskan web, menulis kod, pembangun perisian multimedia,
digital mengintegrasikan sistem dan menyediakan bantuan pakar media digital, pereka grafik dan
teknikal. Seseorang itu perlu membangunkan dan multimedia
menghasilkan media interaktif, termasuklah produk digital
Kemahiran: JavaScript, HTML, AJ/',X, PHP,
dan multimedia.
.Net, Phyton.
Perisian dan perkakasan multimedia
seperti Adobe Photoshop.

Elemen Mutakhir dalam Pengkomputeran yang mempengaruhi


Pembangunan Bidang Kerjaya Baharu

Transformasi dalam industri pengkomputeran telah membawa kepada pembangunan bidang


kerjaya baharu dalam pengkomputeran. Tiga elemen telah dikenal pasti menjadi komponen utama
infrastruktur bagi produk dan perkhidmatan dalam sektor perindustrian masa ini termasuklah:

• MudahAlih
✓ Melibatkan penghasilan aplikasi dan kandungan mudah alih
(mobile apps and contenO bagi peranti selain komputer.
• Keselamatan data
✓ Apabila wujud pengkomputeran awan (cloud computing),
pemayaan (virtualization), peningkatan dalam keselamatan data
turut mendapat perhatian. Keperluan kepakaran dalam bidang
penyulitan, pengesahan, pengurusan sijil, infrastruktur firewall dan
anti-ma/ware meningkat. Keperluan terhadap kerjaya penganalisis
keselamatan data, pentadbir keselamatan rangkaian dan pentadbir
keselamatan sistem turut mendapat perhatian yang tinggi.
• Data raya (Big data) dan kecerdasan perniagaan & analitik
(business intelligence & analytics)
✓ Kemampuan menterjemah, menganalisis dan keupayaan untuk
mengubah kuantiti data mentah yang besar ke bentuk maklumat
menjadi senjata penting dalam ekonomi global. Perniagaan
di seluruh dunia memerlukan pakar pengkomputeran terlatih
sebagai pengurus data yang mempunyai set kemahiran pentafsir
yang memahami cara untuk mendapatkan data, menganalisis dan
melaporkan data tersebut.

BAB 1 Pengkomputeran 21
fl
22 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 23
24 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 25
26 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 27
28 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 29
30 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 31
32 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 33
34 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 35
36 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 37
38 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 39
40 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 41
42 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 43
44 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 45
46 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 47
48 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 49
50 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 51
52 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 53
54 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 55
56 Sains Komputer Tingkatan 5
BAB 1 Pengkomputeran 57
60 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 61
62 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 63
64 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 65
66 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 67
Kerja individu
AKTIVITI 1 Kenal pasti Komponen Rajah Hubungan Entiti

Anda telah ditugaskan untuk membina sistem pangkalan data untuk Hospital Sri Inai. Sistem
ini bertujuan untuk merekod maklumat pesakit luar yang pernah mendapat rawatan di hospital
berkenaan. Sistem ini juga dapat membantu pihak hospital mencapai dan menyimpan data
pesakit dengan cepat dan pantas.

Langkah pertama yang perlu anda lakukan ialah mengenal pasti data yang ingin disimpan di dalam
pangkalan data.
Berdasarkan hasil kunjungan dan pemerhatian anda ke hospital berkenaan:
1 Kenal pasti komponen-komponen rajah hubungan entiti yang berikut:
• Entiti
• Atribut
• Hubungan
2 Lukis rajah hubungan entiti (ERD).

2.1.2 Model Hubungan Data


Model hubungan data diperkenalkan oleh E. F. Codd pada tahun 1970. Kebanyakan sistem
pengurusan pangkalan data seperti MS Access, Oracle dan My SQL menggunakan model ini.
Model ini menyimpan data dalam bentuk jadual hubungan, iaitu data dan hubungan
dipersembahkan dalam bentuk jadual. Model ini dibina sebagai langkah seterusnya selepas anda
melakar Rajah Hubungan Entiti. Model hubungan data dapat memberikan gambaran kepada
anda tentang struktur jadual untuk sistem pangkalan data yang ingin dibangunkan.

68 68SainsSains
Komputer Tingkatan
Komputer 5
Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 69
70 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 71
72 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 73
74 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 75
76 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 77
78 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 79
80 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 81
82 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 83
84 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 85
86 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 87
88 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 89
90 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 91
92 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 93
94 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 95
96 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 97
98 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 99
100 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 101
102 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 103
104 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 105
106 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 107
108 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 109
110 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 111
112 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 113
114 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 115
116 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 117
118 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 119
120 Sains Komputer Tingkatan 5
BAB 2 Pangkalan Data Lanjutan 121
124 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 125
126 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 127
128 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 129
130 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 131
132 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 133
134 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 135
136 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 137
138 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 139
140 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 141
142 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 143
144 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 145
146 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 147
148 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 149
150 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 151
152 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 153
154 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 155
156 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 157
158 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 159
160 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 161
162 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 163
164 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 165
166 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 167
168 Sains Komputer Tingkatan 5
D <0n1oh15<.html

C (Dfile:///C:/Users/ASUS-?Cj0esk!op/contoh1Sc.html

Nombor Barn Masuk: 5


Nombor Barn Masuk: -1
Nombor Barn Masuk: 12

Senarai Nombor Terkini Dalam Giliran (Queue):

12,-1,5

Nombor Dikeluarkan: 5

Senarai Nombor Terkini Dalam Gilirnn (Queue):

12,-1

Rajah 3.1.44 Atur cara JavaScriptdan output (pengumpukan nilai-nilai dalam struktur queue-subatur cara
unshift() dan pop())

Carta alir untuk Contoh 16 ditunjukkan dalam Rajah 3.1.45.

Set Queue kosong


queueNo = [ ]

Input nilai (noBaru 5)

}
Fungsi: unshift ()
Masukkan nilai ke dalam Queue digunakan untuk
queueNo.unshift( ) meletakkan
nombor 5, -1, 12
ke dalam Queue
Papar teks "Nombor Baru Masuk"
Papar nilai

Input nilai (noBaru -1)

Masukkan nilai ke dalam Queue


queueNo.unshift ( )

Papar teks "Nombor Baru Masuk"


Papar nilai

Input nilai (noBaru 12)

Masukkan nilai ke dalam Queue


queueNo.unshift ( )

Papar teks "Nombor Baru Masuk"


Papar nilai

Paparkan nilai-nilai dalam Queue

0 BAB 3 Pengaturcaraan Berasaskan Web 169


170 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 171
172 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 173
174 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 175
176 Sains Komputer Tingkatan 5
Contoh output

Na1na Pesak.it Bani Masuk: Siti Mailnunah


Na1na Pesakit Masuk: Ran1asaJny AIL Muthusa1ny
Na1na Pesakit Masuk: Ah Chong

Senarai Nan1a Pesakit Terk.ini Dalmn Gili.ran {Queue):

Ah Chong,Ra.n.1.asanly AIL Mutbusa1ny,Siti Main:u.1.nah.

Na1na Pesak.it Dikeluarkan: Siti Mahuunah

Senarai Nan1a Pesakit Terkini Dalatn Gili.ran (Queue):

Ah Chong,Ra1nasan1.y AIL Muthusanly

Penerangan:
1 Meletakkan senarai berjenis String ke dalam Queue menggunakan arahan unshift () .
2 Mengeluarkan nama pertama dimasukkan ke dalam Queue menggunakan arahan pop () .

Objektif: Menunjukkan langkah-langkah untuk mencari suatu nilai U]I MINDA


daripada satu senarai nilai dengan menggunakan kaedah
carian perduaan (binary search).
Dua puluh empat
Terdapat satu senarai barangan runcit yang menentukan barangan runcit kumpulan telah layak
yang dikenakan Goods and Services Tax (GST ) (bercukai) dan barangan untuk memasuki
runcit yang tidak dikenakan GST (tidak bercukai) sepertimana yang Pertandingan Bola Jaring
disiarkan oleh Jabatan Kastam Diraja Malaysia seperti berikut: Peringkat Zon Mentakab,
Pahang. Sekiranya nama
Nama barang Kadar GST Piawai 6% Kadar GST Sifar 0% kumpulan tersebut
Abalon ✓ disusun mengikut

Agar-agar ✓
tatasusunan, berapakah
item dalam tatasusunan
Aneka bebola hasil ✓ yang boleh dikenal pasti
laut/daging/sayuran oleh carian perduaan
(binary search)
Asam jawa ✓
Asam pedas paste
untuk mengetahui
✓ lokasi tertentu bagi
Ayam ✓ sesuatu pasukan dalam
Ayam belanda (Turkey) ✓
tatasusunan?

(Dikemas kini pada 2 Januari 2015)


Sumber: Jabatan Kastam Diraja Malaysia
Sahagian 1:
Bina atur cara penskripan klien yang dapat melaksanakan arahan-arahan
berikut:
(a) menyimpan senarai nama barang dalam pemboleh ubah bernama
barang berjenis String.
(b) mencari nama barang, iaitu "Ayam" dengan menggunakan carian
perduaan (binary search).
(c) memaparkan mesej "Kadar GST Sifar 0%" jika nama barang pada (b)
dijumpai.
Sahagian 2:
Bina carta alir lengkap bagi atur cara yang telah dibina pada Bahagian 1 .

BAB 3 Pengaturcaraan Berasaskan Web 177


178 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 179
180 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 181
182 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 183
184 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 185
186 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 187
188 Sains Komputer Tingkatan 5
Jadual 3.1.21 Pseudokod dan carta alir (ulangan berasaskan pembilang)

Pseudokod Carta Alir

1 Mula
2 Nilai awal pembilang

3 Jika syarat pembilang BENAR Nilai awal pembilang


3.1 Pernyataan
3.2 Kemaskini pembilang kemaskini Nilai pembilang
3.3 Pergi ke Langkah 3
BENAR
4 Tamat Pernyataan

PALSU

8
Untuk melaksanakan struktur kawalan berasaskan pembilang, pernyataan for akan digunakan.
for mempunyai tiga komponen, iaitu:
• Nilai awal Nilai permulaan untuk membilang
• Nilai tamat Nilai untuk menamatkan proses membilang yang menentukan ulangan tamat
atau diteruskan
• Nilai kemas kini Proses untuk mengemas kini nilai pembilang

Contoh 28 menunjukkan blok kod akan berterusan mencetak "Salam Sejahtera!" selagi pembilang kurang
atau sama dengan 3 (atau sebanyak 3 kali). Atur caraJavaScript dan output ditunjukkan pada Jadual 3. i .22.

Jadual 3.1.22 Contoh atur cara JavaScriptdan output (ulangan berasaskan pembilang)

Atur cara Contoh Output


<html>
<body> ['.l contoh27.html X

<script>
var pembilang ; t
for(pembilang =1; pembilang<=3; pembilang++)
t
C j (D file:///C:/Users1

Salam Sejahtera!
{ Salam Sejahtera!
ite( "Salam Sejahtera!<br>"); 5 Salam Sejahtera!
</script>
</body> Nilai tamat pembilang. 4
Nilai kemas kini
</html> lni ialah syarat bagi ulangan.
.-.----2 pembilang.
Contoh:
Nilai awal pembilang. Contoh:
Ulangan akan diteruskan apabila pembilang
pembilang ditambah
kurang atau sama dengan 3.
Contoh: 1 (pembilang++)
pembilang di tetapkan Ulangan akan berhenti apabila pembilang �
sebagai 1 melebihi 3.

BAB 3 Pengaturcaraan Berasaskan Web 189


190 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 191
192 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 193
194 Sains Komputer Tingkatan 5
2 Boleh digunakan berulang-ulang kali apabila diperlukan dalam atur cara dengan hanya memanggil
fungsinya.
3 Dapat mengurangkan masa pembangunan atur cara kerana tidak perlu menulis pernyataan
berulang-ulang kali.

Jadual 3.1.29 Contoh atur cara JavaScript(math. sqrt( ) dan math.pow( ) )

Atur cara Contoh Output


<html> I [") mothjs.html
<head>
C I (D file:///F:/Academic/June,
<script src="math.js">
</script> Punca h.,iasa dua bagi 4 ialah 2
</head> 3 h.7.tasa 2 ialah 9

<body>
<script>
document.write("Punca kuasa dua bagi
4 ialah ", math.sqrt(4));
document.write("<br>3 kuasa 2 ialah "
math.pow(3, 2));
</script>
</body>
</html>

- Penggunaan Standard Library dalam Bahasa


Penskripan Klien
math.js
math. j s ialah standard library yang kerap diguna pakai dalam JavaScript yang terdiri
daripada fungsi built-in dan pemalar dengan pelbagai jenis data seperti nombor. Standard
library dalam JavaScript berada dalam pakej ". j s" dan perlu disimpan dahulu. Seterusnya
ma th. j s akan dimuatkan dan seterusnya boleh digunakan dalam atur cara.
math. j s boleh didapati daripada pelbagai pengurus pakej seperti npm dan bower tetapi
boleh juga dimuat turun daripada laman web: http://mathjs.org/download.html. Rajah 3.1 .48
menunjukkan tangkap layar (screenshot) laman web http://mathjs.org/download.html yang
mengandungi fail math. j s untuk dimuat turun dan disimpan.

BABBAB
3 Pengaturcaraan Berasaskan
3 Pengaturcaraan WebWeb195
Berasasl<an •
196 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 197
198 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 199
200 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 201
202 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 203
204 Sains Komputer Tingkatan 5
- Penggunaan Tatasusunan (Array) dalam Bahasa
Penskripan Klien
Penggunaan tatasusunan dalam bahasa penskripan klien adalah sama dengan penggunaan
tatasusunan Java yang telah dipelajari semasa di Tingkatan 4. Penggunaan tatasusunan adalah untuk
menyimpan satu senarai nilai dalam satu pemboleh ubah.
• Pengisytiharan tatasusunan (array) dalam bahasa penskripan klien

Sintaks:
var nama tatasusunan [unsurl, unsur2, ...
];
Contoh pengisytiharan:
var no = [];

• Memberikan nilai awalan tatasusunan (array) dalam bahasa penskripan klien


Nilai awal atau dikenali sebagai nilai pertama boleh diletakkan di dalam tatasusunan sebelum nilai­
nilai tersebut diubah pada arahan atur cara yang seterusnya.
Contoh:
(a) Memberikan nilai awalan semasa pengisytiharan:
var no = [5,-1,4,12,8];
(b) Memberikan nilai awalan selepas pengisytiharan:
• Nilai diberikan kepada pemboleh ubah no dengan merujuk indeks yang bermula dengan 0.
• lndeks ialah nombor yang mewakili setiap lokasi dalam tatasusunan.
• lndeks O merujuk nilai pertama dalam tatasusunan, indeks 1 merujuk nilai kedua dalam
tatasusunan dan seterusnya sehingga indeks n, nilai n dalam tatasusunan.
var no = [ ];
no[O] = 5;
no[1] = -1;
no[2] = 4·'
no[3] = 1 2;
no[4] = 8;

• Input nilai tatasusunan (array) dalam atur cara bahasa penskripan klien
Input ialah nilai yang diterima daripada pengguna atur cara. Sekiranya pengguna atur cara
memasukkan nilai menggunakan kotak prompt, yang berikut ialah cara input nilai tatasusunan:
var input;
var no= [] ;
input= prompt("Sila masukkan satu nombor:" ;)
no[O]=input;
input= prompt("Sila masukkan satu nombor:");
no[1]=input;
input= prompt("Sila masukkan satu nombor:");
no[2]=input;

BAB 3 Pengaturcaraan Berasaskan Web 205


206 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 207
208 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 209
210 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 211
212 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 213
214 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 215
216 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 217
218
PB Sains Komputer Tingkatan 5
Contoh output:
Tahukah
Anda
Fungsi window.
open() akan
membuka satu
tetingkap pelayar
(browser) dan
memuatkan sumber
URL dalam bentuk
tetingkap atau tab.
Sekiranya sumber
tidak dijumpai pada
tetingkap yang
telah terbuka, satu
tetingkap baharu akan
dibuka dan sumber
URL tersebut akan
dimuatkan.
jav menetapkan
jenis bagi kandungan
sumber URL yang
Rajah 3.1.53 Atur cara JavaScript dan output (interaktif secara hyperlink – panggil subatur cara) dibuka.

Penerangan: Sumber:
https://developer.
1 URL https://www.mohe.gov.my/en/ dalam tag <a> ialah tapak web yang
mozilla.org/en-US/
ditetapkan.
docs/Web/API/Window/
2 Selepas pengguna mengklik teks “Laman Web KPT Malaysia”, tapak web open
akan dibuka pada satu dokumen HTML yang baharu.

CONTOH 49
Contoh 49 menunjukkan penggunaan hyperlink secara interaktif (melalui imej) dan procedure/function untuk
blok arahan penskripan, iaitu selepas pengguna mengklik logo (iaitu imej), dokumen HTML baharu dibuka
dan dipaparkan. Atur cara JavaScript dan output ditunjukkan pada Rajah 3.1.54.

<html> imej
<body> 2
<a href = “javascript:lamanweb()”> <img src=”logo_kpt_2012.png” border=”0”>
</a>
<script>
function lamanweb()
{
window.open(“https://www.mohe.gov.my/en/”,”jav”, 1
“width=400,height=300,resizable=yes”);
}
</script>
</body>
</html>

BAB 3 Pengaturcaraan
BAB Berasaskan
3 Pengaturcaraan Web 219
Web
Berasaskan 219
220 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 221
222 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 223
224 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 225
226 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 227
228 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 229
230 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 231
232 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 233
234 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 235
236 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 237
238 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 239
240 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 241
242 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 243
244 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 245
246 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 247
248 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 249
250 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 251
252 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 253
254 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 255
256 Sains Komputer Tingkatan 5
Open
.... t « xampp ► htdocs ► Forms Search Forms p

Organize ... New folder ;,, . !ill G


_. Local Disk (C:) t..
Name Date Type "'
Local D isk (E:) [i.i) Backup5.php 25/01/2017 1:42 PM PHP F
SD SD Card (G:)
111111 Backup-2017-01-02_03_48_06.sql 02/01/2017 10:48 AM SQLS
I111111 Backup-2017-01-02 05 23 59.sql 02/01/2017 12:24 PM SQLS
[i.i) berjaya.php 13/02/2017 11:09 AM PHP F
Control Panel [i.i) Biodata.html 16/12/2016 10:54 AM HTML
>

�I"
V {

l name: IBackup-2017-01-02_05_23_59.sql - - � s J
I H
Fi e File

Open �n�

Rajah 3.2.34 Memilih fail sandaran yang pernah dibuat

5 Cari fail sandaran yang telah dicipta sebelumnya seperti yang ditunjukkan pada Rajah 3.2.35.
6 Klik 'Import'.
_l_oNew
+... dbpelaJar
Importing into the database "dbpelajar"
1 i'-- ,nformal�n_scn.ma
t""L mYSQI File to Import:
�. perfOffllance_sdlema Flk, m.y be c.ompened (giip. bzip2 .tip> QI' �OITIP9H4'd
A comprosstld fll415 name must� kl ,(lormotJ,(comp1HslonJ Eumplo .sql.dp
tL phpmyadmin (M.u: 200Mi9)
� test
Character Ht of lM file utf�

P.1m.al Import:
I:!!. Alow lh9 intem,ptlon or an Import in UH th4t 1ctlpt detectli it 15 cloH to the PHP lim-..t imil (Thf.:r miql',I t. a
good -r- to rmporl 1.,,.1,•N hov,,w.,. It un � r-..-;tron.:r)

Rajah 3.2.35 Paparan output setelah berjaya memulihkan (restore) pangkalan data dbpelajar

- Melaksanakan Beberapa Bentuk Pertanyaan


(Query) Pangkalan Data
Sesuatu maklumat yang telah disimpan dalam pangkalan data boleh diperoleh semula dengan
menggunakan mekanisme Pertanyaan (Query). Struktur pertanyaan yang digunakan kepada pangkalan
data akan menggunakan format yang telah ditetapkan dan kebanyakan sistem pengurusan pangkalan
data menggunakan Structured Query Language (SOL).
Penggunaan pertanyaan ini akan mencari serta menyusun data daripada satu atau lebih jadual
(table). Terdapat beberapa fungsi kendalian dalam pertanyaan ini bagi memudahkan pencarian data
berdasarkan kriteria carian yang boleh digunakan.
Terdapat dua jenis pertanyaan iaitu:
(i) Pertanyaan Tindakan - bentuk pertanyaan yang akan menjalankan tugas bersama-sama data yang
sedia ada dari pangkalan data. Antara bentuk tindakan adalah seperti mencipta jadual baharu,
menambah, mengemas kini atau menghapuskan data dalam jadual.
(ii) Pertanyaan Memilih - bentuk pertanyaan yang akan mengambil data yang sedia ada dari pangkalan
data untuk digunakan. Hasil dari pertanyaan boleh dipaparkan pada skrin, dicetak atau disalin/
disimpan.

BABBAB 3 Pengaturcaraan
3 Pengaturcaraan WebWeb257
Berasasl<an
Berasaskan •
258 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 259
260 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 261
262 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 263
264 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 265
266 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 267
268 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 269
270 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 271
272 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 273
274 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 275
276 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 277
278 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 279
280 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 281
282 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 283
284 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 285
286 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 287
288 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 289
290 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 291
292 Sains Komputer Tingkatan 5
<hl>Contoh heading 1</hl>
<h2>Contoh heading 2</h2>
<h3>Contoh heading 3</h3>
<h4>Contoh heading 4</h4>
<h5>Contoh heading 5</h5>
<h6>Contoh heading 6</h6>

Rajah 3.3.30 Enam peringkat heading

Output: KERJAYA SAINS


KOIYIPUTER

Contoh heading 1 Pereka tapak web


ialah individu yang
bertanggungjawab
Contoh heading 2 dalam menentukan
susun atur, latar
Contoh heading 3 belakang dan reka
bentuk sesebuah tapak
Contoh heading 4 web. Selain memiliki
pengetahuan tentang
Contoh heading 5 web, pereka tapak
web juga perlu kreatif
Contoh heading 6 untuk menata bias
tapak web.
Rajah 3.3.31 Contoh output bagi enam heading

Contoh Penggunaan Elemen Header dalam HTML


Rajah 3.3.32 menunjukkan elemen <header> digunakan untuk memaparkan pengenalan
kandungan bagi suatu laman web atau pautan navigasi. Elemen <header> biasanya mengandungi:
• Satu atau lebih elemen <heading> (<hl> - <h6>)
• Logo atau ikon
• Maklumat pengarang

<html>
<head></head>
<body>
<header>
<hl>Nilai-nilai Murni</hl>
<hr>
<h4>Definisi Nilai-nilai Murni</h4>
<h4>Contoh Nilai-nilai Murni</h4>
</header>
<p>Nilai-nilai murni sewajarnya diterapkan dalam diri setiap murid
sejak awal.</p>
</body>
</html>

Rajah 3.3.32 Contoh penggunaan elemen <header>dalam HTML

BAB 3 Pengaturcaraan Berasaskan Web 293


294 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 295
296 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 297
5 Hasil paparan pada pelayar web adalah seperti yang berikut:

Frame pertama

Frnmc kcdua

6 Dapatkan satu imej daripada sumber Internet (contoh: webcam.jpg).


7 Letakkan imej tersebut dalam frame pertama seperti yang berikut:

Fraine pertama

Frame kedua

8111 Menggunakan Cascading Style Sheets (CSS)


untuk Menggayakan Text, Fant, Background,
Table, Borders dan Position

Apa itu CSS?


Cascading Style Sheet (CSS) ialah salah satu bahasa pengaturcaraan yang
merupakan tambahan (extension) kepada HTML. CSS membenarkan perubahan
kepada gaya sesuatu laman web dan menerangkan persembahan bagi sesuatu
dokumen HTML.

298 Sains
• Kcmputer
Sains Tingl<atan
Komputer 5 5
Tingkatan
BAB 3 Pengaturcaraan Berasaskan Web 299
300 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 301
302 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 303
304 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 305
306 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 307
308 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 309
310 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 311
312 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 313
314 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 315
316 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 317
318 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 319
320 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 321
322 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 323
324 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 325
326 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 327
328 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 329
330 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 331
332 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 333
334 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 335
336 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 337
338 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 339
340 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 341
342 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 343
344 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 345
346 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 347
348 Sains Komputer Tingkatan 5
ProsesKemaskini.php
<?php
$con = mysqli_connect("localhost","root","");
if (!$con)

die ('Sambungan kepada Pangkalan Data Gagal '.mysqli_connect_error());

mysqli select_db($con,"dbPelajar");
$nomurid = $_POST['nomurid'];
$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$negeri = $_POST['negeri'];
$sql = "update murid set NAMA = '$nama', KELAS = '$kelas',
NEGERILAHIR ='$negeri' where NOMURID = '$nomurid'";
$result = mysqli_query($con,$sql);
header('location:Senarai.php');

Rajah 3.3.84(c) Atur cara bagi "ProsesKemaskini.php"

- Penghasilan Sebuah Laman


Web lnteraktif untuk Kegunaan
KERJAYA SAINS
Pengguna dan Pentadbir Sistem
KOIYIPUTER
bagi Menyelesaikan Masalah
Pentadbir sistem ialah

Sesetengah laman web mempunyai antara muka yang berbeza, iaitu


orang yang menjadi
pengendali sesebuah
antara muka untuk kegunaan pengguna biasa dan yang satu lagi antara laman web dan
muka untuk kegunaan pentadbir sistem. menjalankan prosedur
tertentu. Laman web
Laman web untuk kegunaan pentadbir sistem contohnya membolehkan untuk pentadbir sistem
pentadbir sistem mendaftarkan nama pengguna yang boleh mencapai ialah tempat pentadbir
data dalam pangkalan data manakala laman web untuk pengguna akhir sistem dapat mengatur,
membenarkan pengguna tersebut melihat maklumat yang telah ditetapkan mengawal dan

sahaja.
mengurus proses yang
ada pada suatu sistem
Cara untuk membezakan jenis pengguna laman web sama ada pengguna laman web.
biasa atau pentadbir sistem, dapat dilakukan dengan menyediakan laman
web log masuk. Dalam laman web ini, pengguna akan memasukkan nama
pengguna dan kata laluan.
Berdasarkan nama pengguna dan kata laluan ini, jenis pengguna yang
telah disimpan di dalam pangkalan data dapat ditentukan. Seterusnya,
laman web yang dipaparkan akan mempunyai pandangan (view) yang
berbeza.

BABBAB
3 Pengaturcaraan Berasaskan
3 Pengaturcaraan WebWeb349
Berasasl<an m,
350 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 351
352 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 353
354 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 355
356 Sains Komputer Tingkatan 5
BAB 3 Pengaturcaraan Berasaskan Web 357
Nama

Kelas

Pilih Persatuan/Kelab yang ingin disertai: (Pilih 3 sahaja)


Persatuan Bulan Sabit Merah
Kelab Bimbingan dan Kerjaya
Kelab Sejarah
Kelab Matematik
Kelab Bahasa

Hantar

358 Sains Komputer Tingkatan 5


ACC Heading
Digunakan untuk menyimpan data yang menjadi input dan Elemen yang digunakan bagi mentakrifkan "tajuk" dalam
output semasa operasi UAL. laman web.

Asymmetric Cryptosystem HTML


Proses penyulitan yang menggunakan kunci yang Bahasa markup standard yang digunakan oleh pereka web
berlainan. profesional bagi mereka bentuk laman web.
Atur cara lsihan buih
Arahan berkod yang berturutan yang dimasukkan ke dalam Satu algoritma mudah dalam pengisihan suatu senarai, iaitu
komputer dan datanya diproses oleh komputer. proses dan langkahnya akan dibuat satu per satu secara
berturutan, membandingkan unsur-unsur bersebelahan dan
Bahasa Pengolahan Data (DML)
menukarkan kedudukan (swap) sekiranya berlaku turutan
Pernyataan SQL yang digunakan untuk memanipulasi data
yang salah.
dalam jadual.
Jadual kebenaran
Bahasa penskripan klien
Menyemak output yang dihasilkan daripada get-get logik
Program komputer dalam web yang dilaksanakan di
atau daripada litar logik.
sebelah klien.
Jenayah siber
Bahasa Takrifan Data (DDL)
Penyalahgunaan teknologi pengkomputeran dan Internet
Pernyataan SQL yang digunakan untuk mencipta dan
bagi melaksanakan aktiviti jenayah, iaitu merosakkan,
mengubah struktur pangkalan data.
mencuri atau mengubah data dalam sistem komputer bagi
Cascading Style Sheet (CSS) tujuan tertentu.
Membenarkan perubahan kepada gaya sesuatu halaman
Keseimbangan visual
web dan menerangkan persembahan bagi sesuatu
Gabungan elemen visual seperti garisan, imej, teks, bentuk
dokumen HTML.
dan warna dalam laman web.
Count
Litar bersepadu
Mengira bilangan nilai yang terdapat di dalam suatu
Gabungan komponen get logik yang disambungkan
senarai.
menjadi satu litar yang lengkap atau separa lengkap dan
Daftar dikecilkan beribu-ribu kali ganda dari saiz asal, kemudian
Komponen yang digunakan bagi menyimpan data dan ditempatkan dalam satu bahan kepingan silikon yang
arahan yang dicapai dari ingatan utama sebelum dihantar dinamakan cip atau cip mikro.
ke UAL untuk diproses dan menyimpan hasil pemprosesan
Ma/ware
sementara sebelum dihantar ke ingatan utama dan
Program yang direka khas untuk menjangkiti sesebuah
dipamerkan melalui peranti output.
sistem komputer tanpa diketahui oleh pemiliknya.
ERD
Mean
Model asas untuk membina pangkalan data. ERO
Purata nilai dalam suatu senarai nilai.
merupakan teknik yang digunakan untuk memodelkan
data yang diperlukan dalam suatu organisasi. Model Hubungan
Menyimpan data dalam bentuk jadual hubungan, iaitu data
Etika dalam pengkomputeran
dan hubungan dipersembahkan dalam bentuk jadual.
Standard panduan bagi mengawal perlakuan pengguna
komputer supaya lebih bermoral.

GLOSARI 359
Navigasi Rangka wayar
Struktur laman web tersebut untuk dilayari. Panduan visual yang mewakili rangka kerja keseluruhan
laman web.
Navigasi web
Proses di mana objek-objek dalam laman web yang Reka bentuk
terdiri dari teks, rajah, audio dan video yang dihubungkan Susunan atau struktur dalam proses binaan sesuatu
di antara satu sama lain dengan menggunakan pautan perkara.
hiperteks atau hipermedia.
Sistem jam
Nilai maksimum Peranti cip di dalam pemproses yang menjana denyutan
Nilai terbesar di dalam suatu senarai nilai. elektronik pada kadar yang tetap bagi menyeragamkan
masa aktiviti pemprosesan semasa melaksanakan kitaran
Nilai minimum
mesin.
Nilai terkecil di dalam suatu senarai nilai.
SQL
Nyahsulit
Bahasa yang digunakan untuk mencapai dan mengemas
Proses mengembalikan bentuk maklumat yang tidak dapat
kini data dari pangkalan data.
difahami (ciphertext) kepada maklumat asal (plain/ext).
Symmetric Cryptosystem
Pemproses linear
Proses penyulitan yang menggunakan kunci yang sama.
Pemproses yang memproses data dan arahan secara
berjujukan. Talian paip
Teknik beberapa arahan adalah bertindih semasa
Penormalan
perlaksanaan.
Satu proses untuk memastikan bahawa model data logikal
yang terhasil mempunyai anomali yang paling minimum. Tipografi (typography)
Penyusunan teks yang dipaparkan dalam laman web.
Penstrukturan berjujukan
Pengguna dipandu dari satu halaman ke halaman yang lain Undang-undang siber
secara berjujukan. Peraturan yang ditetapkan oleh pihak berkuasa di
sesebuah negara untuk memberikan hukuman kepada
Penyulitan
pesalah-pesalah yang melakukan kesalahan di dalam
Proses pengekodan maklumat (plain/ext) dari pengirim
talian.
kepada bentuk maklumat yang tidak dapat difahami
(ciphertext). Unit Aritmetik dan Logik (UAL)
Melakukan operasi aritmetik dan logik.
Prinsip
Asas yang menjadi dasar kepada perkembangan atau Unit ingatan
pembinaan sesuatu benda. Komponen komputer yang akan memegang data atau
set arahan sebelum, semasa dan selepas data atau set
Prinsip penekanan
arahan.
Maklumat atau kandungan yang ingin diberikan perhatian
dalam laman web tersebut. Unit kawalan
Menerima dan menjana isyarat-isyarat bagi mengawal
Queue
operasi keseluruhan sistem komputer.
Membuang data lama yang dimasukkan sahaja.

360 GLOSARI
A M
ASP 126,129,226,342 Ma/ware 5, 21
Atribut 60-80,113,119,125,127,196,230,291,295--297, Mean 124,148,157-171
333 -335 Model hubungan 68--70,72, 119
Atur cara5, 24-37,113-325,124-353

B N
Navigasi web 281,287
Bahasa pengaturcaraan 24,33-38,56,77, 125--126,180,
Nilai maksimum 148--151,170-171
194,298,342
Nilai minimum 153-154,171
Bahasa penskripan 124-126,129-133,170,178,194-195,
Nyahsulit 10-11,32
200-201,205--206
Bas data 28,57, 360
p
C Pemproses linear 31-33
Carta alir 124,132-136,139,145--147,159,169,178,181, Penormalan 70,74-76
285,287 Penstrukturan kandungan 283-284
Cascading Style Sheet 125,274,298,370 Penyulitan 8--11,20
Count 60,103,108--111,124,160-163,170-171,240,355 PHP 21,34,126,129,226--228
Prinsip penekanan277
D
Daftar24, 2� 28--29,37
Q
Do 191-192
Queue 124,165--169
E
Entity relationship diagram 60,62,65 R
Etika dalam pengkomputeran 6 Rangka wayar 287

H
Heading292 -293, 299,302-312,324-326
s
Sistem jam 29-30
HTML 21,124-135,170,197,211-220,230,290-296,
Symmetric encryption 10
298--353
SQL 60-116,257

lsihan buih 132-135,171-173,207,214-216 T


lsihan pilih 132,138--143,173-174 Talian paip 31-32
Typography 278
J
Jadual kebenaran 42-52
Jenayah siber 2-6,15--19
u
Undang- undang siber 15--19
K Unit aritmetik 28--29
Keseimbangan visual 281 Unit ingatan 24-25,27, 56
Unit kawalan 24,26,28--29,37-38
L
Laman web 124,126,128--131,195--196,211,213,-214,
217,224-227
Litar bersepadu 39-40,51
BAB 3 Pengaturcaraan Berasaskan
INDEKS
Web 361
362 RUJUKAN
5 KEMENTERIAN PENDIDIKAN

SAINS
KOMPUTER

SAINS KOMPUTER
TINGKATAN
5

TINGKATAN 5
Harga: RM19.70
ISBN 978-967-0807-98-0

FT305001

You might also like