Strategi Multiple-Window Pertemuan 9 Strategi Multiple-Window

Pendahuluan Persoalan yang banyak dihadapai 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, tetapi tidak langsung berhubungan dengan tugas pemakai

Perancangan Window Tunggal Komponen-komponen window : Judul (titles) Untuk identifikasi window Beberapa window tidak mempunyai judul Title bar dapat berubah warna untuk menunjukkan window yang sedang aktif Bingkai (border or frames) Untuk menandai batas-batas window Scroll Bars Untuk menggulung (memindahkan tampilan isi window)

Contoh single window Title Scroll Bar Frame

Windows action Open action Open, place, & size action Close action Resize action Move action Bring forward action

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 membuka, 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 Fixed number, size, and place, and space-filling tiling Variable size, place, and number, and space- filling tiling

Non-space-filling tiling Piles-of-tiles Automatic panning Window zooming Arbitrary overlaps Cascades

Perancangan Multiple Window Multiple monitors Beberapa monitor digunakan untuk menampilkan informasi Rapid display flipping Perpindahan diantara tampilan pada satu monitor secara automatis atau dikendalikan pemakai

Fixed number, size & place, & space filling tilling Split displays Tampilan dibelah untuk menampilkan dua bagian tampilan atau lebih Fixed number, size & place, & space filling tilling Pembelahan tampilan sederhana dengan jumlah, ukuran dan posisi tile selalu sama

Variable size,place & number, & space filling tiling Window yang dibuka memotong window lain secara horizontal atau vertikal untuk menyediakan ruang baginya Non-space filling tiling Memperbolehkan celah diantara tile tetapi penumpukan tidak

Windows bertumpuk

Piles of tiles Automatic panning Memperbolehkan window ditumpuk penuh seperti menumpuk ubin Automatic panning Pergeseran window dimana window yang baru dibuka muncul di bagian bawah dan mendorong window yang sebelumnya terbawah dan window teratas keluar dari tampilan

Window zooming Arbitrary overlaps Pemakai dapat memperluas ukuran window hingga selayar penuh dan kemudian memperkecilnya kembali ke ukuran semula Contoh : Zoom In & Zoom Out Arbitrary overlaps Window dapat digerakkan ke titik manapun dari tampilan dan sebagian dapat berada diluar tampilan terpotong oleh batas layar. Contoh : MDI form & MDI Child pada VB

Cascades Aplikasi metafora “tumpukan kartu” dengan mengurutkan window secara berundak – undak dari kiri atas ke kanan bawah atau dari kiri bawah ke kanan atas Dari kiri atas ke kanan bawah Dari kiri bawah ke kanan atas

Koordinasi multiple windows dengan task Kelas koordinasi yang dapat dikembangkan oleh developer: 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 Contoh : Scroll B A.doc B.doc Scroll A

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, e-book Chapter 3.2 Chapter 3 Table of content klik Chapter 3.1 Chapter 3.2.1 Chapter 1 klik Chapter 3.2 Chapter 3.2.2 Chapter 2 Chapter 3.3 Chapter 3

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

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

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