WKES2101:Rekabentuk Antaramuka GrafikPengguna

1
WKES2101Rekabentuk Antaramuka Grafik/Pengguna
2
Sesi Kenal-Mengenal

• Pensyarah Puan Raja Jamilah bt Raja Yusof,
• Bachelor of Engineering, BEng (Imperial College,
  London)
• Master of Computer Science, MCs (University
  Malaya, KL)
• Baru daftar untuk buat PhD, jadi belum ada lagi
  gelaran Dr.
• Belum ada gelaran Prof. Madya, Prof., Hajjah,
  Dato , Datin dan sebagainya
• OLEH ITU PANGGIL SAYA, Puan Raja Jamilah!

3
Objektif Kursus

• Pada akhir kursus pelajar akan dapat
• Menghuraikan konsep-konsep yang berhubungkait
  dengan bidang Interaksi Insani Komputer (HCI).
• Memfokuskan isu rekabentuk antaramuka pengguna
  aplikasi web dan bukan web.
• Merekabentuk dan mengimplementasi antaramuka
  pengguna bagi apikasi web dan bukan web.

4
Sinopsis Kursus

• 1.Interaksi Insani Komputer
• a) Kepentingan antaramuka pengguna,
• b) Generasi antaramuka pengguna,
• c) Kebolehgunaan antaramuka dan kitar hayat
  kejuruteraan kebolehgunaan.

5
Sinopsis Kursus

• 2. Prinsip-prinsip antaramuka pengguna
• a) Prinsip paparan teks,
• b) Prinsip warna,
• c) Prinsip paparan dan penonjolan skrin,
• d) Prinsip interaksi dan maklumbalas.
• 3. Peralatan Rekabentuk Antaramuka
• a) Pengaturcaraan visual (event-driven),
• b) Pengaturcaraan non-visual (pengaturcaraan
  "window")

6
Sinopsis Kursus

• 4. Elemen-elemen antaramuka pengguna
• a) Tetingkap dan kotak dialog,
• b) Menu,
• c) Ikon,
• d) Kawalan skrin atau "widgets" - butang
  perintah, kotak teks, butang pilihan
• e) Pemprosesan mesej.

7
Sinopsis Kursus

• 5. Rekabentuk dan implementasi antaramuka
  pengguna bagi apikasi web dan bukan web.
• 6. Isu-isu lain dalam pembinaan antaramuka web
  dan bukan web.

8
Rujukan Utama

• 1. GUI Bloopers Don'ts and Do's for Software
  Developers and Web Designers, Jeff Johnson, The
  Morgan Kaufmann, March 2000.
• 2. Designing the User Interface Strategies for
  Effective Human-Computer Interaction, Ben
  Shneiderman addison-Wesley, 1998.
• 3. Essential Guide to User Interface Design An
  introduction to GUI design principles and
  techniques, Galitz, Wiley, May 2002.

9
Pembahagian Markah
50 Peperiksaan (2 jam)
50 Kerja Kursus (Sepanjang 14 minggu Kuliah)
20 PBL 1
20 PBL 2
10 Tutorial
10
Kehadiran

• Pelajar dikehendaki menandatangani kehadiran ke
  kuliah atau tutorial atau makmal

11
Cara menghubungi saya

• Email rjry_at_fsktm.um.edu.my
• Telefon [phone]
• Homepage
• http//www.fsktm.um.edu.my/rjry
• Ada apa-apa soalan ? ? ?

12
Kaedah Pengajaran

• Universiti Malaya sedang dalam proses perubahan.
  Kita sedang menuju ke arah pengajaran dengan
  menggunakan konsep Problem-Based Learning (PBL)
• Konsep ini akan cuba diterapkan dalam kelas ini
  tetapi bukan sepenuhnya.
• Oleh itu...