NOTA RINGKAS ASAS SAINS KOMPUTER ( ASK ) TINGKATAN 1

Nota Ringkas Asas Sains Komputer ( ASK ) T1 [ cikgu noor shafinaz binti saad ]

BAB1 : KONSEP ASAS PEMIKIRAN KOMPUTASIONAL Penukaran Nombor Perduaan kepada Nombor Langkah 4 : 2 boleh diambil dari 2,maka tempatkan 1 3. Operasi tambah antara dua Kod ASCII
Perpuluhan pada lajur nilai tempat 2 dan tolakkan 2 daripada 2
iaitu ( 2-2 = 0 ) Kod ASCII 0011 0110 + Kod ASCII 0011 0001
1. Maksud Pemikiran Komputasional : Contoh : Langkah 5 : 1 tidak boleh diambil dari 0 , maka 0 1 1 0 Hasil tambah 0110 + 0001 = 0111
Satu proses pemikiran bagi tujuan Tukarkan 10102 kepada nombor perpuluhan. tempatkan 0 pada nilai tempat 1 ( baki kekal 0) + 0 0 0 1 Dgn merujuk jadual Kod ASCII,
menyelesaikan masalah oleh manusia sendiri Penyelesaian : 0 1 1 1 0011 0111 diwakili oleh aksara 7
berbantukan mesin atau kedua-duanya sekali
dengan menggunakan konsep asas sains Nilai tempat 23 =8 22 =4 21 = 2 20 =1 Nilai Tempat 16 8 4 21 4. Operasi tolak antara dua Kod ASCII
komputer. No. Perduaan 1 0 1 0 0 10
Jumlah Nombor perduaan 1 0 Kod ASCII 0011 1000 - Kod ASCII 0011 0100
1x8 0x4 1x2 0x1
2. Teknik dalam Pemikiran Komputasional : =8 =0 =2 =0 Maka 1810 = 100102 0 10
a) Teknik Leraian melibatkan pemecahan suatu
masalah atau sistem yang kompleks kepada Maka nombor perpuluhan bagi 10102 ialah Penambahan Dua Nombor Perduaan 1 0 0 0 Hasil tambah 1000 - 0100 = 0100
bahagian-bahagian kecil bagi memudahkan =8+0+2+0 - 0 1 0 0 Dgn merujuk jadual Kod ASCII,
pemahaman dan penyelesaian. = 1010 Lima tatacara untuk operasi tambah bagi nombor
b) Teknik Pengecaman Corak ialah mencari 0 1 0 0 0011 0100 diwakili oleh aksara 4
persamaan atau corak pada bahagian-bahagian perduaan.
kecil masalah dan meletakkannya dalam satu
kumpulan yang sama. Penukaran Nombor Perpuluhan kepada Nombor Tatacara Operasi Tambah Hasil Tambah
c) Teknik Peniskalaan ialah meninggalkan Perduaan
aspek-aspek kurang penting yang terdapat 1 0+0 0 2.2 UKURAN DATA
dalam corak-corak yang dicamkan dan
memfokus kepasa aspek-aspek penting yang 2 0+1 1
dapat membantu dalam penyelesaian masalah.
d) Teknik Pengitlakan melibatkan pembinaan 1) Kaedah bahagi dengan 2 dan gunakan bakinya 3 1+0 1 1. Maksud Imej Digital - gambar yang dirakam dan
model ( formula ,teknik, peraturan atau Contoh :
langkah-langkah ) bagi masalah yang 4 1+1 10 disimpan dalam bentuk pola-pola ( 0 dan 1 ).
diselesaikan. Tukarkan 1810 kepada nombor perduaan.
--------------------- Tamat Bab 1 --------------------- 5 10 + 1 11 2. Unit ukuran imej digital :

Penyelesaian : Penolakan Dua Nombor Perduaan Atribut Makna Unit
Ukuran
1. 18 ÷ 2 = 9
2. 9 ÷ 2 = 4 baki 0 Empat tatacara untuk operasi tambah bagi nombor 1) Resolusi Bilangan piksel dpi
3. 4 ÷ 2 = 2 baki 1
4. 2 ÷ 2 = 1 Baki 0 perduaan. yang terdapat ( dots per
5. 1 ÷ 2 = 0 baki 0
baki 1 Tatacara Operasi Tambah Hasil Tambah pada sesuatu inch )

1 0-0 0 imej.

2 1-0 1 Contoh :

