SlideShare a Scribd company logo
1 of 14
Prototyping
Prototipe merupakan suatu metode dalam pengembangan
sistem yang menggunakan pendekatan untuk membuat
sesuatu program dengan cepat dan bertahap sehingga
segera dapat dievaluasi oleh pemakai.
Prototipe mewakili model produk yang akan dibangun atau
mensimulasikan struktur, fungsionalitas dan operasi sistem.
Dalam pembuatan prototipe kita dapat menerapkan UCD
(User Centered Design) yang cocok untuk user awam IT
(Technology Information).
PROTOTYPING
Mengidentifikasi, membuat dokumentasi dan menyetujui
kegunaan dan tujuan pengalaman user.
Identifikasi
Memahami user dan kebutuhannya.
Memahami User
Fokus pada user pada tahap awal desain dan mengevaluasi
hasil desain.
Fokus
KARAKTERISTIK
USER-CENTERED DESIGN
Perulangan hampir dapat dipastikan. Para perancang tidak
pernah berhasil hanya dalam satu kali proses
Perulangan
Anggota tim dapat berkomunikasi secara efektif.
Komunikasi
Evaluasi dan feedback pada rancangan interaktif.
Evaluasi
Stakeholder (dalam hal ini user) dapat melihat, menyentuh,
berinteraksi dengan prototype.
Interaksi
TUJUAN
PROTOTYPE
Para perancang dapat mengeluarkan ide-idenya.
Idea
Mendapatkan informasi dan pemahaman tentang pengalaman
pengguna.
Informasi User
Memunculkan ide-ide secara visual dan mengembangkannya
Visualisai
Dapat menjawab pertanyaan ->
membantu pemilihan di antara alternatif-alternatif.
Choices
Estimasi dan validasi tentang kesulitan perancangan,
keputusan dan keuntungan biaya.
Validasi
Investigas, explorasi dan pembandingan solusi perancangan
yang berbeda.
Investigasi
COMPUTER REPAIR & SUPPORT
TAHAPAN PEMBUATAN
PROTOTYPE
o Pengembanga
n dan pemakai
bertemu
o Pemakai
menjelaskan
kebutuhan
sistem
Identifikasi
Pengembang
mulai membuat
prototipe
Membuat Pemakai menguji
prototype &
memberikan
kritikan /saran
Menguji Pengembang
melakukan
modifikasi sesuai
dengan masukan
pemakai
Memperbaiki
Pengembang
merampungkan sistem
sesuai dengan masukan
terakhir dari pemakai
I
Pengembangan
IDENTIFIKASI
MEMBUAT
MENGUJI
MEMPERBAIKI
PENGEMBANGAN
Interaksi Manusia Dan Komputer ©2019 Maru
COMPUTER REPAIR & SUPPORT
PROTOTYPE
Kelebihan
1. Adanya komunikasi yang baik antara pengembang dan pelanggan
2. Pengembang dapat bekerja lebih baik dalam menentukan kebutuhan pelanggan
3. Pelanggan berperan aktif dalam pengembangan sistem
4. Lebih menghemat waktu dalam pengembangan sistem
5. Penerapan menjadi lebih mudah karena pemakai mengetahui apa yang diharapkannya.
6. Mengurangi biaya pengembangan dan pemeliharaan
7. Dapat bereksperimen dengan perancangan alternatif
8. Meningkatkan kualitas, kecepatan spesifikasi dan perancangan sistem
9. Dapat dipadukan dengan metode terstruktur dan CASE tools
10.Dapat digunakan pada berbagai level, detail termasuk konsep, kebutuhan, spesifikasi dan perancangan.
Interaksi Manusia Dan Komputer ©2019 Maru
COMPUTER REPAIR & SUPPORT
PROTOTYPE
Kekurangan
1. Pelanggan kadang tidak melihat atau menyadari bahwa perangkat lunak
yang ada belum mencantumkan kualitas perangkat lunak secara
keseluruhan dan juga belum memikirkan kemampuan pemeliharaan untuk
jangka waktu lama.
2. Pengembang biasanya ingin cepat menyelesaikan proyek. Sehingga
menggunakan algoritma dan bahasa pemrograman yang sederhana untuk
membuat prototyping lebih cepat selesai tanpa memikirkan lebih lanjut
bahwa program tersebut hanya merupakan cetak biru sistem .
3. Hubungan pelanggan dengan komputer yang disediakan mungkin tidak
mencerminkan teknik perancangan yang baik
Interaksi Manusia Dan Komputer ©2019 Maru
Dimensi Prototyping
01
0203
Penyajian
o Bagaimana desain dilukiskan atau diwakili?
o Dapat berupa uraian tekstual atau dapat visual dan diagram.
Lingkup
Apakah hanya interface atau apakah
mencakup komponen komputasi?
Executability
o Dapatkah prototype tersebut dijalankan?
o Jika dikodekan, apakah akan ada periode saat prototype tidak
dapat dijalankan?
04
Maturation
o Revolusioner: mengganti yang lama. Jika dirasa sistem yang lama
sudah tidak dapat mengikuti perkembangan teknologi.
o volusioner : terus melakukan perubahan pada perancangan yang
sebelumnya.
COMPUTER REPAIR & SUPPORT
Metode Prototyping
MetodeNon-Computer
Sketsa,Mock-Ups
Storyboarding
Skenario
Tutorial dan Manual
Menirukan lebih banyak
kemampuan sistem.
Pada umumnya hanya
baru beberapa aspek
atau fitur
Dapat berpusat
pada lebih banyak
detail
Para pemakai lebih segan untuk
menyarankan perubahan sekali
ketika mereka melihat prototype
yang lebih realistis.
MetodeComputer-Based
Interaksi Manusia Dan Komputer ©2019 Maru
Terminologi Prototype
Prototipe horizontal
o Mencakup seluruh antarmuka pengguna namun
tanpa fungsi pokok, berupa simulasi dan belum dapat
digunakan untuk melakukan pekerjaan yang
sesungguhnya.
o Misal, pengguna dapat mengeksekusi seluruh
navigasi dan perintah pencarian tapi tanpa
memanggil informasi secara nyata.
o Mengurangi level fungsionalitas, tetapi semua fitur
ada.
Prototipe vertikal
o Lebih sedikit aspek atau fitur dari interface yang disimulasikan, tetapi
dilaksanakan dengan rincian yang sangat baik.
o Misal: dalam sistem informasi penerbangan, pengguna dapat
mengakses suatu basisdata dengan data real dari penyedia informasi,
tetapi tidak untuk keseluruhan data.
o Mempunyai performance lebih rendah daripada sistem akhir.
o Tidak dalam jaringan
40%
01 02
03 Early prototypig 04 Late prototyping
Terminologi Prototype
Low-fidelity prototyping
o Gambaran cepat dari sistem akhir
o Mempunyai fungsi atau interaksi yang terbatas
o Lebih menggambarkan konsep, perancangan, alternatif dan layout layar dibanding model
interaksi pengguna dengan sistem
o Mendemostrasikan secara umum ‘feel and look ‘ dari antarmuka pengguna.
o Tidak untuk memperlihatkan secara rinci bagaimana operasi sistem aplikasi.
05
Storyboard
Sketsa
Wizard of Oz
Mid-fidelity prototyping
o Form skematik.
o Navigasi dan fungsi yang disimulasikan
biasanya berbasis pada apa yang tampil pada
layar atau simulasi layar.
o Contoh tools yang digunakan: powerpoint,
illustrator, dll.
06
High-fidelity prototyping
o Mempunyai interaksi penuh
o Pengguna dapat memasukkan data ke dalam
medan masukan, menanggapi pesan, memilih ikon
untuk membuka window, berinteraksi dengan UI
o Mewakili fungsi-fungsi inti dari antarmuka pengguna
produk
07
Prototyping Tools
01
02
03
Draw/Paint Program
Adobe Photoshop, Corel Draw,
Incscape, dll
Scripted
Simulation/Slide Show
Powerpoint, Hypercard, Macromedia
Director, HTML dll
Interface Builder
Visual Basic, Delphi.
Dimensi prototipe terdiri dari penyajian, lingkup,
executability dan maturation.
DIMENSI
Prototipe merupakan suatu metode dalam pengembangan sistem
yang menggunakan pendekatan untuk membuat sesuatu
program dengan cepat dan bertahap
PROTOTYPE
Tahapan prototipe yaitu identifikasi kebutuhan pemakai,
membuat prototipe, menguji prototipe, memperbaiki prototipe,
mengembangkan versi produksi.
TAHAPAN PROTOTYPE
.POINT
PROTOTYPE
Metode prototipe dibedakan menjadi metode non-
computer dan metode computer-based.
METODE PROTOTYPE
http://lintang.staff.gunadarma.ac.id/Downloads/files/62828/buku-
ajar-imk.pdf
02
https://www.free-powerpoint-templates-design.com/computer-
repair-powerpoint-templates/
03
Reference
Thanks for The Material
Thanks for Free Templates
Ir. Khozin Yuliana, MM.,01
Thanks to My Lecturer
Thank You

