Pertemuan 9

Strategi Multiple-Window

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 TunggalKomponen-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)oMemisahkan window dari backgroundoUntuk menandai batas-batas windowoBisa menggunakan penebalan garis, dan

perubahan warna u/ menyoroti window yg aktif

Scroll Barso Sebuah window sangat kecil u/ menampilkan semua content atau isi yg ada

didlmnyo Untuk menggulung/memindahkan tampilan isi window, baik ke atas/bawah, dan

kiri/kanano Memiliki bentuk tanda panah ke atas dan kebawah yg bisa di klik u/

menghasilkan gerakan kecil.o Perlu ada feedback pd scroll bar u/ memastikan tindakan yg benar.

Page number in scroll boxtunjukkan nomor halaman didlm scroll box, user bs mengetahui dimana mrka beradaKlo scroll bar digunakan dlm huruf alfabet, makan tunjukkan huruf pertamanya.

Proportional scroll boxmengindikasikan/menggbrkn porsi dokumen yg tampak

Selectable position markersm’nandai keterangan posisi dgn m’brikan tanda segitiga kecil (apabila segitiga di klik, isi windiw akan beralih ke lokasi yg dituju)

Value bar showing sectionsu/ menunjukkan batas bagian dokumen

Page bar with discrete positionsu/ memungkinkan perpindahan halaman yg mudah

Aksi-aksi window meliputi :

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

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

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

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

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

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

6. 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 :

a. Multiple monitors

b. Rapid display flipping

c. Split displays

d. Space Filling tilling with fixed number, size, & place

Lanjutan….e. Space filling tilling with variable size,

place, & number

f. Non-space filling tilling

g. Piles of tiles

h. Window zooming

i. Arbitrary overlaps

j. 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,

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

d. Space Filling tilling with fixed number, size, & place

membentuk window dengan form tiled seperti pada keramik lantaiukuran dan jumlahnya sudah ditentukan

e. Space filling tilling with variable size, place, & number

Menentukan sendiri ukuran dan jumlah, serta penempatannya

e. Non-space filling tillingWindow maksimum 6 tampilan, pertama disebelah

kiri dulu, kedua membagi dua, ketiga baru bagi tiga, keempat disebelah kanan, dan seterusnya.

e. Piles of tilesMenampilkan window dlm bentuk bertumpuke. Window zoomingWindow dapat di minimize dan maksimize

memperbesar dan memperkecil windowe. Arbitrary overlapsPenggunaan window lain pada waktu yg

bersamaan, cthny sambil buka word bisa buka kalkulator, send email, dll

e. CascadeWindow 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:

1. Synchronized scrolling2. Hierarchical browsing3. Direct Selection4. Two-dimensional browsing5. Dependent-windows opening6. Dependent-windows closing7. 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