1

Bab 8
Pembangunan Prototaip
2
Apa itu prototaip?
Prototaip dalam bidang lain model
bersaiz kecil
Contoh: kereta, jambatan, bangunan
Prototaip - sebarang bentuk dan versi
suatu perisian atau sistem yang boleh
menggambarkan perlakuan dan ciri-ciri
perisian tersebut

3
Apa itu prototaip?
Dalam rekabentuk interaksi atau HCI , ia
boleh jadi suatu:
Siri lakaran skrin
Papancerita, spt. Lakaran siri kartun
Slaid power point
Simulasi video tentang penggunaan sistem
Bongkah kayu (PalmPilot)
Model kad manila
Perisian yang belum lengkap fungsiannya


4
Kenapa perlu bangunkan
prototaip?
Penilaian dan maklumbalas adalah fokus utama
dalam rekabentuk interaksi
Pemegang taruh boleh melihat, memegang, dan
berinteraksi dengan prototaip labih mudah
berbanding dengan dokumen dan rajah
Ahli kumpulan pembangun boleh berkomunikasi
secara efektif
Prototaip menangani isu, membantu perekabentuk
dalam memilih di antara alternatif rekabentuk
5
Apa yang perlu diprototaip?
Isu-isu teknikal
Aliran kerja, rekabentuk tugas
Bentangan skrin dan paparan maklumat
Isu-isu yang rumit, kontroversi dan
kritikal
6
Pembangunan Prototaip
Prototaip Pantas dan Buang
Tidak disimpan, dibuang setelah dinilai
Hanya untuk menguji aspek-aspek tertentu
Prototaip Berperingkat
Pemecahan kepada komponen-komponen kecil
Setiap kompnen diabgunkan satu demi satu
Prototaip Berevolusi
Bermulka dengan fungsian yang terhad,
berkembang kepada sistem yang lengkap
7
Prototaip Pantas dan Buang
Keperluan asas Pembangunan Prototaip Penilaian Prototaip
Sesuai?
Keperluan akhir
ya
tidak
8
Prototaip Berperingkat
Kenalpasti
Komponen
Merekabentuk komponen / prototaip
Spesifikasi
Keperluan
Rekabentuk
Arkitektur
Rekabentuk
Terperinci
Implementasi
Integrasi
Sistem
lengkap?
Operasi dan
Selenggara
ya tidak
9
Prototaip Berevolusi
Spesifikasi
Keperluan
Rekabentuk
Arkitektur
Rekabentuk
Terperinci
Implementasi
Integrasi
Pembangunan
Prototaip
Penilaian
Prototaip
Operasi dan
Penyelenggaraan
10
Prototaip Pantas dan Buang
Juga dikenali sebagai prototaip berketapan rendah
(low-fidelity)
Mengunakan medium yang tidak sama dengan
medium dalam produk akhir, cth. kertas, kad manila
Cepat, murah dan mudah diubah
Contoh:
Lakaran skrin, jujukan tugas
Nota Post-it
Papancerita
Wizard-f-Oz
11
Papancerita (storyboard)
Selalunya digunakan bersama senario, dan
agak terperinci
Suatu siri lakaran yang menunjukkan
bagaimana pengguna boleh melaksanakan
suatu tugas menggunakan sistem yang akan
dibangunkan
Digunakan di peringkat awal rekabentuk
12
Pelakaran (sketching)
Pelakaran adalah penting bagi prototaip
ketepatan rendah
Perekabentuk tidak akan terkekang oleh
kekurangan kemahiran dalam melukis
Menggunakan simbol-simbol yang
mudah
13
Kad Indeks
Kad indeks 3 X 5 inci
Setiap kad mewakili satu skrin
Sering digunakan dalam pembangunan
laman web
14
Simulasi Berkomputer
Simulasi atau animasi menggambarkan
perjalanan sistem
Dihasilkan menggunakan alatbantu,
contohnya HyperCard dan Visual Basic
Pengguna boleh berinteraksi dengan
prototaip
Tidak semestinya mengandungi
kesemua fungsian
15
Wizard-of-Oz
Pengguna menjangkakan yang mereka berinteraksi
dengan komputer, tetapi sebenarnya pembangun
yang memberikan respon, bukan sistem.
Selalunya digunakan di peringkat awal rekabentuk
untuk memahami jangkaan dan tanggapan pengguna

>Blurb blurb
>Do this
>Why?
User
16
Prototaip Berpemandu
(chauffeured)
Melibatkan pengguna sebagai penilai
yang memerhati salah seorang
pembangun berinteraksi dengan
prototaip
Berguna untuk mengesahkan jujukan
tindakan
Jarang digunakan
17
Prototaip Ketepatan Tinggi
Menggunakan bahan yang sama
dengan produk akhir
Prototaip lebih mirip kepada produk
akhir
Beberapa kelemahan :
Masa yang lama
Tumpuan penilaian adalah kepada aspek
luaran
Harapan yang tinggi oleh pengguna