BAB 2 : PERWAKILAN DATA 3 1-1 0 Sekiranya suatu imej
2.1 SISTEM NOMBOR PERDUAAN
Maka 1810 = 100102 4 10 - 1 1 mempunyai resolusi 72 dpi,

maka ia mempunyai 72 piksel

Nombor Perpuluhan Nombor Perduaan 2) Kaedah Ambil dari Baki Penambahan dan Penolakan Nombor Perduaan lebar dan 72 piksel tinggi iaitu
 Dikenali sebagai  Dikenali sebagai Contoh : dalam Menterjemah Aksara Pengeko dan ASCII
72x72=5184 piksel seinci
Sistem Asas 10. Sistem Asas 2. Tukarkan 1810 kepada nombor perduaan.
 Menggunakan 10  Menggunakan 2 digit persegi.

digit iaitu 0-9 iaitu 0 dan 1. Penyelesaian : 1. Kod ASCII ialah singkatan daripada American 2) Dimensi Ukuran piksel
 Digunakan oleh  Digunakan oleh Langkah 1 : 16 boleh diambil dari 18 , maka Standard Code for Information Interchange panjang dan
tempatkan 1 pada lajur nilai tempat 16 dan tolakkan yang mewakili setiap aksara. lebar sesuatu
manusia dalam komputer untuk 16 daripada 18 iaitu ( 18-16 = 2 ) imej.
kehidupan seharian menyimpan data. Langkah 2: 8 tidak boleh diambil dari 2 , maka 2. Ia menggunakan nombor perduaan untuk
( 0 = Off , 1 = ON ) tempatkan 0 pada nilai tempat 8 ( baki kekal 2 ) mewakili setiap aksara ( huruf , simbol khas ,
Langkah 3 : 4 tidak boleh diambil dari 2 , maka digit ) dan mempunyai 128 aksara.
tempatkan 0 pada nilai tempat 4 ( baki kekal 2 ) Dimensi sesuatu imej =
bilangan piksel panjang x
bilangan piksel lebar

1

Nota Ringkas Asas Sains Komputer ( ASK ) T1 [ cikgu noor shafinaz binti saad ]

3) Kedalaman Jumlah warna bpp 2) Kedalaman Bilangan bit dalam Bits Perkaitan antara Kualiti , Saiz , Kedalaman Warna Saiz Fail dan Kualiti untuk Audio yang Sama dalam
bit warna bit sampel ( color depth ) dan Resolusi Imej. Pelbagai Format Fail
dalam sesuatu (bits per
Contoh : Audio 1 bit
imej. pixel ) a) ( 2 nilai perduaan )

Contoh : 1. Lebih tinggi resolusi, dimensi dan kedalaman bit
warna maka lebih tinggi keperincian sesuatu imej
Imej yang berkedalaman warna dan memberikan imej yang jelas, tajam dan Jenis Ciri-ciri
menarik. Format Audio
2 bit mengandungi 4 warna 1) WAV  Audio yang tidak dimampatkan.
2. Lebih tinggi resolusi dan dimensi, lebih banyak  Saiz fail adalah besar.
kerana 22 = 4 . Ia mewakili : piksel digunakan untuk membentuk imej. Lebih 2) MP3  Berkualiti timggi.
banyak piksel bermakna lebih banyak bit dan bait  Audio yang telah dimampatkan.
00 = Warna putih b) diperlukan untuk menyimpan maklumat tentang 3) MIDI  Saiz fail adalah kecil.
01 =Warna kelabu cerah Audio 2 bit piksel-piksel dalm imej dan menyebabkan saiz imej  Kualiti lebih rendah.
10 = Warna kelabu gelap besar.  Tidak menyimpan bunyi dalam
11 = Warna hitam ( 4 nilai perduaan )
3. Lebih tinggi kedalaman bit warna sesuatu imej, bentuk pola bit 0 dan 1.
Perkaitan Saiz Fail Imej dengan Format Fail semakin tinggi piksel per bit (ppb) imej. Lebih  Merekod dan mengawal nota
banyak bit dan bait diperlukan untuk menyimpan
Note : Jenis Kelebihan Kelemahan maklumat piksel dan menjadikan saiz imej besar. bagi setaip peralatan muzik.
2n , iaitu n ialah nilai kedalaman Format  Saiz fail lebih kecil, berbanding
bit warna sesuatu imej.  Saiz fail kecil  Kualiti kurang Perhubunganantara Saiz Audio dengan Kadar
Fail  Mudah muat apabila Kedalaman Bit (bit depth) WAV dan MP3.
3. Maksud Audio Digital ialah isyarat bunyi yang 1) JPG dimampatkan.  Kualiti adalah tinggi.
telah ditukar kepada nombor perduaan dan naik dan muat 1. Maksud Kadar Kedalaman Bit ialah jumlah
disimpan dalam bentuk pola-pola bit. 2) BMP turun dari  Saiz yang bilangan bit ( 0 dan 1 ) yang digunakan untuk
Internet besar. mewakili setiap saat masa main balik (play back
4. Unit ukuran bagi audio digital : 3) GIF dengan cepat. time ) audio itu. Penukaran Saiz Data dari Bit ke Bait, Kilobait, Megabait,
 Kualiti tinggi  Tidak boleh Gigabait dan Terabait bagi Fail Audio dan Imej.
