STRATEGI BANYAK WINDOW

dokumen-dokumen yang mirip
Pertemuan 9. Windows Housekeeping. Pendahuluan. Strategi Multiple-Window

Pemilihan Tipe Windows

PEMILIHAN TIPE WINDOWS

PENGENALAN HTML - 3. Gambar 1. Layer Toolbar

BAB I PENDAHULUAN. informasi menjadi sangat mudah diakses. Walaupun jarak informasi terletak di

Persoalan yang banyak dihadapai para pemakai komputer : Strategi Multiple-Windows

FLASH, FRAME, BEHAVIOR

BAB 3 PERANCANGAN PROGRAM APLIKASI

MODUL #1 Membuat Kartu Nama dengan CorelDraw

TIK CERDA S. Adobe Photoshop MODUL ADOBE PHOTOSHOP TIK CERDAS. TIK CERDAS Surabaya, Indonesia

Pengenalan Komputer dan Internet

BAB III METODOLOGI 3.1 Analisis Kebutuhan

Bab 10 Pemakaian Frame

MENGENAL PERANGKAT LUNAK PENGOLAH KATA

BAB 4 IMPLEMENTASI DAN EVALUASI

Budi Setyono Pengantar Internet 1/31

BAB II LANDASAN TEORI

Menggunakan Browser dan Mesin Pencari

Modul. 1 PENGENALAN MICROSOFT WORD

sistem penjendelaan sering disebut juga dengan sistem antarmuka yang memungkinkan pengguna untuk menampilkan berbagai informasi baik sendiri-sendiri

Pemrograman Web DASAR HTML 2

Aplikasi Komputer. Berisi tentang Microsoft Excel (Bagian 1) Dosen : Teguh Budi Santoso, S.Kom, M.Kom. Modul ke: Fakultas Fakultas Teknik

GIMP & INKSCAPE. Materi Ujian Sekolah Tertulis (Grade 12)

MENDEMONSTRASIKAN AKSES INTERNET

Gambar 1 - Graphical User Interface (GUI) dbookpro

Ruang Kerja DREAMWEAVER MX 2004 :

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.

Lab. Komunikasi Digital Gedung D4 PENS - ITS

Interface Pengguna Grafik (GUI) dbookpro

BAB III ANALISIS DAN PERANCANGAN

Area kerja. Gambar 1. Tampilan awal MS FrontPage

Hampir semua orang pernah mendengar Internet, Penggunaan Browser untuk Akses Internet BAB V. Tujuan Pembelajaran. Kata kunci

SUMBER BELAJAR PENUNJANG PLPG 2017 [TIK] BAB VI PEMANFATAN TEKNOLOGI INFORMASI DAN KOMUNIKASI DALAM MATERI PEMBELAJARAN DAN MEDIA KOMUNIKASI

Konsep Pembuatan Website

1.1 Mengenal dan Memulai Excel 2007

Aplikasi Surat Keluar Masuk Versi 1.0

PROSEDUR MENJALANKAN APLIKASI PENCARI LAWAN TANDING FUTSAL BERBASIS WEB WILAYAH DKI JAKARTA PROSEDUR MENJALANKAN APLIKASI SECARA MANUAL

by F. Denie Wahana, S.Kom.

BAB 3 PERANCANGAN PROGRAM

Sistem Informasi Geografis (SIG) Pengenalan Dasar ILWIS JURUSAN TEKNIK GEOMATIKA FAKULTAS TEKNIK SIPIL DAN PERENCANAAN

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

Sistem yang dibutuhkan untuk menjalankan Firefox adalah sebagai berikut.

Membuat Buku Kerja dengan Microsoft Excel

Mengenal Ms.Excel 2010

BAB III ANALISA, KONSEP DAN PERANCANGAN

Meta Trader 4 for iphone User Guide

Mempersiapkan Presentasi Profil Perusahaan

Mengenal Dreamweaver MX 2004

Produksi Iklan Audio _ Visual

MODUL #1 Membuat Kartu Nama dengan Adobe Illustrator CS2

BAB III KONSEP, DESAIN DAN PENGUMPULAN MATERI

Fungsi dari Menu-Menu Lain pada SPSS

Wijaya Graha Puri Blok D-1 Jl. Darmawangsa Raya No. 2 Jakarta Phone: (62-21) , Fax: (62-21)

BAB 4 IMPLEMENTASI DAN EVALUASI

Menu, Formulir, dan Kotak Dialog. Interaksi Manusia dan Komputer Sesi 6

BAB III ANALISA DAN PERANCANGAN

Pemrograman Web WEEK 03 HTML LANJUT

Tutorial Membuat Website dengan Photoshop CS2

