Piranti Interaktif

@ Piranti Input/Output
Didalam konteks IMK, suatu piranti memungkinkan komunikasi antara manusia dan komputer melalui beberapa saluran komunikasi fisik
Diklasifikasikan sebagai:
Piranti masukan (ke komputer), mis: keyboard
Piranti keluaran (dari komputer), mis: speaker

Materi lengkap disini.

Pemodelan Analisis

@ Analisis Kebutuhan

• Menentukan karakteristik operasional PL
• Menunjukkan antarmuka PL dengan elemen sistem yang lain
• Membuat batasan yang harus dipenuhi PL
  

@ Analisis Kebutuhan memungkinkan Software Engineer (disebut analis atau modeler) untuk :

• Memperinci kebutuhan dasar yang dibuat kepada rekayasa kebutuhan sebelumnya
• Membangun model yang dapat menggambarkan skenario user, aktivitas fungsional, class masalah dan relasinya, sistem dan perilaku class, dan aliran data ketika ditransformasikan.
  

Materi lengkap disini.

Perancangan Tampilan

@ Pendahuluan
Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik

Yang harus dimiliki oleh perancang tampilan:

1. Jiwa seni yang memadai
2. Mengetahui selera user secara umum
   

Seorang perancang tampilan HARUS mendokumentasikan semua pekerjaan yang telah dia kerjakan selama ini, sebagai bahan evaluasi pembuatan tampilan yang baru atau memperbaiki tampilan sebelumnya

PROGRAM YANG DIBUAT BUKAN UNTUK ANDA, NAMUN UNTUK ORANG LAIN
Materi lengkap silahkan di download disini.

Praktek : Sebuah Pandangan Umum

@ Apakah “Praktek”?

• Praktek adalah sejumlah konsep, prinsip, metode dan tools yang harus dimiliki ketika software direncanakan dan dikembangkan.

• Dia menunjukkan detail —Konsideran teknis dan praktis, yang berada di dalam proses perangkat lunak, sesuatu yang dibutuhkan untuk membangun perangkat lunak komputer berkualitas tinggi.

Materi lengkapnya silahkan download disini.

CSS (Cascading Style Sheet)

@ Selector
Adalah nama yang diberikan untuk setiap style berbeda yang dibuat. Di dalam style didefinisikan bagaimana setiap selector akan bekerja (font, color dan lain-lain.). Kemudian di dalam bagian body halaman web, selector tersebut dipanggil untuk mengaktifkan style yang telah didefinisikan.
@Jenis-jenis Selector

• Selector HTML

Digunakan untuk mendefinisikan style yang berhubungan dengan tag HTML, melakukan redefinisi tag normal HTML
Syntax: SelectorHTML {Properti:Nilai;}

• Selector Class

Digunakan untuk mendefinisikan style yang dapat dipakai tanpa melakukan redefinisi tag HTML.
Syntax: ClassSelector {Properti:Nilai;}

• Selector ID

Digunakan untuk mendefinisikan style yang berhubungan dengan suatu object memanfaatkan ID unik, biasa digunakan saat bekerja dengan layer
Syntax: #IDSelector {Properti:Nilai;}

Materi Lengkap bisa di download disini.

Ragam Dialog

@ Dialog Manusia- Komputer

• Pengertian dialog:

- Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam dialog makna harus dipertimbangkan agar memenuhi kaidah semantis dan pragmatis
- IMK, dialog adalah pertukaran instruksi dan informasi yang mengambil tempat antara user dan sistem komputer

@ Aturan dalam Perancangan Dialog

• Pegang teguh konsistensi

• Sediakan shortcut bagi pengguna aktif

• Sediakan feedback yang informatif

• Sediakan error handling yang mudah

• Ijinkan pembatalan aksi

• Sediakan fasilitas bantuan (help)

• Kurangi beban ingatan jangka pendek

Materi Lengkap bisa di download disini.

Prototyping

• Implementasi bagian dari produk PL yang secara tipycal fungsinya dibatasi, reliabilitas rendah, tampilannya miskin dan kurang ketegasan.

• Sering dikembangkan secara cepat dalam bahasa tingkat tinggi atau bahasa prototipe tertentu tanpa memperhatikan keberan dan ketegapan dsb.

• Prototipe memberikan ide bagi pembuat maupun pemakai potensial tentang cara sistem berfungsi dalam bentuk lengkapnya.

• Proses menghasilkan sebuah prototype disebut Prototyping

@ Jenis Prototype

• Prototype Jenis I --> menjadi sistem Operasional

• Prototype Jenis II --> model yang dapat dibuang yang berfungsi sebagai cetak biru (blue Print) bagi sistem operasional

Materi lengkapnya silahkan download disini.