4 3 prinsip antara muka pengguna
DESCRIPTION
educational purposeTRANSCRIPT
4.3PEMBANGUNAN MULTIMEDIA
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Antara muka pengguna adalah cara program komputer berkomunikasi dengan pengguna yang menggunakannya.
USER INTERFACE PRINCIPLES
Terdapat
8Prinsip antara muka pengguna
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA USER
INTERFACE PRINCIPLES
PRINSIP ANTARA MUKA PENGGUNA
KONSISTEN(consistency)
KEJELASAN(clarity)
KONTEKS(context)
NAVIGASI(navigation)
PERSONALISASI(personalisation)
KEBOLEHAN BELAJAR(learnability)
FLEKSIBEL(flexibility)
CARIAN(search)
1 2 3
4 5
6 7 8
8
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA USER
INTERFACE PRINCIPLES
Kamu -konsistenJangan -jelasKacau -konteksNanti -navigasiPeriksa -personalisasiCikgu -carianBagi -belajarF -fleksibel
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Reka bentuk antara muka adalah seragam pada setiap skrin program.
Contohnya setiap antara muka menggunakan perkataan atau arahan yang melakukan fungsi yang sama.
USER INTERFACE PRINCIPLESKONSISTEN
(consistency)
1
Antara muka yang sama pada setiap bahagian
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Label pada ikon adalah jelas supaya bahan multimedia dapat difahami dengan mudah.
Menggunakan ikon yang releven dengan fungsinya seperti ikon gambar printer untuk fungsi mencetak.
ikon perlu dilabel dengan jelas supaya pengguna dapat memahami fungsinya dengan mudah.
USER INTERFACE PRINCIPLESKEJELASAN
(clarity)
2
Rewind
PlayForwar
dReplay
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Setiap bahagian atau isi kandungan mesti berkait rapat dengan tajuknya.
USER INTERFACE PRINCIPLESKONTEKS
(context)
3
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Pengguna boleh bergerak bebas berdasarkan menu yang disediakan.
USER INTERFACE PRINCIPLESNAVIGASI
(navigation)
4
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Pengguna dapat mencari kata kunci atau glossary.
Fungsi carian memudahkan pengguna mencari maklumat yang diperlukan dengan mudah dan cepat.
USER INTERFACE PRINCIPLESCARIAN
(search)
5
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Pengguna boleh melalui proses pembelajaran secara individu.
Pengguna boleh memilih paparan yang diingini.
USER INTERFACE PRINCIPLESPERSONALISASI
(personalisation)
6
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Program menyediakan maklumat sokongan atau “help” untuk memudahkan pengguna memahami program.
USER INTERFACE PRINCIPLES
KEBOLEHAN BELAJAR(learnability)
7
PRINSIP-PRINSIP ANTARA MUKA PENGGUNA
Pengguna mempunyai hak untuk mendapatkan semua kemudahan yang disediakan tanpa halangan.
Contohnya, pengguna dibenarkan untuk akses semua isi kandungan pembelajaran, setiap bahagian sesuatu program tersebut.
USER INTERFACE PRINCIPLESFLEKSIBEL
(flexibility)
8
Ahli- ahli yang terlibat dalam pasukan pembangun projek multimedia.
PASUKAN PEMBANGUN(development team)
PENGURUS PROJEKProject manager
PAKAR ISI KANDUNGANSubject matter expert
PEREKA GRAFIKGrafik artist
PEREKA PENGAJARANInstructional designer
JURU AUDIO-VIDEOAudio-video technician
PENGATURCARAprogrammer
Menentukan skop projek dan berbincang dengan klien.
Mencari sumber kewangan, peralatan dan kemudahan.
Menyelaraskan pasukan produksi.
PASUKAN PEMBANGUN(development team)
PENGURUS PROJEKProject manager
PAKAR ISI KANDUNGANSubject matter expert
Melakukan kajian terhadap isi kandungan sesuatu projek multimedia.
Perlu menyediakan kandungan untuk projek multimedia.
Membangunkan elemen grafik yang diperlukan untuk projek multimedia seperti latar belakang, butang, foto, objek 3D, animasi dan logo.
PASUKAN PEMBANGUN(development team)
Bertanggung jawab untuk merakam dan menyunting audio.
Menyunting video.
PEREKA GRAFIKGrafik artist
JURU AUDIO-VIDEOAudio-video technician
Tentukan konsep pengajaran yang terbaik.
Menyediakan strategi untuk penyampaian maklumat yang berkesan.
PASUKAN PEMBANGUN(development team)
Menulis kod program menggunakan alat pengarangan.
Menggabungkan elemen multimedia ke dalam projek multimedia.
PEREKA PENGAJARANInstructional designer
PENGATURCARAprogrammer
Langkah demi langkah dalam pembinaan projek multimedia.
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)
ANALISIS
REKA BENTUK
PELAKSANAAN
PENGUJIAN
PENILAIAN
PENERBITAN
Pre-Production
Production
Post-Production
1
2
3
4
5
6
Berjumpa klien untuk mengetahui kehendak mereka untuk projek.
Pembangun mengenalpasti tajuk projek, masalah,jangkaan penyelesaian masalah, tujuan, dan sasaran pengguna.
Menulis proposol untuk projek multimedia.
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA ANALISIS Analysis
1
Merujuk kepada perancangan reka bentuk program multimedia yang akan dibuat.
2 alat rekabentuk:Carta Alir (flow chart) – menentukan aliran
program multimedia.Papan Cerita ( storyboard) –
Menulis draf kasar program berdasarkan carta alir.
Menghasilkan papan cerita secara terperinci termasuk isi program, navigasi, layout yang digunakan.
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
Reka bentuk paparan – bagaimana program multimedia akan dipaparkan pada skrin.
Menggunakan prinsip reka bentuk CASPER.
Sebagai panduan menyusun elemen multimedia pada sesuatu persembahan supaya dapat merangsang perhatian dan minat penonton.
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
C A S P E R
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
CASPER
ontrast (Perbezaan Ketara)igment (Susunan)
implicity (Mudah)
roximity (berhampiran)mphasis ( Penekanan)epetition (Pengulangan)
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
Contrast (Perbezaan Ketara)Bagi menunjukkan perbezaan antara dua objek
dari segi warna iaitu dengan pemilihan warna yang kontra (warna gelap dengan warna terang).
membezakan antara unsur dengan latar belakang paparan.
kontra juga boleh ditonjolkan dengan perbezaan font, objek besar dan kecil, garis halus dengan kasar, tekstur licin dengan kasar, unsur mendatar dengan menegak, garis berjauhan dengan berdekatan dan grafik kecil dengan besar.
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
Asetiap item yang hendak diletakkan
dalam antara muka perlulah seimbang agar kelihatan menarik.
menyusun item-item yang ingin dipersembahkan supaya ia kelihatan seimbang dan tidak janggal.
ligment (Susunan)
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
SGrafik dan animasi perlu ringkas dan
dapat merangsangkan pengguna memahami maksud yang hendak disampaikan.
Visual yang dipilih perlulah ringkas, bersesuaian dengan pengguna dan mudah difahami.
implicity (Mudah)
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
P item yang digunakan dalam muka
perisianperlulah dikumpulkan pada satu kawasan, supaya pengguna dapat melihat kesinambungan yang wujud antara item.
Pengumpulan item membuatkan pengguna merasa selesa kerana item-item yang berkaitan dilihat sebagai satu kumpulan dan tidak terpisah-pisah.
roximity (berhampiran)
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
E menggunakan cara tertentu bagi
memberi penekanan terhadap perkara yang dirasakan penting.
Tidak menggunakan terlalu banyak elemen sampingan untuk menarik perhatian pengguna, yang mana akan menyebabkan tumpuan pengguna lebih kepada elemen sampingan.
mphasis ( Penekanan)
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)FASA REKA BENTUK Design
2
RMenggunakan konsep yang sama dengan
mengulangi latar belakang, warna, saiz font dalam program multimedia.(antara muka yang sama dengan content yang berbeza bagi satu tajuk tertentu)
epetition (Pengulangan)
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)Implementation
3
Fasa ini adalah fasa di mana program multimedia itu dibangunkan.
Membangunkan program multimedia daripada papan cerita yang dibuat.
Menggunakan alat pengarangan untuk membangunkan projek.
FASA PELAKSANAAN
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)Testing
4
Tujuan adalah untuk memastikan program multimedia berjalan dengan betul.
Jika ada kesalahan atau masalah, pengaturcara akan membetulkan kembali program.
Menggunakan senarai semak untuk pengujian.
FASA PENGUJIAN
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)Evaluation
5
Menggunakan borang penilaian.
Pengguna dipilih untuk mencuba program yang dibina dan memberi maklum balas dengan mengisi borang penilaian.
Penting untuk menilai kelemahan dan kekuatan program multimedia yang dihasilkan.
FASA PENILAIAN
FASA PRODUKSI MULTIMEDIA
(Phases in multimedia production)Publishing
6
Program multimedia yang telah siap akan diterbitkan dan diedarkan dengan menggunakan media penghantaran.Berasakan CD – Menggunakan CD untuk
menyimpan dan mengedarkan program multimedia.
Berasaskan web – Menggunakan laman web untuk mengedarkan program multimedia kepada pengguna.
FASA PENERBITAN
SOALAN 1 soalan bahagian C
(a)Tuliskan pernyataan masalah yang sesuai yang merangkumi tajuk projek, objektif dan golongan sasaran. [3 markah]
(b) Reka bentuk antara muka untuk halaman utama [4 markah]
Satu kumpulan guru-guru dari negara jiran melawat sekolah anda, SMK Raja Perempuan Kelsom. Sebagai ketua pengawas sekolah, anda diberi
tugas oleh Pengetua untuk menghasilkan persembahan multimedia yang akan memperkenalkan Lembaga Pengawas sekolah anda. Persembahan
multimedia anda mesti bermaklumat, interaktif dan termasuk carta organisasi, sejarah, objektif dan klip video yang menunjukkan beberapa
aktiviti Lembaga Pengawas di sekolah anda.