1 Bab 1.3 Pemboleh Ubah, Pemalar dan Jenis Data BAHAGIAN A No Skema Markah 1. (a) double / float 1m (b) String 1m 2. R : boolean S : double 1m 1m 3. (a) P : double berat = 56.4; Q : double tinggi = 1.68; 1m (b) String 1m 4. (a) int 1m (b) double 1m 5. (a) Pemboleh ubah sejagat : Pengisytiharan yang dilakukan di luar mana-mana subatur cara Pemboleh ubah setempat: Pemboleh ubah yang diisytiharkan dalam sebuah subatur cara 1m 1m (b) Pemboleh ubah sejagat : Boleh diakses di mana-mana subatur cara Pemboleh ubah setempat: Tidak boleh diakses di luar subatur cara itu 1m 1m 6. Pemboleh ubah A : Pemboleh ubah sejagat Pemboleh ubah B : Pemboleh ubah setempat 1m 1m 7. (a) jumlah_harga 1m (b) 30.00 1m 8. (a) jejari 1m (b) 5.2 1m 9. (a) Penetapan nilai 1m (b) Pengisytiharan dan penetapan nilai pemalar 1m 10. A : char B : 8 bait 1m 1m 11. (a) 3 1m (b) 25.80 1m (c) Ya 1m 12. 4 bait 1m 13. n : Pemboleh ubah setempat m : Pemboleh ubah sejagat 1m 1m 14. (i) String 1m (ii) Boolean 1m 15. (i) 5 1m (ii) 90.00 1m 16. (a) float 1m (b) double diskaun = 0.2 ; atau double diskaun = 20.0/100 ; atau double diskaun = 20.0/100.0 ; atau double diskaun = (20.0/100) ; atau double diskaun = (20.0/100.0) ; atau float diskaun =0.2f ; atau float diskaun = 20.0f/100 ; atau float diskaun = 20.0f/100.0 ; atau float diskaun = 20.0f/100.0f ; **nama pemboleh ubah yang sesuai 1m
2 1.4 Stuktur Kawalan BAHAGIAN A No Skema Markah 1. (a) System.out.print 1m (b) input.nextInt() 1m (c) luas 1m 2. (a) diskaun 1m (b) - , * 2m 3. double luas = 0.5 * tapak * tinggi; 4. (a) b+c 1m (b) Operator hubungan (> , <=), Operator logikal (&&) 1m 5. Operator Hubungan: A, D Operator Logikal: B, C 1m 1m 6. for(int i=0; i < = 3; i ++ ){ 1m 1m 7. 100 90 80 70 60 3m 8. (a) While 1m (b) 5,4,3,2,1, 1m 9. (a) no < 13 / no <= 12 1m (b) (i) do-while (ii) no = no + 1 1m 1m 10. m = 70 m = 71 1m 1m 11. (a) (i) int bilangan = input.nextInt(); (ii) System.out.println(“Jumlah yang perlu dibayar : RM “+bayaran); 1m 1m (b) nama/bilangan/harga/bayaran 1m 12. (a) int panjang = input.nextInt(); 1m (b) int lebar = input.nextInt(); 1m (c) System.out.println ("Luas : " +luas); 1m 13. (a) Math.random() 1m (b) for (i = 1; i <= 20; i++) { 1m 14. peratus = (markah/40)*100 atau peratus = markah/40*100 atau peratus = markah*0.4 1m 15. (a) 2 1m (b) 6 1m
3 BAHAGIAN B 1 (a) A : import java.util.Scanner; B : Scanner input = new Scanner(System.in); C : System.out.println D : String nama = input.nextLine(); E : System.out.println F : int result = input.nextInt(); 1m 1m 1m 1m 1m 1m (b) if(result >= 6){ System.out.print(“Anda layak menerima biasiswa”); } else { System.out.print(“Anda tidak layak menerima biasiswa”); } 1m 1m 1m 1m 2 (a) Pemboleh ubah : umur, kategori Jenis Data : Integer, String 1m 1m (b) 1m 1m 1m 1m (c) Struktur Kawalan Pilihan Justifikasi : Komputer membuat keputusan berdasarkan input tertentu 1m 1m 3 (a) Pemboleh ubah Jenis Data KAD PENGENALAN INTEGER JUMLAH PENDAPATAN INTEGER/DOUBLE 1m 1m 1m 1m (b) 1m 1m 1m 1m (c) 1m 1m
4 4 (a) (i) 6/Baris 6 (ii) Jenis data bagi pemboleh ubah flag adalah Boolean kerana ia mempunyai nilai “true” atau “false”. Atau Atur cara di atas pemboleh ubah flag diisytiharkan sebagai string, sepatutnya pemboleh ubah flag diisytiharkan sebagai Boolean ** Jawapan yang relevan dengan 2 markah. (iii) boolean flag = true; ** case sensitive Boolean – salah, Flag – salah, True - salah (b) (i) true ** case sensitive True/TRUE – salah 1m 1m (ii) false ** case sensitive False/FALSE - salah 1m 1m (c) (i) i++/ i=i+1/ i+=1 1m (ii) random( ) 1m (d) Menjana nombor secara rawak/rambang Menjana suatu nombor rawak di antara 0 dan 1 1m 1m
5 Bab 1.5 Amalan Terbaik Pengaturcaraan BAHAGIAN A No Skema Markah 1. (a) R : inden yang konsisten S : pemboleh ubah yang bermakna 1m (b) Supaya kod aturcara mudah dibaca dan difahami oleh pengguna lain. 1m 2. (a) komen 1m (b) mengguna Inden yang sesuai 1m 3. Komen, inden yang konsisten, nama pemboleh ubah yang bermakna 1m 1m 4. (a) Ralat masa larian 1m (b) z=(w+x+y)/3 1m 5. (a) Ralat logik 1m (b) Ralat masa larian 1m (c) Ralat sintaks 1m 6. (a) Ralat sintaks, ralat masa larian 1m 1m (b) final double pi = 3.142; isipaduSilinder = jejari * jejari * tinggi * pi ; 1m 1m 7. (a) Ralat masa larian 1m (b) float purata = (nombor1 + nombor2) / 2; 1m 8. Ralat logik Output yang dipaparkan salah. 2m 9. (a) Ralat logik 1m (b) harga = helai * 25.50 1m BAHAGIAN B 1 (b) (i) Tiada komen 1m (ii) Tidak mengguna inden yang konsisten / pemboleh ubah yang bermakna 1m 2. // program mengira jumlah bayaran cheese kek public class jumlah { public static void main(String[] args) { /** pengistiharan pemboleh ubah input dan output */ double kek1 = 15.00; double kek2 = 12.50; double jumlah; //pengiraan jumlah jumlah = ((kek1*3) + (kek2*2))+ 5.00; //paparan output System.out.println("Jumlah bayaran kek ialah:" + jumlah); } } Inden 1 markah Pembolehubah bermakna 1 markah Komen 1markah Istihar pemboleh ubah 3 markah Pengiraan 3 markah Output 1 markah
6 1.6 Struktur Data dan Modular BAHAGIAN A No Skema Markah 1. String [ ] namaKelas = {“Ikhlas”, “Sabar”,”Dedikasi”,”Jujur”}; 1m 1m 1m 2. (a) 5 1m (b) System.out.print(SenWarna[4]); 1m 3. double [ ] tinggi_murid = {153.5, 160.4, 158.2, 152.6, 154.2} 1m 1m 1m 4. (a) Beras 1m (b) 10.5 / 10.50 1m 5. (a) function / fungsi 1m (b) procedure / prosedur 1m 6. (a) procedure / prosedur 1m (b) function / fungsi 1m 7. (a) function / fungsi 1m (b) procedure / prosedur 1m 8. A B Tidak mengembalikan data Jenis data pulangan dalam sintaks adalah void. Badan tidak diakhiri dengan penyataan return. Mengembalikan data Jenis data pulangan dalam sintaks adalah double Badan diakhiri dengan penyataan return diikuti data yang dipulangkan 9. (a) function / fungsi 1m (b) JumlahNo() 1m 1.7 Pembangunan Aplikasi BAHAGIAN A No Skema Markah 1. (a) Uji dan nyah ralat 1m (b) Memastikan semua pengekodan berfungsi seperti yang dikehendaki 1m 2. Reka bentuk penyelesaian 1m 3. P : Pengarang Q : Selepas tamat modul 1m 1m 4. (a) Carta Gantt 1m (b) Senarai aktiviti, Tempoh masa untuk setiap aktiviti 1m 5. (a) P : laksana penyelesaian Q : dokumentasi 1m (b) Mengutip dan mengumpulkan data dan ringkasan seperti laporan pengujian yang dijalankan, carta alir, kod aturcara dan carta IPO. 1m 6. (a) X : Analisis Masalah Y: Laksana Penyelesaian 1m (b) X: Proses mengenal pasti keperluan program dan mencari sebab sesuatu program dibina Y: Membina dan menghasilkan sistem yang dapat menyelesaikan masalah yang dihadapi 1m 7. (a) Dokumentasi 1m (b) Uji dan Nyah Ralat 1m 8. (i) A : Rekabentuk penyelesaian B : Uji dan nyah ralat 1m 1m (ii) Algoritma / Pseudokod / Carta Alir (pilih salah satu) 1m 9. (i) Rekabentuk penyelesaian 1m (ii) Melakar carta alir/ membina pseudokod/ membina algoritma/melakar antara muka/melakar ERD/menghasilkan penormalan/menghasilkan jadual ternormal 1m
7 Bab 1.1 : Strategi Penyelesaian Masalah BAHAGIAN A No Skema Markah 1. (a) Teknik Leraian (b) Pengecaman corak (c) Peniskalaan / Algoritma 1m 1m 1m 2. (a) X : Meningkatkan kemahiran berfikir (b) Y : Mewujudkan komunikasi dua hala 1m 1m 3. 2 Tentukan Masalah 3 Jana Idea (hapus halangan) 1 Kumpul dan Analisis Data 4 Jana Penyelesaian 1m 1m 1m 1m 4 (a) Laksanakan tindakan / Laksanakan penyelesaian (b) menggunakan pelbagai alat dan teknik yang telah dipilih untuk melaksanakan penyelesaian 1m 1m 5 (a) P : Tentukan masalah (b) Q : Buat penilaian (c) R : Jana idea 1m 1m 1m 6 INPUT Pendapatan PROSES Jika Pendapatan < 1000, Kelayakan = layak. Jika Tidak, Kelayakan = tidak layak. OUTPUT Kelayakan 1m 1m 1m 7 A : Kos B : Sumber C : Masa 1m 1m 1m
8 Bab 1.2 : Algoritma BAHAGIAN A 1 2 3 4 5 6 7
9 8 9 10 a) Kwalan pilihan if-else b) Syarat Menguji syarata yang dinyatakan dalam bentuk Boolean (benar atau palsu) 11 a) M>4 b) M=M+1 ATAU M++ ATAU M+=1 12 i) Membaca input atau memaparkan output ke skrin ii) Titik sambungan untuk menyambungkan carta alir yang terpisah 13 T Kawalan Ulangan Do-While S Kawalan Ulangan While R Kawalan Ulangan For
10 14 15 16 17 18 19 20 21
11 BAHAGIAN B 1
12 2
13 3
14 4
15 5 (a) Pemboleh ubah Jenis data umur integer kategori String (b) (c ) Struktur Kawalan Pilihan Justifikasi : Komputer membuat keputusan berdasarkan input tertentu
16 6 (a) Pemboleh ubah Jenis Data KAD PENGENALAN INTEGER JUMLAH PENDAPATAN INTEGER/DOUBLE (b) (c )
17 7
18 Bab 3.0 : Interaksi Manusia Dengan Komputer Bahagian A 1 (a) Maklum balas (b) Konsistensi / Kebolehan membuat pemerhatian / Boleh dipelajari / Kebolehan untuk menjangka Sumber : Soalan Percubaan Negeri Perak 2022 1 m 1 m 2 X : Pengkomputeran sosial Y : Mengurangkan kos selepas jualan Z : Meningkatkan produktiviti Sumber : Soalan Percubaan Negeri Perlis 2022 1 m 1 m 1 m 3 (a) Skema Guttman (b) Soal selidik (c) Mendapatkan data yang jelas, tegas dan konsisten Sumber : Soalan Percubaan Negeri Perlis 2022 1 m 1 m 1 m 4 Input jejari = 1 markah, Butang KIRA = 1, Kotak output = 1m Sumber : Soalan Percubaan Negeri Perlis 2022 3 m 5 konsistensi Semua elemen perlu kekal pada kedudukan yang sama supaya pengguna akan berasa selesa semasa menggunakan aplikasi Boleh dipelajari Secara amnya, reka bentuk interaksi sepatutnya mudah untuk dipelajari, dan mudah untuk dingati Kebolehan untuk menjangka Reka bentuk interaksi yang baik dan berkesan dapat membuatkan pengguna membuat jangkaan perkara yang akan berlaku dalam aliran proses aplikasi tersebut sebelum pengguna menggunakan aplikasi tersebut. Kebolehan membuat pemerhatian Pengguna yang menggunakan aplikasi buat kali pertama akan memerhatikan segala aspek antara muka. Oleh itu, penunjuk atau butang interaksi perlulah mudah dikenal pasti. Maklum balas Maklum balas boleh memberikan gambaran sebenar mengenai reka bentuk interaksi dan maklumat mengenai hasil reka bentuk interaksi tersebut. Perekabentuk menggunakan maklum balas untuk melakukan penambahbaikan pada reka bentuk interaksi yang telah dihasilkan/. Sumber : Soalan Percubaan Negeri Sarawak 2022 1 1 *prinsip – 1m *justifikasi – 1m 6 (a & b) Prinsip dan impak kepada pengguna : (i) Konsistensi
19 Semua elemen perlu kekal pada kedudukan yang sama supaya pengguna berasa selesa semasa menggunakan aplikasi. Fokus pengguna tidak akan terganggu. (ii) Kebolehan membuat pemerhatian Penguna merasa selesa kerana penunjuk/butang interaksi mudah dikenal pasti. Pengalaman pengguna yang terbaik adalah apabila pengguna boleh menggunakan aplikasi dengan selesa dan tanpa ragu-ragu. (iii) Boleh dipelajari Pengguna hanya menggunakan aplikasi tersebut sekali untuk belajar cara aplikasi tersebut beroperasi. Pengguna akan mengingati cara untuk menggunakan sesuatu aplikasi dengan hanya sekali menggunakan aplikasi tersebut. (iv) Kebolehan untuk menjangka Pengguna dapat meneka apa yang akan terpapar apabila menekan gambar makanan pada aplikasi Food Panda. (v) Maklum balas Pengguna mendapat maklum balas apabila membuat carian kedai dan makanan di ruangan carian. ****mana-mana dua jawapan ****jawapan (b) mesti tally dengan jawapan (a) Sumber : Soalan Percubaan Negeri Selangor 2022 1 1 1 1 Prinsip 1m Impak 1m 7 (a) Y ialah konsistensi (b) Memberikan pengalaman interaksi yang sama bagi sesuatu Tindakan Sumber : Soalan Percubaan Negeri Putrajaya (set 1) 2022 1 m 1 m 8 (a) Boleh dipelajari (b) Konsistensi, keboleh membuat pemerhatian, keboleh untuk menjangka, maklum balas (**mana-mana satu) Sumber : Soalan Percubaan Negeri Putrajaya (set 2) 2022 1 m 1 m Bahagian B 1 (a) (i) Penyusunan teks dalam laman web tersebut memudahkan pemahaman pengguna dan meningkatkan elemen mesra pengguna. Laman web ini memilih jenis font dikategori sebagai senarai selamat dan disokong oleh kebanyakan platform. Laman web ini menggunakan jenis teks dan font yang seragam pada halaman. Penggunaan saiz teks yang berbeza bagi membezakan tajuk dan kandungan. (ii) Guna warna dan grafik yang dapat menonjolkan imej dan identiti laman web ini. Warna yang menarik perhatian pengguna dan kebolehbacaan yang jelas. 2 m 2 m
20 Warna latar belakang putih yang memudahkan proses pembacaan dan tidak menyebabkan pengguna kehilangan fokus. Penggunaan grafik yang sesuai seperti barang yang hendak dijual menonjolkan imej laman web. (iii)Struktur laman web ini yang memudahkan pengguna melayarinya. Laman web guna navigasi dapat memberi petunjuk kepada pelawat tentang lokasi /kedudukan semasa. Penggunaan bar navigasi, menu drop down dan pautan menggunakan grafik memudahkan pengguna untuk akses ke setiap bahagian. (b) - Audio kerana dapat menarik perhatian pengguna untuk melayari laman web. - Video kerana dapat memberi penerangan lebih jelas berkenaan setiap barang dan produk yang dijual. - Penggunaan warna yang sesuai supaya memudahkan penglihatan terutamanya kepada pengguna yang rabun warna. - Keseimbangan visual yang baik supaya dapat menarik minat pengguna. - Penekanan maklumat dalam web seperti kesan khas drop shadow, bold, italic, border supaya elemen kelihatan lebih terserlah. (c) (i) <h2> LOG MASUK PENGGUNA </h2> (ii) <form action = ‘pengguna-login-proses.php’ method = ‘POST’ > (iii) Kata Laluan <input type = ‘password’ name = ‘katalaluan’ > <br> Sumber : Soalan Percubaan Negeri Perlis 2022 2 m 3 m 2 m 2 m 2 m
21 2 (a)(i) Rajah 18(a) (ii) Prinsip Penerangan Konsistensi Semua elemen perlu kekal pada kedudukan yang sama supaya pengguna akan berasa selesa semasamenggunakan aplikasi. Boleh dipelajari Secara amnya, reka bentuk interaksi sepatutnya mudah untuk dipelajari, dan mudah untuk diingati. Kebolehan untuk menjangka Reka bentuk interaksi yang baik dan berkesan dapat membuatkan pengguna membuat jangkaan perkara yang akan berlaku dalam aliran proses aplikasi tersebut sebelum pengguna menggunakan aplikasi tersebut. Kebolehan membuat pemerhatian Pengguna yang menggunakan aplikasi buat kali pertamaakan memerhatikan segala aspek antara muka. Oleh itu,penunjuk atau butang interaksi perlulah mudah dikenal pasti. Mana-mana 3 prinsip (b) konsistensi Semua elemen perlu kekal pada kedudukan yang sama supaya pengguna akan berasa selesa semasa menggunakan aplikasi Boleh dipelajari Secara amnya, reka bentuk interaksi sepatutnya mudah untuk dipelajari, dan mudah untuk dingati Kebolehan untuk menjangka Reka bentuk interaksi yang baik dan berkesan dapat membuatkan pengguna membuat jangkaan perkara yang akan berlaku dalam aliran proses aplikasi tersebut sebelum pengguna menggunakan aplikasi tersebut. Kebolehan membuat pemerhatian Pengguna yang menggunakan aplikasi buat kali pertama akan memerhatikan segala aspek antara muka. Oleh itu, penunjuk atau butang interaksi perlulah mudah dikenal pasti. Maklum balas Maklum balas boleh memberikan gambaran sebenar mengenai reka bentuk interaksi dan maklumat mengenai hasil reka bentuk interaksi tersebut. Perekabentuk menggunakan maklum balas untuk melakukan penambahbaikan pada reka bentuk interaksi yang telah dihasilkan/. * Pilih mana-mana yang sesuai * prinsip – 1m * penerangan – 2m Sumber : Soalan Percubaan Negeri Sarawak 2022 1 + 1 m 1 + 1 m 1 + 1 m 1 + 2 m 1 + 2 m 1 + 2 m
22 Bab 3.3 : Laman Web Interaktif Bahagian A 1 Pautan menggunakan grafik, Bar navigasi Sumber : Soalan Percubaan Negeri Melaka 2022 1 m + 1 m 2 Typography Sumber : Soalan Percubaan Negeri Selangor 2022 1 m 3 (a) Text (b) Font - terima jawapan italic, center, bold, font-style, text-align, font-weight Sumber : Soalan Percubaan Negeri Sembilan 2022 1 m 1 m 4 (a) border-style (b) SISTEM PEPERIKSAAN SEKOLAH Sumber : Soalan Percubaan Negeri Kelantan 2022 1 m 1 m 5 Menukarkan warna latar belakang dalam jadual kepada warna hijau. Menukarkan teks dalam jadual kepada warna putih Sumber : Soalan Percubaan Negeri Perak 2022 1 m 1 m 6 (a) CSS (b) Menggayakan sesuatu laman web Sumber : Soalan Percubaan Negeri Pulau Pinang 2022 1 m 1 m 7 h1{ text-align: center; } Sumber : Soalan Percubaan Negeri Sarawak 2022 1 m 8 i. Menjadi perantara dalam menentukan bagaimanakah pengguna boleh berinteraksi dengan sesuatu sistem dalam internet. ii. Menjadi penghubung pengguna berinteraksi dengan sesuatu sistem dalam rangkaian internet. iii. Membantu pengguna mencapai maklumat yg dikehendaki. Sumber : Soalan Percubaan Negeri Terengganu 2022 Pilih mana-mana 2 9 i. Jenis persekitaran web ii. Warna dan grafik iii. Navigasi Sumber : Soalan Percubaan Negeri Terengganu 2022 1 m 1 m 1 m 10 nama pengguna + kotak= 1 markah katalaluan + kotak =1 markah butang masuk= 1 markah Sumber : Soalan Percubaan Negeri Terengganu 2022
23 Bahagian B 1 (a) Penekanan maklumat dalam web - Laman web ini memberi penekanan maklumat yang jelas dan dapat menarik perhatian pengguna. Antara cara yang digunakan ialah penggunaan ruang putih yang menjadikan laman tersebut lebih terserlah. - Laman web ini memberi penekanan pada kandungan yang ingin disampaikan dengan menggunakan kesan khas seperti drop shadow,cahaya dan bentuk, fungsi bold, warna yang berbeza dan border. (b) Perbezaan elemen dalam web - Laman web ini memaparkan elemen yang berbeza untuk memberi kelainan pada paparan seperti penggunaan border, ruang putih, warna yang berbeza serta kesan khas countdown timer pada tempoh masa jualan. - Contohnya, pautan berbentuk bulat akan memudahkan pengguna faham lokasi yang yang dikehendaki. (c) Typography - Laman web ini menyusun teks dengan baik dan memudahkan pengguna untuk membaca dan memahami maklumat. Corak penyusunan teks yang berasaskan kertas dan secara Z-shaped ini menyokong gaya pembacaaan pengguna. - Laman web ini telah menggunakan kumpulan jenis tulisan yang selamat dan disokong oleh kebanyakan platform. Jenis tulisan yang selamat dan telah digunakan pada laman ini ialah Arial dan Arial Black kerana ia disokong dala kebanyakan sistem pengoperasian. - Laman web ini menggunakan saiz teks yang berbeza bagi memberi penekanan kepada tajuk, kandungan dan perkhidmatan yang disediakan. (d) Warna dan grafik - Laman web yang dipilih ini telah memilih warna dan grafik yang sesuai untuk menarik minat pengguna. Penggunaan warna oren sebagai header dan kombinasi dengan latar belakang yang berwarna putih mampu membuatkan pengguna fokus dan menonjolkan identiti laman web tersebut. (e) Navigasi - Laman web ini telah membina struktur laman web yang memudahkan pengguna untuk melayarinya. Kaedah Bar navigasi, Breadcrumbs dan Menu Drop-down telah digunakan untuk memaparkan menu dan sub menu. (f) Keseimbangan visual - Laman web ini telah menarik minat pengguna kerana keseimbangan visual yang baik. Gabungan elemen visual seperti garisan, imej, teks, bentuk dan juga warna yang ringkas dan dan teratur memudahkan pengguna melayarinya untuk membuat pilihan dan bayaran. (g) Reka bentuk berasaskan pengguna - Laman web pilihan ini berjaya memenuhi kehendak pengguna apabila pengguna dapat melakukan perkara yang diingini dengan selesa semasa melayarinya. Maklumat yang dipaparkan adalah mudah dibaca dan difahami. Contohnya pengguna dapat membaca info terkini yang dipaparkan dalam satu bentuk tulisan bergerak Sumber : Soalan Percubaan Negeri Kelantan 2022 1 m + 1 m 1 prinsip 1 m 1 huraian prinsip 1 m 10 m
24 2 (a) (b) (c) (i) Typography/navigasi/keseimbangan visual (ii) Typography – Penyusunan teks yang dibuat memudahkan pemahaman dalam proses pembacaan dan juga meningkatkan elemen mesra pengguna dalam laman web atau Navigasi – struktur laman web yang memudahkan pengguna melayarinya. Konsep navigasi ini memberi pengalaman kepada pelawat laman web mengemudi laman web tersebut mengikut kecekapan masing-masing. Sumber : Soalan Percubaan Negeri Pulau Pinang 2022 1 m 1 m+1 m 3 (a) *** atau ●●● (b) (i) <h3> Login Peserta </h3> 1m = <h3> … </h3> ** mana-mana saiz header diterima 1m = Login Peserta (ii) <form action=“proses_login.php” method=“POST”> 1m = <form action= … > 1m = “proses_login.php” ** apa-apa nama fail yang sesuai 1m = method= “POST” atau method= “GET” (iii) Nombor KP : <input type="text" name="nokp" > 1m = Nombor KP : 1m = <input type="text" name="nokp" > ** apa-apa nama input yang sesuai (iv) <input type="submit" value="Login"> 2 m 3 m 2 m
25 1m = <input type="submit" ..> 1m = value="Login" Sumber : Soalan Percubaan Negeri Selangor 2022 2 m 4 (a) • Memanipulasikan dan memaparkan kandungn laman web yang telah dimuat turun dalam komputer klien. • Proses pengesahan input yang dimasukkan oleh pengguna apabila mengisi borang dalam talian. • Melaksanakan tugas-tugas yang mudah seperti menukar elemen. Contohnya jenis font atau warna latar web tanpa melibatkan pelayan. • Untuk paparan laman web yang lebih menarik dan interaktif dengan memasukkan elemen-elemen seperti animasi, audio, video dan lain-lain. (b) (i) var jejari; (ii) var tinggi; (iii) jejari = prompt("Masukkan jejari:"); 1m = jejari = 1m = prompt(“Masukkan jejari”); (iv) tinggi = prompt("Masukkan tinggi:"); 1m = tinggi = 1m = prompt(“Masukkan tinggi”); (v) var isipadu = pi * jejari * jejari * tinggi; 1m = var jejari = 1m = pi * jejari * jejari * tinggi; (vi) document.write("Isi padu silinder ialah ", isipadu); 1m = document.write(..... , ...); 1m = "Isi padu silinder ialah " 1m = isipadu (c) Isi padu silinder ialah 785.59 Sumber : Soalan Percubaan Negeri Selangor 2022 1 m 1 m 1 m 1 m 2 m 2 m 2 m 3 m 2 m 5 (a) (i) <h2>BANDAR UTAMA DI PAHANG</h2> (ii) <li><a href="#">Temerloh</a></li> (iii) <p> (iv) </article> (v) </footer> (vi) </body> (b) Prinsip Rekabentuk Laman Web: – Jenis persekitaran web yang dibina: Persekitaran laman web ini merangkumi beberapa faktor teknikal seperti kesesuaian penggunaan pelbagai jenis pelayar untuk memaparkan laman web Kementerian Kesihatan Malaysia (KKM) contohnya Google Chrome dan Firefox. – Perbezaan elemen dalam web Konsep perbezaan digunakan untuk menghasilkan tarikan visual terhadap suatu elemen yang ingin ditekankan dalam laman web. Semakin besar perbezaan suatu elemen yang ingin ditonjolkan berbanding dengan elemen lain maka elemen tersebut akan kelihatan berbeza. Contoh penggunaan border, warna yang berbeza dan kesan khas. – Penekanan maklumat dalam web Dalam setiap laman web yang dibina, pereka web perlu menentukan maklumat penting yang harus diberi penekanan dan teknik yang sesuai untuk menarik perhatian pengguna laman web seperti penggunaan kesan khas seperti drop shadow. – Typography 1 1 1 1 1 1 1+1 1+1 1+1
26 Prinsip typography merujuk penyusunan teks yang dipaparkan dalam laman web. Penyusunan teks yang baik memudahkan pemahaman dalam proses pembacaan dan meningkatkan elemen mesra pengguna dalam laman web. Typography mampu menyampaikan mesej atau idea pereka web. – Warna dan grafik Penggunaan warna dan grafik dalam laman web mampu menonjolkan imej dan identiti sesebuah laman web. Penggunaan warna yang bijak mampu menarik perhatian pelawat serta boleh meningkatkan kebolehbacaan. – Navigasi Navigasi merujuk struktur laman web yang akan memudahkan seseorang pengguna melayarinya. Navigasi web yang baik memberikan petunjuk kepada pelawat laman web tentang kedudukan dan lokasi semasa pengguna. Contoh teknik navigasi ialah bar navigasi dan menu dop-down – Keseimbangan visual Keseimbangan visual pula merupakan gabungan elemen visual seperti garisan, imej, teks, bentuk dan warna dalam laman web. Bagi menentukan corak gabungan semua elemen visual, pereka web juga peka tentang pengguna sasaran laman web. (c) Penstruktur secara hieraki Penstrukturan secara jujukan Sumber : Soalan Percubaan Negeri Pahang 2022 1+1 1+1 1+1 1+1 #mana-mana 3 Jumlah = 6 1m – nama 2m – lakaran 1 + 2 1 + 2 Pilih satu sahaja 3m 6 (a) (i) Prinsip Navigasi Justifikasi : 10 responden tidak bersetuju dengan ciri rekabentuk sistem navigasi yang disediakan mudah dikenalpasti dan mesra pengguna kerana keadaan butang navigasi yang tidak konsisten saiz dan rekabentuk butang Prinsip Jenis persekitaran laman web yang dibina Justifikasi: Saiz paparan tidak menepati untuk kegunaan kepelbagaian saiz 1 m 1 m 1 m 1 m
27 skrin dan tidak fleksibel untuk kesemua jenis paparan menyebabkan ada responden menyatakan tidak pada penilaian atau setara dengannya 1m+1m (ii) Menggunakan butang yang mempunyai bentuk yang sama dan kedudukan yang tetap atau konsisten supaya pengguna selesa Menyediakan paparan saiz skrin yang pelbagai supaya kualiti paparan web dapat dioptima agar pengguna dapat melihat kandungan web dengan jelas atau setara dengannya 1m+1m (b) – proses reka bentuk antara muka - menentukan bagaimana struktur laman web secara logikalnya digambarkan/ merupakan teknik navigasi yang memandu kepada pergerakan pengguna dalam laman web/ pereka bentuk antara muka akan menggunakan diagram atau carta alir bagi menggambarkan reka bentuknya. - wireframe / lakaran antaramuka / skema halaman/ pelan halaman/ rangka wayar - elemen-elemen yang akan dimasukkan dalam laman web disusun untuk mewakili rangka kerja keseluruhan web - melakar jenis video / audio/ grafik/ yang hendak dibina dalam laman web. Sumber : Soalan Percubaan Negeri Johor 2022 1 m 1 m 1 m 1 m 1 m 1 m 7 (a) (i) Penyusunan teks dalam laman web tersebut memudahkan pemahaman pengguna dan meningkatkan elemen mesra pengguna. Laman web ini memilih jenis font dikategori sebagai senarai selamat dan disokong oleh kebanyakan platform. Laman web ini menggunakan jenis teks dan font yang seragam pada halaman. Penggunaan saiz teks yang berbeza bagi membezakan tajuk dan kandungan. (ii) Guna warna dan grafik yang dapat menonjolkan imej dan identiti laman web ini. Warna yang menarik perhatian pengguna dan kebolehbacaan yang jelas. Warna latar belakang putih yang memudahkan proses pembacaan dan tidak menyebabkan pengguna kehilangan fokus. Penggunaan grafik yang sesuai seperti barang yang hendak dijual menonjolkan imej laman web. (iii) Struktur laman web ini yang memudahkan pengguna melayarinya. Laman web guna navigasi dapat memberi petunjuk kepada pelawat tentang lokasi /kedudukan semasa. Penggunaan bar navigasi, menu drop down dan pautan menggunakan grafik memudahkan pengguna untuk akses ke setiap bahagian. (b) - Audio kerana dapat menarik perhatian pengguna untuk melayari laman web. - Video kerana dapat memberi penerangan lebih jelas berkenaan setiap barang dan produk yang dijual. - Penggunaan warna yang sesuai supaya memudahkan penglihatan terutamanya kepada pengguna yang rabun warna. - Keseimbangan visual yang baik supaya dapat menarik minat pengguna. - Penekanan maklumat dalam web seperti kesan khas drop shadow, bold, italic, border supaya elemen kelihatan lebih terserlah. (c) (i) <h2> LOG MASUK PENGGUNA </h2> (ii) <form action = ‘pengguna-login-proses.php’ method = ‘POST’ > (iii) Kata Laluan <input type = ‘password’ name = ‘katalaluan’ > <br> Sumber : Soalan Percubaan Negeri Perlis 2022 2 m 2 m 2 m 3 m 2 m 2 m 2 m
28 Bab 1.0 : Pengkomputeran BAHAGIAN A No Skema Markah 1. (a) NRPSXWHU (b) (i) X : Penyulitan (encryption) (ii) Y : Nyahsulit (decryption) 1 1 1 2. Pemproses Y : Semasa Pemproses Z : Linear 1 1 3. P= ̅̅@ P= ̅⋅ ̅ 1 4. a) Rantau Amerika Latin b) Rantau Afrika 1 1 5. a) Unit Aritmetik & Logik / Arithmetic & Logic Unit / ALU b) Melaksanakan arahan dengan melakukan pengiraan matematik (1m) membuat perbandingan / menentukan keputusan logik.(1m) 1 2 6. a) Pentafsir b) X: Data dan arahan dikompil/ditafsir Y: Data dan arahan disimpan sementara dalam ingatan utama 1 1 1 7. a) b) 1 1 2 8. 3 9. (a) Penyulitan emel / Encrpyted email (b) menyediakan penyelesaian bagi penghantaran emel secara selamat/ proses penghantaran emel lebih selamat ** jawapan selain dicadangkan di atas diterima jika relevan dengan jawapan dicadangkan 1 1 10. (a) Unit Kawalan (b) -Laksana (execute) *** (1M) -Pemproses melaksanakan operasi aritmetik dan logik terhadap data seperti yang dinyatakan oleh arahan.*** (2M) ** jika ada perkataan laksana yang seerti dengannya (1M) ** ada perkataan laksana dan operasi aritmetik dan logic (2M) 1 2
29 11. P: Pengkompil @ compiler Q: Pentafsir @ interpreter 1 1 12. 13. (i) Pemprosesan Semasa (ii) Teknik Talian Paip (pipelining) 1 1 14. (i) 4 (ii) INTEGRITI MAKLUMA 1 1 15. X : get TAK Y : get DAN Z : get TAKATAU 1 1 1 16. X : mengawal keseluruhan operasi sistem komputer Y : membawa alamat lokasi yang menempatkan data dan arahan dalam ingatan utama @ mengandungi alamat peranti input/output 1 1 17. (a) CELIK TEKNOLOGI setiap satu perkataan betul 1 markah (b) Nyahsulit 2 1 18. P: Dua Pengesahan / Double verification Q: Kata laluan / Passwor 19. a) X: Unit Kawalan Y: Unit Aritmetik dan Logik / ALU b) X : Nyahkod / decode Y : Laksana / execut 1 1 1 1 20. 1 1 21. A : char B: 8 bait 1 1 22. a) b) 1 1 1 1 23. P :Unit Arahan. Q :Peranti Input Dan Output 1 1 24. (a) FZXKJNDODAXJQDY (b) JAGAKEBERSIHANDIRI 1 1 25. a) – penipuan/ fraud b) Akta Jenayah Komputer 1997 c) Memasang/ Meletak kata laluan (Password) kelebihan - menyukarkan data daripada diceroboh oleh penggodam. 1 1 1
30 26. Maklumat yang terhasil dihantar ke DAFTAR dan seterusnya DAFTAR akan menghantar maklumat ke INGATAN UTAMA untuk dipapar atau disimpan. 1 1 27. Nota: 1. Pengkompil javac menukarkan atur cara ke bentuk yang dipanggil bytecode. 2. Bytecode kemudiannya ditafsirkan pula oleh atur cara lain yang dinamakan Java 3. Atur cara Java ini mentafsir bytecode baris demi baris 4. Kemudian menukarkan kepada bentuk kod mesin untuk dilaksanakan oleh pemproses ** salah 1 kedudukan (-1m) 2 28. Y= MX+C ** Y= (1m) ** MX+C (1m) 2 29. 4 30. Kapasiti ruang storan simpanan semakin besar ATAU boleh dicapai pada bila-bila dan di mana melalui peranti selagi terdapat liputan internet. 1 31. Proses Nyahkod 1 32. a) X : Pemprosesan Semasa / Pemprosesan Selari Y : Pemprosesan Linear / Pemprosesan Bersiri b) Memproses data dan arahan secara berjujukan. 2 33. (a)SHULVLDQ (b)Penyulitan (Encryption) 2 2 34. Amerika Syarikat /AS/US 1 35. pengkompil 1 36. (a) encryption/ penyulitan (b) decryption/ nyahsulit 1 1 37. (a) P = B’. B' atau (b) 1 3 1 38. (a) x= A + B’ / (b) F = A + B’ (A.B) / 2 markah untuk 2 ungkapan, 1 markah untuk simbol 1 3 39. B = Laksana / Execute D = Capai / Fetch 1 1 40. Penterjemah P : Pentaksir / Interpreter 1
31 Penterjemah Q : Pengkompil / Compile 1 41. (a) Mana-mana jawapan yang relevan • Merancang perisian komputer dan sistem. • Merekabentuk perisian komputer dan sistem • Mengemaskini perisian komputer dan sistem • Mengurus perisian komputer dan sistem (b) Mana-mana jawapan yang relevan : • Pengaturcara Komputer • Juruanalisis Sistem • Jurutera Sistem Komputer • Jurutera Perisian / Pembangun Perisian 1 1 42. X = XATAU ( eksklusif ATAU ) Y = XTAKATAU ( eksklusif TAK ATAU ) 1 1 43. Negara China dan Arab Saudi menyekat capaian internet secara bebas termasuk media sosial seperti Facebook --- (1) manakala Malaysia tiada sekatan terhadap media sosial ------- (1). 1 1 44. i) ALU ii) melaksanakan operasi arithmetik(1 m) dan logik(1 m) di dalam sistem komputer 1 2 45. (i) X : Penyulitan Y : Nyahsulit (ii) PHVHM UDKVLD 1 1 1 46. i. Mengelakkan pencerobohan data oleh penggodam ii. Melindungi hak data peribadi seseorang pengguna semasa melayari internet 1 1 47. i) R Ingatan Utama S Daftar ii) Pemproses melaksanakan operasi aritmetik dan logik terhadap data seperti yang dinyatakan oleh arahan. 1 1 1 48. 4
32 BAHAGIAN B NO SOALAN JAWAPAN MARKAH 1. (a) Get Atau / Get Tak / Get Dan. **mana-mana 2 jawapan. (b) F = (A+B) (̅+ ̅) @ F = ⊕ @ ⊕ 2 3 (c ) ATAU (d) Bina jadual Kebenaran 5 5
33 2. (ii) (b) 636
34 3. 1 5 4. a) ATAU Jika jawapan dalam bentuk jadual 1 2
35 b) (i) SKEMA JAWAPAN DAN PEMARKAHAN BAGI OUTPUT F 5 2 5. (a) Get DAN, get ATAU, get TAKATAU (b) F = (A . B ) + 3 1 (c) 6 (A + B)
36 (d) 5 6. (a) Simbol Tak / Atau (b) (i) (ii) (iii) (c ) Input A dan B tepat – 1m Simbol setiap get tepat – 4m Output F tepat – 1m 1 1 1 1 Input - 1 simbol - 4 output – 1 7. (a) F=A.B + A’.B’ (b) (c) 2 5 3
37 Bab 3.1 : Bahasa Penskripan Klien (Client Side Scripting Language) Bahagian A 1 Isihan buih Sumber : Soalan Percubaan Negeri Melaka 2022 1 m 2 (a) if ( berat [i] < beratMinimum ) (b) struktur kawalan ulangan for/ struktur kawalan pilihan if (c) Berat beg paling ringan ialah 2 kg. Sumber : Soalan Percubaan Negeri Perlis 2022 1 m 1 m 1 m 3 M : berat[i]< beratPalingRingan N : beratPalingRingan = berat[i]; Sumber : Soalan Percubaan Negeri Johor 2022 1 m 1 m 4 (a) senaraiNo / noBaru (b) memasukkan nilai ke dalam senarai dari paling kiri. (c) 2, 7 Sumber : Soalan Percubaan Negeri Selangor 2022 1 m 1 m 1 m 5 X : Isihan Buih (Bubble Sort) Y : Isihan Pilihan (Selection Sort) Sumber : Soalan Percubaan Negeri Selangor 2022 1 m 1 m 6 Pemboleh ubah Sumber : Soalan Percubaan Negeri Perak 2022 1 m 7 (a) Struktur kawalan jujukan/urutan. (b) X : Pengisytiharan dan penetapan nilai bagi hargaBarang dan diskaun Y : Proses mengira jumlah harga barang selepas tolak harga diskaun. Z : Paparan output jumlah harga selepas diskaun Sumber : Soalan Percubaan Negeri Selangor 2022 1 m 1 m 1 m 1 m 8 Sains KOMPUTER! Sains KOMPUTER! Sumber : Soalan Percubaan Negeri Sarawak 2022 1 m 1 m
38 9 Sumber : Soalan Percubaan Negeri Sarawak 2022 1 m 1 m 1 m
39 10 (a) Digunakan tanpa mengetahui cara pelaksanaannya / Boleh digunakan berulang-ulang kali / Dapat mengurangkan masa pembangunan atur cara (b) A : 6 B : 25 Sumber : Soalan Percubaan Negeri Melaka 2022 1 m 1 m 1 m 11 (a) math.js (b) Digunakan tanpa mengetahui cara pelaksanaannya iaitu bagaimana operasi kiraan kuasa (power) dilaksanakan. Sumber : Soalan Percubaan Negeri Kelantan 2022 1 m 1 m 12 (a) <script src="math.js"> </script> (b) math.pow(3, 4) Sumber : Soalan Percubaan Negeri Sembilan 2022 1 m 1 m 13 (a) prosedur / procedure (b) fungsi / function Sumber : Soalan Percubaan Negeri Sarawak 2022 1 m 1 m 14 (a) nombor1,nombor2 (b) menerima nilai argumen yang dihantar kepada subatur cara. Sumber : Soalan Percubaan Negeri Selangor 2022 1 m + 1 m 1 m 15 (a) Subatur cara Q (b) Fungsi memulangkan nilai manakala prosedur tidak memulangkan nilai. Sumber : Soalan Percubaan Negeri Johor 2022 1 m 1 m 16 A : String B : Integer C : Double / Float D : Boolean Sumber : Soalan Percubaan Negeri Perak 2022 1 m 1 m 1 m 1 m 17 Label Simbol X Y Z Sumber : Soalan Percubaan Negeri Selangor 2022 1 m 1 m 1 m 18 (a) isipadu_silinder (b) Isipadu Silinder = 251.36 Sumber : Soalan Percubaan Negeri Kelantan 2022 1 m 1 m
40 Bahagian B 1 (a) Struktur Kawalan Ulangan While (b) Kami Cemerlang! Kami Cemerlang! Kami Cemerlang! Kami Cemerlang! (c) Simbol dan Pernyataan Mula dan Tamat Simbol Proses dan Pernyataan ulang = 0 Simbol Syarat dan Pernyataan ulang < 4 Simbol dan Pernyataan Output Simbol dan Pernyataan Kemaskini syarat ulang++ -terima pernyataan ulang = ulang+1 Pernyataan BENAR dan anak panah tepat pada simbol output Pernyataan PALSU dan anak panah tepat pada simbol Tamat Arah aliran ulangan betul Sumber : Soalan Percubaan Negeri Sembilan 2022 1 m 1 m 1 m 1 m 1 m 1 m 1 m 1 m 1 m 1 m 2 (a) 152 cm 58.1 cm (b) Tidak Atur cara ini tidak menggunakan amalan terbaik pengaturcaraan kerana penggunaan pembolehubah tinggiA dan pemboleh ubah X tidak bermakna. Penggunaan tinggiA lebih bermakna jika ditukar kepada tinggiPalingKecil manakala X lebih bermakna jika ditukar kepada purata. Tidak Atur cara ini tidak menggunakan amalan terbaik pengaturcaraan kerana tidak menulis sebarang komen bagi menerangkan fungsi kod atur cara. Ya Atur cara ini menggunakan inden yang konsisten menyebabkan kod atur cara mudah dibaca dan difahami oleh pengaturcara lain. (c) mendapatkan nilai tinggi paling kecil mendapatkan nilai purata dalam senarai tinggi 1 m 1 m 1 m - mana-mana jawapan calon diterima dgn justifikasi yang tepat 1 m 1 m
41 (d) - Menguji jika/Membanding/Jika tinggi yang dirujuk sama ada lebih kecil daripada tinggiA/tinggiMinimum - Jika tinggi dirujuk lebih kecil, maka tinggi yang dirujuk akan menjadi tinggiA/tinggiMinimum yang terkini (e) (i) 155 cm 127.7 cm (ii) Kerana bilTinggi iaitu nilai saiz tatasusunan tinggi ialah 5, apabila bilTinggi ditukar kepada 4, perbandingan unsur yang dirujuk dengan unsur pada indeks ke-4 tidak akan berlaku. Ini menyebabkan output yang diperolehi tidak tepat seperti yang diingini. (iii) Ralat logik Sumber : Soalan Percubaan Negeri Sembilan 2022 1 m 1 m 1 m 1 m 1 m 3 (a) SenaraiPertama (integer), SenaraiKedua(integer)..... (b) Pengisytiharan 3 pemboleh ubah bernama jum1,jum2 dan jum3. jum1,jum2 dan jum3 menerima nilai subatur cara fungsi JumlahNo dengan menghantar parameter tatasusunan Senarai Pertama,SenaraiKedua dan SenaraiKetiga (c) Satu fungsi bernama JumlahNo dengan menerima parameter bernama nombor Ulangan berlaku sehingga habis elemen dalam tatasusunan Mengira hasil tambah / jumlah daripada senarai nombor yang diterima Memulangkan jumlah kepada subatur cara yang memanggil Sumber : Soalan Percubaan Negeri Perak 2022 1 m +1 m 1 m 1 m 1 m 1 m 1 m 1 m 1 m 1 m
42 Bab 3.2 : Bahasa Penskripan Pelayan (Server Side Scripting Language) Bahagian A 1 X : Bahasa Penskripan Pelayan Y : Bahasa Penskripan Klien Sumber : Soalan Percubaan Negeri Johor 2022 1 m 1 m 2 (a) Membuka fail “LogMasuk.txt” (b) Menulis ayat “Selamat Datang” di dalam fail LogMasuk.txt Sumber : Soalan Percubaan Negeri Pulau Pinang 2022 1 m 1 m 3 data yang dipisahkan dengan simbol koma akan disimpan dalam tatasusunan yang bernama ‘$arrNom’ Sumber : Soalan Percubaan Negeri Perak 2022 1 m 1 m 4 2 4 1 3 Sumber : Soalan Percubaan Negeri Perak 2022 1 m 1 m 1 m 1 m 5 (a) (i) INSERT (ii) ‘$katalaluan (b) (i) Data namapengguna dan katalaluan akan dimasukkan ke dalam pangkalan data / jadual pengguna (ii) Mesej/popup Sambungan kepada Pangkalan Data Gagal akan timbul/terpapar Sumber : Soalan Percubaan Negeri Johor 2022 1 m 1 m 1 m 1 m 6 (a) dbPelajar (b) Untuk membuat sambungan kepada pangkalan data pelayan mengikut susunan nama host, nama sql, password dan nama pangkalan data. Sumber : Soalan Percubaan Negeri Perlis 2022 1 m 1 m 1 m 7 (a) baris 19 (b) baris 3 Sumber : Soalan Percubaan Negeri Sarawak 2022 1 m 1 m Bahagian B 1 (a) Objek borang (form) dalam laman web / Sambungan kepada komputer pelayan (web server) / Carian maklumat berdasarkan permintaan daripada pengguna / Paparan maklumat yang diperoleh atas permintaan daripada pengguna / Kemudahan mengemas kini data yang diperoleh dan simpan semula ke dalam pangkalan data (b) Senarai.php - Menyenaraikan semua maklumat daripada pangkalan data / Membenarkan kita memilih rekod yang ingin kita kemaskini data Kemaskini.php - Memaparkan maklumat dalam bentuk borang / Maklumat yang diperoleh daripada pangkalan data akan dipaparkan untuk tujuan pengemaskinian ProsesKemaskini.php - Menyimpan maklumat yang telah dikemaskini kembali dalam pangkalan data (c) $idmurid = $_POST['idmurid']; $nama = $_POST['nama']; $kelas = $_POST['kelas']; $negeri = $_POST['negeri']; $sql = "update murid set NAMA = '$nama', KELAS = '$kelas', TEMPATLAHIR ='$negeri' where IDMURID = '$idmurid'"; Sumber : Soalan Percubaan Negeri Sarawak 2022 1 m 1 m 1 m + 1 m 1 m + 1 m 1 m 1 m 1 m 1 m 5 m
43 2 (a) (i) Nama jadual : jenis Medan : nama dan harga (ii) - Terdapat penggunaan inden yang konsisten membuatkan kod atur cara mudah dibaca dan difahami oleh pengguna lain. / - Penggunaan komen ditulis dengan jelas dalam aturcara yang dapat menerangkan fungsi setiap bahagian dalam segmen kod / - Penggunaan pembolehubah bermakna dan mudah difahami. / Pembolehubah nama dan harga yang digunakan jelas menerangkan fungsi dan penggunaannya dalam system (b) (i) - Kod bahagian A adalah untuk update(kemaskini) rekod bagi medan nama dan harga bagi jadual jenis. - Penggunaan $_POST dalam aturcara adalah untuk mencapai data daripada form(borang) dan akan dipegang oleh pembolehubah $idjenis, $nama dan $harga. - Sintaks sql UPDATE akan mengemaskini rekod baru dalam pangkalan data bagi jadual jenis pada nama dan harga dengan mengambil nilai pada pembolehubah $nama dan $harga. - Menerangkan fungsi dengan menyatakan nama jadual serta medan yang terlibat. - 3M Menyatakan fungsi $_POST dan UPDATE. – 2M (ii) Sumber : Soalan Percubaan Negeri Melaka 2022 1 m 1 m 1 m 1 m 1 m 5 m Tajuk – 1 m Medan Jenis – 1m Medan Harga – 1m Butang kemaskini – 1m Link ke senarai jenis – 1m
44 Bab 3.3 : Laman Web Interaktif Bahagian A 1 Pautan menggunakan grafik, Bar navigasi Sumber : Soalan Percubaan Negeri Melaka 2022 1 m + 1 m 2 Typography Sumber : Soalan Percubaan Negeri Selangor 2022 1 m 3 (a) Text (b) Font - terima jawapan italic, center, bold, font-style, text-align, font-weight Sumber : Soalan Percubaan Negeri Sembilan 2022 1 m 1 m 4 (a) border-style (b) SISTEM PEPERIKSAAN SEKOLAH Sumber : Soalan Percubaan Negeri Kelantan 2022 1 m 1 m 5 Menukarkan warna latar belakang dalam jadual kepada warna hijau. Menukarkan teks dalam jadual kepada warna putih Sumber : Soalan Percubaan Negeri Perak 2022 1 m 1 m 6 (a) CSS (b) Menggayakan sesuatu laman web Sumber : Soalan Percubaan Negeri Pulau Pinang 2022 1 m 1 m 7 h1{ text-align: center; } Sumber : Soalan Percubaan Negeri Sarawak 2022 1 m 8 i. Menjadi perantara dalam menentukan bagaimanakah pengguna boleh berinteraksi dengan sesuatu sistem dalam internet. ii. Menjadi penghubung pengguna berinteraksi dengan sesuatu sistem dalam rangkaian internet. iii. Membantu pengguna mencapai maklumat yg dikehendaki. Sumber : Soalan Percubaan Negeri Terengganu 2022 Pilih mana-mana 2 9 i. Jenis persekitaran web ii. Warna dan grafik iii. Navigasi Sumber : Soalan Percubaan Negeri Terengganu 2022 1 m 1 m 1 m 10 nama pengguna + kotak= 1 markah katalaluan + kotak =1 markah butang masuk= 1 markah Sumber : Soalan Percubaan Negeri Terengganu 2022
45 Bahagian B 1 (a) Penekanan maklumat dalam web - Laman web ini memberi penekanan maklumat yang jelas dan dapat menarik perhatian pengguna. Antara cara yang digunakan ialah penggunaan ruang putih yang menjadikan laman tersebut lebih terserlah. - Laman web ini memberi penekanan pada kandungan yang ingin disampaikan dengan menggunakan kesan khas seperti drop shadow,cahaya dan bentuk, fungsi bold, warna yang berbeza dan border. (b) Perbezaan elemen dalam web - Laman web ini memaparkan elemen yang berbeza untuk memberi kelainan pada paparan seperti penggunaan border, ruang putih, warna yang berbeza serta kesan khas countdown timer pada tempoh masa jualan. - Contohnya, pautan berbentuk bulat akan memudahkan pengguna faham lokasi yang yang dikehendaki. (c) Typography - Laman web ini menyusun teks dengan baik dan memudahkan pengguna untuk membaca dan memahami maklumat. Corak penyusunan teks yang berasaskan kertas dan secara Z-shaped ini menyokong gaya pembacaaan pengguna. - Laman web ini telah menggunakan kumpulan jenis tulisan yang selamat dan disokong oleh kebanyakan platform. Jenis tulisan yang selamat dan telah digunakan pada laman ini ialah Arial dan Arial Black kerana ia disokong dala kebanyakan sistem pengoperasian. - Laman web ini menggunakan saiz teks yang berbeza bagi memberi penekanan kepada tajuk, kandungan dan perkhidmatan yang disediakan. (d) Warna dan grafik - Laman web yang dipilih ini telah memilih warna dan grafik yang sesuai untuk menarik minat pengguna. Penggunaan warna oren sebagai header dan kombinasi dengan latar belakang yang berwarna putih mampu membuatkan pengguna fokus dan menonjolkan identiti laman web tersebut. (e) Navigasi - Laman web ini telah membina struktur laman web yang memudahkan pengguna untuk melayarinya. Kaedah Bar navigasi, Breadcrumbs dan Menu Drop-down telah digunakan untuk memaparkan menu dan sub menu. (f) Keseimbangan visual - Laman web ini telah menarik minat pengguna kerana keseimbangan visual yang baik. Gabungan elemen visual seperti garisan, imej, teks, bentuk dan juga warna yang ringkas dan dan teratur memudahkan pengguna melayarinya untuk membuat pilihan dan bayaran. (g) Reka bentuk berasaskan pengguna - Laman web pilihan ini berjaya memenuhi kehendak pengguna apabila pengguna dapat melakukan perkara yang diingini dengan selesa semasa melayarinya. Maklumat yang dipaparkan adalah mudah dibaca dan difahami. Contohnya pengguna dapat membaca info terkini yang dipaparkan dalam satu bentuk tulisan bergerak Sumber : Soalan Percubaan Negeri Kelantan 2022 1 m + 1 m 1 prinsip 1 m 1 huraian prinsip 1 m 10 m
46 2 (a) (b) (c) (i) Typography/navigasi/keseimbangan visual (ii) Typography – Penyusunan teks yang dibuat memudahkan pemahaman dalam proses pembacaan dan juga meningkatkan elemen mesra pengguna dalam laman web atau Navigasi – struktur laman web yang memudahkan pengguna melayarinya. Konsep navigasi ini memberi pengalaman kepada pelawat laman web mengemudi laman web tersebut mengikut kecekapan masing-masing. Sumber : Soalan Percubaan Negeri Pulau Pinang 2022 1 m 1 m+1 m 3 (a) *** atau ●●● (b) (i) <h3> Login Peserta </h3> 1m = <h3> … </h3> ** mana-mana saiz header diterima 1m = Login Peserta (ii) <form action=“proses_login.php” method=“POST”> 1m = <form action= … > 1m = “proses_login.php” ** apa-apa nama fail yang sesuai 1m = method= “POST” atau method= “GET” (iii) Nombor KP : <input type="text" name="nokp" > 1m = Nombor KP : 1m = <input type="text" name="nokp" > ** apa-apa nama input yang sesuai (iv) <input type="submit" value="Login"> 2 m 3 m 2 m
47 1m = <input type="submit" ..> 1m = value="Login" Sumber : Soalan Percubaan Negeri Selangor 2022 2 m 4 (a) • Memanipulasikan dan memaparkan kandungn laman web yang telah dimuat turun dalam komputer klien. • Proses pengesahan input yang dimasukkan oleh pengguna apabila mengisi borang dalam talian. • Melaksanakan tugas-tugas yang mudah seperti menukar elemen. Contohnya jenis font atau warna latar web tanpa melibatkan pelayan. • Untuk paparan laman web yang lebih menarik dan interaktif dengan memasukkan elemen-elemen seperti animasi, audio, video dan lain-lain. (b) (i) var jejari; (ii) var tinggi; (iii) jejari = prompt("Masukkan jejari:"); 1m = jejari = 1m = prompt(“Masukkan jejari”); (iv) tinggi = prompt("Masukkan tinggi:"); 1m = tinggi = 1m = prompt(“Masukkan tinggi”); (v) var isipadu = pi * jejari * jejari * tinggi; 1m = var jejari = 1m = pi * jejari * jejari * tinggi; (vi) document.write("Isi padu silinder ialah ", isipadu); 1m = document.write(..... , ...); 1m = "Isi padu silinder ialah " 1m = isipadu (c) Isi padu silinder ialah 785.59 Sumber : Soalan Percubaan Negeri Selangor 2022 1 m 1 m 1 m 1 m 2 m 2 m 2 m 3 m 2 m 5 (a) (i) <h2>BANDAR UTAMA DI PAHANG</h2> (ii) <li><a href="#">Temerloh</a></li> (iii) <p> (iv) </article> (v) </footer> (vi) </body> (b) Prinsip Rekabentuk Laman Web: – Jenis persekitaran web yang dibina: Persekitaran laman web ini merangkumi beberapa faktor teknikal seperti kesesuaian penggunaan pelbagai jenis pelayar untuk memaparkan laman web Kementerian Kesihatan Malaysia (KKM) contohnya Google Chrome dan Firefox. – Perbezaan elemen dalam web Konsep perbezaan digunakan untuk menghasilkan tarikan visual terhadap suatu elemen yang ingin ditekankan dalam laman web. Semakin besar perbezaan suatu elemen yang ingin ditonjolkan berbanding dengan elemen lain maka elemen tersebut akan kelihatan berbeza. Contoh penggunaan border, warna yang berbeza dan kesan khas. – Penekanan maklumat dalam web Dalam setiap laman web yang dibina, pereka web perlu menentukan maklumat penting yang harus diberi penekanan dan teknik yang sesuai untuk menarik perhatian pengguna laman web seperti penggunaan kesan khas seperti drop shadow. – Typography 1 1 1 1 1 1 1+1 1+1 1+1
48 Prinsip typography merujuk penyusunan teks yang dipaparkan dalam laman web. Penyusunan teks yang baik memudahkan pemahaman dalam proses pembacaan dan meningkatkan elemen mesra pengguna dalam laman web. Typography mampu menyampaikan mesej atau idea pereka web. – Warna dan grafik Penggunaan warna dan grafik dalam laman web mampu menonjolkan imej dan identiti sesebuah laman web. Penggunaan warna yang bijak mampu menarik perhatian pelawat serta boleh meningkatkan kebolehbacaan. – Navigasi Navigasi merujuk struktur laman web yang akan memudahkan seseorang pengguna melayarinya. Navigasi web yang baik memberikan petunjuk kepada pelawat laman web tentang kedudukan dan lokasi semasa pengguna. Contoh teknik navigasi ialah bar navigasi dan menu dop-down – Keseimbangan visual Keseimbangan visual pula merupakan gabungan elemen visual seperti garisan, imej, teks, bentuk dan warna dalam laman web. Bagi menentukan corak gabungan semua elemen visual, pereka web juga peka tentang pengguna sasaran laman web. (c) Penstruktur secara hieraki Penstrukturan secara jujukan Sumber : Soalan Percubaan Negeri Pahang 2022 1+1 1+1 1+1 1+1 #mana-mana 3 Jumlah = 6 1m – nama 2m – lakaran 1 + 2 1 + 2 Pilih satu sahaja 3m 6 (a) (i) Prinsip Navigasi Justifikasi : 10 responden tidak bersetuju dengan ciri rekabentuk sistem navigasi yang disediakan mudah dikenalpasti dan mesra pengguna kerana keadaan butang navigasi yang tidak konsisten saiz dan rekabentuk butang Prinsip Jenis persekitaran laman web yang dibina Justifikasi: Saiz paparan tidak menepati untuk kegunaan kepelbagaian saiz 1 m 1 m 1 m 1 m
49 skrin dan tidak fleksibel untuk kesemua jenis paparan menyebabkan ada responden menyatakan tidak pada penilaian atau setara dengannya 1m+1m (ii) Menggunakan butang yang mempunyai bentuk yang sama dan kedudukan yang tetap atau konsisten supaya pengguna selesa Menyediakan paparan saiz skrin yang pelbagai supaya kualiti paparan web dapat dioptima agar pengguna dapat melihat kandungan web dengan jelas atau setara dengannya 1m+1m (b) – proses reka bentuk antara muka - menentukan bagaimana struktur laman web secara logikalnya digambarkan/ merupakan teknik navigasi yang memandu kepada pergerakan pengguna dalam laman web/ pereka bentuk antara muka akan menggunakan diagram atau carta alir bagi menggambarkan reka bentuknya. - wireframe / lakaran antaramuka / skema halaman/ pelan halaman/ rangka wayar - elemen-elemen yang akan dimasukkan dalam laman web disusun untuk mewakili rangka kerja keseluruhan web - melakar jenis video / audio/ grafik/ yang hendak dibina dalam laman web. Sumber : Soalan Percubaan Negeri Johor 2022 1 m 1 m 1 m 1 m 1 m 1 m 7 (a) (i) Penyusunan teks dalam laman web tersebut memudahkan pemahaman pengguna dan meningkatkan elemen mesra pengguna. Laman web ini memilih jenis font dikategori sebagai senarai selamat dan disokong oleh kebanyakan platform. Laman web ini menggunakan jenis teks dan font yang seragam pada halaman. Penggunaan saiz teks yang berbeza bagi membezakan tajuk dan kandungan. (ii) Guna warna dan grafik yang dapat menonjolkan imej dan identiti laman web ini. Warna yang menarik perhatian pengguna dan kebolehbacaan yang jelas. Warna latar belakang putih yang memudahkan proses pembacaan dan tidak menyebabkan pengguna kehilangan fokus. Penggunaan grafik yang sesuai seperti barang yang hendak dijual menonjolkan imej laman web. (iii) Struktur laman web ini yang memudahkan pengguna melayarinya. Laman web guna navigasi dapat memberi petunjuk kepada pelawat tentang lokasi /kedudukan semasa. Penggunaan bar navigasi, menu drop down dan pautan menggunakan grafik memudahkan pengguna untuk akses ke setiap bahagian. (b) - Audio kerana dapat menarik perhatian pengguna untuk melayari laman web. - Video kerana dapat memberi penerangan lebih jelas berkenaan setiap barang dan produk yang dijual. - Penggunaan warna yang sesuai supaya memudahkan penglihatan terutamanya kepada pengguna yang rabun warna. - Keseimbangan visual yang baik supaya dapat menarik minat pengguna. - Penekanan maklumat dalam web seperti kesan khas drop shadow, bold, italic, border supaya elemen kelihatan lebih terserlah. (c) (i) <h2> LOG MASUK PENGGUNA </h2> (ii) <form action = ‘pengguna-login-proses.php’ method = ‘POST’ > (iii) Kata Laluan <input type = ‘password’ name = ‘katalaluan’ > <br> Sumber : Soalan Percubaan Negeri Perlis 2022 2 m 2 m 2 m 3 m 2 m 2 m 2 m