More Related Content

What's hot

Ragam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan KomputerRagam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan KomputerAuliaa Oktarianii
 
Pembuatan uml pada toko belanja online
Pembuatan uml pada toko belanja onlinePembuatan uml pada toko belanja online
Pembuatan uml pada toko belanja onlineandiseprianto
 
Interaksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual ModelInteraksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual ModelEko Kurniawan Khannedy
 
ppt_IMK-design-interface
ppt_IMK-design-interfaceppt_IMK-design-interface
ppt_IMK-design-interfaceyusuf09
 
Representasi Pengetahuan
Representasi PengetahuanRepresentasi Pengetahuan
Representasi PengetahuanSherly Uda
 
CFG dan PARSING - P 5 - Teknik Kompilasi
CFG dan PARSING - P 5 - Teknik KompilasiCFG dan PARSING - P 5 - Teknik Kompilasi
CFG dan PARSING - P 5 - Teknik Kompilasiahmad haidaroh
 
RPL 1 (Lama) - Pengujian Perangkat Lunak
RPL 1 (Lama) - Pengujian Perangkat LunakRPL 1 (Lama) - Pengujian Perangkat Lunak
RPL 1 (Lama) - Pengujian Perangkat LunakAdam Mukharil Bachtiar
 
Fuzzy logic (Logika Fuzzy)
Fuzzy logic (Logika Fuzzy)Fuzzy logic (Logika Fuzzy)
Fuzzy logic (Logika Fuzzy)radar radius
 
Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3Raga Gapilau Jatsuma
 
