pengenalan kepada sistem multimedia (wxet 3142)

45
[email protected] 1 PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142) BAB 7 : REKABENTUK PRODUK MULTIMEDIA

Upload: enoch

Post on 06-Jan-2016

56 views

Category:

Documents


0 download

DESCRIPTION

PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142). BAB 7 : REKABENTUK PRODUK MULTIMEDIA. Pengenalan. Faktor penting : Bagaimana produk multimedia itu ‘looks’, ‘feels’ dan ‘works’ Rekabentuk produk : untuk memahami pengguna. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 1

PENGENALAN KEPADA SISTEM MULTIMEDIA

(WXET 3142)

BAB 7 : REKABENTUK PRODUK MULTIMEDIA

Page 2: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 2

Pengenalan

Faktor penting : Bagaimana produk multimedia itu ‘looks’, ‘feels’ dan ‘works’ Rekabentuk produk : untuk memahami pengguna. Untuk membincangkan rekabentuk produk, kita gunakan ‘page’ sebagai perwakilan ‘presentation’.

‘page’ dirujuk sebagai ‘frame’ atau ‘slide’.

Page 3: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 3

Pembinaan Blok (Building Blocks)

Dalam rekabentuk produk multimedia,

‘page’ : maklumat yang menyokong struktur dan aliran persembahan.

‘Page’ digunakan untuk ‘navigation’persembahan maklumat sokongan kepada pengguna

Page 4: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 4

‘Page’ dikategorikan kepada :IntroductionSplashMenu Content Help CreditsQuit

Page 5: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 5

‘Introduction and Splash Page’ : memulakan sesuatu persembahan. ‘Splash pages’ digunakan untuk menyatakan bahawa sesuatu produk sedang ‘loading’,

di mana ia berguna jika kandungan suatu produk multimedia sedang ‘preloaded’ untuk hasil yang lebih baik

Page 6: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 6

‘Introduction pages’ membekalkan ciri :

Mengenalpasti produkMengenalpasti sumber bagi produkMembekalkan arahan begaimana hendak menggunakan programMembekalkan ciri keselamatan seperti penggunaan katalaluan (password)

Page 7: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 7

‘Menu and Content Pages’ : untuk menguruskan kandungan produk multimediaIa akan menghubungkan dengan ‘page’ yang lain yang dipanggil ‘branch’‘Branch’ membenarkan produk dilapisi (layered) untuk pencapaian ke kandungan (content) yang lebih baik

Page 8: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 8

‘Menu pages’ selalunya mengandungi kandungan yang sedikit dengan latar belakang gambar dan audio. ‘Content pages’ mempersembahkan kandungan produk multimedia tersebut

Page 9: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 9

‘Help, Credit and Quit pages’ membenarkan fungsi sokongan pengguna untuk melicinkan operasi sesuatu produk

Page 10: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 10

‘Help pages’ membekalkan maklumat bagaimana persembahan diuruskan dan bagaimana kerja dikawal. ‘Help pages’ boleh dicapai dari mana-mana poin di dalam persembahan dan pengguna boleh kembali ke tempat asal selepas mencapai ‘help pages’

Page 11: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 11

‘Credit pages’ membekalkan maklumat mengenai pembangun (developer) dan maklumat mengenai sumber kandunganIa juga akan menyenaraikan produk dan maklumat terkini‘Quit pages’ pula digunakan untuk menamatkan program

Page 12: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 12

Pengkelasan Produk

Terdapat 2 strategi asas untuk pengkelasan produk multimedia :

Tidak-interaktif : pengguna hanya mempunyai sedikit kawalan ke atas produkInteraktif : pengguna yang menentukan aliran penghantaran maklumat

Page 13: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 13

Produk tidak-interaktif : mudah kerana kandungannya dipersembahkan secara linearPengguna akan melihat jujukan ‘pages’ seperti yang telah ditentukanProduk interaktif : sering digunakan untuk membangunkan produk multimediaPengguna boleh mengawal penghantaran maklumat dengan menekan butang, memainkan bunyi atau video.

Page 14: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 14

Multimedia Tidak-Interaktif

Contoh : animasi dan persembahan ‘standalone’ spt ‘movie’ ataupun video Digunakan untuk mempersembahkan maklumat kepada penonton yang ramai pada skrin besar ataupun pada monitor televisyen. Produk dimainkan dari mula sehingga tamat.

Pengguna mempunyai sedikit kawalan ke atas produk dengan ‘clicking the mouse’ ataupun dengan ‘pressing a key’ untuk ke ‘page’ yang berikutnya.

Page 15: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 15

Format Persembahan Tidak-Interaktif

Pengenalan

produk

Apakah ituproduk?

Lebih mengenai

produk

Muka Pengenalan Muka mula (kandungan) Muka berikutnya

Page 16: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 16