4) TIFF dimampatkan. 2. Kadar kedalaman bit diukur dalam unit bit persaat
Atribut Makna Unit  Saiz fail kecil (bps)
Ukuran  Mudah muat  Kualiti kurang
1) Kadar Bilangan sampel apabila 3. Rumus pengiraan kadar kedalaman bit : Unit Penerangan
Sampel Hertz naik dan muat dimampatkan. 1 bit Unit data paling kecil
sesaat yang (Hz) turun dari Kadar Kedalaman Bit (bps) = 1 bait 8 bit
Internet  Saiz yang Kadar Sampel(Hz) x Kedalaman Bit(bit) x Saluran 1 kilobait 1024 bit
diambil oleh alat dengan cepat. sangat besar. 1 megabait 1 048 576 bait
 Kualiti tinggi. 4. Terdapat dua jenis saluran iaitu : 1 gigabait 1 073 741 824 bait
analog to digital  Kualiti dapat a) Audio mono dikeluarkan melalui satu saluran. 1 terabait 1 099 511 627 776 bait
dikekalkan b) Audio Stereo dikeluarkan melalui dua saluran.
converter (ADC) setelah
dimampatkan
semasa proses .
(digunakan
pendigitalan. dalam industri
percetakan dan
penerbitan) Pengiraan Saiz Fail bagi Imej Digital

Contoh :

Contoh Input dan Output yang dihasilkan : Foto beresolusi 300dpi berukuran 17inchi x 13 =inchi .
a) Kirakan saiz fail foto tersebut.

( kurang tepat ) Pengiraan :
Lebar gambar = 17 x 300 = 5100 piksel
b) Panjang gambar = 13 x 300 = 3900 piksel
(hampir sama ) Jumlah piksel = Lebar gambar x Panjang gambar

= 5100 x 3900
= 19 890 000 piksel

2

Nota Ringkas Asas Sains Komputer ( ASK ) T1 [ cikgu noor shafinaz binti saad ]
ii) Carta Alir
Imej skala kelabu = 1 piksel = 1 bait Pengendali hubungan dan maksudnya b) Struktur Kawalan Dwipilihan
Imej berwarna = 3 bait ( 3 warna asas biru, merah,hijau)  Memilih di antara dua set tindakan untuk Pseudokod dan Carta Alir yang Melibatkan
dilaksanakan. Struktur Kawalan Ulangan.
Saiz fail imej skala kelabu Pengendali Maksud Contoh : a) UNTUK (FOR)
= 19 890 000 piksel x 1 bait Hubungan i ) Pesudokod
= 19 890 000 bait Sama dengan  melaksanakan satu langkah atau satu set
= Lebih besar daripada ii) Carta Alir langkah berdasarkan kepada pembilang yang
Saiz fail imej berwarna > Lebih besar ataua sama dengan telah ditetapkan.
= 19 890 000 piksel x 3 bait ≥ Lebih kecil daripada c) Struktur Kawalan Pelbagai Pilihan
= 59 670 000 bait < Lebih kecil atau sama dengan  Mengandungi lebih daripada dua set tindakan i) Pseudokod
≤ yang berlainan sebagai pilihan untuk
dilaksanakan.
Pengiraan Saiz Fail bagi Audio Digital Pseudokod dan Carta Alir yang Melibatkan i) Pseudokod
Struktur Kawalan Pilihan.

Saiz fail audio = a) Struktur Kawalan Pilihan Tunggal
 hanya mempunyai satu pilihan untuk
Kadar sampel x Kedalaman bit x Saluran x Durasi Audio melaksanakan satu set tindakan yang tertentu.

( Hz) ( bait ) ( saat )

