1

MODUL SOALAN TOPIKAL PERCUBAAN NEGERI-NEGERI 2018 DAN 2019

( TINGKATAN 5)

STANDARD KANDUNGAN MUKA SURAT

BIDANG 1.0 PENGKOMPUTERAN

1.1 Komputer dan Impak 2

1.2 Seni Bina Komputer 11

1.3 Get Logik 14

BIDANG 2.0 PANGKALAN DATA LANJUTAN

2.1 Bahasa Pertanyaan Berstruktur : SQL(Structured Query
37
Language)
BIDANG 3.0 PENGATURCARAAN BERASASKAN WEB

3.1 Bahasa Penskripan Klien ( Client Side Scripting Language) 54

3.2 Bahasa Penskripan Pelayan ( Server Side Scripting Language) 59

3.3 Laman Web Interaktif 65

2
BIDANG 1.0 PENGKOMPUTERAN
1.1 KOMPUTER DAN IMPAK

1.1.1 Menganalisis kesan inovasi dalam pengkomputeran

Bahagian A
1 i. Inovasi dalam Teknologi Rangkaian
ii. Inovasi dalam Teknologi Storan
iii. Inovasi Sistem Pengoperasian
iv. Perkembangan sistem dalam talian
Mana-mana dua jawapan diterima

2. Inovasi dalam Teknologi Rangkaian

3.Inovasi dalam Teknologi Storan

4.Kesan inovasi teknologi storan telah mempengaruhi bagaimana data/media disimpan
Sebagai contoh jumlah ruang storan yang besar menyebabkan aktiviti merakan foto dan
video semakin di gemari

Bahagian B
i.
Ciri-ciri storan awan
– data boleh disimpan di awan(cloud),
- data juga boleh dicapai pada bila-bila masa dan di mana sahaja dengan pelbagai
peranti selagi ia berhubung dengan internet.
Kesan
– Teknologi storan jenis lain makin ditinggalkan kerana beberapa limitation(kekangan)
berbanding storan awan
- Harga untuk mendapat storan lain lebih murah berbanding sebelum wujudnya storan
awan
3
 ii.-Membuat salinan data dengan cepat
- mempunyai ruang yang tersangat besar( unlimited) dan sgt sesuai untuk perniagaan atas
talian.
iii. Kesan inovasi teknologi rangkaian
POSITIF NEGATIF
- Perkembangan dan peningkatan - Jenayah siber makin meningkat
aplikasi atas talian
- Memudahkan perkongisan maklumat - Terdedah kepada kecurian maklumat
(phishing)
dan data
- Mudah untuk berhubung antara satu - Terdedah kepada scammer yang
sama lain dalam jarak jauh dapat juga menghubungi kita
- Menggalakkan perniagaan atas talian - Penipuan dalam perniagaan apabila
peniaga tidak jujur

1.1.2 Mengenalpasti aktiviti tidak beretika dalam pengkomputeran

Bahagian A

1.

2.a) Panduan etika : Dilarang menggunakan komputeri untuk mencuri [1m]

Justifikasi : menggunakan computer untuk mencuri data peribadi bagi tujuan mendapatkan
sumber kewangan
b) Polis Diraja Malaysia (PDRM) bahagian forensic digital , Kementerian Kesihatan
Malaysia, KPDNKK, Bank Negara Malaysia ( pilih salah satu)
3. Etika Penggunaan Komputer ( pilih salah satu )
4
 - Dilarang menggunakan komputer dengan niat untuk membahayakan orang lain.
- Dilarang mengganggu urusan privasi atau tugasan komputer orang lain
- Dilarang menceroboh ke dalam fail komputer pengguna lain
- Dilarang menggunakan komputer untuk mencuri
-Dilarang menggunakan komputer untuk bertindak sebagai saksi palsu
-Dilarang menggunakan/menyalin perisian orang lain tanpa kebenaran
-Tidak menggunakan sumber komputer orang lain
-Dilarang menggunakan harta intelek orang lain sebagai hak milik
-Mempertimbangkan kesan social daripada program atau sistem yang
dibangunkan
-Disaran menggunakan komputer dengan menunjukkan pertimbangan dan
menghormati pengguna lain

1.1.3 Menjelaskan keperluan keselamatan data dalam rangkaian komputer dan langkah
keselamatan (encrypted email, double verification,password)

Bahagian A
1. Menterjemah data kepada bentuk kod rahsia yang tidak dapat difahami
2. Kata laluan /password.
3. Kata laluan yang baik dibina daripada gabungan huruf, simbol dan nombor iaitu antara
8 hingga 12 aksara. Contoh :_P@55word!_
4.

Penerangan Jenis Penyulitan

Penyulitan dan nyahsulit teks menggunakan kunci Penyulitan tidak simetri

yang berbeza

5
 Penyulitan dan nyahsulit teks menggunakan kunci Penyulitan simetri
yang sama

5. i. Dua Pengesahan
ii. Password / katalaluan
Penyulitan email - pilih salah Satu
iii. Merupakan pengesahan tambahan yang perlu ditentukan oleh pengguna apabila ingin
memasuki akaun atau megakses data atas talian.
6.i. Penyulitan simetri
ii.Penyulitan tak simetri
7. i. Kata laluan -menulis apa apa ayat yang dijadikan sebagai kata laluan
ii.Pilih salah Satu
– Satu cara pelapisan pengesahan keselamatan yang utama untuk memasuki akaun
pengguna.
- Bagi mengelakkan akaun pengguna dari digodam

1.1.4 Melaksanakan penyulitan (encryption) dan nyahsulit(decryption) data

menggunakan Caesar Cipher

Bahagian A
1. a. PDWHPDWLN b. STEM
2. a) Penyulitan data ialah proses pengekodan teks biasa (plaintext) kepada bentuk teks sifer
(cipher text) yang tidak dapat difahami.
b) D=G [1 m] c) PENGATURCARAAN = RGPICVWTECTCCP [ 1m]

3.a. MIND VDBD JDJDO

b.SAYA AKAN TERUS MENCUBA TANPA BERPUTUS HARAPAN
4. i.Caesar Cipher ii.a. KOMPUTER b. HQFUBSWLRQ
6
 5. a) En(X)=(X+n) mod 26 b) SAYANGKU
6. PANTAI MORIB
7. i. SEKOLAH ii. JBOABHX
8. a) NRPSXWHU b) P: Penyulitan/encryption Q:Nyahsulit/decryption
9. NHPHUGHNDDQ
10. i) Caesar Cipher ii a) Komputasional b) SHQJDWXUFDUDDQ
11.a) KOMPUTER b) HQFUBSWLRQ
12 i) Tapak Arkeologi ii) Taman Tasik iii) Lapangan Terbang iv) Menara Condong
13. a) X: Penyulitan / Encryption Y: Nyahsulit /Decryption

1.1.5 Membincangkan implikasi sosial berkaitan penggodaman dan cetak rompak

perisian

Bahagian A
1. Tiga jenis jenayah siber ialah penipuan, pembulian siber, penipuan email, kecurian
maklumat(phishing), perjudian dalam talian atau mana-mana 3 yang betul

2. . i. Akta Hak Cipta (1997)

ii. Akta Komunikasi dan Multimedia 1998

iii. Akta Tandatangan Digital ( Akta 562)

3. Tidak beretika
Kesan – mewujudkan salah faham antara komuniti
Menyebabkan pergaduhan dan rosak akhlak