3 interface metaphors dan model konseptual-donz
3   interface metaphors dan model konseptual-donz3   interface metaphors dan model konseptual-donz
3 interface metaphors dan model konseptual-donzStevie Principe
 
Contoh peyelesaian logika fuzzy
Contoh peyelesaian logika fuzzyContoh peyelesaian logika fuzzy
Contoh peyelesaian logika fuzzyZaenal Khayat
 
Analisis kebutuhan perangkat lunak
Analisis kebutuhan perangkat lunakAnalisis kebutuhan perangkat lunak
Analisis kebutuhan perangkat lunakHanum Dinda
 
Tugas IMK : Ragam Dialog
Tugas IMK : Ragam DialogTugas IMK : Ragam Dialog
Tugas IMK : Ragam DialogPio
 
INTERAKSI MANUSIA DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTERINTERAKSI MANUSIA DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTERsolikin6
 

What's hot (20)

Ragam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan KomputerRagam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan Komputer
 
Pembuatan uml pada toko belanja online
Pembuatan uml pada toko belanja onlinePembuatan uml pada toko belanja online
Pembuatan uml pada toko belanja online
 
Kelompok 6 prototipe
Kelompok 6   prototipeKelompok 6   prototipe
Kelompok 6 prototipe
 
Interaksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual ModelInteraksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual Model
 
Contoh2+soal+imk
Contoh2+soal+imkContoh2+soal+imk
Contoh2+soal+imk
 
ppt_IMK-design-interface
ppt_IMK-design-interfaceppt_IMK-design-interface
ppt_IMK-design-interface
 
Representasi Pengetahuan
Representasi PengetahuanRepresentasi Pengetahuan
Representasi Pengetahuan
 
Usability
UsabilityUsability
Usability
 
CFG dan PARSING - P 5 - Teknik Kompilasi
CFG dan PARSING - P 5 - Teknik KompilasiCFG dan PARSING - P 5 - Teknik Kompilasi
CFG dan PARSING - P 5 - Teknik Kompilasi
 
sejarah dan perkembangan imk
sejarah dan perkembangan imksejarah dan perkembangan imk
sejarah dan perkembangan imk
 
RPL 1 (Lama) - Pengujian Perangkat Lunak
RPL 1 (Lama) - Pengujian Perangkat LunakRPL 1 (Lama) - Pengujian Perangkat Lunak
RPL 1 (Lama) - Pengujian Perangkat Lunak
 
Fuzzy logic (Logika Fuzzy)
Fuzzy logic (Logika Fuzzy)Fuzzy logic (Logika Fuzzy)
Fuzzy logic (Logika Fuzzy)
 
Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3
 
Konsep informasi
Konsep informasiKonsep informasi
Konsep informasi
 
3 interface metaphors dan model konseptual-donz
3   interface metaphors dan model konseptual-donz3   interface metaphors dan model konseptual-donz
3 interface metaphors dan model konseptual-donz
 
Contoh peyelesaian logika fuzzy
Contoh peyelesaian logika fuzzyContoh peyelesaian logika fuzzy
Contoh peyelesaian logika fuzzy
 
Analisis kebutuhan perangkat lunak
Analisis kebutuhan perangkat lunakAnalisis kebutuhan perangkat lunak
Analisis kebutuhan perangkat lunak
 
Tugas IMK : Ragam Dialog
Tugas IMK : Ragam DialogTugas IMK : Ragam Dialog
Tugas IMK : Ragam Dialog
 
Tugas imk
Tugas imkTugas imk
Tugas imk
 
