Prototyping

1,946
-1

Published on

Published in: Technology
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,946
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

Prototyping

  1. 1. DESKRIPSIPengetian : Prototipe merupakan simulasi atauanimasi dari bakal sistem.Fungsi : Untuk membuat suatu program dengancepat & bertahap sehingga segera dapatdievaluasi oleh user.
  2. 2. TERMINOLOGI PROTOTYPINGBeberapa istilah-istilah penting dalam prototype :1. Prototype HorisontalSangat luas, mengerjakan atau menunjukkansebagian besar interface, tetapi tidak mendalam.2. Prototype VertikalLebih sedikit aspek atau fitur dari interface yangdisimulasikan, tetapi dilaksanakan dengan rincianyang sangat baik.
  3. 3. 3. Early Prototyping (prototipe cepat)4. Late Prototyping (prototipe lambat)5. Low-fidelity Prototyping (prototype dengan tingkatketepatan yang rendah)Contoh (1) Storyboard.Contoh (2) sketsa.Contoh (3) “wizard-of-oz”. (penjelasan selanjutnya)
  4. 4. 4. Mid-fidelity prototyping (prototype dengantingkat ketepatan sedang)• Form skematik.• Navigasi dan fungsi yang disimulasikan biasanyaberbasis pada apa yang tampil pada layar atausimulasi layar.Contoh tools yang digunakan: powerpoint,illustrator, dll.
  5. 5. 5. High-fidelity prototyping (prototype dengantingkat ketepatan yang tinggi)• Hi-fi prototype seperti sistem akhir.• Menggunakan bahan baku yang sama sepertiproduk akhir.Tools umum yang digunakan: MacromediaDirector, Visual Basic, Flash.
  6. 6. JENIS PROTOTYPING• Throw-away : Prototype dibuat dan ditest. Pengalaman yangdiperoleh dari pembuatan prototype tersebut digunakan untukmembuat produk akhir (final),kemudian prototype tersebut dibuang (tak dipakai).Contoh : Visual Basic (VB) seperti Microsoft Access• Model Incremental : Membangun software secara meningkat(increment) berdasarkan kemampuan fungsional.Contoh : Pengembangan microsoft word.Increment 1 : hanya memberi fungsi inti –> hanya bisa mengetiksajaIncrement 2 : bisa word art, spelling, dll
  7. 7. • Evolutionary : Pada metode ini, prototypenya tidak dibuangtetapi digunakan untuk iterasi desain berikutnya. Dalam halini, sistem atau produk yang sebenarnya dipandang sebagaievolusi dari versi awal yang sangat terbatas menuju produkfinal atau produk akhir.Contoh : Word 2007=>Word 2010=>Word 2013PES 2010=>PES 2011=>PES 2012=>PES2013
  8. 8. TINGKATAN PROTOTYPE• Prototype HorizontalProgram yang hanya menampilkan interface user tapi tidakbisa digunakan (function belum ada yang jalan).Contoh : Orang yang membuat web tapi cuma membuattampilannya saja dari photoshop.• Prototype VertikalProgram yang fungsinya hanya satu yang bisa digunakan tapiditerapkan secara mendalam. Lebih sedikit aspek atau fiturdari interface yang disimulasikan, tetapi dilaksanakan denganrincian yang sangat baik.Contoh : Kayak windows blackcom atau windows 7 beta build7000 yang sekarang jadi windows 7.
  9. 9. PROTOTYPING TOOLS• Metode Gambaran UI Program• Metode Simulasi Script• Interface Builder
  10. 10. METODE GAMBARAN UI PROGRAM TOOLS• Adobe Photoshop : adalah perangkat lunakeditor citra buatan Adobe Systems yangdikhususkan untuk pengeditan foto/gambardan pembuatan efek.• CorelDraw : editor grafik vektor yangdikembangkan oleh Corel.
  11. 11. METODE SIMULASI SCRIPT TOOLS• Hypercard : Merupakan program aplikasi yang bisahypermedia sistem sebelum world wide web. Sebuahbahasa pemrograman untuk memanipulasi data dan userinterface.• Macromedia Director : Merupakan perangkat lunak untukpembuatan aplikasi multimedia.• Adobe Flash : Digunakan untuk membuat gambar vektormaupun animasi gambar tersebut.• Dreamweaver : Aplikasi desain dan pengembangan webyang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editordengan fitur standar seperti syntax highlighting, codecompletion, dan code collapsing.
  12. 12. INTERFACE BUILDER TOOLS• Microsoft Video Studio : Merupakan sebuah perangkatlunak lengkap (suite) yang digunakan untukmelakukan pengembangan aplikasi, baik itu aplikasi bisnis,aplikasi personal, ataupun komponen aplikasinya, dalambentuk aplikasi console, aplikasi Windows, ataupunaplikasi Web.• Jbuilder : Merupakan perangkat lunak untuk pengembanganterintegrasi java untuk pomodelan, pembangunan Interface,pengembangan, Debugging dan sebagainya.• Delphi : Aplikasi pengembangan terpadu (IDE) untukmengembangkan aplikasi konsol, desktop, web, ataupunperangkat mobile.
  13. 13. TEKNIK PROTOTYPE• Non Komputer•Sketsa•Story Board•Skenario• Metode Komputer•Gambaran UI Program•Simulasi Script (chauffeured prototyping )•Interface Builder (rapid prototyping)
  14. 14. NON-KOMPUTER• Sketsa• Deskripsi : Gambaran antar muka berbasiskankertas.• Menyajikan “tampilan” cepat dari interface,konsep desain, dll.• Baik untuk mengungkapkan pendapat.• Difokuskan pada orang dengan desain tingkattinggi.• Tidak bagus mengilustrasikan alur dan detil.• Cepat dan murah
  15. 15. CONTOH SKETSA
  16. 16. CONTOH SKETSA (2)
  17. 17. • Strory Board (Papan Cerita)• Seperti sketsa, mensimulasikan jalannya tampilanatau fungsionalitas system.• Digunakan di awal desain.• Kumpulan dari sketsa/frame individual.• Menggunakan diagram/gambar sekuensial.• Menunjukkan bagaimana kemungkinan userdapat mengalami peningkatan melalui setiapaktifitas.• Dapat dianimasikan• Cepat dan mudah
  18. 18. Contoh Story Board :
  19. 19. • Skenario• Deskripsi : Hipotesis atau imajinasi penggunaan.• Biasanya melibatkan beberapa orang, peristiwa,situasi, dan lingkungan• Memberikan konteks operasi• Terkadang dalam bentuk narasi , tetapi juga bisadalam bentuk sketsa atau video• Memungkinkan desainer untuk melihat masalahdari sudut pandang orang lain• Memfasilitasi umpan balik dan opini• Bisa sangat futuristik, kreatif, dan menarik
  20. 20. PERBEDAAN SKETSA, STORY BOARD DAN SKENARIO• Sketsa : Gambaran interface programberbasiskan kertas.• Story Board : Hampir seperti sketsa, tetapilebih mensimulasikan jalannya tampilan atausystem.• Skenario : Hipotesis atau imajinasipenggunaan. Terkadang dalam bentuk narasi.
  21. 21. METODE KOMPUTER• Gambaran UI ProgramContoh: Photoshop, Coreldraw• Menggambar setiap layar, baik untukdilihat.• Prototype horisontal, tipis.• Adobe Photoshop.
  22. 22. CONTOH PHOTOSHOP
  23. 23. CONTOH COREL
  24. 24. • Simulasi Script•Disebut juga chauffeured prototyping.•Letakkan tampilan seperti storyboarddengan (animasi) perubahan diantaranya.•Dapat memberikan user catatan yangsangat spesifik.•Contoh: Powerpoint, Hypercard,Macromedia Director, HTML.
  25. 25. • Interface Builder (Rapid Prototyping)•Prototyping terkomputerisasi denganvisual editing .•Tools untuk menampilkan jendela,kendali, dan lain-lain dari interface.•Contoh tools : Microsoft Visual Studio,Jbuilder, UIMX, Delphi.
  26. 26. MICROSOFT VISUAL STUDIO
  27. 27. JBUILDER
  28. 28. KEUNGGULAN PROTOTYPE• Adanya komunikasi yang baik antara pengembangdan pelanggan• Pengembang dapat bekerja lebih baik dalammenentukan kebutuhan pelanggan• Pelanggan berperan aktif dalam pengembangansistem• Lebih menghemat waktu dalam pengembangansistem• Penerapan menjadi lebih mudah karena pemakaimengetahui apa yang diharapkannya.
  29. 29. KELEMAHAN PROTOTYPE• Pelanggan kadang tidak melihat atau menyadari bahwaperangkat lunak yang ada belum mencantumkan kualitasperangkat lunak secara keseluruhan dan juga belummemikirkan kemampuan pemeliharaan untuk jangka waktulama.• Pengembang biasanya ingin cepat menyelesaikan proyek.Sehingga menggunakan algoritma dan bahasa pemrogramanyang sederhana untuk membuat prototyping lebih cepatselesai tanpa memikirkan lebih lanjut bahwa programtersebut hanya merupakan cetak biru sistem .• Hubungan pelanggan dengan komputer yang disediakanmungkin tidak mencerminkan teknik perancangan yang baik

×