Strategi Multiple-Window Pertemuan 9 Strategi Multiple-Window

Persoalan yang banyak dihadapi para pemakai komputer : Pendahuluan Persoalan yang banyak dihadapi para pemakai komputer : Perlu melihat lebih dari satu sumber dengan cepat dengan cara yang tidak banyak mengganggu tugas Pada tampilan besar timbul masalah pergerakan mata dan kepala serta visibility

Pada tampilan kecil, window terlalu kecil untuk dapat efektif Perlu memberikan informasi yang cukup dan keluwesan untuk menyelesaikan tugas, sementara mengurangi aksi window housekeeping, clutter yang mengalihkan perhatian, pergerakan mata dan kepala

Windows Housekeeping adalah aktivitas mengurusi window yang berhubungan dengan dunia komputer, tidak langsung berhubungan dengan tugas pemakai

Perancangan Window Tunggal Komponen-komponen window : Judul (titles) Bingkai (border or frames) Scroll Bars Page number in scroll box Proportional scroll box Selectable position markers Value bar showing sections Page bar with discrete positions

Komponen-komponen window : Judul (titles) Untuk identifikasi window Beberapa window tidak mempunyai judul Title bar dapat berubah warna untuk menunjukkan window yang sedang aktif Window aktif a/ yg mnrima penekanan tombol dari keyboard Gbr letakny! Bingkai (border or frames) Memisahkan window dari background Untuk menandai batas-batas window Bisa menggunakan penebalan garis, dan perubahan warna u/ menyoroti window yg aktif

Value bar showing sections u/ menunjukkan batas bagian dokumen Scroll Bars Sebuah window sangat kecil u/ menampilkan semua content atau isi yg ada didlmny Untuk menggulung/memindahkan tampilan isi window, baik ke atas/bawah, dan kiri/kanan Memiliki bentuk tanda panah ke atas dan kebawah yg bisa di klik u/ menghasilkan gerakan kecil. Perlu ada feedback pd scroll bar u/ memastikan tindakan yg benar. Page number in scroll box tunjukkan nomor halaman didlm scroll box, user bs mengetahui dimana mrka berada Klo scroll bar digunakan dlm huruf alfabet, makan tunjukkan huruf pertamanya. Proportional scroll box mengindikasikan/menggbrkn porsi dokumen yg tampak Selectable position markers m’nandai keterangan posisi dgn m’brikan tanda segitiga kecil (apabila segitiga di klik, isi windiw akan beralih ke lokasi yg dituju) Value bar showing sections u/ menunjukkan batas bagian dokumen Page bar with discrete positions u/ memungkinkan perpindahan halaman yg mudah

Aksi-aksi window meliputi : Aksi membuka (open action) Window dibuka dari icon atau menu dengan suatu perintah yang diketik, pilihan menu, perintah suara, klik atau klik ganda Umpan balik sangat bermanfaat

Aksi menempatkan, dan menentukan ukuran (open place and size action) Window tampil ditempat yang dirancang dengan ukuran yang sama, sehingga dapat diramalkan tetapi sering harus dipindahkan dan diubah ukurannya Window ditampilkan pada tempat dan ukuran terakhir

Window dibuka dekat fokus Window pesan ditampilkan secara automatis Lanjutan… Window ditampilkan menggunakan pendekatan perhitungan yang menentukan tempat dan ukuran berdasarkan window-window yang sudah ada di tampilan Window dibuka dekat fokus Window pesan ditampilkan secara automatis

Aksi menutup (close action) Window mempunyai ikon kecil untuk menutup dirinya Window dapat juga ditutup dengan tombol close, cancel, atau ok Umpan balik sangat bermanfaat

Aksi mengubah ukuran (resize action) Mac OS : hanya dari pojok kanan bawah NeXT : pojok kanan bawah dan kiri bawah NeWS, SmallTalk : pilihan menu “size” Microsoft Windows, OSF/Motif, OS/2, dll, memungkinkan resize dari seluruh pojok dan keempat sisi Beberapa sistem memungkinkan window diminimasi dan dimaksimasi

minimize maximize close

Aksi memindahkan (move action) Xerox STAR, Windows 1.0 : pilih menu item “move” lalu klik tujuan Mac OS, Microsoft Windows: Title bar dapat diseret untuk memindahkan window

