REKABENTUK ANTARAMUKA PENGGUNA DALAM PERSEKITARAN WINDOWS

Transkripsi

1 27 BAB 3 REKABENTUK ANTARAMUKA PENGGUNA DALAM PERSEKITARAN WINDOWS 3.1 Persekitaran Windows Pengenalan Antaramuka pengguna bergrafik bagi sesuatu perisian sistem merupakan antara elemen penting dalam pengukuran keberkesanan penerimaannya oleh pengguna. Terdapat banyak antaramuka pengguna bagi perisian sistem yang terdapat di pasaran kini. Sebagai contoh Microsoft menggunakan antaramuka yang dikenali sebagai Windows dalam pelbagai versi manakala Apple dengan Macintosh, Sun dengan XWindows dan OS/2 Presentation Manager pada IBM. Secara umumnya, antaramuka pengguna bergrafik yang diperkenalkan oleh syarikatsyarikat gergasi koputer yang disebutkan di atas menggunakan konsep yang hampir sama dalam pengimplementasiannya. Justeru itu, bab ini akan membincangkan dan mengkaji tentang rekabentuk antaramuka pengguna bergrafik secara umum yang terdapat dalam persekitaran Windows Desktop Desktop adalah antara elemen utama antaramuka pengguna bergrafik dalam persekitaran Windows. Ia merupakan ruang kerja utama pengguna iaitu dengan memenuhi skrin dan menghasilkan latarbelakang visual terhadap keseluruhan operasi. Ini dapat ditunjukkan dalam Rajah 3.1. Namun begitu, desktop berperanan lebih

2 28 daripada hanya sebagai latarbelakang. Ia juga bolehdigunakan sebagai tempat paling sesuai untuk meletakkan objek yang disimpan dalam sistem pemfailan. Bagi komputer yang mempunyai sambungan rangkaian pula, desktop menyediakan ruang kerja peribadi yang membolehkan pengguna mencapai objek dalam rangkaian dari jauh. Rajah 3.1 : Desktop yang terdapat dalam Microsoft Windows Taskbar Taskbar merupakan komponen khas pada desktop yang membenarkan pengguna beralih di antara tetingkap atau aplikasi yang sedang dibuka. Ia juga membenarkan pengguna mencapai arahan-arahan umum dan objek yang sering digunakan. Ini bermakna taskbar dapat menyediakan suatu tapak permulaan bagi sesuatu antaramuka. Taskbar membolehkan pengguna mencapai aplikasi yang trerdapat dalam sistem komputer pengguna Butang Start Start button pada kebiasaannya terletak di sebelah kiri pada taskbar memaparkan menu khas termasuklah arahan untuk membuka ataupun mencari fail. Menu ini juga

3 29 mengandungi jalan pintas untuk memulakan sebarang aplikasi yang ada dalam sistem komputer pengguna Butang tetingkap Setiap kali pengguna membuka sebarang aplikasi, satu bebutang akan diletakkan pada taskbar. Bebutang ini mewakili jalan pintas untuk aplikasi yang sedang dibuka. Jika terdapat banyak aplikasi yang dibuka pada waktu yang sama, bebutang yang yang aktif mewaklili tetingkap atau aplikasi yang berada di bahagian terdepan sekali. Saiz bebutang juga akan berubah mengikut bilangan aplikasi atau tetingkap yang dibuka ketika itu. Namun begitu, jika terlalu banyak aplikasi dibuka dan bebutang pada taskbar menjadi kecil, satu tetingkap hint akan muncul apabila pengguna melalukan kursor pada butang tersebut. Ini bertujuan untuk memberi panduan kepada pengguna terhadap tajuk penuh bagi tetingkap tersebut Ruangan Status Di bahagian yang bertentangan dengan Start button dalam taskbar terdapat satu ruangan yang dipanggil ruangan status. Ruangan ini dikhaskan untuk sebarang aplikasi bagi memaparkan status tertentu. Ikon-ikon yang terdapat dalam ruangan status ini, biasanya mewakili aplikasi-aplikasi yang dilarikan secara background process. Contohnya, status sambungan rangkaian modem dan perisian pemantau virus. Ruangan status ini juga dikenali sebagi tray icon Ikon Ikon merupakan perwakilan visual sesuatu objek. Ia merupakan komunikasi visual yang dapat memberikan kesan terhadap nilai estatik sesuatu antaramuka pengguna. Perkataan ikon yang digunakan dalam kebanyakan antaramuka pengguna merujuk kepada simbol bergambar kecil yang menjadi perwakilan grafik sesuatu objek yang

4 30 terdapat dalam sistem komputer sama ada dokumen, folder, aplikasi atau media storan. Ikon-ikon yang digunakan mestilah bermakna dan berbeza antara satu sama lain.di samping mempunyai imej di dalamnya, sesuatu ikon itu perlu mengandungi label, latarbelakang dan sempadan. Sempadan ini dapat menentukan kawasan aktif sesuatu ikon. Ia memberitahu pengguna di mana seharusnya untuk membawa kursor untuk memilih ikon tersebut. Label diperlukan untuk mengelakkan kekeliruan kepada pengguna. Manakala latarbelakang menyumbang kepada penonjolan imej sesuatu ikon. Rajah 3.??? Berikut menunjukkan beberapa contoh ikon yang sering dijumpai dalam Microsoft Windows. Rajah 3.2 : Contoh ikon yang sering dijumpai di dalam Microsoft Windows Untuk merekabentuk ikon yang tepat yang dapat menyampaikan maklumat secara terus kepada pengguna bukanlah satu pekerjaan yang mudah.berikut adalah panduan untuk merekabentuk ikon.? Guanakan metafora yang tepat? Sediakan rekabentuk dua ikon yang berlainan saiz : 32 x 32 piksel untuk ikon yang besar dan 16 x 16 piksel untuk ikon bersaiz kecil.? Mulakan dengan imej hitam putih dahulu. Kemudian tambah warna pada ikon tersebut bagi menampakkan kejelasannya serta membezakannya dengan objek yang lain. Perekabentuk aplikasi perlulah menitikberatkan aspek-aspek tertentu seperti pemilihan warna, saiz, susunatur dan ruangan ketika merekabentuk ikon. Ini bertujuan dapat mengelakkan keselesaan terhadap pandangan pengguna.