Gambarajah merupakan salah satu format yang paling mudah bagi suatu aplikasi multimedia. Persembahan tidak-interaktif selalunya sesuai untuk aplikasi seperti berikut :

Persembahan korporatPersembahan pengajaran dan latihanPersembahan jualan dan pemasaran

Page 17: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 17

Bagi setiap kes, terdapat ciri yang kerap digunakan untuk persembahan maklumat. Yang paling penting ialah maklumat yang dibina pada maklumat lain.  Sebagai contoh :

Nama syarikat, diikuti denganMisi syarikatSejarah syarikatOrganisasi syarikatProduk

Page 18: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 18

Pada setiap ‘page’, pengguna akan dibekalkan penerangan mengenai syarikat tersebut. Maklumat diberikan sedikit demi sedikit supaya pengguna mudah untuk memahami.

Page 19: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 19

Bagi produk latihan, selalunya bergantung kepada jujukan maklumat berdasarkan masa. Contoh, produk yang mengajar bagaimana untuk memasak. Ia akan bermula dengan menyediakan bahan-bahan yang diperlukan kemudian mencampurkan bahan-bahan tersebut, memasak dan akhir sekali cara menghidangkan makanan tersebut.

Page 20: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 20

Bagi multimedia tidak-interaktif, format linear merupakan kaedah yang paling berkesan untuk mempersembahkan maklumat sebegini. Ini kerana pengguna tidak boleh bergerak ke sebarang ‘page’ dan ini dapat mengurangkan pengguna tertinggal maklumat yang penting

Page 21: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 21

Persembahan tidak-intertaktif digunakan di dalam media seperti pita video. Sebagai contoh, pita video semasa penganugerahan ijazah kepada siswazah Universiti Malaya. Kandungan pita akan disusun seperti :

Muzik pengenalan UcapanPenyampaian ijazah

Page 22: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 22

Multimedia Interaktif

Multimedia interaktif : model yang paling sering digunakan oleh pembangun semasa membina produk komersial termasuklah produk hiburan, latihan dan pembelajaran. Multimedia interaktif dikategorikan dengan kebolehannya untuk mengikut laluan yang berbeza melalui maklumat. Gambarajah berikut menunjukkan contoh bagaimana persembahan interaktif bekerja.

Page 23: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 23

PengenalanMENU

Bahagian 1Bahagian 2Bahagian 3

Bahagian 2

‘Next’

Bahagian 3

‘Next’

MaklumatBerikutnya

‘Next’

Bahagian 1

‘Next’

Page 24: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 24

Persembahan multimedia interaktif disusun sebagai menu dan ‘content page’ yang membenarkan pengguna membuat keputusan ke mana untuk meneruskan. Antara teknik yang biasa digunakan untuk membenarkan pengguna membuat pilihan ialah :

ButtonsGraphic hot spotsText-based hyperlinksMenu lists

Page 25: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 25

Persembahan multimedia interaktif mungkin akan menjadi kompleks.

Ia bergantung kepada produk dan kandungan produk tersebut.

Format interaktif sesuai untuk produk-produk seperti berikut :

Alat rujukan (ensiklopedia / kamus)Pembelajaran dan latihanPenghantaran akhbar dan majalah secara elektronik Hiburan

Page 26: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 26

Alat rujukan perlu disusun agar dapat dicapai dengan pantas kerana ia mempunyai kandungan yang banyak. Produk pembelajaran dan latihan memerlukan capaian interaktif di mana pengguna akan berkomunikasi dengan produk. Akhbar dan majalah elektronik akan dibahagikan mengikut seksyen seperti berita tempatan, luar negara, politik, sukan dan hiburan.

Page 27: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 27

Produk hiburan pula dibahagikan mengikut jenis permainan, paras kepakaran (skill levels) yang membenarkan pengguna keluar dan kembali ke seksyen tertentu.

Page 28: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 28

Strategi Interaktif untuk Menguruskan Maklumat

Maklumat boleh disusun dengan pelbagai cara.Ia selalunya bergantung kepada jumlah maklumat yang disimpan dan kekompleksan maklumat yang terdapat di dalam produk tersebut.

Page 29: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 29

3 kategori asas untuk menyusun maklumat di dalam sesuatu produk iaitu :

LinearMaklumat dipersembahkan secara terus (straightforward) seperti di dalam buku di mana ia dibahagikan mengikut bab, seksyen dan perenggan.

Tree / hierarchicalMaklumat dipecahkan kepada beberapa sub-lapisan berdasarkan struktur logic.

NetworkMaklumat dihubungkan ke bahagian lain produk.

Page 30: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 30

Strategi Interaktif dan Persembahan

Sistem interaktif dibangunakan dengan pelbagai cara yang berbeza bergantung kepada produk, kandungan produk dan alatan yang digunakan. Tetapi secara keseluruhannya, pengguna mengawal maklumat yang akan dicapai dan terdapat 3 pendekatan asas iaitu :

LinearProgrammed BranchingHypermedia