4 a) mengekalkan data pengguna sebagai peribadi (personal)

Mengelakkan terjadi sumber fitnah dan pergaduhan

7
5. . i. Mengurangkan sumber pendapatan penggiat seni kreatif seperti penyanyi atau penulis
ii. Menjejaskan kualiti produk kreatif kerana terpaksa bersaing dengan produk cetak rompak
iii. Menyebabkan ramai penggiat industry kreatif hilagn pekerjaan

6.Kesan aktiviti penggodaman laman web kepada keselamatan negara.

Pilih - Hilangnya keyakinan pelabur kepada negara
- Menjejaskan kestabilan ekonomi negara
- Menjejaskan kualiti hasil produk yang memerlukan R&D
- Kos pengeluaran produk adalah lebih tinggi berbanding keuntungan ( idea asli telah
di godam dan di tiru)
7. pornografi, Penggodaman
8.-Tidak menggunakan sumber komputer pengguna lain tanpa kebenaran
- Disaran menggunakan komputer dengan menunjukkan pertimbangan dan menghormati
pengguna lain.
-Dilarang menggunakan komputer untuk mencuri.
- Dilarang menggunakan komputer dengan niat untuk membahayakan orang lain.
- Dilarang menggunakan dan menyalin perisian orang lain tanpa kebenaran
9. a)Penipuan
b) Pilih mana-mana dua
Pembulian siber, penipuan email, kecurian maklumat(phishing), perjudian, imej
penderaan kanak-kanak, pornografi, skim cepat kaya, menyalin perisian secara tidak
sah dalam talian
10. a) Penipuan
b) - Menguatkuasakan undang-undang - Kata Laluan
11. – menjejaskan kestabilan ekonomi, kerana Negara akan mengalami kerugian daripada
hasil cukai yang merupakan salah satu sumber pendapatan negara
8
 - Hilangnya keyakinan pelabur kepada negara, kerana mereka berasa negara ini tidak
menyediakan perlindungan yang mencukupi terhadap harta intelek

Bahagian B
1. 1 a) i)
(i) Cetak rompak mengancam industri kreatif dan perisian negara
Kegiatan cetak rompak akan merugikan pihak pemilik karya asli dan pengeluar yang sah. Impak negatif,
terutamanya kepada pengusaha syarikat rakaman video dan lagu, perfileman, penerbitan buku-buku dan
juga hasil kreatif yang lain.

(ii) Pengeluaran produk asli berkurang

Kualiti produk cetak rompak yang rendah akan memberikan kesan kepada barangan asli dan seterusnya
akan menjejaskan pengeluaran produk asli.

(iii) Hilangnya keyakinan pelabur kepada negara

Bagi menghasilkan sesuatu produk yang berkualiti, kita memerlukan proses penyelidikan dan
pembangunan (R&D). Bagi menampung kelancaran proses penyelidikan dan pembangunan, syarikat
memerlukan pelaburan yang tinggi terutamanya daripada syarikat yang bermodal besar dari negara-
negara maju.

(iv) Wujud pengangguran dalam industri kreatif dan perisian

Cetak rompak dan penggodaman juga mendatangkan kesan negative terhadap industri perisian kerana
syarikat masa ini beroperasi secara dalam talian dan menggunakan sistem komputer bagi mengurus
operasinya seperti e-perbankan dan e-niaga.

(v) Menjejaskan kestabilan ekonomi negara

Jenayah cetak rompak turut menjejaskan ekonomi negara apabila masyarakat mengalih perhatian dengan
membeli barangan cetak rompak. Negara akan mengalami kerugian daripada hasil cukai yang merupakan
salah satu sumber pendapatan negara.

**mana2 dua jawapan

9
1.1.6 Mengkaji undang-undang siber antara negara

Bahagian A

1. Menyekat capaian internet secara bebas melalui penapisan internet, The Internet Great
Firewall of China.
2.

Undang-undang Amerika Syarikat Malaysia

Penubuhan Undang- Akta Jenayah Komputer 1986, Akta Jenayah Komputer 1997
undang Siber Department
of Justice

Isu Kelucahan Ada kebebasan – kecuali Tidak dibenarkan

pornografi kanak-kanak.

Bahagian B
1. a)Negara P – kerana negara P
- mempunyai penubuhan undang-undang siber yang akan melindungi penjual
dan pembeli yang terlibat dalam urusan jual beli produk secara atas talian.
- Tidak mempunyai sekatan kawalan terhadap media social, dan ini sangat
membantu perniagaan dalam melakukan kerja-kerja promosi produk.
- Merupakan ahli World Intellectual property Organization yang akan
melindungi hak harta intellek yang berdaftar dari dicetak rompak dan dicuri
b) Negara S tidak mempunyai penubuhan undang-undang siber, dan juga bukan ahli WIPO
implikasinya – filem animasi yang dihasilkan tidak dilindungi hak cipta dan boleh dicetak
rompak dan di hebahkan ke media social. – ini menggalakan dan mewujudkan
masyarakat yang tidak beretika dalam penggunaan komputer
10
 -Hak syarikat juga tidak dilindungi dan akan mengalami kerugian kerana cetak
rompak telah menyebabkan kos pengeluaran filem produk animasi lebih tinggi
dari keuntungan yang diperolehi, Sekali gus ia menjejaskan hasil percukaian
negara.
- Syarikat-syarikat dan pelabur dari luar akan kurang keyakinan untuk melabur di
negara kita.

3. i) Amerika Syarikat mengamalkan kebebasan bersuaran dan mempunyai kebebasan isu kelucahan
kecuali pornografi kanak-kanak.
ii) Malaysia – Akta Jenayah Kompute 1997
Arab Saudi – Anti Cyber Crime Law by Royal

1.1.7 Mengkaji kerjaya yang berkaitan dengan bidang pengkomputeran masa hadapan.
Bahagian A
1. Pengaturcara dan pembangun perisian Web dan komunikasi digital - mana-mana yang relevan
2. Juruanalisis keselamatan maklumat
3. Sistem Rangkaian dan Keselamatan Rangkaian
4.X : Pentadbir Pangkalan Data
Y : Merancang, mereka bentuk dan mengemaskini perisian komputer dan sistem melalui pengaturcaraan
dan pembangunan perisian . Mempunyai kemahiran tinggi dalam Java,C#,C++,.Net,Sharepoint, dan
Python

Bahagian B
1. Juruanalisis Keselamatan Maklumat, bidang ini bertanggungjawab untuk mengendalikan semua aspek
keselamatan rangkaian, termasuklah penyulitan, pentadbiran firewall dan protokol rangkaian, dan boleh
mengendalikan pelbagai tanggungjawab daripada membangunkan dasar keselamatan bagi menjalankan
penilaian risiko dan audit keselamatan, atau mengesyorkan peningkatan sistem keselamatan data untuk
menangani pencerobohan terhadap keselamatan data.

11
1.2 SENI BINA KOMPUTER

NO JAWAPAN MARKAH
SOALAN
1
RAM ROM
Data boleh disimpan dan diambil Data boleh dibaca hanya dari
dari RAM (Random Access ROM (Read-Only Memory). 1
Access).
Unit ingatan tidak digunakan ROM adalah memori yang
untuk menyimpan data tidak menentu. Sekiranya ia
secara kekal kerana unit ini tidak boleh dipadam, data kekal
bersifat meruap. Ingatan bersifat dalam simpanan sehingga 1
meruap akan perkakasan rosak.
hilang kandungannya jika
bekalan kuasa elektrik terputus
2 i. R : Capai (fetch) 1
S : Nyahkod (decode) 1
T : Laksana (execute) 1

