Design Concept and Engineering

Design Concept

Good Software Design

• Firmness: sebuah program tidak boleh memiliki bug yang terlalu banyak dan fatal, serta semua fugnsi harus berjalan sesuai fungsinya.
• Commodity: sebuah program harus memiliki fungsi sesuai tujuan yang dimaksudkan
• Delight: pengalaman menggunakan program harus menyenangkan usernya

Design and Quality

• Design harus bisa mengimplementasikan semua requirment yang explisit
• Design harus dapat dimengerti baik oleh orang yang akan melakukan pemrograman atau testing
• Design harus memberi gambaran lengkap tentang softwarenya

Software Architecture

• Analisa kefektifan dari design yang dibuat
• Mempertimbangkan arsitektur alternativ
• Mengurangi resiko kegagalan software

Interface Design (8 golden rules)

1. Design harus konsisten, seperti font pada content tidak boleh beda jenis dan ukuran pada kalimatnya
2. Memberikan respon yang informatif untuk user
3. Memungkinkan user untuk memakai shortcut
4. Memberi dialog untuk penutupan
5. Memberikan error handling saat terjadi kesalahan
6. Dapat kembali ke halaman sebelumnya dengan mudah
7. User memiliki kontrol penuh atas program
8. Tidak memakan banyak memory

MVC Architecture

• Model ini berisi semua spesifik aplikasi dan pengolahan logika, termasuk

1. semua benda konten
2. akses ke sumber data / informasi eksternal,
3. semua fungsi pemrosesan aplikasi yang spesifik

• Tampilan berisi semua spesifik fungsi dan kemungkinan dari interface

1. penyajian konten dan pengolahan logika
2. akses ke sumber data / informasi eksternal,
3. semua fungsi proses yang dibutuhkan oleh pengguna akhir.

• Kontroler mengatur akses ke model dan tampilan dan mengkoordinasikan aliran data antar model dan tampilan.

Contoh MVC Architecture

Navigation Semantic Unit (NSU)

• Ways of Navigation (WoN) : menampilkan cara terbaik untuk melakukan navigasi or  jalan untuk pengguna dengan profil tertentu untuk mencapai tujuan yang diinginkan atau tujuan kedua mereka. Node Navigation (NN) dihubungkan dengan Link Navigation

Contoh gambar NSU

Navigation Syntax

• Individual Navigation Link: berbentuk text link, gambar dengan link dan tombol.
• Horizontal Navigation Bar: sebuah navigasi bar yang bisa berisi konten dengan link atau seperti menu dalam website.
• Vertical Navigation Coloumn: sama seperti horizontal navigation bar hanya saja berbentuk vertical.
• Tabs: memiliki fungsi yang tidak lebih dari variasi navigasi bar, yang mewakili kategori konten atau fungsi dalam bentuk tab.
• Site Maps: menggambarkan semua tab termasuk isi untuk navigasi, isi semua objek dan fungsi yang terdapat dalam Web App.