INTERAKSI MANUSIA DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTERINTERAKSI MANUSIA DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTER
 

Similar to Prototyping dalam 4 Dimensi

Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1WGAMERS
 
Konsep Desain Prototype dan Kemasan Produk Barang / Jasa
Konsep Desain Prototype dan Kemasan Produk Barang / JasaKonsep Desain Prototype dan Kemasan Produk Barang / Jasa
Konsep Desain Prototype dan Kemasan Produk Barang / Jasaikhsyansyaputra
 
Pemodelan perangkat lunak
Pemodelan perangkat lunakPemodelan perangkat lunak
Pemodelan perangkat lunakAdityaSaputra83
 
PROTOTYPE DESAIN KREATIFNAsndfasnf aanfsa
PROTOTYPE DESAIN KREATIFNAsndfasnf aanfsaPROTOTYPE DESAIN KREATIFNAsndfasnf aanfsa
PROTOTYPE DESAIN KREATIFNAsndfasnf aanfsaikhsyansyaputra
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxMirnaNia
 
UX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxUX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxYOSAFAT11
 
Design interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusiaDesign interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusiapt.ccc
 
Rpl 07 - pembuatan prototipe perangkat lunak
Rpl   07 - pembuatan prototipe perangkat lunakRpl   07 - pembuatan prototipe perangkat lunak
Rpl 07 - pembuatan prototipe perangkat lunakFebriyani Syafri
 
T ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkT ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkArtaya Honest
 
Sim, nurul putri pebriani, hapzi ali, sumber daya komputasi dan komunikasi, u...
Sim, nurul putri pebriani, hapzi ali, sumber daya komputasi dan komunikasi, u...Sim, nurul putri pebriani, hapzi ali, sumber daya komputasi dan komunikasi, u...
Sim, nurul putri pebriani, hapzi ali, sumber daya komputasi dan komunikasi, u...nrlputri26
 
Tahapan pengembangan perangkat lunak
Tahapan pengembangan perangkat lunakTahapan pengembangan perangkat lunak
Tahapan pengembangan perangkat lunakRobbyyanto Robbyyanto
 
SIM, NURHASANAH, Prof. Dr. Ir. Hapzi Ali, MM, CMA, Sumber Daya Komputasi dan ...
SIM, NURHASANAH, Prof. Dr. Ir. Hapzi Ali, MM, CMA, Sumber Daya Komputasi dan ...SIM, NURHASANAH, Prof. Dr. Ir. Hapzi Ali, MM, CMA, Sumber Daya Komputasi dan ...
SIM, NURHASANAH, Prof. Dr. Ir. Hapzi Ali, MM, CMA, Sumber Daya Komputasi dan ...nur hasnah
 
UI, Prinsip UI, Know Ur Users
UI, Prinsip UI, Know Ur UsersUI, Prinsip UI, Know Ur Users
UI, Prinsip UI, Know Ur UsersRizki Ogawa
 
Tampilan GUI di NetBeans.pptx
Tampilan GUI di NetBeans.pptxTampilan GUI di NetBeans.pptx
Tampilan GUI di NetBeans.pptxIYudarma
 
Protype model (rekayasa perangkat lunak)
Protype model (rekayasa perangkat lunak)Protype model (rekayasa perangkat lunak)
Protype model (rekayasa perangkat lunak)priyadiajabae
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desainf' yagami
 
IMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxIMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxRedyWinatha1
 

Similar to Prototyping dalam 4 Dimensi (20)

Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1
 
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
 
Konsep Desain Prototype dan Kemasan Produk Barang / Jasa
Konsep Desain Prototype dan Kemasan Produk Barang / JasaKonsep Desain Prototype dan Kemasan Produk Barang / Jasa
Konsep Desain Prototype dan Kemasan Produk Barang / Jasa
 
Pemodelan perangkat lunak
Pemodelan perangkat lunakPemodelan perangkat lunak
Pemodelan perangkat lunak
 
PROTOTYPE DESAIN KREATIFNAsndfasnf aanfsa
PROTOTYPE DESAIN KREATIFNAsndfasnf aanfsaPROTOTYPE DESAIN KREATIFNAsndfasnf aanfsa
PROTOTYPE DESAIN KREATIFNAsndfasnf aanfsa
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
 
UX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxUX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptx
 
Design interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusiaDesign interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusia
 
Rpl 07 - pembuatan prototipe perangkat lunak
Rpl   07 - pembuatan prototipe perangkat lunakRpl   07 - pembuatan prototipe perangkat lunak
Rpl 07 - pembuatan prototipe perangkat lunak
 
T ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkT ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imk
 