ii. S : Unit kawalan menyahkod atau menterjemah arahan bagi 1

menentukan jenis operasi yang akan dilaksanakan oleh ALU.
3 P - Daftar 1
Q - Unit kawalan 1
S - Unit aritmetik dan logik 1
4 a) ALU 1
b) DAFTAR 1
c) UNIT KAWALAN 1
5 P- Unit Kawalan 1
Q – ALU 1
R – Daftar 1
S - Output 1
6 i- Laksana (Execute) 1
ii - Unit Kawalan (CU) 1
iii - Nyahkod (Decode) 1
7 Daftar (register) menyimpan data secara sementara, menghantar arahan 1
yang dicapai daripada ingatan utama sebelum diproses di ALU dan
menerima hasil daripada ALU sebelum dihantar ke ingatan utama.
8 Nyahkod 1
9 Daftar Arahan 1
10 a. Pengkompil/kompil/dikompil/Compiler 1
b. Pentaksir/taksir/ditaksir/Interpreter 1
12
 c. Perbezaan
1

*pilih satu perbezaan sahaja

11 a) Input dan Output 1
b) Unit Pemprosesan Pusat (CPU) 1
c) Ingatan Utama (RAM) 1

12 (i) DAFTAR 1
(ii) Fungsi daftar ialah menyimpan data dan arahan yang dicapai dari 2
ingatan utama sebelum dihantar ke ALU untuk diproses dan
menyimpan hasil pemprosesan sementara sebelum
dihantar ke ingatan utama dan dipamerkan melalui peranti output.

13 A: Daftar 1
B: Unit Arithmetik dan Logik(ALU) 1

a) Menerima dan menjana isyarat-isyarat bagi mengawal operasi 1

keseluruhan sistem komputer.

b) Sistem Bas
1
14 K : Laksana (Execute) 1
L : Capai (Fetch) 1
M: Nyahkod (Decode) 1

b)Pemproses melaksanakan operasi aritmetik dan logik terhadap 1

data seperti yang dinyatakan oleh arahan

15 (a)
(i) Perkakasan X - CPU / Mikroprosessor 1
(ii) Komponen Y - melakukan operasi aritmetik dan logic 1
(b) Tambah, tolak, darab, bahagi (mana-mana dua jawapan)
2
16 (a) ALU 1

13
 (b) Rujuk buku teks ting 5 ms 26
Tiga proses utama dalam kitaran mesin:

(i) Capai (Fetch) → UK beri isyarat supaya pemproses mencapai 1

data dan arahan dari ingatan utama dan disimpan dalam daftar
sementara tunggu untuk diproses.

(ii)Nyahkod (Decode) → UK menyahkod atau menterjemah

arahan bagi menentukan jenis operasi yang akan dilaksanakan
oleh ALU. 1

(iii)Laksana (Execute) → Pemproses melaksanakan operasi

aritmetik dan logik terhadap data seperti yang dinyatakan

dalam arahan. 1

1
17 Q : Pemproses / CPU / Unit Pemprosesan Pusat 1
R : Unit Kawalan / Control Unit
S : Unit Arimetik Logik / Arimatic Logic Unit / ALU 1
1
18 a)
Q: Unit Kawalan 1
R: Daftar 1
S: Unit Aritmetik Logik 1

b) Capai 1
19 Sistem bas terbahagi kepada 2 bahagian iaitu bas dalaman dan bas 1
luaran. Bas dalaman menghubungkan komponen-komponen dalaman
pemproses manakala bas luaran menghubungkan pemproses dengan
komponen luaran seperti ingatan.
20 Pemprosesan Y. 1
Pemproses boleh melakukan pelbagai tugas dengan
cepat pada satu masa. 2

21 X : Bas Alamat 1
Y : Bas Kawalan 1
22 C 1

14
1.3 GET LOGIK

SK PERCUBAAN PERAK 2018

1i)

ii)

2.
MODUL G-CAKNA SPM (KELANTAN)2018
3. A) TAKATAU B) EKSLUSIF ATAU
4.

SK PERCUBAAN N9 2018

5. a)

15
b)

6. a) Get 1 – Get DAN

Get 2 – Get TAK
Get 3 – Get TAK ATAU
(huruf kecil tidak dibenarkan)

b)

c)

16
SK PERCUBAAN PAHANG 2018
7.

8. a)

b)

c)

17
9)

10)

a)

b)

18
SK PERCUBAAN PERLIS 2018
11) a. Get TAK DAN b. Get XTAKATAU c. Get XATAU

12) a. Get TAK

b.

c. Jadual Kebenaran untuk setiap gabungan get logik

SK PERCUBAAN PULAU PINANG

13) .a.

19
b.

c.

d.

PERCUBAAN SK SARAWAK 2018

14.

20
15.

16 a.
b.

PERCUBAAN SK TERENGGANU 2018

17. i) Get DAN/ AND

ii) F = A.B
F=A DAN B Mana mana jawapan yang sesuai

F= A AND B

18.

19.a.

b. TAK ATAU

21
SAINS KOMPUTER 2018
20.

21. .
a) i) tidak menyala
ii) menyala
iii) menyala
b) i)
ii)
c)

SK PERCUBAAN PUTRAJAYA 2019

22.

(a) Get ATAU

(b) Z = X + Y
(c)

23.

22
SK PERCUBAAN JOHOR 2019

24. a)

b)

PERCUBAAN SK SELANGOR 2019

25.

23
26.

d)

PERCUBAAN SK DAERAH JERANTUT 2019

27. i)

24
 ii)

PERCUBAAN SK KEDAH 2019

28.

PERCUBAAN SK KEDAH 2019

29.

25
SK PERCUBAAN KELANTAN 2019

30. a)

A B
1
m

1
m

b)

_ AB _
A B AB AB F
1 0 1 0 0 1
1 1 0 1 0 1
0 1 0 0 1 1
0 0 0 0 0 0

SK PERCUBAAN KUANTAN 2019

31.

26
32.

SK PERCUBAAN NEGERI SEMBILAN 2019

33.

27
28
SK PERCUBAAN NEGERI X 2019
34.
Nama Get Logik Simbol Get Logik

ATAU

TAK DAN

XATAU

35. i)

ii)

29
PERCUBAAN SK NEGERI Y 2019
36.

37.

a) 16. P = B’ - 1 Mark
b) Q = (A . B’)’ - 1 Mark
c) R = B’ + B - 1 Mark
d) F = (AB’)’ . (B’ + B) - 1 Mark
e) Jadual Kebenaran [11 markah]

30
PERCUBAAN SK PERAK 2019
38.

PERCUBAAN SK PERLIS 2019

39.

40.

41. a)

31
 i) Jumlah kebarangkalian : 4

ii)

PERCUBAAN SK SABAH 2019

42.

43. a)

b)

44. a)

32
 b)

c) Mana2 dua:
- Pintu mesin basuh terbuka
- Paras air tidak penuh/kosong
- Suis utama off

PERCUBAAN TEMERLOH 2019

45 .

33
46.

34
PERCUBAAN SK TERENGGANU 2019

47.

48 . a) (i) Get B = A.B atau A + B

(ii) Get C = B + B

