Bab 5

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