BAB II LANDASAN TEORI. sistem komputer tersusun atas tiga elemen, yaitu. 1. Hardware (Perangkat Keras), merupakan rangkaian elektronika

Universitas Krisnadwipayana Fakultas Teknik Program Studi Arsitektur 3D Animasi Arsitektur - 1

( Microsoft office Word, Excel, Power Point 2013 )

Hak Cipta Pada

Pertemuan V. Semester 1

Pemakaian Komputer dan Perlengkapannya untuk Pembelajaran

BAB 3 ANALISIS DAN PERANCANGAN. digunakan adalah suatu sistem yang terdiri dari banyaknya perulangan, baris

BAB 4 IMPLEMENTASI DAN EVALUASI

Menu, Form, dan Kotak Dialog

BAB 3 PERANCANGAN PROGRAM. Dalam perancangan program aplikasi optimalisasi pemesanan bahan baku ini,

Menginstalasi Windows 8 dengan Cara Membuat Salinan Baru

BAB 3 ANALISIS DAN PERANCANGAN. Metode Inverse Modified Discrete Cosine Transform (IMDCT) yang akan

Pengenalan PowerPoint

Panduan E-Learning Untuk Dosen S2 S1 D-IV DIII

BAB II LANDASAN TEORI

i L i f e & M A C O S

MESIN PENCARI INFORMASI

BAB III ANALISA DAN PERANCANGAN

Latihan Soal Ulangan Semester Genap 2015 Matpel TIK Kelas 8

BAB II LANDASAN TEORI

Panduan Dosen Pengguna elearning Perbanas

BAB 4 HASIL DAN PEMBAHASAN Kebutuhan Perangkat Keras Mobile. perangkat keras yang memiliki spesifikasi sebagai berikut:

PELATIHAN MICROSOFT VISIO 2010 Profesional

1. Piranti yang digunakan untuk mencetak data di kertas adalah. a. Monitor b. Disk drive c. Printer d. Speaker

HYPERMEDIA DAN WORLD WIDE WEB

WEB BROWSER World Wide Web WWW SEARCH ENGINE Mesin pencari

BAB IV IMPLEMENTASI DAN PENGUJIAN

Album dan Yahoo! Messenger Status.

Penjelajahan di Dunia Maya (Browsing/Surfing)

BAB II LANDASAN TEORI

GioBox Android Application Manual

BAB IV ANALISA DAN PEMBAHASAN

Hypermedia dan World Wide Web

2. Searching, Bookmark dan Download

Sejarah Web Browser. Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks.

(User Manual) Sistem Informasi Manajemen Kependudukan dan Aset Desa Desaku. Buku Petunjuk Penggunaan Aplikasi

Heryzal Heryandi

BAB 4 IMPLEMENTASI DAN EVALUASI. Perangkat keras yang digunakan untuk membuat aplikasi ini yaitu: 1. Processor Intel(R) Core(TM) Duo 2.

LATIHAN SOAL UJIAN AKHIR SEMESTER GASAL MAPEL TEKNOLOGI INFORMASI DAN KOMUNIKASI SMP MUHAMMADIYAH 3 DEPOK

2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu

Transkripsi:

STRATEGI BANYAK WINDOW Persoalan yang dihadapi 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 menyelesaikantugas, sementara mengurangi aksi window housekeeping, clutter yang mengalihkan perhatian, pergerakan mata dan kepala. 1

Jika tugas pemakai dimengerti dengan baik dan umum, sangat mungkin strategi tampilan banyak window dapat dikembangkan. Window housekeeping adalah aktivitas mengurusi window yang berhubungan dengan dunia komputer, tidak langsung berhubungan dengan tugas pemakai. Perancangan Window Tunggal Window adalah bidang yang berisi program aplikasi atau file dokumen, yang dapat dibuka dan ditutup, diubah ukurannya, dan dipindahpindahkan. Objek-objekantarmuka window: Judul (title) untuk identifikasi window. Bingkai (borders or frames) untuk menandai batasbatas window. Scroll bars untuk menggulung (menggerakkan isi di bawah window). 2

Aksi antarmuka window Membuka (open action). Membuka, menempatkan dan menentukan ukuran (open, place and size action). Menutup (close action). Mengubah ukuran (resize action). Memindahkan (move action). Membawa ke depan atau mengaktifkan (bring forward or activation action) Perancangan Banyak Window Multiple monitors: Beberapamonitor digunakan untuk menampilkan informasi. Rapid display flipping: Perpindahan di antara tampilan pada satu monitor secara automatis atau dikendalikan pemakai. Split displays: Tampilan dibelah untuk menampilkan dua bagian dokumen atau lebih, atau dua dokumen atau lebih. Space-filling tiling with fixed number, size, and place: Pembelahan tampilan sederhana dengan jumlah, ukuran, dan posisi tile selalu sama. 3

