4.3 pembangunan multimedia

41
4.3 PEMBANGUNAN MULTIMEDIA

Upload: emera

Post on 14-Feb-2016

107 views

Category:

Documents


3 download

DESCRIPTION

4.3 PEMBANGUNAN MULTIMEDIA. PRINSIP-PRINSIP ANTARA MUKA PENGGUNA. USER INTERFACE PRINCIPLES. Antara muka pengguna adalah cara program komputer berkomunikasi dengan pengguna yang menggunakannya . Terdapat 8 Prinsip antara muka pengguna. PRINSIP-PRINSIP ANTARA MUKA PENGGUNA. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 4.3 PEMBANGUNAN MULTIMEDIA

4.3PEMBANGUNAN MULTIMEDIA

Page 2: 4.3 PEMBANGUNAN 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

Page 3: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 4: 4.3 PEMBANGUNAN MULTIMEDIA

PRINSIP-PRINSIP ANTARA MUKA PENGGUNA USER

INTERFACE PRINCIPLES

Kamu -konsistenJangan -jelasKacau -konteksNanti -navigasiPeriksa -personalisasiCikgu -carianBagi -belajarF -fleksibel

Page 5: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 6: 4.3 PEMBANGUNAN MULTIMEDIA

Antara muka yang sama pada setiap bahagian

Page 7: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 8: 4.3 PEMBANGUNAN MULTIMEDIA

Rewind Play Forwar

dReplay

Page 9: 4.3 PEMBANGUNAN MULTIMEDIA

PRINSIP-PRINSIP ANTARA MUKA PENGGUNA

Setiap bahagian atau isi kandungan mesti berkait rapat dengan tajuknya.

USER INTERFACE PRINCIPLESKONTEKS

(context)

3

Page 10: 4.3 PEMBANGUNAN MULTIMEDIA
Page 11: 4.3 PEMBANGUNAN MULTIMEDIA

PRINSIP-PRINSIP ANTARA MUKA PENGGUNA

Pengguna boleh bergerak bebas berdasarkan menu yang disediakan.

USER INTERFACE PRINCIPLESNAVIGASI

(navigation)

4

Page 12: 4.3 PEMBANGUNAN MULTIMEDIA
Page 13: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 14: 4.3 PEMBANGUNAN MULTIMEDIA
Page 15: 4.3 PEMBANGUNAN MULTIMEDIA

PRINSIP-PRINSIP ANTARA MUKA PENGGUNA

Pengguna boleh melalui proses pembelajaran secara individu.

Pengguna boleh memilih paparan yang diingini.

USER INTERFACE PRINCIPLESPERSONALISASI

(personalisation)

6

Page 16: 4.3 PEMBANGUNAN MULTIMEDIA

PRINSIP-PRINSIP ANTARA MUKA PENGGUNA

Program menyediakan maklumat sokongan atau “help” untuk memudahkan pengguna memahami program.

USER INTERFACE PRINCIPLES

KEBOLEHAN BELAJAR(learnability)

7

Page 17: 4.3 PEMBANGUNAN MULTIMEDIA
Page 18: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 19: 4.3 PEMBANGUNAN MULTIMEDIA
Page 20: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 21: 4.3 PEMBANGUNAN MULTIMEDIA

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.

Page 22: 4.3 PEMBANGUNAN 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

Page 23: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 24: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 25: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 26: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 27: 4.3 PEMBANGUNAN MULTIMEDIA

FASA PRODUKSI MULTIMEDIA

(Phases in multimedia production)FASA REKA BENTUK Design

2

Page 28: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 29: 4.3 PEMBANGUNAN MULTIMEDIA

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)

Page 30: 4.3 PEMBANGUNAN MULTIMEDIA

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.

Page 31: 4.3 PEMBANGUNAN MULTIMEDIA

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)

Page 32: 4.3 PEMBANGUNAN MULTIMEDIA

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)

Page 33: 4.3 PEMBANGUNAN MULTIMEDIA

FASA PRODUKSI MULTIMEDIA

(Phases in multimedia production)FASA REKA BENTUK Design

2

P item yang digunakan dalam muka perisian

perlulah 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)

Page 34: 4.3 PEMBANGUNAN MULTIMEDIA

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)

Page 35: 4.3 PEMBANGUNAN MULTIMEDIA

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)

Page 36: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 37: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 38: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 39: 4.3 PEMBANGUNAN MULTIMEDIA

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

Page 40: 4.3 PEMBANGUNAN MULTIMEDIA
Page 41: 4.3 PEMBANGUNAN MULTIMEDIA

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.