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

6
(No Transcript)
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
• mnandai keterangan posisi dgn mbrikan 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

14
(No Transcript)
15
(No Transcript)
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

23
(No Transcript)
24

• 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,

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

• Space Filling tilling with fixed number, size,
  place
• membentuk window dengan form tiled seperti pada
  keramik lantai
• ukuran dan jumlahnya sudah ditentukan
• e. Space filling tilling with variable size,
  place, number
• Menentukan sendiri ukuran dan jumlah, serta
  penempatannya

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

35
(No Transcript)