Upload
others
View
16
Download
0
Embed Size (px)
Citation preview
Interaksi Manusia dan Komputer
Rapid Prototyping
Dimensi dan Terminologi
Metode-Metode Non-Komputer
Metode-Metode Komputer
Gambaran Deskripsi
Latihan Ikhtisar
1
Interaksi Manusia dan Komputer
Deskripsi Desain
Bagaimana kita menyatakan dengan cepat
gagasan-gagasan desain ?
Tidak ada koding software pada tahap ini.
Kunci Gagasan
Buat desain dengan cepat !!!
Sediakan banyak fleksibilitas untuk
perbedaan desain-desain
Buat desain dengan murah
Kembangkan respon feedback yang baik
2
Interaksi Manusia dan Komputer
Permasalahan
Anda tidak dapat mengevaluasi sebuah desain
hingga aplikasi program tersebut dibuat
tetapi …
Sesudah pembuatan aplikasi program,
perubahan terhadap sebuah desain merupakan
hal yang sulit dilakukan
Solusi
Simulasikan sebuah desain dengan
biaya yang rendah
3
Interaksi Manusia dan Komputer
Dimensi Prototyping1. Penggambaran
Bagaimana model dapat dilukiskan atau digambarkan ?
Dapatkah semua digambarkan dengan tekstur atau dapat
dengan visual dan diagram.
2. Ruang Lingkup Apakah masih dapat berhubungan (mock-up) atau apakah
masih dapat memasukkan beberapa komponen
perhitungan ?
3. Menjalankan Dapatkah prototype dijalankan ?
Jika koding, maka akan berada pada waktu yang tidak
dapat ditentukan.
4. Pengembangan Apakah yang harus ditingkatkan untuk produksi di waktu
yang akan datang ?
Revolusioner : Membuat yang lama tidak lagi sama.
Evolusioner : Mencari perubahan model
sebelumnya.
Metode-Metode Rapid Prototyping4
Interaksi Manusia dan Komputer
Non-Komputer
(Umumnya diawal proses)
VS
Berbasis Komputer
(umumnya diakhir proses)
Metode-Metode Non-Komputer
Tujuan : mengekspresikan (deskripsi)
ide desain dan mendapatkan opini yang
cepat dan murah pada sistem
Metode ?
Deskripsi Design
5
Interaksi Manusia dan Komputer
Dapat menyederhanakan penggambaran textur dari dari sebuah desain sistem
o Kelemahannya adalah terlalu jauh dari tujuan sistem
o Tidak bisa melakukan penggambaran visual aspek dari interface dengan baik
Sket, Model skala utuho Penulisan dasar “drawings” dari interfaceo Baik untuk pengilhamano Terfokus pada orang-orang yang berada
pada gagasan desain tingkat tinggio Tidak terlalu baik untuk menguraikan alur
dan detailo Cepat dan murah sangat membantu
umpan balik
Gambaran Cerita6
Interaksi Manusia dan Komputer
Simulasi pensil dan kertas atau panduan dari
tampilan sistem dan kegunaannya
Menggunakan urutan dari diagram-diagram
atau gambar-gambar
Menunjukkan tampilan utama
Cepat dan mudah
Contoh :
Skenario
7
Interaksi Manusia dan Komputer
Kegunaan hipotesis atau situasi fiksi
Biasanya melibatkan beberapa orang, peristiwa,
situasi, dan lingkungan
Menyediakan konteks operasi
Lebih banyak dalam bentuk cerita, tapi juga dapat
berupa sketsa atau bahkan video
Utilitas Skenario
Menjanjikan dan menarik
Memperbolehkan perancang untuk melihat
masalah dari sudut pandang orang lain
Memfasilitasi tanggapan dan opini
Dapat menjadi sangat modern dan kreatif
Teknik-Teknik Lain8
Interaksi Manusia dan Komputer
Tutorial dan Buku Petunjuk
- Boleh jadi dituliskan di awal untuk menjelaskan fungsinya.
- Membuat perencana lebih mempertegas mengenai
keputusan-keputusannya
- Ditulis di atas kertas adalah lebih bermakna
Metode-Metode Komputer
Simulasi dari fungsi sistem
- Biasanya hanya beberapa fitur-fitur atau aspek-aspek
- Dapat fokus dalam beberapa detail
- Umumnya menarik
- Bahaya : kebanyakan user enggan untuk memberikan
kesan perubahan dalam sekali waktu, user lebih melihat
keadaan model sebenarnya.
Terminologi
9
Interaksi Manusia dan Komputer
Prototipe Horizontal
Sangat luas, melakukan atau menunjukkan
interface yang banyak, tetapi tidak mendalam
Prototipe Vertikal
Memiliki lebih sedikit fitur atau aspek dari
interface yang disimulasikan, tetapi dilakukan secara
mendetail
Prototipe Cepat
Prototipe Lambat
Prototipe Ketepatan Rendah
Prototipe Ketepatan Tinggi
Bentuk Utilitas Program
10
Interaksi Manusia dan Komputer
1. Program Menggambar
Contoh : Photoshop, CorelDraw
2. Simulasi tulisan / pertunjukkan slide
Contoh : Power point, Hypercard,
Macromedia Director, HTML
3. Pembangun Interface
Contoh : Visual Basic, Delphi, UIMX
Prototyping Tools
11
Interaksi Manusia dan Komputer
1. Program Menggambar / Melukis
Menggambarkan setiap layer, indah
untuk dilihat
Prototipe horizontal, tipis
AdobePhotoshop
Prototyping Tools
12
Interaksi Manusia dan Komputer
2. Script Simulasi / Slide Show
- Letakan storyboard, tampilan dengan
transisi animasi diantaranya.
- Dapat memberikan pemakai script yang
sangat spesifik untuk diikuti.
- Sering disebut prototyiping chauffeured.
- Macromedia Director.
Prototyping Tools
3. Interface Builders (Pembangun Interface)
13
Interaksi Manusia dan Komputer
Tools atau alat-alat untuk mendisain windows (jendela), control , dll dari
sebuah interface
- Setelah membuat dan menguji mode-mode, yang baik untuk
menampilkan tampilan
- Membuat sebuah kode dimana fungsi back-end dapat ditambahkan
selama pembuatan program.
Prototyping Tools
14
Design Area
UI Controls
Control Properties
Interaksi Manusia dan Komputer
Kelebihan
Mudah untuk mengembangkan dan memodifikasi
screens
Mendukung tipe dari interface yang anda kembangkan
Mendukung beragam I/O device
Mudah untuk me-link screen dan memodifikasi link
Memperbolehkan pemanggilan eksternal prosedur dan
program
Memperbolehkan pengimporan text, grafik, dan media
lainnya
Mudah untuk dipelajari dan digunakan
Dukungan yang bagus dari vendor
Permodelan
15
Interaksi Manusia dan Komputer
cepat
kurang tepat
bagan, maket
Skenario
rancangan tepat
slide show
simulasi
sistem permodelan sangat tepat
lambat
Teknik Permodelan
16