PROTOTYPING

         Prototype adalah sebuah Javascript Framework yang dibuat untuk lebih memudahkan proses dalam membangun aplikasi berbasis web.

Metode protyping sebagai suatu paradigma baru dalam pengembangan sistem informasi, tidak hanya sekedar suatu evolusi dari metode pengembangan sistem informasi yang sudah ada, tetapi sekaligus merupakan revolusi dalam pengembangan sistem informasi manajemen.

Permasalahan yang timbul ketika melakukan prototype:
1. Anda tidak dapat mengevaluasi rancangan tersebut sampai rancangan tersebut dibangun.

2. Namun, setelah dibuat, jika ingin melakukan perubahan akan sangat sulit.

     Berikut penjelasan beberapa solusi yang dapat dipakai dalam menghadapi masalah seperti di atas :

- Simulasikan perancangan dengan biaya yang kecil, salah satunya dengan membuat model (prototype). Dengan menerapkan UCD (User Centered Design) dalam pembuatan prototype tersebut.

       UCD adalah mengenai perancangan teknologi yang interaktif untuk memenuhi kebutuhan user.

Tahapan Dalam UCD Antara Lain:

1. Memahami kebutuhan user.

2. Mendeskripsikan kebutuhan user.

3. Merancang prototype sebagai alternatif.

4. Mengevaluasi perancangan.

Karakteristik Dalam Proses UCD:

1. Memahami user dan kebutuhannya.

2. Fokus pada user pada tahap awal desain dan mengevaluasi hasil desain.

3. Mengidentifikasi, membuat dokumentasi dan menyetujui kegunaan dan tujuan pengalaman user.

4. Perulangan hampir dapat dipastikan. Para perancang tidak pernah berhasil hanya dalam satu kali proses.

     Dalam bidang yang lain perancangan sebuah prototype biasanya berupa model dalam skala kecil.

Contoh: Maket Bangunan

Alasan digunakannya Prototype

- Evaluasi dan feedback pada rancangan interaktif.

- Stakeholder (dalam hal ini user) dapat melihat, menyentuh,berinteraksi dengan  prototype.

- Anggota tim dapat berkomunikasi secara efektif.

- Para perancang dapat mengeluarkan ide-idenya.

- Memunculkan ide-ide secara visual dan mengembangkannya.

- Dapat menjawab pertanyaan -> membantu pemilihan di antara alternatif-alternatif.

Karakteristik Metode Prototyping Meliputi Langkah-Langkah :
1. Pemilahan fungsi
2. Penyusunan Sistem Informasi
3. Evaluasi
4. Penggunaan Selanjutnya

Metode Pembuatan Prototyping Dengan Cepat

1. Non-Computer (biasanya dikerjakan lebih awal dalam proses pembuatan)

2. Computer-Based (biasanya dikerjakan kemudian)

1. METODE NON-COMPUTER (Manual)

Tujuan

Ingin menyatakan gagasan desain dan mendapatkan dengan mudah dan cepat pendapat atas sistem.

Deskripsi Desain

Dapat berupa deskripsi tekstual dari suatu desain sistem.

- Kelemahan yang nyata adalah seberapa jauh dari sistem yang sebenarnya.

- Tidak dapat melakukan suatu pekerjaan yang mewakili aspek dari interface.

Sketsa, Mock-ups

- Paper-Based “menggambarkan” interface.

- Baik untuk mengungkapkan pendapat.

- Difokuskan pada orang dengan desain tingkat tinggi.

- Tidak terlalu baik untuk menggambarkan alur dan rinciannya.

- Murah dan cepat 􀃆 umpan balik sangat menolong.

Teknik Manual
- Menuliskan ide lebih berguna daripada disimpan dalam kepala.

- Memaksa perancang untuk membuat keputusan dengan tegas.

- Menulis/meletakkannya di atas kertas jauh lebih berharga.

Storyboarding

Pensil dan simulasi catatan atau walkthrough dari kemampuan dan

tampilan sistem.

- Menggunakan urutan diagram/gambar.

- Menunjukkan kunci snap shots.

- Cepat dan mudah.

Skenario

Hipotesis atau imajinasi penggunaan.

- Biasanya menyertakan beberapa orang, peristiwa, lingkungan dan situasi.

- Menyediakan konteks operasi.

- Terkadang dalam format naratif, tetapi juga dapat berupa sketsa atau bahkan video.

Utilitas Skenario

- Melibatkan dan menarik.