--------------------- Tamat Bab 2--------------------- Contoh :
i) Pseudokod
BAB 3 : ALGORITMA

1. Maksud Algoritma ialah urutan tindakan untuk
menyelesaikan sesuatu masalah .

2. Algoritma boleh diwakilkan dengan cara : ii) Carta Alir
a) Pseudokod iaitu memerihalkan langkah-langkah
algoritma dengan menggunakan ayat-ayat yang
ringkas dan padat.
b) Carta alir iaitu dengan menggunakan simbol grafik
seperti garis lurus, anak panah dan bentuk
geometri. ( Rujuk rajah di bawah )

Simbol Nama/Kegunaan

Terminal
( Mula/Tamat)
Garis Alir
( menghubungkan simbol )
Input/ Output
(Terima data/ Cetak@Papar)
Proses

Pilihan
(Ya/Tidak) @ ( True/False)

Penyambung
(menyambungkan carta alir yang terpisah)

3

Nota Ringkas Asas Sains Komputer ( ASK ) T1 [ cikgu noor shafinaz binti saad ]
ii) Carta Alir
c) ULANG-SELAGI (REPEAT UNTIL) Pengesanan Ralat yang Terdapat dalam Pseudokod 4. Operator matematik ialah simbol-simbol yang
 Melaksanakan satu set langkah secara dan Carta Alir digunakan dalam menjalankan operasi matematik
berulang-ulang sehingga syarat yang diuji dalam kod arahan. ( Rujuk Jadual di bawah ).
adalah benar. 1. Maksud Ralat ialah kesilapan atau kesalahan yang
menyebabkan sesuatu algoritma atau atur cara Nama Operator Operasi yang
i) Pseudokod tidak berfungsi seperti yang diharapkan atau telah operator dalam dilakukan oleh
mengeluarkan output yang salah.
Tambah komputer komputer
2. Setelah suatu algoritma disiapkan, semakan Tolak + 2+3
semula ( semakan kualiti ) harus dijalankan. Darab
Bahagi - 5-4
3. Terdapat dua cara semakan semula iaitu: * 3*5
a) Teknik Semakan Meja ( Desk Check) :
satu teknik manual untuk menyemak logik / 10 / 2
setiap langkah serta logik aliran
langkah-langkah algoritma dengan 5. Pengekodan yang melibatkan Struktur Kawalan
menggunakan satu sampel input dan Pilihan adalah seperti berikut :
memproses data itu secara manual mengikut
ii) Carta Alir langkah-langkah algoritma. Pengekodan yang Jenis Pilihan
digunkan
b) SELAGI (WHILE) b) Teknik Langkah Demi Langkah ( Step Through) Pilihan Tunggal
 Melaksanakan satu set langkah selagi satu Memeriksa logik algoritma secara langkah IF Dwipilihan
syarat yang diuji adalah benar. demi langkah mengikut urutan dalam Pelbagai Pilihan
algoritma tanpa menggunakan sampel data IF … ELSE
i) Pseudokod input.
IF
--------------------- Tamat Bab 3 --------------------- ELSE IF …..
BAB 4 : KOD ARAHAN ELSE
4.1 : Pembangunan Kod Arahan
6. Blok-blok yang digunakan dalam aturcara
1. Maksud Kod Arahan ialah satu arahan yang Scrath2.0 yang melibatkan Struktur Kawalan
mengarahkan komputer melakukan sesuatu Ulangan adalah seperti berikut :
tugas. a) forever ( berulang tanpa henti )

ii) Carta Alir 2. Maksud Pemboleh ubah ialah storan ingatan
yang digunakan oleh program komputer untuk
menyimpan data yang perlu dioalahkan b) repeat ( berulang mengikut bilangan lelalran
kemudian. yang ditentukan )

3. Pemboleh ubah boleh menyimpan data dalam c) repeat until ( berulang sehingga syarat
bentuk : dipenuhi )
a) Nilai berangka ( 0 -9 )
b) Teks ( huruf atau abjad )
c) Nilai BOOLEAN ( Boolean - True/False )

4

Nota Ringkas Asas Sains Komputer ( ASK ) T1 [ cikgu noor shafinaz binti saad ]

7. Pembangunan atur cara melibatkan lima fasa 4.2 Kod Arahan HTML 1. Banner ialah sepanduk web yang diletakkan dalam 5. Tag bagi menu ialah :
utama iaitu : laman sesawang dan boleh digunakan sebagai a) <nav></nav>
a) Fasa 1 : Analisis masalah 1. HTML (Hypertext Markup Languange) digunakan tajuk kepada laman web. Mentakrif pautan pengemudian
 Pengatur cara perlu mengetahui kehendak untuk membina laman seswang). b) <ul></ul>