5 Tetingkap Sesuatu tetingkap merangkumi ruangan di dalam skrin komputer atau desktop yang membolehkan pengguna berdialog dengan sistem komputer. Secara umumnya, tetingkap digunakan untuk memberikan pengguna mesej, pilihan, tindakan atau maklumat. Tetingkap merupakan komponen asas sesuatu antaramuka pengguna yang membolehkan pengguna memanipulasi objek. Persembahan sesuatu tetingkap adalah bergantung kepada fungsi komunikasi tetingkap tersebut. Pengguna boleh membuka lebih daripada satu tetingkap yang daripada aplikasi-aplikasi yang berbeza Komponen-komponen tetingkap Setiap tetingkap secara umumnya merangkumi rangka tetingkap, bar tajuk dan ruangan kandungan. Rangka tetingkap (window frame) merupakan sebahagian daripada tetingkap yang menjadi sempadan yang membezakan sesuatu tetingkap dengan tetingkap yang lain atau antara tetingkap dengan desktop. Bar tajuk biasanya terletak di bahagian atas sesuatu tetingkap. Ia mengandungi nama bagi tetingkap tersebut. Nama tetingkap biasanya terdiri daripada nama fail dan nama aplikasi yang sedang dilaksanakan. Terdapat juga kawalan-kawalan tetingkap yang diletakkan di dalam bar tajuk ini seperti kawalan tutup, kawalan saiz tetingkap dan ikon untuk menu kawalan sistem. Bar tajuk juga boleh digunakan untuk mengalihkan keseluruhan tetingkap ke lokasi yang lain. Ini dapat dilakukan dengan membawa kursor ke bar tajuk dan menyeretnya (drag) ke lokasi yang lain. Ruangan kandungan ialah kawasan dalam tetingkap yang sebenarnya menjadi fokus kepada pengguna. Ia memaparkan kandungan bagi sesuatu objek seperti dokumen yang hendak ditaip oleh pengguna. Ruangan kandungan ini juga dikenali sebagai client area. Rajah 3.3 menunjukkan komponen-komponen sesebuah tetingkap.

6 32 Menu sistem Bar tajuk Butang minimize Butang maximize Butang tutup Kerangka tetingkap Bar scroll Bar status Ruangan kandungan Rajah 3.3 : Komponen-komponen bagi sesebuah tetingkap Jenis-jenis Tetingkap Tetingkap Aplikasi Setiap objek mempunyai tetingkap yang dipanggil tetingkap aplikasi. Tetingkap aplikasi muncul apabila pengguna membuka objek tersebut. Kebanyakan tetingkap aplikasi mengandungi bar tajuk, menu kawalan, ikon-ikon, butang maximize dan butang minimize. Tetingkap aplikasi selalunya boleh diubah saiz dan kedudukannya. Pada kebiasaannya, terdapat bebarapa aplikasi yang dibuka pada waktu yang sama. Walaubagaimanapun pengguna hanya boleh berinteraksi dengan satu aplikasi dalam satu masa. Oleh itu, tetingkap yang sedang berinteraksi dengan pengguna akan kelihatan aktif. Namun begitu, terdapat juga aplikasi yang hendak sentiasa berada di bahagian hadapan. Sebagai contoh aplikasi televisyen dalam komputer peribadi. Oleh itu, dalam kebanyakan sistem antaramuka pengguna, pengguna diberi peluang untuk set tetingkap tersebut supaya sentiasa berada di hadapan.

7 33 Tetingkap Dokumen Tetingkap yang terlibat secara langsung dengan teingkap aplikasi dipanggil tetingkap dokumen. Tetingkap dokumen juga boleh diubah saiz dan kedudukannya.. Kebanyakan tetingkap dokumen mengandungi bar tajuk, butang maximize dan butang minimize. Namun begitu, apabila tetingkap dalam mod minimize, satu ikon atau butang khas untuk tetingkap dokumen tersebut akan muncul dalam tetingkap aplikasi. Kekotak Dialog Kekotak dialog merupakan satu tetingkap yang berbeza dengan tetingkap aplikasi dan tetingkap dokumen. Kekotak dialog biasanya mengandungi bar tajuk dan menu sistem. Bergantung kepada jenis-jenis kekotak dialog, ia boleh diubah lokasi dan saiznya. Kekotak dialog biasanya digunakan untuk mendapatkan maklumat-maklumat tertentu daripada pengguna dan memberikan mesej kepada pengguna. Rajah 3.4 menunjukkan contoh bagi jenis-jenis tetingkap yang telah dibincangkan. Tetingkap aplikasi Tetingkap dokumen Kekotak dialog