Page 31: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 31

LinearMenyerupai strategi tidak-interaktifPersembahan maklumat secara

‘pages’Pengguna boleh ke muka

berikutnya atau kembali ke muka asal

Page 32: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 32

Programmed branchingKaedah yang paling sering digunakan di

dalam multimedia komersialSelalunya digunakan di dalam produk

pembelajaran dan hiburanPengguna mempunyai kawalan yang

terhad terhadap laluanKawalan melalui pilihan dari

antaramuka seperti ‘button’, ikon atau menu

Page 33: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 33

Setiap muka selalunya mengandungi kandungan dan pilihan

Pilihan membolehkan pengguna ke muka lain atau atau menu ‘help’ atau terus keluar dari produk tersebut

Menjadi pilihan ramai pembangun kerana memberi kebebasan kepada pengguna semasa menggunakan produk

Page 34: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 34

HypermediaJujukan : secara tidak-linear di mana pengguna

mempunyai kawalan sepenuhnya terhadap kandungan produk

Selalunya digunakan untuk World Wide Web (WWW)

Ia sering digunakan sebagai muka teks ataupun grafik di mana pengguna boleh klik teks atau gambar yang dipaparkan

Formatnya menyerupai ‘programmed branching’ keran memberi kebebasan kepada pengguna untuk mengawal navigasi

Page 35: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 35

‘Storyboarding’

‘Storyboarding’ merupakan proses yang diambil dari pembangunan media termasuklah pembuatan filem atau animasi kartun. Ia menceritakan produk di atas kertas yang menerangkan keterperincian cerita produk tersebut. Bagi multimedia, ‘storyboarding’ digunakan untuk menghubungkan kandungan supaya dapat diterjemahkan ke produk multimedia yang dibina.

Page 36: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 36

Terdapat 2 paras ‘storyboarding’ iaitu

‘storyboard page’ ‘product storyboard’

Page 37: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 37

‘storyboard page’

‘Storyboard page’ digunakan untuk menerangkan ‘frame of time’ tertentu di dalam suatu persembahan multimedia.Ia selalunya bersamaaan dengan muka ataupun ‘page’ yang kita telah bincangkan sebelum ini. Tiada undang-undang khas untuk membuat ‘storyboard’.Ia sering bergantung kepada produk yang hendak dibangunkan.

Page 38: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 38

‘Storyboard page’ ini dapat digambarkan seperti dalam gambarajah berikutnya menerangkan :mesej suatu muka tersebutkandungan muka termasuklah sumber dan

arahan untuk penformatan muka ‘Layout’ bagi kandungan muka ‘Layout’ bagi kawalan navigasi bagi muka

tersebut interaktiviti bagi muka tersebut

Page 39: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 39

maklumat pereka termasuklah siapa yang mereka, bila dan di mana

komen atau maklumat lain yang berguna

Page 40: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 40

‘storyboard page’

Nama Projek: Ketua projek: Pereka:Tarikh: Tarikh kemaskini:

Teks Teks

Page 41: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 41

‘product storyboard’

Oleh kerana produk multimedia selalunya melebihi dari 1 muka, maka perlulah ia dihubungkan dengan muka yang lain untuk mempersembahkan keseluruhan kandungan produk multimedia tersebut.

‘Product storyboard’ merupakan gambaran keseluruhan yang menerangkan bagaimana muka individu dipersembahkan

Page 42: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 42

Terdapat beberapa cara untuk menguruskan muka-muka tersebut iaitu : Menggunakan ‘loose-leaf notebook’ untuk

menyimpan ‘pages’. Meletakkan ‘pages’ pada dinding satu demi satu

secara linear. Meletakkan ‘pages’ pada dinding atau kertas

yang besar dengan menunjukkan hubungan di antara ‘pages’ dan navigasi.

Menggunakan kad rujukan yang berkaitan dengan ‘storyboard sheets’ yang disusun pada kad yang besar.

Page 43: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 43

Aplikasi ‘storyboard’

Storyboard Page

Storyboard Page

Storyboard Page

Storyboard Page

Storyboard Page

Storyboard Page

Storyboard Page

Storyboard Page

Page 44: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 44

‘Storyboarding’ yang baik penting untuk menghasilkan produk multimedia yang baikTujuan : membantu pereka untuk menguruskan ide dan kandungan. Ia selalu digunakan sebagai ide asas untuk diceritakan kepada pengguna.

Page 45: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 45

Tutorial Bab 7

1. Apakah perbezaan di antara produk multimedia interaktif dan tidak-interaktif?

2. Jelaskan kategori-kategori asas untuk menyusun maklumat di dalam sesuatu produk.

3. Apakah keburukan penggunaan kaedah ‘linear’ di dalam penyusunan maklumat.

4. Senaraikan paras ‘storyboarding’ yang ada. Bincangkan setiap satu.

5. Terangkan kebaikan ‘storyboarding’ .