pelanggan untuk menentukan input, proses Mentakrif senarai tak tertib
dan output yang diingini. 2. Kod arahan HTML boleh ditaip dengan c) <li>
menggunakan aplikasi Notepad dan disimpan Mentakrif senarai item
b) Fasa 2 : Reka bentuk atur cara dalam format “.html” atau ”.htm”.
 Pengatur cara mula menulis pseudokod, 6. Tag untuk Pull-down menu ialah :
melakar carta alir dan mereka bentuk Antara 3. Tag dalam HTML : a) <select></select>
Muka Pengguna Grafik / Graphical User a) <html></html> Untuk menghasilkan pull-down menu
Interface (GUI ). Tag ini memaklumkan kepada pelayar web
bahawa dokumen ini adalah fail html. b) <option>
c) Fasa 3 : Pengekodan b) <head></head> Menunjukkan jenis pilihan yang ada
 Pseudokod akan ditukarkan kepada kod yang Tag ini adalah bahagian kepala aturcara html.
difahami oleh komputer dengan c) <title></title> 2. Frame ialah bingkai yang membahagikan skrin 7. Tag untuk memasukkan pautan teks dan imej
menggunakan bahasa pengaturcaraan Tag ini untuk memaparkan tajuk dokumen paparan laman sesawang kepada dalam html ialah <a></a>
seperti Visual Basic, JAVA atau Phyton. html. bahagian-bahagian tertentu seperti :
d) <body></body> a) Bagi frame melintang : 8. Tag untuk memasukkan imej dalam html ialah :
d) Fasa 4 : Pengujian dan Penyahpepijatan Tag ini adalah bahagian kandungan fail html,
 Atur cara yang ditulis akan diuji untuk iaitu kandungan dokumen seperti teks, Nama fail imej Foto 1 dipaparkan
mengesan dan membetulkan sebarang ralat imej,pautan dan sebagainya. jika imej tidak dapat
yang terdapat pada atur cara. e) Tag paragraph heading
<h1> untuk memaparkan saiz teks terbesar. Bingkai melintang Peratusan saiz <img src=”foto1.gif” dipaparkan.
e) Fasa 5 : Dokumentasi <h6> untuk memaparkan saiz teks terkecil. dibahagikan bingkai
 Mengandungi laporan proses pembangunan
peringkat awal hingga akhir proses. Banner , Frame dan Menu dalam HTML alt=”Foto 1”
 Dokumentasi dalaman ( untuk kegunaan
pelanggan) style=”width:300px;height:230px;”> Saiz imej
 Dokumentasi luaran ( untuk pengguna akhir
yang menggunakan atur cara). <frameset rows=”40%,60%”> ”

” 9. Tag untuk ruang komen dalamhtml ialah :
b) Bagi frame menegak :
a) <form>
Bingkai menegak Ketiga-tiga bingkai Membenarkan ruang komen disedaiakan pada
dibahagikan mempunyai saiz
lebar yang sama pelayar web.
b) <textarea>

Digunakan untuk mengisi teks panjang.

8. Terdapat 3 jenis ralat iaitu : <frameset cols=”*,*,*”> c) <input>
a) Ralat sintaks ( Syntax error ) Membolehkan pengguna menghantar input
 Contoh : apabila pengaturcara menulis ” yang dimasukkan.

alamat emel sebagai “dotcom” bukan 3. Menu ialah pautan pantas ke bahagian-bahagian Nota Penting : >.
“.com” tertentu dalam laman sesawang.
 Tag html ditulis dalam kurungan <
b) Ralat logik ( Logical error ) 4. Terdapat beberapa jenis menu html, iaitu :  Tag html wujud dalam pasangan.
 Kod arahan tidak ditulis dengan betul a) Menu senarai pautan statik  Tag awal < > dan tag akhir < />.
b) Menu jenis jadual bawah
c) Ralat masa larian ( Runtime error ) c) Menu pelbagai tingkat --------------------- Tamat Bab 4---------------------
 Disebabkan oleh program yang d) Menu terapung
digunakan.
 Contoh : Virus,pepijat atau ingatan yang “ The harder you work for something, the
tidak mencukupi. greater you’ll feel when you achieve it.”

5