(iii) Get D = (A.B) . (B+B) atau (A + B) . ( B + B)

b) Bina Jadual Kebenaran bagi Get berikut:

i) Get B

ii) Get D

35
 c) get DAN, Get ATAU, Get TAK

SET G-CAKNA SPM 2019

49. a)

36
 b)

AB AB
A B AB F

1 0 1 0 0 1

1 1 0 1 0 1

0 1 0 0 1 1

0 0 0 0 0 0

SPM SK 2019

50.

37
 BIDANG 2.0 PANGKALAN DATA LANJUTAN
2.1 BAHASA PERTANYAAN BERSTRUKTUR : SQL ( STRUCTURED QUERY LANGUAGE)
BAHAGIAN A -2018
1 (a) CREATE TABLE
(b) DROP TABLE
2 (a) Date
(b) ALTER TABLE BUKU
ADD hargaBuku float (5,2)

atau
ALTER TABLE BUKU
ADD hargaBuku double (5,2)
3 CREATE TABLE SEWAAN(
NoSewaan varchar(4) PRIMARY KEY,
JenisKenderaan varchar(20) NOT NULL,
KadarSewa float(5,2),
TahunKeluaran int(4)
)
4 (a) INSERT INTO PENYEWA VALUES(005, “Geetha”, “880901-02-9088”, “Kuala Lumpur”,
“012-7212345”);
(b) ALTER TABLE SEWAAN
ADD bilBasikal INT (4)
5 (a) Sekiranya anda ingin menyenaraikan IDMurid yang menyertai kelab di sekolah anda.

SELECT IDMurid
FROM Kelab
GROUP BY IDMurid

(b) Menyenaraikan semua kelab dalam susunan menurun mengikut nama kelab

38
 SELECT *
FROM Kelab
ORDER BY Kelab DESC

6 a. INSERT INTO
b. WHERE
7 (a) Tujuan arahan SQL yang digunakan?
Mencipta jadual bernama pelajar
(b) Medan yang terdapatdalampangkalan data ini.
nokp,namapelajar
8 a) Nyatakan tujuan arahan soalan tersebut.
Untuk memadam data bagi medan nama pelajari aitu Rohani binti Rauf
a) Diruangan manakah arahan Rajah 6(a) di atas perlu ditulis. Nyatakan A, B atau C
B
9 Pernyataan Fungsi siap bina

Digunakan untuk mengembalikan jumlah nilai medan

tertentu. SUM
Digunakan untuk mengembalikan jumlah bilangan
rekod. COUNT
Digunakan untuk mengembalikan nilai purata medan
tertentu. AVG
10 (a) menyenaraikan semua murid dalam susunan menaik mengikut nama murid.
SELECT * FROM Murid ORDER BY NamaMurid
Nota: SELECT * FROM Murid - bagi 1 markah, jika lengkap beri 2 markah.
(b) menggabungkan nama murid mengikut rumah sukan.
SELECT * FROM Murid GROUP BY RumahSukan
Nota: SELECT * FROM Murid - bagi 1 markah, jika lengkap beri 2 markah.

11 (a) Tujuanarahan SQL yang digunakan?

Menambah medan alamat selepas medan nokp bagi jadualpelajar.

39
 (b) Medan yang terdapat dalam pangkalan data ini setelah arahan ini dilaksanakan.
Alamat, nokp

12 (a) Kemaskini jadual pelajar , namapelajar = Abu bin Bakar dan jantina=lelaki berdasarkan nokppelajar iaitu
020301053453

13 i. SUM - Mendapatkan jumlah barang yang terdapat dalam stok

ii. MIN - Mendapatkan jumlah harga yang paling murah yang terdapat dalam jadual BARANG
iii. AVG - Mendapatkan harga purata barang yang terdapat dalam jadual BARANG

14 a) mengisih rekod mengikut susunan menaik bagi medan nama

SELECT *
FROM DISIPLIN
ORDER BY nama;
b) memaparkan rekod pelajar bagi kes Ponteng Kelas
SELECT *
FROM DISIPLIN
GROUP BY kesdisiplin = “Ponteng Kelas”;
15 (a) P: kemaskini
(b) Q: sisip/tambah
16 (i) borang
(ii) jadual
17 i SELECT SUM(KUANTITI) FROM BUKU;
ii SELECT COUNT (ISBN) FROM BUKU;
iii SELECT MAX (KUANTITI) FROM BUKU;

18 CREATE TABLE BUKU ( IDBUKU Varchar(6) PRIMARY KEY, IDBUKU Varchar(6) PRIMARY
Tajuk Varchar(60), kuantiti Varchar (4); KEY -1Markah
Tajuk Varchar(60) – 1markah
kuantiti Varchar (4) – 1Markah

40
19 (a) SELECT
(b) GROUP BY
(c) ORDER BY ACS (wajib ada arahan ASC)
20 CREATE TABLE STOK (
NoProduk varchar (10) NOT NULL,
Nama varchar (50),
Harga float (5,2),
Kuantiti int (2),
JenisKayu varchar (10),
PRIMARY KEY (NoProduk)
);

21 UPDATE pinjaman
SET tarikhhantar = 2018-05-28
WHERE tarikhhantar = 2018-05-25
22 SELECT *
FROM tempahan kek
ORDER BY nama DESC
23 untuk mencapai data daripada jadual dalam pangkalan data.
24 i. A : UPDATE
ii. B : SET
iii. C : WHERE

41
25

26

42
27

28

29 SELECT Nama_barang, Kuantiti SELECT – 1m

FROM PINJAMAN 2 nama atribut – 1m
Nama table – 1m
30 (i) -Mendapatkan/mengira jumlah barang yang dipinjam oleh IDMurid MR1210
-Memaparkan mengikut IDMurid (2m)

(ii) COUNT (1m)

31 (i) DELETE INTO BARANG

WHERE NamaBarang = ‘ BOLA HOKI’
(1m)

(ii) INSERT INTO BARANG

VALUES (“A004”,”BOLA SKUASY”,24,56.00)
(2m)

32 (a) SELECT* 1
FROM PRODUK
43
 ORDER BY Item DESC 1

(b) SELECT SUM(Kuantiti ) 1

FROM PRODUK
WHERE Pembekal= ’Jaya Enterprise’; 1

33 a) i. SUM : Mengembalikan jumlah / total harga dari medan/ kolum harga

ii. GROUP BY : Mengembalikan jumlah / total harga dari medan/ kolum harga mengikut tarikh

b) Hasil larian SQL – Memaparkan jumlah atau total harga mengikut tarikh daripada jadual stock
34 DELETE FROM BARANG (1m)
Where NoBarang = ‘A02’ (1m)
35 (a) (i)
IDMurid

M1001

M1005

M1025
(ii)
NamaBarang

Bola Hoki

Bola Jaring

Bola Sepak

Bola Takraw

(b) (i) 100.00

(ii) 3

36 SELECT / INSERT / UPDATE / DELETE

*pilih mana-mana 2 markah

37 SELECT IDPembeli, COUNT(*) (1m)

FROM BARANG (1m)
GROUP BY IDPembeli (1m)
HAVING COUNT (*) > 2 (1m)

38 SELECT Nama_barang, Kuantiti SELECT – 1m

44
 FROM PINJAMAN 2 nama atribut – 1m
Nama table – 1m
39

40 X : AVG
Y : SUM
Z : COUNT

41 a. Idmurid (1m)

b. Kepentingan : (**Pilih mana2 DUA) (2m)