Beberapa sistem mengharuskan seluruh window terlihat di layar, sementara yang lain membolehkan hanya sebagian saja

Aksi membawa ke depan atau mengaktifkan (bring forward or activation action) Ketika digunakan window bertumpuk, perlu dibuat mekanisme untuk membawa window ke depan dan mengaktifkannya

Cara-cara : Mengetikkan perintah dengan keyboard Mengklik pada menu daftar window yang terbuka Mengklik bagian apapun dari window Memindahkan kursor ke atas window

Perancangan Multiple Window Tantangan untuk memberi akses kepada banyak sumber informasi telah membangkitkan banyak solusi : Multiple monitors Rapid display flipping Split displays Space Filling tilling with fixed number, size, & place

Lanjutan…. Space filling tilling with variable size, place, & number Non-space filling tilling Piles of tiles Window zooming Arbitrary overlaps Cascades

a. Multiple monitors Beberapa monitor digunakan untuk menampilkan informasi Jarak antar monitor memperlambat pekerjaan Digunakan stock market trader dan proces control operator, memperlambat pekerjaan krn gangguan pergerakan mata antar monitor

b. Rapid display flipping (perpindahan tampilan yg cepat) - alternatif mengganti-ganti tampilan dgn cepat antara display secara otomatis ataupun oleh kendali user. - dignakan u/ knowledgeable user - user tidak bs mengetahui pd window mana mereka sedang berada,

Split displays (memisahkan tampilan) - bnyk digunakan pd word processor - u/ menunjukkan 2 atau lebih dokumen - tersedia pada sistem berorientasi teks, seperti wordperfect (2 window), ms word(8 window) - dapat dibuat horizontal (u/ menampilkan window dengan klebaran penuh) & vertikal ( u/ memungkinkan perbandingan side by side, tetapi hanya u/ file yg ukurannya sempit) - Menyederhanakan window, tapi memperlihatklan feature yg lebih sedikit dari sistem window

membentuk window dengan form tiled seperti pada keramik lantai Space Filling tilling with fixed number, size, & place membentuk window dengan form tiled seperti pada keramik lantai ukuran dan jumlahnya sudah ditentukan e. Space filling tilling with variable size, place, & number Menentukan sendiri ukuran dan jumlah, serta penempatannya

Non-space filling tilling Window maksimum 6 tampilan, pertama disebelah kiri dulu, kedua membagi dua, ketiga baru bagi tiga, keempat disebelah kanan, dan seterusnya. Piles of tiles Menampilkan window dlm bentuk bertumpuk Window zooming Window dapat di minimize dan maksimize memperbesar dan memperkecil window Arbitrary overlaps Penggunaan window lain pada waktu yg bersamaan, cthny sambil buka word bisa buka kalkulator, send email, dll Cascade Window ditempatkan dari upper left down to the lower right, atau dari lower left up to the upper right

Koordinasi multiple windows dengan task Kelas koordinasi yang dapat dikembangkan oleh developer: Synchronized scrolling Hierarchical browsing Direct Selection Two-dimensional browsing Dependent-windows opening Dependent-windows closing Save or open window state

Koordinasi multiple windows dengan task Kelas koordinasi yang dapat dikembangkan oleh developer: 1. Synchronized scrolling Scroll bar dari window yang satu dapat dikaitkan dengan scroll bar lainnya Gerakan dari scroll bar yang satu menyebabkan yang lainnya ikut menggulung isi window Berguna untuk membandingkan dua versi dokumen

2. Hierarchical browsing Window yang satu berisi daftar isi atau daftar pilihan yang jika dipilih akan menampilkan isinya di window lainnya Contoh : windows explorer, “Online View” pada Microsoft Word

Direct Selection Mengklik icon, kata pada tulisan, atau nama variabel pada program memunculkan window yang memperinci penjelasannya Contoh : windows Help

Two-dimensional browsing Menunjukkan pandangan high level dari peta, grafik, foto, atau gambar lainnya di sudut yang satu, dan rinciannya di window yang lebih besar

Dependent-windows opening Dengan membuka window, window-window lainnya yang tergantung dengannya (dependent windows) terbuka juga pada lokasi yang dekat dan memudahkan Contoh : player, equalizer, dan playlist pada winamp

Dependent-windows closing Menutup window dapat menutup semua dependent windows Save or open window state Keadaan terakhir sistem meliputi window dan isinya dapat disimpan