1

Bab 5

Sistem Tetingkap

2

Elemen Sistem Tetingkap

(W)indows – tingkap (I)kon (M)enu (P)enuding (cursor) Butang Toolbar Kotak dialog

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.”

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)

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

6

Ikon imej atau simbol yang digunakan

untuk menggambarkan sesuatu objek, konsep, operasi, atau utiliti

Contoh:

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

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

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

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’

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

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

13

Sistem Tetingkap Berganda Isu sistem tetingkap berganda

Paparan berganda Papan salingtukar Pembahagian paparan Penyusunan tingkap Pembesaran dan pengecilan tingkap Pengurusan tingkap

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

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

16

Paparan yang Dibahagi

paparan dibahagikan kepada dua atau lebih bahagian (tingkap)

penyusunan tingkap boleh dilakukan secara ‘tile’ (tidak bertindih) atau secara bertindih

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

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

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

20

Pengurusan Tingkap Membuka tingkap

Pilihan menu Mengklik butang tetikus Baris arahan

Menutup tingkap Ikon kecil pada penjuru atas kanan Pilihan menu ‘close’

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

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