Dokumentasi Desain

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhMiDi2h6NArGJwAJEZ8-vaxGsOVOTtlm5d0zT4xUpJ4bnpf4BbNUrYf8czxmVe1Z4u_oZhNTrHJ5oX_hdzoiTa9VfDeH76vthWkku3R4jM2OOMw6FMRUvO0OZzy-EsiDvul8kyxaokX4/s1600/gamification-ui-design-680x317.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhMiDi2h6NArGJwAJEZ8-vaxGsOVOTtlm5d0zT4xUpJ4bnpf4BbNUrYf8czxmVe1Z4u_oZhNTrHJ5oX_hdzoiTa9VfDeH76vthWkku3R4jM2OOMw6FMRUvO0OZzy-EsiDvul8kyxaokX4/s1600/gamification-ui-design-680x317.jpg" width="400" /></a></div> <ol> <li>Lingkup Sistem</li> <li>Desain Data</li> <li>Desain Architectural</li> <li>Desain Antarmuka</li> <li>Desain Prosedural</li> <li>Catatan Khusus</li> </ol> <h2> <u>Data Design</u></h2> <blockquote class="tr_bq"> Mengubah objek data yang didefinisikan pada model analisis menjadi struktur data yang ada dalam perangkat lunak & Atribut yang dimiliki objek data, hubungan diantara objek data, dan penggunaannya dalam program, semuanya mempengaruhi pemilihan strukturdata</blockquote> <h2> <u> Architectural Design</u></h2> <ul> <li>Menggunakan karakteristik aliran informasi dalam model analisis untuk menghasilkan struktur program</li> <li>Sebuah data flow diagram dipetakan menjadi struktur program menggunakan dua pendekatan : <u>Transform mapping & Transaction mapping</u></li> <li>Transform mapping: diterapkan untuk sebuah aliran data yang menunjukkan batas yang jelas antara data yang masuk dan yang keluar</li> </ul>

Dokumentasi Desain

Lingkup Sistem Desain Data Desain Architectural Desain Antarmuka Desain Prosedural Catatan Khusus Data Design Mengubah objek da...

Read more »

Prinsip desain antarmuka (interface)

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOEQiF-ffnjyw0TN9By4Rz78W4dU4K8Zz4ZXyPuhWty9taUCn10Stu3dx20bXPMiHPDqwXKEPruHBXvWbuvm7vp0dH6GxJBTm7IDGWy8apBFvC9LTVi_IEFV5KdefLr4OtvwUTBBrW8Yk/s1600/desain+user+interface+IDS+International+Design+School-90043_560x420.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOEQiF-ffnjyw0TN9By4Rz78W4dU4K8Zz4ZXyPuhWty9taUCn10Stu3dx20bXPMiHPDqwXKEPruHBXvWbuvm7vp0dH6GxJBTm7IDGWy8apBFvC9LTVi_IEFV5KdefLr4OtvwUTBBrW8Yk/s1600/desain+user+interface+IDS+International+Design+School-90043_560x420.jpg" width="320" /></a></div> <h2> <span style="font-size: large;">Prinsip–prinsip desain antarmuka</span> <span style="font-size: large;">:</span></h2> <ul> <li><u><b>Merefleksikan model mental user</b></u> : Merefleksikan kombinasi pengalaman dunia riil,pengalaman dari software lain,dan penggunaan komputer secara umum</li> <li><u><b>Explicit and Implied Action</b></u> : Explicit actions adalah kondisi yang jelas dalam memberikan petunjuk untuk manipulasi suatu obyek. Sedangkan Implied actions adalah kondisi yang hanya memberikan kesan visual untuk memanipulasi obyek.</li> <li><u><b>Direct Manipulation</b></u> : user mendapatkan dampaknya dengan segera setelah melakukan suatu aksi.</li> <li><u><b>User Control</b></u> : mengijinkan user mengontrol dan menginisialisasi aksi.</li> <li><u><b>Feedback and Communication</b></u> : selalu memberitahukan user apa yang terjadi dari suatu aksi.</li> <li><u><b>Consistency</b></u> : user dapat mentransfer pengetahuan dan kemampuan dari suatu aplikasi ke aplikasi lain</li> <li> <u><b>WYSIWYG (WhatYouSeeIsWhatYouGet) </b></u>: tidak ada perbedaan antara yang dilihat dilayar dengan hasil outputnya.</li> <li><u><b>Aesthetic Integrity</b></u> : informasi diorganisasikan dengan baik dan konsisten dengan prinsip desain visual yang baik.</li> </ul>

Prinsip desain antarmuka (interface)

Prinsip–prinsip desain antarmuka : Merefleksikan model mental user : Merefleksikan kombinasi pengalaman dunia riil,pengalaman dari so...

Read more »