Sim, nurul putri pebriani, hapzi ali, sumber daya komputasi dan komunikasi, u...
Sim, nurul putri pebriani, hapzi ali, sumber daya komputasi dan komunikasi, u...Sim, nurul putri pebriani, hapzi ali, sumber daya komputasi dan komunikasi, u...
Sim, nurul putri pebriani, hapzi ali, sumber daya komputasi dan komunikasi, u...
 
Tahapan pengembangan perangkat lunak
Tahapan pengembangan perangkat lunakTahapan pengembangan perangkat lunak
Tahapan pengembangan perangkat lunak
 
SIM, NURHASANAH, Prof. Dr. Ir. Hapzi Ali, MM, CMA, Sumber Daya Komputasi dan ...
SIM, NURHASANAH, Prof. Dr. Ir. Hapzi Ali, MM, CMA, Sumber Daya Komputasi dan ...SIM, NURHASANAH, Prof. Dr. Ir. Hapzi Ali, MM, CMA, Sumber Daya Komputasi dan ...
SIM, NURHASANAH, Prof. Dr. Ir. Hapzi Ali, MM, CMA, Sumber Daya Komputasi dan ...
 
RPL
RPLRPL
RPL
 
Antarmuka_pengguna.pptx
Antarmuka_pengguna.pptxAntarmuka_pengguna.pptx
Antarmuka_pengguna.pptx
 
UI, Prinsip UI, Know Ur Users
UI, Prinsip UI, Know Ur UsersUI, Prinsip UI, Know Ur Users
UI, Prinsip UI, Know Ur Users
 
Tampilan GUI di NetBeans.pptx
Tampilan GUI di NetBeans.pptxTampilan GUI di NetBeans.pptx
Tampilan GUI di NetBeans.pptx
 
Protype model (rekayasa perangkat lunak)
Protype model (rekayasa perangkat lunak)Protype model (rekayasa perangkat lunak)
Protype model (rekayasa perangkat lunak)
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
 
IMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxIMK-Pertemuan5.pptx
IMK-Pertemuan5.pptx
 

More from Hide Maru

Struktur cpu
Struktur cpuStruktur cpu
Struktur cpuHide Maru
 
Pengantar orkom
Pengantar orkomPengantar orkom
Pengantar orkomHide Maru
 
Evolusi dan kinerja komputer
Evolusi dan kinerja komputerEvolusi dan kinerja komputer
Evolusi dan kinerja komputerHide Maru
 
Media Transmisi dan Network Device
Media Transmisi dan Network DeviceMedia Transmisi dan Network Device
Media Transmisi dan Network DeviceHide Maru
 
Model dan Element Komunikasi Data
Model dan Element Komunikasi DataModel dan Element Komunikasi Data
Model dan Element Komunikasi DataHide Maru
 
Komunikasi Data
Komunikasi DataKomunikasi Data
Komunikasi DataHide Maru
 
Interaksi Manusia Dan Komputer 11
Interaksi Manusia Dan Komputer 11Interaksi Manusia Dan Komputer 11
Interaksi Manusia Dan Komputer 11Hide Maru
 
Interaksi Manusia Dan Komputer 10
Interaksi Manusia Dan Komputer 10Interaksi Manusia Dan Komputer 10
Interaksi Manusia Dan Komputer 10Hide Maru
 
Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Hide Maru
 
Interaksi Manusia Dan Komputer 8
Interaksi Manusia Dan Komputer 8Interaksi Manusia Dan Komputer 8
Interaksi Manusia Dan Komputer 8Hide Maru
 
Interaksi Manusia Dan Komputer 7
Interaksi Manusia Dan Komputer 7Interaksi Manusia Dan Komputer 7
Interaksi Manusia Dan Komputer 7Hide Maru
 
Interaksi Manusia Dan Komputer 3
Interaksi Manusia Dan Komputer 3Interaksi Manusia Dan Komputer 3
Interaksi Manusia Dan Komputer 3Hide Maru
 
Interaksi Manusia Dan Komputer 2
Interaksi Manusia Dan Komputer 2Interaksi Manusia Dan Komputer 2
Interaksi Manusia Dan Komputer 2Hide Maru
 
Interaksi Manusia Dan Komputer 1
Interaksi Manusia Dan Komputer 1Interaksi Manusia Dan Komputer 1
Interaksi Manusia Dan Komputer 1Hide Maru
 

More from Hide Maru (15)

Struktur cpu
Struktur cpuStruktur cpu
Struktur cpu
 
Pengantar orkom
Pengantar orkomPengantar orkom
Pengantar orkom
 
Evolusi dan kinerja komputer
Evolusi dan kinerja komputerEvolusi dan kinerja komputer
Evolusi dan kinerja komputer
 
Media Transmisi dan Network Device
Media Transmisi dan Network DeviceMedia Transmisi dan Network Device
Media Transmisi dan Network Device
 