-Mengelakkan rekod yang sama berulang-ulang di simpan didalam pangkalan data

-Memberikan identity yang unik bagi setiap rekod yang disimpan dalam pangkalan data
-Memudahkan carian dan capaian keatas rekod dengan menggunakan kata kunci primer
42
SUM (1m)
PESANAN (1m)
IdJurujual = ‘5001’ (1m)
43
i. BARANG (1m)
ii. HargaSeunit (1m)
iii. Bola Jaring (1m)

44 a. SUM (1m)
b. MAX. (1m)

NILAI MAKSIMUM AKAN MENGEMBALIKAN NILAI TERTINGGI BAGI JADUAL

BARANG (1m)

45
45

(2m)
b. Memaparkan rekod pelajar bagi kes Ponteng Kelas

(2m)
46 Desc / isih susunan menurun
untuk mendapatkan semula data dalam bentuk isihan menurun

47 DELETE FROM STOK

WHERE jenama = “CANON”
48

49 i) Mengira bilangan IDPelanggan dalam jadual Pelanggan

ii) Menyusun senarai IdPelanggan dan Negeri mengikut susunan Negeri secara susunan menaik.

50 CREATE TABLE INFO_KERETA (

ID int NOT NULL,
BANDAR varchar (20),
Negeri char(2),
NO_PLAT varchar (10),
PRIMARY KEY (ID)
);

INSERT INTO INFO_KERETA (ID, BANDAR,NEGERI,NO_PLAT

VALUES (1,"JOHOR BAHRU ","01","JZU8989");

51 (a) ID
(b) 2
(c) 3

46
52
B E C A D

BAHAGIAN B
1 (i) SELECT *
FROM BARANG (1M)

(ii) SELECT NamaBarang , Kuantiti

FROM BARANG (1M)

(iii) SELECT NamaBarang

1M
FROM BARANG
WHERE JenisKayu != 'Getah' (1M)

(iv) UPDATE BARANG

1M
SET JenisKayu = 'Jati'
WHERE NoBarang ='B005' (1M)

47
3

48
4

5 Rajah 2 menunjukkan pernyataan SQL untuk mencipta sebuah jadual. Kedah 2

CREATE TABLE Peserta (

idPeserta VARCHAR(12) PRIMARY KEY,
namaPeserta VARCHAR(50) NOT
NULL, jantina CHAR(1),
Rajah 2

Berdasarkan Rajah 2,

a. i. Nyatakan nama jadual ini.

Peserta
[1 Markah]
ii. Senaraikan jenis data yang digunakan dalam jadual ini.
VARCHAR, CHAR
[2 Markah]

b. Tuliskan pernyataan SQL untuk menyisip maklumat berikut ke dalam jadual ini.
INSERT INTO Peserta VALUES (”010023456789”,“Lee Chong Wai”, “L”);
ATAU

INSERT INTO Peserta (idPeserta, namaPeserta, jantina)

49
 VALUES (”010023456789”,“Lee Chong Wai”, “L”);

[5 Markah]
c. Tuliskan pernyataan SQL untuk mengira bilangan peserta lelaki dari jadual ini.
SELECT COUNT (idPeserta) FROM Peserta WHERE jantina = “L”;
[4 Markah]
d. Padam maklumat-maklumat berikut dari jadual:
DELETE FROM Peserta WHERE idPeserta = “010023004567”;
[3 Markah]
6 (a)

(b)

(c)(i)

(c)(ii)

50
7 a) Tulis pernyataan SQL untuk menukarkan nama ‘Aneeta Devi’ kepada ‘Anusha Devi’.

UPDATE PELANGGAN (1m) SET NAMA_PELINGGAN = ‘Anusha Devi’ (1m) WHERE

NAMA_PELINGGAN = ‘Aneeta Devi’ (1m)
(3 Markah)

b) Tulis pernyataan SQL untuk menyenaraikan medan ID_PELANGGAN, BANDAR dan NEGERI daripada
jadual PELANGGAN mengikut urutan menaik dengan berpandukan NEGERI.

SELECT ID_PELANGGAN, BANDAR, NEGERI FROM PELANGGAN (1m) ORDER BY NEGERI DESC (1m)
(2 Markah)

c) Tulis pernyataan SQL untuk mengemaskini nama medan ‘NAMA_PELINGGAN’ kepada

‘NAMA_PELANGGAN’ dengan jenis data VARCHAR(30).

ALTER TABLE PELANGGAN (1m) CHANGE NAMA_PELINGGAN NAMA_PELANGGAN VARCHAR(30)

(2 Markah)

d) Tulis pernyataan SQL untuk memadam pelanggan dari negeri Johor dan status sama dengan ‘0’.

DELETE FROM PELANGGAN (1m) WHERE NEGERI=’Johor’ AND STATUS=’0’ (2m)

(3 Markah)

51
8

9.

52
53
10

11. (a)
(i) CREATE TABLE Daftar_Ahli (
No_Ahli int(10) NOT NULL,
Nama_Ahli varchar NOT NULL (25),
Jantina varchar(9),
Email varchar NOT NULL (60),
PRIMARY KEY (No_Ahli)
);

54
BIDANG 3.0 PENGATURCARAAN BERASASKAN WEB
3.1 BAHASA PENSKRIPAN KLIEN (CLIENT SIDE SCRIPTING LANGUAGE)
BAHAGIAN A
No. Soalan Soalan Markah
1 Bahasa Penskripan Klien / Javascript 1
2 X= Atribut Nama 1
Y= Atribut Nilai 1
3 HTML / CSS / JavaScript 1
4 (a) pembolehubah 1
(b) integer, double, string 3

5 X – Fungsi 1
Y - Prosedur 1
6 (a) Isihan Pilih / Selection Sort 1
Banding satu unsur dengan unsur lebih besar daripada unsur
lain 1
7 (a) 28 1
(b) for (i = 0; i < 7; i++) 1

8. 1
1

9 30 1
10 a) no, jumlah 1
b) 28 1
11 a) var panjang, lebar, luas; 1
b) document.write (“Luas segiempat ialah “ + luas); 1
12 (a) Isihan Buih / Bubble sort 1
(b) 12,23, 58, 78, 97 1

13 a) B 1
b) Senarai saiz kasut sebelum isih: 5, 7, 6, 5, 8, 4 1
Senarai saiz kasut selepas isih: 4, 5, 5, 6, 7, 8

14 (a) 20 1
(b) 3

55
 (a) isihan pilih / pilihan 1
15 (b) banding satu persatu unsur bersebelahan 1

16 (a) Isihan buih (Bubble sort) / Isihan pilihan 1

(b) Semak item pertama dan kedua dalam senarai kemudian 1
bandingkan kedua-duanya. Jika tidak mengikut urutan menurun,
tukar kedudukan kedua-duanya dan ulang langkah untuk item yang
seterusnya.

17 a) String 1
b) Isihan Buih 1
c) Alex, David, Zulkifli 1

18 S : prosedure 1
T : fungsi 1

19 Senarai no rumah selepas isihan : 31 32 33 35 36 1

20 Laman Web Statik Laman Web Dinamik 1

1
Dibina menggunakan Dibina menggunakan penskripan
HTML sahaja pelayan

Atau

Kandungan paparan Kandungan paparan boleh

mengikut tag HTML yang dipanggil dari pangkalan data @
digunakan mengikut tindakan pengguna

56
21 4

