Bab 5
description
Transcript of Bab 5
![Page 1: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/1.jpg)
1
Bab 5
Sistem Tetingkap
![Page 2: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/2.jpg)
2
Elemen Sistem Tetingkap
(W)indows – tingkap (I)kon (M)enu (P)enuding (cursor) Butang Toolbar Kotak dialog
![Page 3: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/3.jpg)
3
Tingkap
“Suatu ruang segiempat yang mengandungi aplikasi perisian, atau fail dokumen. Tingkap boleh dibuka, ditutup, diubah saiznya dan digerakkan. Anda boleh membuka beberapa tingkap pada masa yang sama dan boleh mengecilkan tingkap sehingga menjadi ikon atau membesarkan tingkap sehingga memenuhi keseluruhan paparan.”
![Page 4: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/4.jpg)
4
Tingkap Digunakan untuk membahagikan
ruang paparan kepada beberapa paparan maya
mempunyai objek-objek antaramuka yang asas yang boleh menyokong sebarang aktiviti atau operasi: Tajuk Rangka atau sempadan Bar tatal (sroll bar)
![Page 5: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/5.jpg)
5
Tingkap Tajuk
Biasanya terletak di bahagian atas kiri tingkap Shading tajuk menggambarkan status
tingkap – aktif atau tidak aktif Rangka/sempadan
membezakan ruang dalam tingkap dengan luar tingkap
Bar tatal (scroll bar) Pergerakan yang lancar Lokasi yang berkadaran
![Page 6: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/6.jpg)
6
Ikon imej atau simbol yang digunakan
untuk menggambarkan sesuatu objek, konsep, operasi, atau utiliti
Contoh:
![Page 7: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/7.jpg)
7
Ikon Objektif utama penggunaan ikon
adalah untuk menjimatkan ruang ikon harus menggambarkan
dengan tepat mesej yang ingin disampaikan
Kekeliruan boleh timbul jika tidak mempengaruhi kebolehgunaan suatu sistem
![Page 8: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/8.jpg)
8
Kursor Penuding sejenis ikon yang aktif sebagai penunjuk kepada suatu lokasi tertentu
dan menandakan mod elemen yang sangat penting bentuk kursor penuding yang berbeza
digunakan membezakan mod-mod memberitahu pengguna tentang aktiviti sistem
yang sedang berjalan tidak banyak bezanya dengan ikon dari segi
fizikal, tetapi kursor penuding mempunyai hot-spot lokasi hot-spot perlu jelas
![Page 9: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/9.jpg)
9
Butang Melaksanakan arahan/tugas
tertentu bila ditekan Biasanya disertakan dengan
perkataan ataupun ikon untuk menggambarkan fungsinya
Tiga jenis butang yang biasa: Butang semak (check box) Butang pilihan (radio) Butang toggle
![Page 10: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/10.jpg)
10
Toolbar himpunan utiliti yang paling kerap
digunakan dalam sesebuah perisian Utiliti diwakili oleh butang-butang
bersaiz kecil yang menggunakan ikon senarai butang boleh diubahsuai
mengikut kehendak pengguna menggunakan ‘customize’
![Page 11: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/11.jpg)
11
Kotak Dialog banyak digunakan untuk menarik
perhatian pengguna kepada suatu maklumat yang penting, seperti mesej ralat, atau amaran
juga boleh digunakan untuk interaksi di dengan pengguna yang melibatkan input teks
Contohnya: menamakan fail baru
![Page 12: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/12.jpg)
12
Sistem Tetingkap Berganda kemudahan kepada pengguna untuk
membuka lebih dari satu tetingkap pada masa yang sama
membolehkan pengguna merujuk dari pelbagai sumber bagi mempercepatkan tugas
membolehkan pengguna melaksanakan lebih dari satu tugas pada satu masa
![Page 13: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/13.jpg)
13
Sistem Tetingkap Berganda Isu sistem tetingkap berganda
Paparan berganda Papan salingtukar Pembahagian paparan Penyusunan tingkap Pembesaran dan pengecilan tingkap Pengurusan tingkap
![Page 14: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/14.jpg)
14
Paparan Berganda menggunakan lebih dari satu paparan
skrin untuk melihat semua maklumat yang diperlukan pada masa yang sama
Digunakan dalam operasi pasaran stok atau operasi kawalan-proses
Masalah ruang (gap) di antara paparan pergerakan mata yang lambat
![Page 15: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/15.jpg)
15
Paparan Salingtukar Alternatif kepada paparan berganda Menggunakan beberapa paparan yang
disalingtukar dengan pantas samada secara automatik atau dikawal
Paparan salingtukar yang dikawal menyukarkan pengurusan
Adakalanya, aparan salingtukar automatik perlukan kos dan ruang yang lebih besar berbanding paparan berganda
![Page 16: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/16.jpg)
16
Paparan yang Dibahagi
paparan dibahagikan kepada dua atau lebih bahagian (tingkap)
penyusunan tingkap boleh dilakukan secara ‘tile’ (tidak bertindih) atau secara bertindih
![Page 17: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/17.jpg)
17
Penyusunan Secara ‘Tile’ konsep pemasangan jubin pada
lantai kesemua tingkap atau pembahagian
paparan dipaparkan sepenuhnya, dan tidak bertindih di antara satu sama lain pengubahsuaian terhadap saiz, dan tempat tetingkap perlu dilakukan
Pengubahsuaian dilakukan setiap kali sebuah tingkap dibuka atau ditutup
![Page 18: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/18.jpg)
18
Penyusunan Secara Bertindih Boleh dalam dua bentuk:
Pengguna sendiri yang menyusun tingkap Susunan ‘cascade secara automatik
Kebaikan penyusunan sendiri – memberi kebebasan kepada pengguna
Kelemahan penyusunan sendiri – terdapat tingkap yang terlindung tanpa disedari
Penyusunan sendiri digunakan dalam kebanyakan sistem
![Page 19: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/19.jpg)
19
Penyusunan ‘Cascade’ tingkap disusun secara berjujukan
dari bahagian atas kiri paparan skrin sehingga ke bawah kiri skrin
tingkap yang terdahulu berada ke atas dan ke kiri sedikit dari tetingkap yang kemudiannya
memastikan setiap tetingkap harus ada bahagian yang kelihatan pada paparan skrin setiap masa
![Page 20: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/20.jpg)
20
Pengurusan Tingkap Membuka tingkap
Pilihan menu Mengklik butang tetikus Baris arahan
Menutup tingkap Ikon kecil pada penjuru atas kanan Pilihan menu ‘close’
![Page 21: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/21.jpg)
21
Pengurusan Tingkap Memilih lokasi tingkap
Biasanya berdasarkan lokasi terkini Lebih baik jika hampir dengan fokus
semasa Menukar saiz tingkap
Cara dan saiz minimum/maksimum berbeza mengikut sistem
Ada yang hanya benarkan menukar saiz pada sudut / bahagian tertentu sahaja
![Page 22: Bab 5](https://reader035.fdocuments.net/reader035/viewer/2022081503/568148fa550346895db6213e/html5/thumbnails/22.jpg)
22
Pengurusan Tingkap Menggerakkan tingkap
Cara berbeza mengikut sistem Ada yang menyediakan arahan ‘Move’ Ada yang hanya boleh digerakkan jika
diklik pada bahagian tertentu sahaja Mengaktifkan tingkap
Menggunakan arahan ‘top’ Mengklik pada bahagian tertentu Mengklik pada mana-mana bahagian