Hi...

Nama Kelompok
I Putu Dedy Ardana Putra 1605551104
Putu Bagus Candradinatha 1605551105
I Made Riken Indra Putera 1605551106
Apa itu Prototyping ?

Apa itu Prototype?

 Prototype merupakan reprsentasi konrit dari sebagian atau
keseluruhan sistem interaktif. Protipe adalah artifak nyata, bukan
deskripsi abstrak yang perlu diinterpretasikan
Prototyping adalah salah satu pendekatan dalam pengembangan
sistem yang secara langsung mendemonstrasikan bagaimana
sebuah sistem atau komponen-komponen sistem akan bekerja
dalam lingkungannya sebelum tahapan konstruksi aktual
dilakukan.
Mengapa menggunakan prototype ?....
o Untuk melakukan evaluasi dan mendapatkan feedback pada rancangan
interaktif.
o Agar stakeholder (dalam hal ini user) dapat melihat, menyentuh,
berinteraksi dengan prototype.
o Agar anggota tim dapat berkomunikasi secara efektif.
o Agar para perancang dapat mengeluarkan ide-idenya.
o Untuk memunculkan ide-ide secara visual dan mengembangkannya.
o Dapat menjawab pertanyaan, kemudian membantu pemilihan di antara
alternatif alternatif.
o Mendapatkan informasi dan pemahaman tentang pengalaman pengguna.
o Estimasi dan validasi tentang kesulitan perancangan, keputusan dan
keuntungan biaya.
o Investigas, explorasi dan pembandingan solusi perancangan yang berbeda.
Jenis Jenis
Prototyping
 Feasibility prototyping digunakan untuk menguji kelayakan dari
teknologi yang akan digunakan untuk system informasi yang akan
disusun.
Requirement prototyping digunakan untuk mengetahui
kebutuhan aktivitas bisnis user.
Desain Prototyping digunakan untuk mendorong perancangan
system informasi yang akan digunakan.
Implementation prototyping merupakan lanjutan dari rancangan
protipe, prototype ini langsung disusun sebagai suatu system
informasi yang akan digunakan.
Teknik-Teknik
Prototyping....
 Low Fidelity P...
Teknik prototyping
dibagi menjadi
bebrapa bentuk
yaitu...
Medium Fidelity P...

High Fidelity P...

Low Fidelity Protoyping...

Low fidelity prototype tidak terlalu rinci menggambarkan sistem. Karakteristik dari low
fidelity prototype adalah mempunyai fungsi atau interaksi yang terbatas, lebih menggambarkan
kosep perancangan dan layout dibandingkan dengan model interaksi, tidak memperlihatkan
secara rinci operasional sistem, mendemostrasikan secara umum feel and look dari antarmuka
pengguna dan hanya menggambarkan konsep pendekatan secara umum (Walker et al, 2003)
Pada dasarnya mock up kertas dari antar muka terlihat, terasa, dan fungsionalitasnya
cepat dan mudah untuk dipersiapkan serta dimodifikasi. Tujuannya adalah
Brainstorm Competing design
Memperoleh reaksi pengguna (termasuk saran untuk perubahan).
Low Fidelity Protoyping...

Sketsa

antarmuka dari sistem yang diusulkan sketsa dari antarmuka

Low Fidelity Protoyping...

Dalam sketsa, tampilan luar dari sistem yang dimaksud digambar, biasanya berupa
perkiraan kasar tampilan akhir. Perkiraan kasar tersebut membantu orang berkonsentrasi pada
konsep tingkat tinggi , tetapi sulit untuk memvisualisasikan interaksi.

Storyboarding
Prototipe berbasis scenario. Skenario adalah pengguaan skrip tertentu dari suatu
sistem. Empat slide berikut menunjukann contoh storyboarding dari sebuah skenario dari
stroller-buying menggunakan anatarmuka e-commerce.
Tampilan awal. Menunjukan tata letak dari pilihan antarmuka

Begitu stroler
dipilih oleh
pelanggan, tagnya
dipindai dengan
pemindai
genggam. Rincian
kereta dorong
ditampilkan pada
antarmuka jika
pemindaian
berhasil. Selain
itu, tombol pilihan
menjadi aktif
setelah
pemindaian
berhasil.
 Namun, pelanggan bisa memilih produk yang Begitu pelanggan menyelesaikan
berbeda pada tahap ini dan mengikuti prosedur yang sebuah produk, tagihan dihasilkan dan
sama. Misalnya, pelanggan bisa memilih stroller ditampilkan di antarmuka. Tombol pilihan
dengan warna yang berbeda. menjadi tidak aktif lagi.
Serangkaian sketsa keyframe selama interaksi digambar
Biasanya digambar untuk satu atau lebih skenario interaksi yang khas
Menangkap tampilan antarmuka selama interaksi contoh spesifik
Membantu pengguna mengevaluasi interaksi (dialog) tidak seperti sketsa