22 Anda tidak layak mengundi 1

23 <html>
<body>
<script>
var i;
for(i = 1; i<=5; i++) 1
{
if (i % 2 == 0) 1
{
document.write(i + " ialah nombor genap<br>"); 1
}
else
{
document.write(i + " ialah nombor ganjil<br>"); 1
}
}
</script>
</form>
</body></html>

24 (a) CSS (Cascading Style Sheet) 1

(b) javascript 1
57
25 X – Bahasa Penskripan Klien 1
Y – Bahasa Penskripan Pelayan

26 X = parameter
parameter atau argumen membolehkan prosedur dan fungsi 1
menghantar nilai(pemanggil) dan diterima oleh prosedur dan fungsi 1
yang dipanggil. Terdapat 2 jenis parameter iaitu. Parameter rasmi 1
dan parameter sebenar.

27 (a) pi 1
(b) Kerana pi mengandungi nilai yang tetap dan tidak berubah 2
sepanjang atur cara 1
(c) Bilangan hari dalam seminggu, bilangan jam sehari dll

28 (a) Struktur Kawalan Pilihan 1

(b) Anda BUKAN pelajar Sekolah Menengah Taman A 1

29 (a) i) pemalar 1
ii) pembolehubah. 1
(b) i) integer 1
ii) string 1

30 a. i) x = 0 1
ii) x<5 @ x <=4 1
iii) x++ 1
b. 30 1
31 X = Prosedur 1
Y= memulangkan nilai 1
32 (i) JumlahNo( ) 1
(ii) 36 1
633 1

33 a. i) 5 1
ii)8 1

b. math.divide, math.sqrt, math.subtract. main.cube,math.sort (pilih 1

mana-mana 2 jawapan) 1

34 (a) Struktur kawalan ulangan 1

(b)
150, 100, 200, 180 1
58
 150, 100, 180, 200 1
100, 150, 180, 200 1

35 Senarai kod buku selepas isih secara menurun: 110,105,102,101,100

Isihan buih menurun Nombor diisih secara menurun (mana-mana 1
satu yang sesuai) 1

36 i. 12
ii. If (no [ i ] > noMaksimum) 1
1
37 (a) Struktur Kawalan Ulangan 1
(b) Struktur Kawalan Pilihan 1
(c) Struktur Kawalan Urutan 1

BAHAGIAN B
1. (a) jumlah pendapatan mingguan RM2638.80 1
(b)
(i)
var purata; 1
purata = pendapatanMingguan/6 2
document.write (“<br> Purata pendapatan harian : RM”, purata); 3

(ii)
var max ;
max = pendapatan[0]; 1
for (i = 1; i<6 ;i++) { 2
if ( max < pendapatan[i]){ 2
max = pendapatan[i]; 1
document.write(“<br> Pendapatan terbanyak=RM”, max) 2
}
}

59
3.2 BAHASA PENSKRIPAN PELAYAN ( SERVER SIDE SCRIPTING LANGUAGE)

BAHAGIAN A

2 A) int
B) string
3 i) nama
ii) kelas
4 L – Pelayan Web
M – Internet
N – Pelanggan
5 ASP , Javascript, PHP, Python, Perl
Mana-mana dua bahasa yang betul
6 a) Popup amaran
b) <html>
<body>
<button onclick = “window.alert ( ‘password anda salah, sila cuba lagi’)”>
Login
</button>
</body>
</html>
7 X = parameter [ 1 markah]
parameter atau argumen membolehkan prosedur dan fungsi menghantar nilai(pemanggil) dan diterima
oleh prosedur dan fungsi yang dipanggil. Terdapat 2 jenis parameter iaitu. Parameter rasmi dan parameter
sebenar.
[ 2 markah]
8 i. $myfile
ii. fclose($myfile)

9 a) color: blue; (1m)

b) Internal style sheet / helaian gaya dalaman (1m)
c) - hanya memberikan kesan kepada pada laman web
yang sedang dipaparkan.
- boleh menggunakan kelas dan ID
- tidak memerlukan pengaturcara memuat naik fail
yang banyak.

* Pilih mana-mana satu daripada jawapan di atas. (1m)

10 (i) pi

60
 (ii) Kerana pi mengandungi nilai yang tetap dan tidak berubah sepanjang atur cara
(iii) Bilangan hari dalam seminggu, bilangan jam sehari dll

11
(a) (a) Cascading Style Sheet
(b) (b)- Membenarkan perubahan kepada gaya suatu laman web.
- Menerangkan persembahan bagi satu dokumen html.
Salah satu di atas 1m
(c)
12 i. Pastikan kandungan medan input diisi dan tidak dibiarkan kosong.
ii. Pastikan kandungan format input memenuhi format yang telah ditetapkan.
iii. Semak dan pastikan kandungan medan input memenuhi kriteria format yang ditetapkan.
iv. Semak sama ada Form telah dihantar kepada komputer pelayan.
Mana-mana (2 markah)

13

14

15

16 a. struktur kawalan pilihan

b. struktur kawalan jujukan/struktur kawalan ulangan
17 a. background-color
b. text-align : center;
18 Baca sahaja.
19 i) Pastikan kandungan medan input yang wajib diisi dengan data tidak dibiarkan kosong.

61
 ii) Semak kandungan medan input sama ada mematuhi format yang ditetapkan seperti medan
input untuk e-mel atau nombor telefon.
iii) Semak kandungan medan input untuk angka sama ada mematuhi kriteria tertentu seperti nilai
markah antara nilai 0 hingga 100.
iv) Semak sama ada Form telah dihantar kepada komputer pelayan.

*Pilih mana-mana 2 jawapan di atas [ 2 markah

20 Saya meminati sukan badminton
21 post /POST
22 create a blog (tulisan menunjukkan stail fon kepada bentuk italic(condong)create a blog (2M)
create a blog (1M)
23 Teks
24 Bahasa penskripan klien
25 (i) pengguna yang telah berdaftar
(ii)pentadbir sistem
26 Client/server
Pelanggan/pelayan

BAHAGIAN B
1 (a)

(b)
i. Hypertext Markup Language
ii. Tag
iii. CSS
iv. POST
v. Table
62
2

3 (a)
1. Laman web boleh ditukar kepada warna-warna yang sesuai untuk penglihatan terutama kepada orang
buta warna.
2. Selain daripada gambar, gambar boleh diletakkan dengan perkataan attribute alt dalam tag html bagi
memberitahu kepada pengguna yang menghadapi masalah kefahaman tentang gambar . Contoh selain
gambar kucing diletakkan juga perkataan alt di gambar iaitu kucing. Khas untuk mereka yang tidak
dapat memahami gambar dengan baik.
3. Untuk mereka yang menghadapi masalah penglihatan juga, diletakkan suara dalam laman web atau
gambar-gambar tertentu untuk makluman mereka.
Dan lain-lain jawapan yang relevan…
Untuk siapa – 1 m
Penjelasan – 1 m
2 jawapan yang relevan sahaja diambil kira.

(b)

63
 (c)

i) Bandar Utama di Perak Darul Ridzuan

ii) <a href="#">Kuala Kangsar
iii) <a href="#">Batu Gajah </a>
iv) <p>
v) </article>
vi) /section
vii) Footer
viii) </html>