Model dan Element Komunikasi Data
Model dan Element Komunikasi DataModel dan Element Komunikasi Data
Model dan Element Komunikasi Data
 
Komunikasi Data
Komunikasi DataKomunikasi Data
Komunikasi Data
 
Modulasi
ModulasiModulasi
Modulasi
 
Interaksi Manusia Dan Komputer 11
Interaksi Manusia Dan Komputer 11Interaksi Manusia Dan Komputer 11
Interaksi Manusia Dan Komputer 11
 
Interaksi Manusia Dan Komputer 10
Interaksi Manusia Dan Komputer 10Interaksi Manusia Dan Komputer 10
Interaksi Manusia Dan Komputer 10
 
Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9
 
Interaksi Manusia Dan Komputer 8
Interaksi Manusia Dan Komputer 8Interaksi Manusia Dan Komputer 8
Interaksi Manusia Dan Komputer 8
 
Interaksi Manusia Dan Komputer 7
Interaksi Manusia Dan Komputer 7Interaksi Manusia Dan Komputer 7
Interaksi Manusia Dan Komputer 7
 
Interaksi Manusia Dan Komputer 3
Interaksi Manusia Dan Komputer 3Interaksi Manusia Dan Komputer 3
Interaksi Manusia Dan Komputer 3
 
Interaksi Manusia Dan Komputer 2
Interaksi Manusia Dan Komputer 2Interaksi Manusia Dan Komputer 2
Interaksi Manusia Dan Komputer 2
 
Interaksi Manusia Dan Komputer 1
Interaksi Manusia Dan Komputer 1Interaksi Manusia Dan Komputer 1
Interaksi Manusia Dan Komputer 1
 

Recently uploaded

Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxDwiYuniarti14
 
Kelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisKelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisNazla aulia
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxWirionSembiring2
 
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptxMODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptxarnisariningsih98
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxadap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxmtsmampunbarub4
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfCloverash1
 
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxModul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxherisriwahyuni
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggeraksupriadi611
 
Panduan Substansi_ Pengelolaan Kinerja Kepala Sekolah Tahap Pelaksanaan.pptx
Panduan Substansi_ Pengelolaan Kinerja Kepala Sekolah Tahap Pelaksanaan.pptxPanduan Substansi_ Pengelolaan Kinerja Kepala Sekolah Tahap Pelaksanaan.pptx
Panduan Substansi_ Pengelolaan Kinerja Kepala Sekolah Tahap Pelaksanaan.pptxsudianaade137
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...Kanaidi ken
 
Lembar Observasi Pembelajaran di Kelas.docx
Lembar Observasi Pembelajaran di  Kelas.docxLembar Observasi Pembelajaran di  Kelas.docx
Lembar Observasi Pembelajaran di Kelas.docxbkandrisaputra
 
polinomial dan suku banyak kelas 11..ppt
polinomial dan suku banyak kelas 11..pptpolinomial dan suku banyak kelas 11..ppt
polinomial dan suku banyak kelas 11..pptGirl38
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfSitiJulaeha820399
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdfShintaNovianti1
 
implementasu Permendikbudristek no 53 2023
implementasu Permendikbudristek no 53 2023implementasu Permendikbudristek no 53 2023
implementasu Permendikbudristek no 53 2023DodiSetiawan46
 
Edukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiEdukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiIntanHanifah4
 
Materi Bimbingan Manasik Haji Tarwiyah.pptx
Materi Bimbingan Manasik Haji Tarwiyah.pptxMateri Bimbingan Manasik Haji Tarwiyah.pptx
Materi Bimbingan Manasik Haji Tarwiyah.pptxc9fhbm7gzj
 
Model Manajemen Strategi Public Relations
Model Manajemen Strategi Public RelationsModel Manajemen Strategi Public Relations
Model Manajemen Strategi Public RelationsAdePutraTunggali
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdfvebronialite32
 

Recently uploaded (20)

Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
 
Kelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisKelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara Inggris
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
 
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptxMODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxadap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdf
 
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxModul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggerak
 
Panduan Substansi_ Pengelolaan Kinerja Kepala Sekolah Tahap Pelaksanaan.pptx
Panduan Substansi_ Pengelolaan Kinerja Kepala Sekolah Tahap Pelaksanaan.pptxPanduan Substansi_ Pengelolaan Kinerja Kepala Sekolah Tahap Pelaksanaan.pptx
Panduan Substansi_ Pengelolaan Kinerja Kepala Sekolah Tahap Pelaksanaan.pptx
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
 
Lembar Observasi Pembelajaran di Kelas.docx
Lembar Observasi Pembelajaran di  Kelas.docxLembar Observasi Pembelajaran di  Kelas.docx
Lembar Observasi Pembelajaran di Kelas.docx
 
