1 / 35

Pertemuan 9

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.

mikko
Download Presentation

Pertemuan 9

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

More Related