4 a. Navigasi.
Merujuk kepada struktur laman web yang akan memudahkan seseorang pengguna melayarinya.
Navigasi web yang bagus seharusnya memberikan petunjuk kepada pelawat laman web tentang
kedudukan atau lokasi semasa pengguna
[2 markah]
b. <body> </body> dan <p> </p>
[2 markah]
c.

64
5 (a)
(i) CREATE TABLE Daftar_Ahli (
No_Ahli int(10) NOT NULL,
Nama_Ahli varchar NOT NULL (25),
Jantina varchar(9),
Email varchar NOT NULL (60),
PRIMARY KEY (No_Ahli)
);

(ii) Sila Masukkan Nama

(iii) sama macam coding A ubah NoAhli

(b)
A: memeriksa nilai pembolehubah adakah menagndungi nilai atau
kosong, jika ianya tidak mengandungi nilai/kosong/empty papar mesej 'Sila Masukkan Nama'

C: memeriksa nilai mengikut format email iaitu mesti mengandungi simbol @

dan . (dot). Jika ianya tidak mengikut format email, papar mesej 'Email tidak mengikut format'

65
3.3 LAMAN WEB INTERAKTIF

BAHAGIAN A
SABAH 18
19. Cascading Style Sheet, Gaya
20. Size tulisan “SELAMAT DATANG” akan mengecil, senyum.gif, Menyusun teks dalam
bentuk perenggan

TERENGGANU 18

19. Menu Drop-down, Breadcrumbs

20. Satu bahasa pengaturcaraan yang merupakan tambahan kepada HTML,

CSS membenarkan perubahan kepada gaya sesuatu laman web. (mana-mana satu
yang sesuai)

Teks dipaparkan mengikut gaya yang ditetapkan iaitu Laman Web Sekolah pada
warna biru atau Pada baris 5-10 teks Laman Web Sekolah berwarna biru. (mana-mana
satu yang sesuai)

PERLIS 18

20.
</head>
<body>
<h1>Sains Komputer </h1> [ 1 markah]
<p><img src="sains komputer.jpg" width="173" height="161" /> </p> [ 1
markah]
<p>Sains komputer ialah satu kajian terhadap asas teori maklumat dan
pengiraan serta pelaksanaan dan penggunaannya di dalam sistem
komputer.</p> [ 1 markah]
<center>
<p> <iframe height="60" src="Sains komputer - Wikipedia Bahasa
Melayu, ensiklopedia bebas.html"</iframe></p> [ 1 markah]
<p>&nbsp;</p>
</center>
</body>
</html>

66
 PERAK 18

20. a)
<html>
<head>
<title>tajuk laman web</title>
</head>
<body>
<BR>PORTAL RASMI
<BR>JABATAN PENDIDIKAN NEGERI PERAK
</body>
</html>

b) 4 frame

c) elemen <img>

SABAH 18 KOTA MARUDU

20. Keseimbangan visual, Navigasi, Warna dan Grafik, Typography, Penekanan Maklumat
dalam Web, Perbezaan Elemen dalam Web, Jenis Persekitran Web yang Dibina

PENANG 18

20. Bar navigasi, breadcrumbs, menu drop-down

NEGERI 9 18

15. a) Hypertext Markup Language

b) HTML, CSS

67
 SMK TINGGI MELAKA 18

19. a) Hypertext Markup Language

b) Kelebihan – dapat disisipi Bahasa Pengaturcaraan lain seperti PHP, Perl, JavaScript

Kelemahan – Tidak dapat beroperasi sendiri apabila melibatkan pengkalan data.

c) Warna teks (colour), Jajaran teks (alignment), Bayangan teks (shadow)

JOHOR 18

20. a) Navigasi
b) Keseimbangan visual, Navigasi, Warna dan Grafik, Typography, Penekanan Maklumat
dalam Web, Perbezaan Elemen dalam Web, Jenis Persekitran Web yang Dibina

KELANTAN 18

20. Keseimbangan visual, Navigasi, Warna dan Grafik, Typography, Penekanan Maklumat
dalam Web, Perbezaan Elemen dalam Web, Jenis Persekitran Web yang Dibina

KEDAH 19

2. X: Atribut Nama, Y : Atribut Nilai

KELANTAN 19

18. a) A: Pengelasan maklumat, b) B : Bar navigasi

20. a) color: blue;

b) Internal style sheet / helaian gaya dalaman
c) - hanya memberikan kesan kepada pada laman webyang sedang dipaparkan.

68
 - boleh menggunakan kelas dan ID
- tidak memerlukan pengaturcara memuat naik fail yang banyak.
* Pilih mana-mana satu daripada jawapan di atas.

TERENGGANU 19

9. i) create a blog (tulisan menunjukkan stail fon kepada bentuk italic(condong)create a blog
(2M), create a blog (1M)

NEGERI 9 19
20. a) Cascading Style Sheet
b) Membenarkan perubahan kepada gaya suatu laman web atau Menerangkan
persembahan bagi satu dokumen html.

NEGERI X 19
20. a) Navigasi
b) Keseimbangan visual, Navigasi, Warna dan Grafik, Typography, Penekanan Maklumat
dalam Web, Perbezaan Elemen dalam Web, Jenis Persekitran Web yang Dibina

SELANGOR 19

13. X: background-color:skyblue;
Y: text- align: center:

SABAH 19
19. i) Tulisan “SELAMAT DATANG” akan menjadi lebih kecil
ii) Menyusun teks dalam bentuk perenggan.

69
20.
Firstname Lastname Age 1M

Danish Danial 17 1M

Qaisara Zainab 16 1M

70
BAHAGIAN B

PERAK 18

24. a)

1 M – Skrin kelihatan ringkas dan mudah difahami

1M – Ada sistem navigasi (ada butang back atau butang yang bersesuaian)

1 M – Pastikan tajuk, label tiada kesalahan ejaan

1M – Ada butang keluar

1M – Ada butnag reset

PROGRAM MENGIRA LUAS SEGI EMPAT

Masukkan
panjang
Masukkan lebar

KIRA RESET KELUAR

71
 b) Warna dan grafik , navigasi, keseimbangan visual , penekanan maklumat dalam web

c) 1. Elemen heading - untuk mentakrifkan tajuk dalam laman web

2. Elemen imej - memasukkan imej yang sesuai dengan tajuk, (atau mana-mana elemen

yang bersesuaian)

3. Elemen frame- bagi menentukan saiz paparan

KELANTAN 18

24. a) google chrome, internet explorer, firefox atau mana-mana 2 browser (2m)

b) program yang dilaksanakan di sebelah pelayan atau pelayan web yang melatari pembangunan

web. (2m) atau Merujuk kepada program komputer dalam web yang dilaksanakan pada komputer

klien. (2m)

c) - laman web menjadi lebih interaktif

- meningkatkan kebolehgunaan web bagi pelayar yang menyokong pelbagai

- jenis bahasa penskripan klien.

- pembangun web berkeupayaan menentukan reka bentuk dan ciri-ciri web.

- pelaksanaan tugas yang pantas tanpa penglibatan komputer pelayan.

* pilih 2 jawapan (2m)

d) Penekanan maklumat dalam web.

prinsip penekanan merujuk maklumat atau kandungan yang ingin diberikan perhatian dalam
laman web tersebut. Dalam setiap laman web yang dibina, pereka web perlu menentukan
maklumat atau kandungan penting yang harus diberi penekanan danteknik atau kaedah yang
sesuai yang perlu digunakan untuk menraik perhatian pengguna laman web. (2m)

72
 Typography.

