Strategi Multiple-Window

Presentasi berjudul: "Strategi Multiple-Window"— Transcript presentasi:

1 Strategi Multiple-Window
Pertemuan 9 Strategi Multiple-Window

2 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

3 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

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

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

6 Contoh single window Title Scroll Bar Frame

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

8 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

9 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

10 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

11 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

12 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

13 minimize maximize close

14 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

15 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

16 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

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

18 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

19 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

20 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

21 Windows bertumpuk

22 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

23 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

24 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

25 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

26 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

27 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

28 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

29 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

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

31