polinomial dan suku banyak kelas 11..ppt
polinomial dan suku banyak kelas 11..pptpolinomial dan suku banyak kelas 11..ppt
polinomial dan suku banyak kelas 11..ppt
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
 
implementasu Permendikbudristek no 53 2023
implementasu Permendikbudristek no 53 2023implementasu Permendikbudristek no 53 2023
implementasu Permendikbudristek no 53 2023
 
Edukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiEdukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajii
 
Materi Bimbingan Manasik Haji Tarwiyah.pptx
Materi Bimbingan Manasik Haji Tarwiyah.pptxMateri Bimbingan Manasik Haji Tarwiyah.pptx
Materi Bimbingan Manasik Haji Tarwiyah.pptx
 
Model Manajemen Strategi Public Relations
Model Manajemen Strategi Public RelationsModel Manajemen Strategi Public Relations
Model Manajemen Strategi Public Relations
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdf
 

Prototyping dalam 4 Dimensi

  • 1. Prototyping Prototipe merupakan suatu metode dalam pengembangan sistem yang menggunakan pendekatan untuk membuat sesuatu program dengan cepat dan bertahap sehingga segera dapat dievaluasi oleh pemakai. Prototipe mewakili model produk yang akan dibangun atau mensimulasikan struktur, fungsionalitas dan operasi sistem. Dalam pembuatan prototipe kita dapat menerapkan UCD (User Centered Design) yang cocok untuk user awam IT (Technology Information). PROTOTYPING
  • 2. Mengidentifikasi, membuat dokumentasi dan menyetujui kegunaan dan tujuan pengalaman user. Identifikasi Memahami user dan kebutuhannya. Memahami User Fokus pada user pada tahap awal desain dan mengevaluasi hasil desain. Fokus KARAKTERISTIK USER-CENTERED DESIGN Perulangan hampir dapat dipastikan. Para perancang tidak pernah berhasil hanya dalam satu kali proses Perulangan
  • 3. Anggota tim dapat berkomunikasi secara efektif. Komunikasi Evaluasi dan feedback pada rancangan interaktif. Evaluasi Stakeholder (dalam hal ini user) dapat melihat, menyentuh, berinteraksi dengan prototype. Interaksi TUJUAN PROTOTYPE Para perancang dapat mengeluarkan ide-idenya. Idea Mendapatkan informasi dan pemahaman tentang pengalaman pengguna. Informasi User Memunculkan ide-ide secara visual dan mengembangkannya Visualisai Dapat menjawab pertanyaan -> membantu pemilihan di antara alternatif-alternatif. Choices Estimasi dan validasi tentang kesulitan perancangan, keputusan dan keuntungan biaya. Validasi Investigas, explorasi dan pembandingan solusi perancangan yang berbeda. Investigasi
  • 4. COMPUTER REPAIR & SUPPORT TAHAPAN PEMBUATAN PROTOTYPE o Pengembanga n dan pemakai bertemu o Pemakai menjelaskan kebutuhan sistem Identifikasi Pengembang mulai membuat prototipe Membuat Pemakai menguji prototype & memberikan kritikan /saran Menguji Pengembang melakukan modifikasi sesuai dengan masukan pemakai Memperbaiki Pengembang merampungkan sistem sesuai dengan masukan terakhir dari pemakai I Pengembangan IDENTIFIKASI MEMBUAT MENGUJI MEMPERBAIKI PENGEMBANGAN Interaksi Manusia Dan Komputer ©2019 Maru
  • 5. COMPUTER REPAIR & SUPPORT PROTOTYPE Kelebihan 1. Adanya komunikasi yang baik antara pengembang dan pelanggan 2. Pengembang dapat bekerja lebih baik dalam menentukan kebutuhan pelanggan 3. Pelanggan berperan aktif dalam pengembangan sistem 4. Lebih menghemat waktu dalam pengembangan sistem 5. Penerapan menjadi lebih mudah karena pemakai mengetahui apa yang diharapkannya. 6. Mengurangi biaya pengembangan dan pemeliharaan 7. Dapat bereksperimen dengan perancangan alternatif 8. Meningkatkan kualitas, kecepatan spesifikasi dan perancangan sistem 9. Dapat dipadukan dengan metode terstruktur dan CASE tools 10.Dapat digunakan pada berbagai level, detail termasuk konsep, kebutuhan, spesifikasi dan perancangan. Interaksi Manusia Dan Komputer ©2019 Maru
  • 6. COMPUTER REPAIR & SUPPORT PROTOTYPE Kekurangan 1. Pelanggan kadang tidak melihat atau menyadari bahwa perangkat lunak yang ada belum mencantumkan kualitas perangkat lunak secara keseluruhan dan juga belum memikirkan kemampuan pemeliharaan untuk jangka waktu lama. 2. Pengembang biasanya ingin cepat menyelesaikan proyek. Sehingga menggunakan algoritma dan bahasa pemrograman yang sederhana untuk membuat prototyping lebih cepat selesai tanpa memikirkan lebih lanjut bahwa program tersebut hanya merupakan cetak biru sistem . 3. Hubungan pelanggan dengan komputer yang disediakan mungkin tidak mencerminkan teknik perancangan yang baik Interaksi Manusia Dan Komputer ©2019 Maru
  • 7. Dimensi Prototyping 01 0203 Penyajian o Bagaimana desain dilukiskan atau diwakili? o Dapat berupa uraian tekstual atau dapat visual dan diagram. Lingkup Apakah hanya interface atau apakah mencakup komponen komputasi? Executability o Dapatkah prototype tersebut dijalankan? o Jika dikodekan, apakah akan ada periode saat prototype tidak dapat dijalankan? 04 Maturation o Revolusioner: mengganti yang lama. Jika dirasa sistem yang lama sudah tidak dapat mengikuti perkembangan teknologi. o volusioner : terus melakukan perubahan pada perancangan yang sebelumnya.
  • 8. COMPUTER REPAIR & SUPPORT Metode Prototyping MetodeNon-Computer Sketsa,Mock-Ups Storyboarding Skenario Tutorial dan Manual Menirukan lebih banyak kemampuan sistem. Pada umumnya hanya baru beberapa aspek atau fitur Dapat berpusat pada lebih banyak detail Para pemakai lebih segan untuk menyarankan perubahan sekali ketika mereka melihat prototype yang lebih realistis. MetodeComputer-Based Interaksi Manusia Dan Komputer ©2019 Maru
  • 9. Terminologi Prototype Prototipe horizontal o Mencakup seluruh antarmuka pengguna namun tanpa fungsi pokok, berupa simulasi dan belum dapat digunakan untuk melakukan pekerjaan yang sesungguhnya. o Misal, pengguna dapat mengeksekusi seluruh navigasi dan perintah pencarian tapi tanpa memanggil informasi secara nyata. o Mengurangi level fungsionalitas, tetapi semua fitur ada. Prototipe vertikal o Lebih sedikit aspek atau fitur dari interface yang disimulasikan, tetapi dilaksanakan dengan rincian yang sangat baik. o Misal: dalam sistem informasi penerbangan, pengguna dapat mengakses suatu basisdata dengan data real dari penyedia informasi, tetapi tidak untuk keseluruhan data. o Mempunyai performance lebih rendah daripada sistem akhir. o Tidak dalam jaringan 40% 01 02 03 Early prototypig 04 Late prototyping
  • 10. Terminologi Prototype Low-fidelity prototyping o Gambaran cepat dari sistem akhir o Mempunyai fungsi atau interaksi yang terbatas o Lebih menggambarkan konsep, perancangan, alternatif dan layout layar dibanding model interaksi pengguna dengan sistem o Mendemostrasikan secara umum ‘feel and look ‘ dari antarmuka pengguna. o Tidak untuk memperlihatkan secara rinci bagaimana operasi sistem aplikasi. 05 Storyboard Sketsa Wizard of Oz Mid-fidelity prototyping o Form skematik. o Navigasi dan fungsi yang disimulasikan biasanya berbasis pada apa yang tampil pada layar atau simulasi layar. o Contoh tools yang digunakan: powerpoint, illustrator, dll. 06 High-fidelity prototyping o Mempunyai interaksi penuh o Pengguna dapat memasukkan data ke dalam medan masukan, menanggapi pesan, memilih ikon untuk membuka window, berinteraksi dengan UI o Mewakili fungsi-fungsi inti dari antarmuka pengguna produk 07
  • 11. Prototyping Tools 01 02 03 Draw/Paint Program Adobe Photoshop, Corel Draw, Incscape, dll Scripted Simulation/Slide Show Powerpoint, Hypercard, Macromedia Director, HTML dll Interface Builder Visual Basic, Delphi.
  • 12. Dimensi prototipe terdiri dari penyajian, lingkup, executability dan maturation. DIMENSI Prototipe merupakan suatu metode dalam pengembangan sistem yang menggunakan pendekatan untuk membuat sesuatu program dengan cepat dan bertahap PROTOTYPE Tahapan prototipe yaitu identifikasi kebutuhan pemakai, membuat prototipe, menguji prototipe, memperbaiki prototipe, mengembangkan versi produksi. TAHAPAN PROTOTYPE .POINT PROTOTYPE Metode prototipe dibedakan menjadi metode non- computer dan metode computer-based. METODE PROTOTYPE