Typography merujuk kepada penyusunan teks yang dipaparkan dalam laman web. Penyusunan
teks yang baik memudahkan pemahaman dalam proses pembacaan dan juga meningkatkan
elemen mesra pengguna dalam laman web. (2m)

Navigasi

Navigasi merujuk struktur laman web yang akan memudahkan seseorang pengguna
melayarinya. Ia memberi pengalaman kepada pelawat laman web untuk mengemudi laman web
tersebut mengikut kecekapan masing-masing. (2m)

• atau mana-mana 2 teknik yang lain juga diterima (4m)

e) Teknik navigasi Menu Drop-down.

Teknik ini merupakan elemen kawalan grafik yang menyenaraikan sekumpulan pautan dalam

kelompok yang sama. Ia memudahkan pengguna untuk membuat pilihan dengan memaparkan

kumpulan pilihan pautan dengan lebih tersusun. (2m)

SMK TINGGI BUKIT MERTAJAM 18

24. a)

73
 b) i) Hypertext Markup Language

ii) Tag

iii) CSS

iv) POST

v) table

KELANTAN 19

24. Prinsip Asas Reka Bentuk Laman Web

1. Jenis Persekitaran Web Yang Dibina

- Persekitaran laman web merangkumi beberapa faktor teknikal seperti kesesuaian penggunaan
pelbagai jenis pelayar.(pilih salah satu aspek teknikal)
- Laman web yang saya akan bina akan boleh dilayari menggunakan pelayar web Explorer, Google
Chrome dan Firefox

2. Navigasi

- Laman web yang saya akan bina mempunyai navigasi untuk memudahkan pengguna melayarinya.
- Antara Teknik yang boleh digunakan untuk menghasilkan navigasi adalah bar navigasi, menu Drop-
down, Breadcrumbs, pautan menggunakan grafik dan site map.

3. Warna Dan Grafik

- Penggunaan warna dan grafik dapat menonjolkan imej dan identiti laman web.
- Laman web pada Rajah A menggunakan warna yang bersesuaian dengan imej dan
mewujudkan harmoni.

4. Keseimbangan Visual

- Keseimbangan visual merupakan gabungan elemen visual seperti garisan, imej, teks, bentuk dan
warna dalam laman web.
- Untuk menghasilkan laman web, saya perlu mengetahui golongan yang akan menggunakan laman
web tersebut.

Laman web dalam Rajah A tidak menggunakan

pelbagai warna kerana golongan penggunanya bukan

dalam kalangan kanak-kanak.

74
5. Perbezaan Elemen Dalam Web

- Perbezaan elemen digunakan untuk menghasilkan tarikan visual terhadap sesuatu elemen yang ingin
ditekankan dalam laman web.
- Dalam Rajah A, ruangan search menggunakan warna putih untuk menghasilkan
penekanan/kelainan.

6. Penekanan Maklumat Dalam Web

- Penekanan maklumat merupakan maklumat yang ingin diberikan perhatian dalam laman web
tersebut.
- Laman web dalam Rajah A menyusun maklumat berdasarkan hierarki/susunan tahap kepentingan
maklumat, misalnya program terkini Kementerian Kesihatan diletakkan di tengah-tengah laman
web untuk menarik perhatian pengguna laman web tersebut.

7. Typography

- Typography merujuk kepada penyusunan teks yang dipaparkan dalam laman web. Tujuannya
adalah untuk memudahkan pemahaman dan pembacaan serta menjadikan laman
web tersebut mesra pengguna.
- Laman web Kementerian Kesihatan memberi pilihan kepada pengguna untuk menggunakan font
seperti Arial, Verdana, Comic Sans selain mempunyai fungsi untuk membesarkan atau mengecilkan
saiz font bagi pengguna yang rabun. Laman web akan saya bina juga akan mempunyai kemudahan
ini untuk menjadikannya mesra pengguna.

*Pilih kombinasi 5 Prinsip Reka Bentuk Laman Web

2 markah x 5 prinsip = 10 markah

75
 TERENGGANU 19

24. a.

Navigasi.

Merujuk kepada struktur laman web yang akan memudahkan seseorang pengguna
melayarinya.

Navigasi web yang bagus seharusnya memberikan petunjuk kepada pelawat laman web
tentang kedudukan atau lokasi semasa pengguna

[2 markah]

a. <body> </body> dan <p> </p>

[2 markah]
b.

76
 PERLIS 19

24.

a) 1. kesesuaian penggunaan beberapa jenis pelayar

2. kelajuan capaian internet

3. keperluan perisian sokongan untuk paparan

4. kepelbagaian sistem komputer dan peranti mudah alih yang digunakan oleh pengguna

5. kepelbagaian saiz paparan monitor yang digunakan.

**(pilih mana-mana 3 jawapan)

b)

Penstrukturan kandungan atau maklumat

Proses pengelasan dan pelabelan maklumat produk kesihatan dan kecantikan dalam laman web dengan
menggunakan langkah: -------(maksud :1 markah)

i) Membentuk inventori maklumat dengan menyenaraikan maklumat produk dan kecantikan yang akan
dimasukkan. Di samping itu, melengkapkan lagi maklumat dengan menyediakan fungsi zoom in kepada
produk, shopping cart, prosedur pembelian dan penghantaran produk dan respon pengguna.

penerangan -----(1 markah)

contoh ----------(1 markah)

ii) Pengelasan maklumat

Mengelaskan maklumat kepada kategori produk. Contohnya: produk kesihatan dan kecantikan seperti
makanan tambahan, penjagaan muka,kosmetik, ubat-ubatan, mandian, wangian dll.

penerangan ----(1 markah)

contoh ----------(1 markah)

77
Penstrukturan halaman

Menekankan cara setiap halaman dalam laman web yang akan dibangunkan. Gaya penstrukturan secara
hierarki dipilih kerana ia akan memaparkan beberapa pilihan kategori maklumat yang ada dalam laman
web yang boleh dilayari oleh pengguna.

Maksud (1 markah)

pilihan halaman (1 markah)

dan sebab---- (1 markah)

c) Kandungan yang bersesuaian didalam:

Header ---1 markah

Content ----1markah termasuk pengisian button, link, image text align dll.

Footer------1 markah

Navigasi ---1 markah

(mana-mana jawapan yang sesuai diberikan oleh murid)

Cadangan jawapan:

78
 PERAK 19

23. a)

4. Laman web boleh ditukar kepada warna-warna yang sesuai untuk penglihatan terutama kepada orang
buta warna.
5. Selain daripada gambar, gambar boleh diletakkan dengan perkataan attribute alt dalam tag html bagi
memberitahu kepada pengguna yang menghadapi masalah kefahaman tentang gambar . Contoh
selain gambar kucing diletakkan juga perkataan alt di gambar iaitu kucing. Khas untuk mereka yang
tidak dapat memahami gambar dengan baik.
6. Untuk mereka yang menghadapi masalah penglihatan juga, diletakkan suara dalam laman web atau
gambar-gambar tertentu untuk makluman mereka.

Dan lain-lain jawapan yang relevan…

Untuk siapa – 1 m

Penjelasan – 1 m

2 jawapan yang relevan sahaja diambil kira.

b)

c)

i) Bandar Utama di Perak Darul Ridzuan

ii) <a href="#">Kuala Kangsar

iii) <a href="#">Batu Gajah </a>

iv) <p>
79
v) </article>

vi) /section

vii) Footer

viii) </html>

80