Space-filling tiling with variable size, place, and number: window yang dibuka memotongwindow lain secara horizontal atau vertikal untuk menyediakanruang baginya. Non-space-filling tiling: membolehkan celah di antara tile tetapi penumpukan tidak. Piles-of-tiles: membolehkanwindow ditumpuk penuh seperti menumpuk ubin Window zooming: Pemakai dapat memperluas ukuran window hingga selayar penuh dan kemudian memperkecilnyakembali ke ukuran semula. Arbitrary overlaps: Window dapat digerakkan ke titik manapun dari tampilan, dan sebagian dapat beradadi luar tampilan, terpotong oleh batas layar. Disebut juga sistem window dua setengah dimensi. Cascades: aplikasi metafora tumpukan kartu dengan mengurutkan window secara berundak 4

Koordinasi dengan Tightly- Coupled Windows Koordinasiadalah konsep tugas yang menggambarkanbagaimanaobjek informasi berubah berdasarkan pada aksi pemakai. Tight coupling di antara window adalah konsep antarmuka yang mendukung koordinasi. Koordinasi generik yang dapat didukung oleh pengembangantarmuka Koordinasi generik 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. Contoh: UltraEdit. Hierarchical browsing Window yang satu berisi daftar isi atau daftar pilihan yang jika dipilih akan menampilkan isinya di window lainnya. Contoh: Windows Explorer 5

Direct selection Mengklik ikon, kata pada tulisan, atau nama variabel pada program memunculkan window yang memperinci penjelasannya. Contoh: Windows Help. Two-dimensional browsing Menunjukkan pandangan high-level dari peta, grafik, foto, atau gambar di sudut yang satu, dan rinciannya di window yang lebih besar. Contoh: Peta dan tampilan permainan pada StarCraft. 6

Dependent-windows opening Dengan membuka window, windowwindow lainnya yang tergantung dengannya (dependent windows) terbuka juga pada lokasi yang dekat dan memudahkan. Contoh: Toolbars pada Adobe Photoshop. Dependent-windows closing Menutup window dapat menutup semua dependent windows. Save or open window state Keadaan terakhir sistem meliputi window dan isinya dapat disimpan. 7

Penjelajahan Gambar dengan Tightly-Coupled Windows Perancangan image browsers harus dikendalikan oleh tugas pemakai, yang dapat diklasifikasikan sebagai berikut: Pembuatan gambar. Membangun gambar besar atau diagram. Eksplorasi open-ended. Penjelajahan untuk memperoleh pemahaman atas peta atau gambar. Diagnostik. Pemindaian untuk cacat pada diagram rangkaian, citra medis atau tataletak suratkabar. Navigasi. Memiliki pengetahuan atas overview, tetapi perlu mengejar rincian di sepanjang jalan tol. Monitor: Lihat overview, dan jika terjadi masalah, zoom ke rincian. Window dan Web Halaman Web dapat menampilkan informasi dalam banyak window dengan cara: Menggunakan frames Menggunakan inline frame Membuka window baru. Menggunakan pop-up window Namun kenyataannya sering disalahgunakan. Kebutuhan pemakai untuk membuat bagian halaman yang tidak bergulung dapat dilakukan dengan HTML division dan CSS 8

Kelemahan frames Frame merusak model terpadu dari Web. Bookmark sulit. URL hanya menunjukkan alamat frameset sehingga tidak berfungsi sebagai mekanisme pengalamatan lagi. Pencetakan sulit. Pembuatan sulit bagi pengembang Web. Search engine akan mengalami kesulitan. Situs Web jadi tidak dapat diterka: informasi muncul di frame yang mana. Email dan transportasi sulit. Inline frame (iframe) tidak berbahaya karena merupakan bawahan dari halaman utama. Membuka window baru jika pemakai memilih suatu link tidak disarankan (Nielsen 1999) karena: Mengotori layar sementara OS mempunyai manajemen window yang buruk. Tombol Back tidak bekerja. 9

Pop-up window Baik digunakan untuk: Context-sensitive help. Picker window (tambahan pada formulir isian dengan fungsi pencarian dan pemilihan yang tidak dapat dilakukan dengan komponen formulir biasa). Tidak baik digunakan untuk iklan atau promosi karena pemakai telah mengembangkan kebiasaan pop-up purges, yaitu menutup pop-up window sebelum selesai dirender (Nielsen 1999). Karena itu sebaiknya tidak digunakan untuk menampilkan informasi esensial. Terimakasih 10