Prototyping

Vclass Perkuliahan Minggu 6(12 April 2021 & 14 April 2021)

Jurusan Teknik InformatikaFakultas Teknologi Industri

1.Pengertian Prototyping

Definisi Prototyping

‐ Metode pengembangan sistem menggunakan

pendekatan untuk membuat program dengan

cepat dan bertahap dapat dievaluasi oleh

pengguna

‐ Prototipe model produk yang dibangun atau

simulasi struktur, fungsionalitas dan operasi

sistem

‐ Prototipe menerapkan UCD user IT

Karakteristik UCD

4

1 Memahami user dan kebutuhannya

2 Fokus pada user pada tahapan awal

desain dan mengevaluasi hasil desain

3 Mengidentifikasi, membuat dokumentasi dan

menyetujui kegunaan dan pengalaman user

4 Perulangan selalu ada dan perancangan

tidak pernah berhasil dalam satu kali proses

Tujuan Prototyping

5

Anggota tim dapat berkomunikasi secara efektif

Evaluasi dan feedback pada rancangan interaktif

Stakeholder dapat melihat, menyentuk dan

berinteraksi dengan prototype

Memunculkan ide secara visual dan mengembangkan

Para perancang dapat mengeluarkan ide

Tujuan Prototyping

6

Estimasi dan validasi tentang kesulitan

perancangan, keputusan dan keuntungan biaya

Dapat menjawab pertanyaan dan membantu

pemilihan alternatif

Mendapatkan informasi dan pemahaman

tentang pengalaman pengguna

Investigasi, explorasi dan pembandingan solusi

perancangan yang berbeda

Tahapan Prototyping

7

Keuntungan Prototipe

8

1 Adanya komunikasi yang baik antara

pengembang dan pengguna

2 Pengguna berperan aktif dalam

pengembangan sistem

3 Lebih menghemat waktu dalam

pengembangan sistem

4 Mengurangi biasya pengembangan dan

pemeliharaan

Keuntungan Prototipe

9

5Dapat dipandukan dengan metode

terstruktur dan CASE tools

6Meningkatkan kualitas, kecepatan

spesifikasi dan perancangan sistem

7Penerapan menjadi lebih mudah karena

pengguna mengerahui apa yang diharapkan

8Pengembang bekerja lebih baik dalam

menentukan kebutuhan pengguna

Kekurangan Prototipe

10

1 Pengguna tidak mengetahui PL yang ada belum

mencantumkan kualitas PL secara keseluruhan

2 Pengembang ingin cepat menyelesaikan proyek,

sehingga menggunakan algoritma sederhana dalam

membuat prototyping

3 Hubungan pengguna dan komputer tidak

mencerminkan teknik perancangan yang baik

2.Dimensi Prototyping

Dimensi Prototyping

Bagaimana desain

digambarkan uraian

tekstual atau visual dan

diagram

Penyajian01 Apakah hanya

mencakup interface

atau komponen

komputasi

Lingkup02

Dapatkah prototype

dijalankan

Executability03 Revolusioner mengganti

sistem yang lama dengan

yang baru

Evolusioner melakukan

perubahan secara terus

menerus pada perancangan

sebelumnya

Maturation04

3.Metode Prototyping

Metode Pembuatan Prototyping

Metoe yang dilakukan di

awal dalam proses

pembuatan

Metode Non-Computer

Metode yang dikerjakan

kemudian setelah pembuatan

Metode Computer-Based

Jenis Metode Non-Computer

15

1 Sketsa, Mock-Ups

2 Storyboarding

3 Skenario

4 Tutorial dan Manual

Sifat Metode Computer-Based

16

Hanya terdapat beberapa aspek atau fitur

Menirukan banyak kemampuan sistem

Berpusat pada lebih banyak detail

Prototipe digambarkan sebagai metode berbasis komputer

Pengguna segan menyarankan perubahan terhadap sistem

Prototipe interaktif dikembangkan agar cepat diganti

Umpan balik diperoleh dari kolega atau pengalaman

pengguna

4.Terminologi Prototyping

Terminologi Prototipe

Early Prototyping (Prototipe

Cepat)

Prototipe Horizontal

Prototipe Vertikal

Late Prototyping (Prototipe

Lambat)

High-Fidelity Prototyping

Low-Fidelity Prototyping

Mid-Fidelity Prototyping

Karakteristik Low Fidelity Prototyping

19

Digunakan pada awal siklus perencanaan

Gambaran cepat dari sistem akhir

Mempunyai fungsi atau interaksi yang terbatas

Memperlihatkan Konsep pendekatan secara umum

Mendemonstrasikan feel and look dari antarmuka pengguna

Menggambarkan konsep, perancangan, layout antara

pengguna dan sistem

Operasi sistem aplikasi dibuat terinci

Karakteristik Mid-Fidelity Prototyping

20

1 Form skematik

2 Navigasi dan fungsi yang disimulasikan

berbasis apa yang ditampilkan dalam layar

3 Hubungan pengguna dan komputer tidak

mencerminkan teknik perancangan yang baik

Karakteristik High-Fidelity Prototyping

21

Mewakili fungsi antarmuka pengguna produk

Mempunyai interaksi penuh

Pengguna dapat memasukkan data ke dalam masukkan

Trade off kecepatan dengan ketelitian

Mensimulasikan sebagian besar fungsi sistem akhir

Tidak secepat dan semudah membuat prototype low-fidelity

Mempunyai penampilan yang mirip produk aktual

Pemodelan Terminologi Prototyping

22

5.Prototyping Tools

Prototyping Tools

Menggambar setiap layar

Prototipe horizontal, tipis

Contoh : Adobe Photoshop,

Corel Draw

Draw/Pain Program Mudah dikembangkan dan

modifikasi layar

Mudah modifikasi dan

menghubungkan layar

Contoh : Visual Basic, Delphi

Interface Builder

Melektakkan tampilan dengan animasi perubahan

User dapat memberikan catatan

Contoh : Powerpoint, Hypercard, HTML, Macromedia Director

Scripted Simulation/Slide Show

01

02

03

Draw/Paint Program

25

Scripted Simulation/Slide Show

26

Interface Builder

27

Reference

http://lintang.staff.gunadarma.ac.id/Downloa

ds/files/62828/buku-ajar-imk.pdf

Material

01

https://www.slidescarnival.com/quickly-free-

presentation-template/2142

https://www.free-powerpoint-templates-

design.com/abstract-leaves-powerpoint-

template/

Free Templates

02

29

THANKS!Any questions?