Pictiv
Pictiv adalah singkatan dari plastic interface for collaborative technology initiatives through video
exploration, yang artinya plastik untuk inisiatif teknologi kolaboratif melalui eksplorasi video"
Pada dasarnya, pictiv menggunakan bahan yang tersedia untuk desain prototipe.
Terutama menggunakan Sticky note (dengan lapisan plastik)
Mewakili elemen interface yang berbeda seperti ikon, menu, jendela, dll. Dengan memvariasikan
ukuran Sticky Note. Interaksi didemonstrasikan dengan memanipulasi sticky notes. Interaksi
(manipilasi stickynotes) kemudian direkam untuk kemudian dianalisis
Medium Fidelity Prototyping

Mid-fidelity prototyping (prototype dengan tingkat ketelitian sedang) memiliki ciri-ciri bentuk skematik
dan navigasi dan fungsi yang disimulasikan
Mid-fidelity prototyping biasanya berbasis pada apa yang tampil pada layar atau simulasi layar.
Contoh tools yang digunakan: powerpoint, illustrator, dan lain lain.

Mid-fidelity prototyping dibangun menggunakan komputer dengan ciri-ciri:

Lebih kuat daripada prototip dengan ketelitian rendah
Mensimulasikan beberapa tapi tidak semua fungsi sistem
Lebih menarik bagi pengguna akhir karena pengguna bisa merasakan perasaan yang lebih baik terhadap
sistem
Dapat membantu dalam menguji lebih banyak masalah desain
Medium Fidelity Prototyping

Secara umum Mid-fidelity prototyping ada dua tipe,dianntaranya sebagai berikut:

Vertikal Prototype, di mana fungsionalitas mendalam dari sejumlah fitur terpilih yang terbatas
diterapkan. Prototipe semacam itu membantu mengevaluasi gagasan desain umum secara mendalam.
Contoh: mengerjakan satu item menu secara penuh/total
Horisontal Prototype, dimana seluruh permukaan interface diimplementasikan tanpa fungsionalitas
apapun. Tidak ada tugas nyata yang bisa dilakukan dengan prototip semacam itu.
Contoh: layar pertama sebuah antarmuka (show layout)
Pada Medium Fidelity Prototypes Komputer lebih digunakan (daripada menggambar di atas kertas seperti
dalam storyboard) untuk menerapkan skenario
Menyediakan banyak alat yang berguna ( Slide power point, animasi)
Lebih menarik bagi pengguna akhir (dan lebih mudah mendapatkan respons yang lebih baik) dibandingkan
menggambar di atas kertas seperti dalam storyboard pada Low-fidelity prototyping
High Fidelity Prototyping

Biasanya berupa implementasi perangkat lunak dari desain dengan

sebagian besar fungsi atau sepenuhnya. High Fidelity Prototyping sangat
mirip dengan produk final, dan dapat mewakili fungsi-fungsi inti sehingga
dapat mensimulasikan sebagian besar fungsi dari sistem akhir dan
mempunyai penampilan yang sangat mirip dengan produk sebenarnya
Membutuhkan uang, tenaga kerja, waktu dan usaha
Biasanya selesai di akhir untuk evaluasi pengguna akhir
 > Prototyping Tool

1 Draw/Paint Program

contoh: Photoshop, Coreldraw

Menggambar setiap layar, baik untuk dilihat.
Prototype horisontal, tipis.

2 Scripted Simulations/Slide Show

contoh: Powerpoint, Hypercard,Macromedia

Director, HTML.

3 Interface Builders

contoh: Visual Basic, Delphi, UIMX.

Tools untuk menampilkan jendela, kendali
dan lain-lain dari interface.
 Kesimpulan

Prototyping adalah salah satu pendekatan dalam pengembangan sistem yang

secara langsung mendemonstrasikan bagaimana sebuah sistem atau komponen-komponen
sistem akan bekerja yang salah satu fungsinya untuk melakukan evaluasi dan
mendapatkan feedback pada rancangan interaktif.

Prototyping terdapat empat jenis yaitu Feasibility prototyping, Requirement

prototyping, Desain Prototyping, dan Implementation prototyping. Dalam pembuatan
protoyping juga terdapat tiga teknik, yaitu Low Fidelity Protoyping, Low Fidelity
Protoyping, dan Low Fidelity Protoyping
Bye ...