- Mengijinkan perancang untuk melihat masalah dari pandangan orang lain.

- Memudahkan umpan balik dan pendapat.

- Dapat sangat kreatif dan futuristik.

Teknik Lain

Tutorial dan Manual

- Mungkin menuliskannya lebih berguna daripada disimpan dalam kepala.

- Memaksa perancang untuk membuat keputusan dengan tegas.

- Menulis/meletakkannya di atas kertas jauh lebih berharga.

2. METODE KOMPUTER

Menirukan lebih banyak kemampuan sistem.

- Pada umumnya hanya baru beberapa aspek atau fitur

- Dapat berpusat pada lebih banyak detail

- Bahaya: Para pemakai jadi lebih segan untuk menyarankan perubahan sekali ketika mereka 

  melihat prototype yang lebih realistis.

Terminologi

1. Prototype Horisontal

    Sangat luas, mengerjakan atau menunjukkan sebagian besar interface, tetapi ini dilakukan 

    dengan cara yang licik.

2. Prototype Vertikal

  Lebih sedikit aspek atau fitur dari interface yang disimulasikan, tetapi dilaksanakan    dengan rincian yang sangat baik.

3. Early Prototyping

4. Late Prototyping

5. Low-fidelity Prototyping (prototype dengan tingkat ketepatan yang rendah)

    Contoh (1) storyboard:

     - Digunakan di awal desain.

     - Biasanya digunakan dengan skenario, lebih terinci, dan dapat diputar ulang.

     - Kumpulan dari sketsa/frame individual.

     - menyajikan urutan inti cerita.

     - menunjukkan bagaimana kemungkinan user dapat mengalami peningkatan melalui setiap

       aktifitas.

    Contoh (2) sketsa:

     - Sketsa sangat penting untuk low-fidelity prototyping.

     - Jangan takut dengan kemampuan menggambar.

     - Menyajikan “tampilan” yang kotor dan cepat dari interface, konsep desain, dan lain-lain.

    Contoh (3) “wizard-of-oz”:

     - User berpikir mereka berinteraksi dengan komputer, tapi developer lebih menanggapi  

       hasilnya daripada sistemnya.

     - Biasanya dilakukan di awal desain untuk memahami apa yang diharapkan oleh user.

6. Mid-fidelity prototyping (prototype dengan tingkat ketepatan sedang)

    - Form skematik.

    - Navigasi dan fungsi yang disimulasikan -> biasanya berbasis pada apa yang tampil pada layar atau simulasi  layar.

    - Contoh tools yang digunakan: powerpoint, illustrator, dll.

7. High-fidelity prototyping (prototype dengan tingkat ketepatan yang tinggi)

    - Hi-fi prototype seperti sistem akhir.

    - Menggunakan bahan baku yang sama seperti produk akhir.
Tools umum yang digunakan: Macromedia Director, Visual Basic,Flash, Illustrator.

Prototyping Tools

1. Draw/Paint Program, contoh: Photoshop, Coreldraw
    - Menggambar setiap layar, baik untuk dilihat.
    - Prototype horisontal, tipis.

    - Adobe Photoshop.

2. Scripted Simulations/Slide Show, contoh: Powerpoint, Hypercard,Macromedia 

   Director, HTML.

    - Letakkan tampilan seperti storyboard dengan (animasi) perubahan diantaranya.

    - Dapat memberikan user catatan yang sangat spesifik.

    - Disebut chauffeured prototyping.

    - Macromedia Director.

3. Interface Builders, contoh: Visual Basic, Delphi, UIMX.

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

Jenis-jenis prototyping meliputi

1. Feasibility prototyping

2. Requirement prototyping

3. Desain Prototyping

4. Implementation prototyping

Keuntungan dari prototipe

1. Menghasilkan syarat yang lebih baik dari produksi yang dihasilkan oleh metode
   ‘spesifikasi tulisan’.

2. User dapat mempertimbangkan sedikit perubahan selama masih bentuk prototipe.

3. Memberikan hasil yang lebih akurat dari pada perkiraan sebelumnya, karena fungsi yang 
    diinginkan dan kerumitannya sudah dapat diketahui dengan baik.

4. User merasa puas. Pertama, user dapat mengenal melalui komputer. Dengan melakukan 
   prototipe (dengan analisis yang sudah ada), user belajar mengenai komputer dan aplikasi 
   yang akan dibuatkan untuknya. Kedua, user terlibat langsung dari awal dan memotivasi 
   semangat untuk mendukung analisis selama proyek berlangsung.