Pertemuan 9

1. Pertemuan 9 Strategi Multiple-Window

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

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, tidak langsung berhubungan dengan tugas pemakai

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

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

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

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

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

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

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

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

15. minimize maximize close

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

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

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

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

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

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

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

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

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

26. d. Space Filling tilling with fixed number, size, & place membentuk window dengan form tiled sepertipadakeramiklantai ukurandanjumlahnyasudahditentukan e. Space filling tilling with variable size, place, & number Menentukansendiriukurandanjumlah, sertapenempatannya

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

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

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

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

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

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

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

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