pusat perkembangan kurikulum pusat perkembangan kurikulum kementerian pendidikan malaysia kementerian pendidikan malaysia
2003
2003
pusat perkembangan kurikulum pusat perkembangan kurikulum kementerian pendidikan malaysia kementerian pendidikan malaysia
2002
2002
m o d u l p e m b e l a j a r a n m o d u l p e m b e l a j a r a np r o d
p r o d
u k s i m u l t i m e d i a
u k s i m u l t i m e d i a
MODUL KONSEP
MODUL KONSEP
m u l t i m e d i a
m u l t i m e d i a
m u l t i m e d i a
m u l t i m e d i a
Cetakan Pertama 2003 Cetakan Pertama 2003
Kementerian Pendidikan Malaysia Kementerian Pendidikan Malaysia
Hak Cipta Terpelihara. Tidak dibenarkan mengeluar ulang
Hak Cipta Terpelihara. Tidak dibenarkan mengeluar ulang mana-mana bahagian artikel, ilustrasi dan isi mana-mana bahagian artikel, ilustrasi dan isi kandungankandungan buku ini dalam apa
buku ini dalam apa jua bentuk dan dengan apa jua bentuk dan dengan apa jua sama ada secara elektronik, fotokopi, mekanik, rakaman, ataujua sama ada secara elektronik, fotokopi, mekanik, rakaman, atau cara lain sebelum mendapat
cara lain sebelum mendapat izin bertulis daripada Pengarah, Pusat Perkembangan Kurikulum, Kementerianizin bertulis daripada Pengarah, Pusat Perkembangan Kurikulum, Kementerian Pendidikan Malaysia, Pesiaran Duta off Jalan Duta,
Pendidikan Malaysia, Pesiaran Duta off Jalan Duta, 50604 Kuala Lumpur..50604 Kuala Lumpur..
P
Peerrppuussttaakkaaaan Nn Neeggaarra a MMaallaayyssiiaa DDaatta a PPeennkkaattaallooggaan n DDaallaam m PPeenneerrbbiittaann Malaysia. Pusat Perkembangan Kurikulum
Malaysia. Pusat Perkembangan Kurikulum Modul Pembelajaran Produksi Multimedia Modul Pembelajaran Produksi Multimedia Pusat Perkembangan Kurikulum
Pusat Perkembangan Kurikulum Kementerian Pendidikan Malaysia Kementerian Pendidikan Malaysia 1. Mo
1. Modudul l AdAdobobe e PrPrememieierere 2. Ap2. Aplilikakasi si PePeririsisian an MuMultltimimededia ia dadan n GrGrafafikik 3. Ju3. Jududull
ii
ii
PENDAHULUAN
PENDAHULUAN
iii
iii
Seti
Setiap ap murimurid d beruberupaya paya untuuntuk k mengmenguasauasai i perkperkaraara ya
yang ng dipdipelaelajajari ri dan dan tahtahap ap penpenguaguasasaan an ini ini adaadalalahh ber
bergagantuntung ng kepkepada ada penpendekdekatatan an penpengajgajararan an dadann pem
pembelbelajaajararan n yanyang g digdigunaunakakan. n. PenPengagajarjaran an dadann pembelajar
pembelajaran bermodul an bermodul merupakan satu merupakan satu pendekatanpendekatan yan
yang g membmemberi peluang kepada murid eri peluang kepada murid untuuntuk k majumaju me
mengngikikut ut kekebobolelehahan n dadan n kakadadar r pepembmbelelajajaararann mereka sendiri. Dengan ini, murid-murid akan dapat mereka sendiri. Dengan ini, murid-murid akan dapat memp
mempertiertingkangkatkan tkan pengpenguasauasaan an pembpembelajelajaraaran n keke tahap yang maksima.
tahap yang maksima.
Modul ini mengandungi penerangan dan maklumat Modul ini mengandungi penerangan dan maklumat meng
mengenai enai multmultimedimedia. ia. AdalAdalah ah dihadiharapkrapkan an ia ia dapadapatt membimbing dan membantu guru dan murid untuk membimbing dan membantu guru dan murid untuk menguasai pengetahuan dan menambah kemahiran menguasai pengetahuan dan menambah kemahiran dalam bidang ini.
dalam bidang ini.
Penting: Penting: Ba
Bagi gi tujtujuan uan penpentataksiksiraran n matmata a pelpelajaajararan n ProProduduksiksi Mu
Multiltimedmedia, ia, gurguru-gu-gururu u adaadalalah h diidiingngatkatkan an susupaypayaa meru
merujuk juk kepakepada da kod-kkod-kod od konstkonstruk ruk yang yang ditetditetapkaapkann ol
oleh eh LeLembmbagaga a PePepeperrikiksasaan an babagi gi memengngetetahahuiui kemahiran-kemahiran yang dinilai.
iv
iv
KANDUNGAN
KANDUNGAN
muka muka surat surat UNIT 1 UNIT 1PERISIAN PENGARANGAN MULTIMEDIA PERISIAN PENGARANGAN MULTIMEDIA 1
1
UNIT 2 UNIT 2
AUDIO DAN MULTIMEDIA
AUDIO DAN MULTIMEDIA 77
UNIT 3 UNIT 3
TEORI MEMBANGUNKAN MULTIMEDIA INTERAKTIF TEORI MEMBANGUNKAN MULTIMEDIA INTERAKTIF
12 12 UNIT 4 UNIT 4 PEMBINAAN WEB PEMBINAAN WEB 1818 UNIT 5 UNIT 5 VIDEO DIGITAL VIDEO DIGITAL 26 26
Objektif Objektif
Selepas mengikuti unit pembelajaran ini, murid dapat: Selepas mengikuti unit pembelajaran ini, murid dapat:
•
• mengetahui konsep perisian pengarangan multimediamengetahui konsep perisian pengarangan multimedia •
• menyatakan ciri-ciri perisian pengarangan multimediamenyatakan ciri-ciri perisian pengarangan multimedia •
• menyatakan jenis-jenis perisian pengarangan multimediamenyatakan jenis-jenis perisian pengarangan multimedia •
• menyenaraikan aspek pemilihan perisian pengarangan multimediamenyenaraikan aspek pemilihan perisian pengarangan multimedia •
• menyenaraikan perisian-perisian pembinaan elemen multimediamenyenaraikan perisian-perisian pembinaan elemen multimedia
1. Perisian pengarangan multimedia 1. Perisian pengarangan multimedia
Perisian pengarangan multimedia adalah perisian
Perisian pengarangan multimedia adalah perisian yang digunakan untuk mengintegrasikan elemen-yang digunakan untuk mengintegrasikan elemen-elemen multimedia seperti teks,
elemen multimedia seperti teks, grafik, animasi, audio dan video dalam grafik, animasi, audio dan video dalam menghasilkan sebuah produksimenghasilkan sebuah produksi multimedia yang interaktif. Perisian
multimedia yang interaktif. Perisian pengarangan juga bertindak untuk menentukan suatu produksipengarangan juga bertindak untuk menentukan suatu produksi multimedia itu dapat m
multimedia itu dapat mencapai objektif dengan berkesan. Ia banyak bergantung kepada encapai objektif dengan berkesan. Ia banyak bergantung kepada keupayaankeupayaan perisian pengarangan tersebut dapat memenuhi keperluan produksi dan sejauh
perisian pengarangan tersebut dapat memenuhi keperluan produksi dan sejauh mana sebuah produksimana sebuah produksi multimedia yang dibangunkan itu dapat
multimedia yang dibangunkan itu dapat berinteraksi dengan pengguna.berinteraksi dengan pengguna. 2. Ciri-ciri perisian pengarangan
2. Ciri-ciri perisian pengarangan i.
i. Dapat Dapat memenuhi memenuhi keperluan keperluan elemen-elemen elemen-elemen multimedia multimedia seperti:seperti:
•
• TeksTeks
Jenis-jenis fon yang digunakan dalam menghasilkan teks biasanya
Jenis-jenis fon yang digunakan dalam menghasilkan teks biasanya ialah yang terdapatialah yang terdapat dalam kebanyakan komputer pengguna supaya dapat menampung keperluan semasa dalam kebanyakan komputer pengguna supaya dapat menampung keperluan semasa penyebaran produksi multimedia kelak. Penggunaan teks adalah
penyebaran produksi multimedia kelak. Penggunaan teks adalah untuk menyampaikanuntuk menyampaikan maklumat dengan lebih berkesan. Selain
maklumat dengan lebih berkesan. Selain itu teks juga kadangkala boleh itu teks juga kadangkala boleh berfungsi sebagaiberfungsi sebagai ““hipertekshiperteks”.”.
•
• Grafik Grafik
Grafik adalah elemen penting dalam penghasilan produksi multimedia yang dapat bertindak Grafik adalah elemen penting dalam penghasilan produksi multimedia yang dapat bertindak untuk menyampaikan maklumat kepada pengguna sama ada dal
untuk menyampaikan maklumat kepada pengguna sama ada dal am bentuk lakaran, tulisan,am bentuk lakaran, tulisan, lukisan atau grafik berbentuk 2D dan
lukisan atau grafik berbentuk 2D dan 3D. Ia boleh membantu 3D. Ia boleh membantu menerangkan konsepmenerangkan konsep disamping teks. Ia juga mestilah
disamping teks. Ia juga mestilah menarik dan mudah disampaikan dengan bermakna danmenarik dan mudah disampaikan dengan bermakna dan konsisten kepada semua pengguna. Grafik boleh diintegrasikan dalam produksi multimedia konsisten kepada semua pengguna. Grafik boleh diintegrasikan dalam produksi multimedia melalui pelbagai cara seperti pada latar belakang, antaramuka pengguna, imej, butang dan melalui pelbagai cara seperti pada latar belakang, antaramuka pengguna, imej, butang dan carta. Format penghasilan grafik adalah seperti
carta. Format penghasilan grafik adalah seperti bitmapbitmap,, jpeg jpeg dandan gif gif ..
•
• AnimasiAnimasi
Animasi digunakan untuk memberi gambaran pergerakan kepada suatu objek. Animasi digunakan untuk memberi gambaran pergerakan kepada suatu objek. IaIa membolehkan suatu objek yang pegun dapat bergerak dan
membolehkan suatu objek yang pegun dapat bergerak dan kelihatan hidup. Ini akankelihatan hidup. Ini akan menjadikan suatu produksi multimedia kelihatan menarik
menjadikan suatu produksi multimedia kelihatan menarik dan lebih bermakna seterusnyadan lebih bermakna seterusnya mampu menghasilkan suatu kelainan. Ada perisian pengarangan yang
mampu menghasilkan suatu kelainan. Ada perisian pengarangan yang dapat menghasilkandapat menghasilkan animasi yang mudah sahaja dan ada
animasi yang mudah sahaja dan ada sesetengah perisian yang dapat menghasilkan animasisesetengah perisian yang dapat menghasilkan animasi yang lebih kompleks. Format penghasilan animasi yang
yang lebih kompleks. Format penghasilan animasi yang biasa digunakan ialahbiasa digunakan ialah gif animated gif animated
dan dan swf swf ..
•
• AudioAudio
Penggunaan audio adalah cara berkesan bagi
Penggunaan audio adalah cara berkesan bagi menarik perhatian pengguna terhadap suatumenarik perhatian pengguna terhadap suatu produksi multimedia di samping membantu menyampaikan isi
produksi multimedia di samping membantu menyampaikan isi kandungan. Ia mampukandungan. Ia mampu menjadikan produksi multimedia itu lebih berkesan
menjadikan produksi multimedia itu lebih berkesan dan meningkatkan minat pengguna. Iadan meningkatkan minat pengguna. Ia biasa diintegrasikan ke dalam produksi multimedia sebagai muzik latar, kesan bunyi khas biasa diintegrasikan ke dalam produksi multimedia sebagai muzik latar, kesan bunyi khas
dan suara latar. Format penghasilan yang biasa digunakan ialah dalam bentuk
dan suara latar. Format penghasilan yang biasa digunakan ialah dalam bentuk wavwav,, mid mid dandan
mp3 mp3
UNIT 1 : PERISIAN PENGARANGAN MULTIMEDIA
•
• VideoVideo
Video yang digunakan dalam produksi multimedia dapat bertindak sebagai satu cara yang Video yang digunakan dalam produksi multimedia dapat bertindak sebagai satu cara yang berkesan bagi menyampaikan maklumat secara terus. Ia
berkesan bagi menyampaikan maklumat secara terus. Ia juga dapat berfungsijuga dapat berfungsi
menyampaikan maklumat dengan tepat yang kadang kala gagal ditangani oleh media-media menyampaikan maklumat dengan tepat yang kadang kala gagal ditangani oleh media-media yang lain. Ia mampu membawa
yang lain. Ia mampu membawa suasana sebenar kepada pengguna di samping dapatsuasana sebenar kepada pengguna di samping dapat memberi kelainan yang lebih menarik.
memberi kelainan yang lebih menarik. Format penghasilan bahan berbentuk video yangFormat penghasilan bahan berbentuk video yang lazim digunakan ialah
lazim digunakan ialah aviavi,,movmovdandanmpeg mpeg .. ii.
ii. Dapat menDapat menghasghasilkan proilkan produk muduk multimediltimedia interaka interaktif dalam petif dalam pelbagai belbagai bentuk sepntuk seperti:erti:
•
• Persembahan linearPersembahan linear
persembahan berbentuk linear ialah persembahan yang menghubungkan paparan persembahan berbentuk linear ialah persembahan yang menghubungkan paparan
pertama dengan paparan seterusnya mengikut urutan dari
pertama dengan paparan seterusnya mengikut urutan dari mula hingga ke akhir.mula hingga ke akhir.
Contoh intraktiviti persembahan berbentuk linear. Contoh intraktiviti persembahan berbentuk linear.
•
• Simple branching Simple branching
Bentuk persembahan ini dapat dihasilkan dengan cara
Bentuk persembahan ini dapat dihasilkan dengan cara menghubungkan satu paparanmenghubungkan satu paparan menu persembahan dengan paparan isi kandungan yang lain secara dua hala iaitu menu persembahan dengan paparan isi kandungan yang lain secara dua hala iaitu hubungan paparan menu ke paparan isi
hubungan paparan menu ke paparan isi kandungan dan kembali kepada paparan menukandungan dan kembali kepada paparan menu asal.
asal.
Contoh interaktiviti persembahan berbentuk simple branching. Contoh interaktiviti persembahan berbentuk simple branching.
•
• Conditional branching Conditional branching
Bentuk persembahan ini boleh menghubungkan satu paparan menu dengan m
Bentuk persembahan ini boleh menghubungkan satu paparan menu dengan m ana-manaana-mana paparan lain dan sub paparan secara terus dan dapat kembali ke mana-mana paparan paparan lain dan sub paparan secara terus dan dapat kembali ke mana-mana paparan
menu secara terus. Ia juga
menu secara terus. Ia juga adalah gabungan beberapaadalah gabungan beberapa simple branching. simple branching. menu
menu iissii iissii
iissii mmeennuu iissii
keluar keluar menu menu sub sub menu menu isi isi keluar keluar isi isi
iii.
iii. Dapat Dapat menyediakan menyediakan bentuk bentuk aliran aliran persembahan persembahan yang yang bersepadu bersepadu antara antara elemen- elemen- elemenelemen multimedia. Perisian pengarangan ini
multimedia. Perisian pengarangan ini mampu untuk menyusun dan menguruskan elemen-mampu untuk menyusun dan menguruskan elemen-elemen multimedia tersebut supaya mesej serta objektif suatu produksi multimedia memenuhi elemen multimedia tersebut supaya mesej serta objektif suatu produksi multimedia memenuhi sasaran. Di samping itu
sasaran. Di samping itu ia juga mampu menyediakan persekitaran bersepadu yang dapatia juga mampu menyediakan persekitaran bersepadu yang dapat menghubungkan semua isi kandungan yang ingin disampaikan.
menghubungkan semua isi kandungan yang ingin disampaikan. iv.
iv. Dapat mengimport, meDapat mengimport, merekacipta, mengintegrasi rekacipta, mengintegrasi dan menyampaikan dan menyampaikan elemen- elemenelemen- elemen multimedia dengan berkesan.
multimedia dengan berkesan.
•
• Mengimport Mengimport – – mengimport mengimport sebahagian sebahagian elemen elemen multimedia multimedia sepertiseperti
teks, grafik, audio, video dan animasi teks, grafik, audio, video dan animasi
•
• Merekacipta Merekacipta – – menghasilkan menghasilkan sesuatu sesuatu teks, teks, grafik grafik dan dan animasi animasi yangyang
sesuai sesuai
•
• Integrasi Integrasi – – gabungan gabungan elemen elemen multimedia multimedia yang yang diwujudkan diwujudkan dalamdalam
produksi produksi
•
• Penyampaian Penyampaian – – merekabentuk merekabentuk susun susun atur atur persembahanpersembahan •
• InInteteraraktktiviivititi – me– membmbinina hipa hipererlinlink dak dan hipn hipererteteks sks sererta anta antartaramamukukaa
pengguna pengguna
3. Jenis-jenis perisian pengarangan 3. Jenis-jenis perisian pengarangan
•
• Berasaskan kad/bukuBerasaskan kad/buku
Metafora berasaskan tatasusunan kad atau lembaran buku merupakan
Metafora berasaskan tatasusunan kad atau lembaran buku merupakan metafora yang awalmetafora yang awal dalam perisian pengarangan. Perisian pengarangan ini bekerja
dalam perisian pengarangan. Perisian pengarangan ini bekerja berdasarkan susunan objek-berdasarkan susunan objek-objek pada skrin yang dikenali sebagai kad atau buku. Setiap kad atau buku mengandungi objek pada skrin yang dikenali sebagai kad atau buku. Setiap kad atau buku mengandungi isi kandungan dan fungsi yang pelbagai serta
isi kandungan dan fungsi yang pelbagai serta ciri-ciri tertentu yang dihubungkan kepadaciri-ciri tertentu yang dihubungkan kepada kad atau buku yang lain yang berkaitan. Kad atau buku ini dipersembahkan kepada kad atau buku yang lain yang berkaitan. Kad atau buku ini dipersembahkan kepada
pengguna mengikut tatasusunan yang dapat beroperasi sebagai produksi multimedia yang pengguna mengikut tatasusunan yang dapat beroperasi sebagai produksi multimedia yang
mantap. mantap.
Antara perisian pengarangan yang berkonsepkan kad atau buku a
Antara perisian pengarangan yang berkonsepkan kad atau buku a dalah sepertidalah seperti Asymetrix Asymetrix Toolbook
Toolbook dandanComil Comil ..
•
• Berasaskan ikonBerasaskan ikon
Perisian pengarangan yang berasaskan metafora ini menggunakan ikon-ikon yang disusun Perisian pengarangan yang berasaskan metafora ini menggunakan ikon-ikon yang disusun dalam suatu carta alir yang akan membentuk satu persembahan penuh. Pada setiap ikon ia dalam suatu carta alir yang akan membentuk satu persembahan penuh. Pada setiap ikon ia adalah mewakili paparan yang menempatkan pel
adalah mewakili paparan yang menempatkan pel bagai isi kandungan dan arahan-arahanbagai isi kandungan dan arahan-arahan tertentu. Ia amat sesuai untuk produksi multimedia yang mempunyai aras intraktiviti yang tertentu. Ia amat sesuai untuk produksi multimedia yang mempunyai aras intraktiviti yang tinggi kerana susunan dan aliran persembahan dapat
tinggi kerana susunan dan aliran persembahan dapat dilihat dengan jelas dan dilihat dengan jelas dan mudah.mudah. Antara perisian pengarangan yang berasaskan ikon ialah
Antara perisian pengarangan yang berasaskan ikon ialah Macromedia AuthowareMacromedia Authoware..
Contoh susunan ikon-ikon yang terdapat Contoh susunan ikon-ikon yang terdapat
•
• Berasaskan masaBerasaskan masa
Metafora perisian pengarangan ini juga biasa dikenali sebagai perisian pengarangan
Metafora perisian pengarangan ini juga biasa dikenali sebagai perisian pengarangan
berasaskan frame atau movie. Perisian ini diorganisasikan serta dikawal mengikut
berasaskan frame atau movie. Perisian ini diorganisasikan serta dikawal mengikut
penggunaan masa dan
penggunaan masa dan frame.
frame. Susunan frame dibuat berdasarkan tempoh masa
Susunan frame dibuat berdasarkan tempoh masa suatu
suatu
objek yang hendak dipersembahkan. Ia amat
objek yang hendak dipersembahkan. Ia amat sesuai untuk menghasilkan satu
sesuai untuk menghasilkan satu
persembahan berbentuk animasi. Perisian pengarangan berasaskan masa adalah
persembahan berbentuk animasi. Perisian pengarangan berasaskan masa adalah
seperti Macromedia Director dan Macromedia Flash.
seperti Macromedia Director dan Macromedia Flash.
Contoh susunan frame berasaskan masa yang terdapat dalam
Contoh susunan frame berasaskan masa yang terdapat dalam perisian pengarangan Macromedia Flash.perisian pengarangan Macromedia Flash.
4. Memilih alat pengarangan 4. Memilih alat pengarangan
•
• Kepakaran pembangunKepakaran pembangun
Mengetahui sejauh mana kebolehan dan penguasaan pembangun dalam
Mengetahui sejauh mana kebolehan dan penguasaan pembangun dalam perisianperisian pengarangan dan perisian berkaitan yang hendak digunakan. Penggunaan lebih
pengarangan dan perisian berkaitan yang hendak digunakan. Penggunaan lebih daripadadaripada satu perisian akan menghasilkan sebuah produksi yang lebih
satu perisian akan menghasilkan sebuah produksi yang lebih baik dan menarik.baik dan menarik.
•
• Kepakaran kumpulanKepakaran kumpulan
Pembahagian tugas dalam kumpulan mengikut kepakaran masing-masing di
Pembahagian tugas dalam kumpulan mengikut kepakaran masing-masing di antara ahliantara ahli kumpulan pembangun penting bagi mewujudkan keseimbangan dalam pelaksanaan kumpulan pembangun penting bagi mewujudkan keseimbangan dalam pelaksanaan produksi. Ia perlu diselaraskan agar produk dapat disiapkan dalam
produksi. Ia perlu diselaraskan agar produk dapat disiapkan dalam tempoh masa yangtempoh masa yang tetapkan.
tetapkan.
•
• Tujuan pembinaanTujuan pembinaan
Sebelum memilih perisian pengarangan yang hendak
Sebelum memilih perisian pengarangan yang hendak digunakan dalam sebuah produksidigunakan dalam sebuah produksi multimedia, perkara asas yang perlu
multimedia, perkara asas yang perlu difikirkan adalah tujuan produk tersebut hendak dibinadifikirkan adalah tujuan produk tersebut hendak dibina sama ada untuk pendidikan, latihan, perniagaan atau sumber maklumat. Ini adalah penting sama ada untuk pendidikan, latihan, perniagaan atau sumber maklumat. Ini adalah penting kerana pemilihan alat pengarangan yang tepat dapat memenuhi tujuan produksi itu
kerana pemilihan alat pengarangan yang tepat dapat memenuhi tujuan produksi itu dihasilkan.
dihasilkan.
•
• KosKos
Pemilihan suatu perisian pengarangan akan melibatkan kos. Oleh itu pemilihan perisian Pemilihan suatu perisian pengarangan akan melibatkan kos. Oleh itu pemilihan perisian pengarangan yang sesuai dengan keperluan produksi dapat mengelakkan penambahan kos pengarangan yang sesuai dengan keperluan produksi dapat mengelakkan penambahan kos yang tidak dijangka. Ianya perlu bagi mengelakkan lebihan kos yang akan memberi kesan yang tidak dijangka. Ianya perlu bagi mengelakkan lebihan kos yang akan memberi kesan sampingan terhadap pembinaan sesebuah produksi yang dirancang.
sampingan terhadap pembinaan sesebuah produksi yang dirancang.
•
• MasaMasa
Pemilihan perisian pengarangan perlu mengambil kira
Pemilihan perisian pengarangan perlu mengambil kira tempoh masa sesebuah produksi itutempoh masa sesebuah produksi itu hendak disiapkan. Perisian pengarangan yang sesuai adalah perisian
hendak disiapkan. Perisian pengarangan yang sesuai adalah perisian yang dapat membantuyang dapat membantu menyiapkan produksi dalam masa yang telah
menyiapkan produksi dalam masa yang telah ditetapkan.ditetapkan.
•
• PenyebaranPenyebaran
Sesebuah projek multimedia yang dihasilkan mestilah
Sesebuah projek multimedia yang dihasilkan mestilah dapat memenuhi keperluandapat memenuhi keperluan
pengguna. Untuk itu ia perlu disebarkan melalui media yang sesuai dengan keperluan dan pengguna. Untuk itu ia perlu disebarkan melalui media yang sesuai dengan keperluan dan
dapat digunakan dengan meluas sama ada melalui cakera padat, cakera liut, kiosk, dapat digunakan dengan meluas sama ada melalui cakera padat, cakera liut, kiosk,
rangkaian computer atau internet. Oleh itu perisian pengarangan multimedia yang sesuai rangkaian computer atau internet. Oleh itu perisian pengarangan multimedia yang sesuai
5. Perisian Pembinaan Elemen Multimedia 5. Perisian Pembinaan Elemen Multimedia
Perisian yang boleh digunapakai bersama-sama dengan perisian
Perisian yang boleh digunapakai bersama-sama dengan perisian pengarangan yang dipilihpengarangan yang dipilih hendaklah memenuhi keperluan mengimport dan menyunting elemen-elemen multimedia hendaklah memenuhi keperluan mengimport dan menyunting elemen-elemen multimedia yangyang digunakan.
digunakan.
•
• Perisian teksPerisian teks
Antara perisian teks yang biasa digunakan ialah
Antara perisian teks yang biasa digunakan ialah Notepad Notepad ,,Wordpad Wordpad dandanMS MS Word Word ..
•
• Perisian grafik Perisian grafik
Antara perisian grafik yang sering diguna ialah
Antara perisian grafik yang sering diguna ialah Adobe Photoshop Adobe Photoshop,,Corel DrawCorel Draw,,
Macromedia Fireworks
Macromedia Fireworks,, Paint Shop Pro Paint Shop Pro,, Adobe Illustrator Adobe Illustrator ,, Paint Paint ,,Macromedia Freehand Macromedia Freehand ..
•
• Perisian audioPerisian audio
Antara perisian audio biasa digunakan ialah
Antara perisian audio biasa digunakan ialah Sound ForgeSound Forge,,Cool Edit Cool Edit dandan Audio Grabber. Audio Grabber.
•
• Perisian animasiPerisian animasi
Antara perisian animasi yang biasa digunakan ialah
Antara perisian animasi yang biasa digunakan ialah Macromedia FlashMacromedia Flash,,Ulead Gif Ulead Gif Animator
Animator ,, Animation Shop. Animation Shop.
•
• Perisian videoPerisian video
Antara perisian video yang biasa digunakan ialah
Antara perisian video yang biasa digunakan ialah Adobe Premier Adobe Premier ,,Ulead Video Editor Ulead Video Editor ,,
VCD Cutter
Selepas pembelajaran ini, pelajar dapat ; Selepas pembelajaran ini, pelajar dapat ;
1.
1. MenyaMenyatakan ketakan kepentinpentingan kesgan kesan bunyan bunyi dalam si dalam sesuatu pesuatu persemersembahan mbahan multimeultimedia.dia. 2.
2. MenMenyatyatakaakan perbn perbezaezaan bunan bunyi anayi analog dalog dan dign digitalital.. 3.
3. MeneraMenerangkan tenngkan tentang protang proses pensses pensampelampelan serta faktan serta faktor-faor-faktor yanktor yang mempengg mempengaruhi kuaaruhi kualiti audioliti audio yang terhasil.
yang terhasil. 4.
4. MengirMengira saiz a saiz sesebsesebuah fauah fail audil audio berio berdasarkdasarkan cirian ciri-ciri -ciri fail aufail audio.dio. 5.
5. MenyaMenyatakan ftakan format ormat fail aufail audio yadio yang utang utama serma serta cirita ciri-ciri i-ciri istimewstimewanya.anya.
6.
6.
Menyatakan perbezaan di antara fail audio jenis gelombang audioMenyatakan perbezaan di antara fail audio jenis gelombang audio (wav)(wav)dengan fail audio jenisdengan fail audio jenis MIDI.MIDI.
Pengenalan Pengenalan
Kesan bunyi atau audio berperanan
Kesan bunyi atau audio berperanan penting dalam sesebuah persembahan multimedia. Muzik dapatpenting dalam sesebuah persembahan multimedia. Muzik dapat mempengaruhi emosi pengguna dan kesan bunyi yang baik
mempengaruhi emosi pengguna dan kesan bunyi yang baik mewujudkan keadaan yang seimbang danmewujudkan keadaan yang seimbang dan harmoni. Audio
harmoni. Audio juga mampu menimbulkan juga mampu menimbulkan keseronokan, meningkatkan keseronokan, meningkatkan minat dan mencorakkanminat dan mencorakkan sesebuah persembahan multimedia. Justeru itu audio atau
sesebuah persembahan multimedia. Justeru itu audio atau bunyi merupakan antara elemen yangbunyi merupakan antara elemen yang sepatutnya diambilkira ketika merancang pembangunan sesebuah aplikasi multimedia.
sepatutnya diambilkira ketika merancang pembangunan sesebuah aplikasi multimedia. Audio sangatAudio sangat berkesan untuk menarik perhatian pengguna. Bagi persembahan yang
berkesan untuk menarik perhatian pengguna. Bagi persembahan yang lebih kompleks, suara latar ataulebih kompleks, suara latar atau
“voice-over”
“voice-over” dengan iringan muzik pastinya mampu menarik perhatian dengan iringan muzik pastinya mampu menarik perhatian dan menyeronokkan didan menyeronokkan di samping menyampaikan maklumat serta meningkatkan kefahaman terhadap i
samping menyampaikan maklumat serta meningkatkan kefahaman terhadap i si kandungan yangsi kandungan yang dipersembahkan.
dipersembahkan.
Kesan bunyi analog dan digital. Kesan bunyi analog dan digital.
•
• Bunyi bergerak dalam bentuk gelombang. Getaran yang terhasil diudara atau objek lainBunyi bergerak dalam bentuk gelombang. Getaran yang terhasil diudara atau objek lain
membentuk satu gelombang menggetarkan gegendang telinga kita
membentuk satu gelombang menggetarkan gegendang telinga kita dan didengar sebagai satudan didengar sebagai satu kesan bunyi. Ketika tiada gelombang bunyi yang wujud, tekanan udara adalah tetap berbanding kesan bunyi. Ketika tiada gelombang bunyi yang wujud, tekanan udara adalah tetap berbanding apabila wujud gelombang bunyi, tekanan udara akan berubah ke paras yang lebih tinggi
apabila wujud gelombang bunyi, tekanan udara akan berubah ke paras yang lebih tinggi
ataupun ke paras yang lebih rendah daripada tekanan atmosfera yang normal. Nilai perubahan ataupun ke paras yang lebih rendah daripada tekanan atmosfera yang normal. Nilai perubahan ini akan diterima sebagai kekuatan bunyi sesuatu audio. Kekuatan bunyi ini dikenali sebagai ini akan diterima sebagai kekuatan bunyi sesuatu audio. Kekuatan bunyi ini dikenali sebagai amplitud dan unit ukurannya ialah
amplitud dan unit ukurannya ialah decibel decibel (dB). Kadar tekanan udara berkaitan dengan(dB). Kadar tekanan udara berkaitan dengan frekuensi gelombang bunyi pula disebut
frekuensi gelombang bunyi pula disebut pitch. pitch. Corak gelombang boleh dilakarkan dalam graf Corak gelombang boleh dilakarkan dalam graf dan didapati bentuk graf seperti berikut:
dan didapati bentuk graf seperti berikut:
•
• Gelombang bunyi dapat diwakili oleh corak sinus dikenali sebagai gelombang analog. Corak Gelombang bunyi dapat diwakili oleh corak sinus dikenali sebagai gelombang analog. Corak
sinus tersebut mewakili amplitud dan juga frekuensi audio. Semakin tinggi puncak pada sinus tersebut mewakili amplitud dan juga frekuensi audio. Semakin tinggi puncak pada
gelombang bermakna semakin tinggi amplitud dan semakin kuat bunyi terhasil. Jarak di antara gelombang bermakna semakin tinggi amplitud dan semakin kuat bunyi terhasil. Jarak di antara puncak dengan puncak pula mewakili
puncak dengan puncak pula mewakili frekuensi yang mana semakin jauh jarak frekuensi yang mana semakin jauh jarak antaranya,antaranya,
UNIT 2 : AUDIO DAN MULTIMEDIA
•
• Frekuensi sebenarnya merujuk kepada bilangan kitaran yang Frekuensi sebenarnya merujuk kepada bilangan kitaran yang berlaku bagi setiap satu saat.berlaku bagi setiap satu saat.
Bilangan frekuensi akan mempengaruhi kualiti sesuatu audio
Bilangan frekuensi akan mempengaruhi kualiti sesuatu audio yang dirakamkan. Frekuensiyang dirakamkan. Frekuensi diukur dalan unit
diukur dalan unit Hertz Hertz (Hz). Setiap corak tersebut muncul sebanyak 1000 kali dalam masa 1(Hz). Setiap corak tersebut muncul sebanyak 1000 kali dalam masa 1 saat, bersamaan dengan 1000 Hz atau 1 KHz.
saat, bersamaan dengan 1000 Hz atau 1 KHz.
•
• Pemain dan perakam kaset audio, piring hitam, kaset video, CD audio (muzik) dan sebagainyaPemain dan perakam kaset audio, piring hitam, kaset video, CD audio (muzik) dan sebagainya
menyimpan data audio dalam bentuk analog. menyimpan data audio dalam bentuk analog.
•
• Perkembangan teknologi membolehkan kaedah penyimpanan yang hampir sama Perkembangan teknologi membolehkan kaedah penyimpanan yang hampir sama digunakan didigunakan di
antara data audio analog dan juga data audio digital. Ini membolehkan CD muzik biasa (analog) antara data audio analog dan juga data audio digital. Ini membolehkan CD muzik biasa (analog) boleh dibaca oleh pemain cakera padat digital (contohnya pemacu cakera pada sesebuah
boleh dibaca oleh pemain cakera padat digital (contohnya pemacu cakera pada sesebuah komputer). Namun demikian tidak semua kaedah penyimpanan data tersebut adalah sama dan komputer). Namun demikian tidak semua kaedah penyimpanan data tersebut adalah sama dan serasi. Oleh yang demikian data audio analog dan digital perlu diterjemahkan bagi
serasi. Oleh yang demikian data audio analog dan digital perlu diterjemahkan bagi membolehkan ianya difahami oleh media-media
membolehkan ianya difahami oleh media-media yang berlawanan.yang berlawanan.
•
• Cip yang berperanan bagi mengubah signal analog Cip yang berperanan bagi mengubah signal analog kepada denyutan dinamakan penterjemahkepada denyutan dinamakan penterjemah
analog digital atau
analog digital atauanalog digital convertersanalog digital converters(ADC). Proses sebaliknya adalah untuk (ADC). Proses sebaliknya adalah untuk
menukarkan gelombang digital kepada analog menggunakan cip penterjemah digital analog menukarkan gelombang digital kepada analog menggunakan cip penterjemah digital analog atau
ataudigital analog convertersdigital analog converters(DAC). Cip-cip ini biasanya sedia terbina di dalam kad audio(DAC). Cip-cip ini biasanya sedia terbina di dalam kad audio
(sound card). (sound card).
•
• Cip ADC mengukur amplitud bagi Cip ADC mengukur amplitud bagi gelombang analog dan mengubah setiap ukuran gelombanggelombang analog dan mengubah setiap ukuran gelombang
tersebut kepada denyutan digital yangberkaitan dengan kod bit agar boleh difahami oleh sistem tersebut kepada denyutan digital yangberkaitan dengan kod bit agar boleh difahami oleh sistem komputer, begitu juga sebaliknya.
komputer, begitu juga sebaliknya.
Corak gelombang digital terbentuk daripada bar-bar
Corak gelombang digital terbentuk daripada bar-bar turus seperti rajah dibawah.turus seperti rajah dibawah.
Pensampelan
Pensampelan(Sampling)(Sampling)
•
• Sistem pengoperasian komputer hanya menggunakan gelombang audio digital. Sistem pengoperasian komputer hanya menggunakan gelombang audio digital. Dengan itu jikaDengan itu jika
terdapat gelombang analog ia akan
terdapat gelombang analog ia akan ditukarkan kepada gelombang digital dan proses iniditukarkan kepada gelombang digital dan proses ini dinamakan pensampelan, yang mana setiap pecahan saat sampel bagi sesuatu audio akan dinamakan pensampelan, yang mana setiap pecahan saat sampel bagi sesuatu audio akan dirakamkan dalam bentuk bit digital. Terdapat dua faktor utama yang mempengaruhi kualiti dirakamkan dalam bentuk bit digital. Terdapat dua faktor utama yang mempengaruhi kualiti sesuatu rakaman audio digital iaitu Kadar Sampel
sesuatu rakaman audio digital iaitu Kadar Sampel (Sample Rate)(Sample Rate)dandan Bit-depth. Bit-depth.
•
• Selain dari itu, Saluran Rakaman atauSelain dari itu, Saluran Rakaman atau Channel Channel yang dipilih juga turut mempengaruhi kualitiyang dipilih juga turut mempengaruhi kualiti
dan juga saiz fail sesebuah audio yang dirakamkan. Terdapat dua pilihan
dan juga saiz fail sesebuah audio yang dirakamkan. Terdapat dua pilihan Channel Channel iaituiaitu StereoStereo dan
dan MonoMono. Kualiti rakaman boleh pilih berdasarkan. Kualiti rakaman boleh pilih berdasarkan Sample Rate, Bit-depthSample Rate, Bit-depthdandanChannel Channel
seperti dalam rajah di bawah. seperti dalam rajah di bawah.
Kadar Sampel
Kadar Sampel (Sample Rate)(Sample Rate) a)
a) Kadar SamKadar Sampel merupel merujuk kepajuk kepada berapda berapa kali ataupa kali ataupun kekeun kekerapan srapan sampel bagampel bagi sesuatu ai sesuatu audioudio
tersebut diambil. Semakin tinggi kadar sampel, semakin banyak maklumat sampel yang diambil tersebut diambil. Semakin tinggi kadar sampel, semakin banyak maklumat sampel yang diambil maka biasanya semakin tinggilah kualiti digital audio tersebut.
maka biasanya semakin tinggilah kualiti digital audio tersebut. b)
b) SepertSeperti frekuei frekuensi, kadnsi, kadar sampear sampel juga diukl juga diukur dalam unur dalam unit Hertz. Tigit Hertz. Tiga nilai kadaa nilai kadar sampel yar sampel yangng biasa digunakan bagi sesebuah rakaman audio ialah 11.025 kHz, 22.05 kHz dan 44.1 kHz. biasa digunakan bagi sesebuah rakaman audio ialah 11.025 kHz, 22.05 kHz dan 44.1 kHz. c)
c) Kadar sKadar sampel raampel rakaman ykaman yang seang sering diring digunakgunakan ialah 4an ialah 44.1 kHz y4.1 kHz yang berang bermaksumaksud panjad panjangng gelombang yang dijanakan ialah setinggi 44,100 kali bagi sesaat.
gelombang yang dijanakan ialah setinggi 44,100 kali bagi sesaat. Bit-depth
Bit-depth
a)
a)
Bit-depth Bit-depthjuga dikatakan sebagai saiz sampel yang mewakili jumlah banyaknya informasi yangjuga dikatakan sebagai saiz sampel yang mewakili jumlah banyaknya informasi yang disimpan mengenai sesuatu sampel tersebut. Ia juga boleh dikatakan bilangan bit yangdisimpan mengenai sesuatu sampel tersebut. Ia juga boleh dikatakan bilangan bit yang digunakan untuk menyimpan maklumat data tersebut. Dua jenis
digunakan untuk menyimpan maklumat data tersebut. Dua jenis bit-depthbit-depthyang biasa digunakanyang biasa digunakan ialah 8 bit dan 16 bit.
ialah 8 bit dan 16 bit. b)
b) Kualiti dKualiti data 16 bit adaata 16 bit adalah lebih blah lebih baik berbaik berbandinanding 8 bit kerang 8 bit kerana semakin ta semakin tinggi sainggi saiz sampeiz sampel makal maka lebih banyak maklumat atau informasi yang disimpan.
lebih banyak maklumat atau informasi yang disimpan.
c)
c)
JenisJenisbit-depthbit-depthyang dipilih mestilah bersesuaian dengan kad yang dipilih mestilah bersesuaian dengan kad audioaudio (sound card)(sound card)yangyang digunakan iaitu samada kad audio 16 bit atau 8 bit.digunakan iaitu samada kad audio 16 bit atau 8 bit. d)
d) SemakiSemakin tinggi bit-dn tinggi bit-depth yang digepth yang digunakaunakan ia akan menggun ia akan menggunakan ruanakan ruang storang storan yang lebih besn yang lebih besar ar (1 bait bagi sampel 8 bit). Ini bermakna jika rakaman audio dibuat selama 10 saat
(1 bait bagi sampel 8 bit). Ini bermakna jika rakaman audio dibuat selama 10 saat dengandengan menggunakan kadar sampel 44.1 kHz dan bit-depth 16 bit serta dirakamkan secara stereo akan menggunakan kadar sampel 44.1 kHz dan bit-depth 16 bit serta dirakamkan secara stereo akan menggunakan ruang storan sekitar 2 MB.
menggunakan ruang storan sekitar 2 MB.
Menganggar Saiz Fail Audio Menganggar Saiz Fail Audio Saiz fail
Saiz fail bagi rakaman audio digital selama 1 saat berasasbagi rakaman audio digital selama 1 saat berasaskan jenis mono bergantung kepkan jenis mono bergantung kepada kadar ada kadar sampel,
sampel, bit-depth.bit-depth.Formula berikut boleh digunakan bagi menentukan saiz fail rakaman audio.Formula berikut boleh digunakan bagi menentukan saiz fail rakaman audio. Kadar Sampel X Bit-depth / 8 X masa
Kadar Sampel X Bit-depth / 8 X masa
Sebagai contoh, rakaman audio bagi satu saat dengan kadar sampel 44.1 kHz dan
Sebagai contoh, rakaman audio bagi satu saat dengan kadar sampel 44.1 kHz dan bit-depthbit-depthialah 16 bitialah 16 bit adalah bersamaan 88,200 bait (88.2 Kb).
adalah bersamaan 88,200 bait (88.2 Kb). Langkah pengiraan,
Langkah pengiraan,
44100 X 16 /8 = 88200 44100 X 16 /8 = 88200
Bagi rakaman jenis stereo jumlah ini perlu digandakan 88200 X 2 = 176400 (176.4 Kb). Bagi rakaman jenis stereo jumlah ini perlu digandakan 88200 X 2 = 176400 (176.4 Kb). Kualiti rakaman stereo lebih baik berbanding jenis mono.
Kualiti rakaman stereo lebih baik berbanding jenis mono. K
Pemampatan Audio
Pemampatan Audio (Audio Compression)(Audio Compression)
Ruang storan dapat dijimatkan dengan melakukan
Ruang storan dapat dijimatkan dengan melakukan pemampatanpemampatan (compress)(compress)dan nyah mampatdan nyah mampat (decompress) apabila fail hendak dimainkan semula
(decompress) apabila fail hendak dimainkan semula dengan pengurangan mutu yang minima. Kaedahdengan pengurangan mutu yang minima. Kaedah pemampatan yang utama ialah
pemampatan yang utama ialah Adaptive Differential Pulse Code Modulation Adaptive Differential Pulse Code Modulation (ADPCM).(ADPCM). Ia beroperasiIa beroperasi berdasarkan kepada pengukuran perbezaan amplitud sesuatu nilai di
berdasarkan kepada pengukuran perbezaan amplitud sesuatu nilai di antara sampel dan menggunakanantara sampel dan menggunakan nilai tersebut untuk menentukan nilai
nilai tersebut untuk menentukan nilai seterusnya. Proses pemampatan mengurangkan nilai bit secaraseterusnya. Proses pemampatan mengurangkan nilai bit secara nyata, contohnya dalam nisbah 2:1 kepada
nyata, contohnya dalam nisbah 2:1 kepada 4:1 bergantung kepada bit yang 4:1 bergantung kepada bit yang dipilih semasa prosesdipilih semasa proses pemampatan.
pemampatan.
Format Fail Audio Format Fail Audio
Beberapa format fail audio digital yang biasa ialah wave (.wav), sound (.snd),
Beberapa format fail audio digital yang biasa ialah wave (.wav), sound (.snd), Audio Interchange File Audio Interchange File Format
Format (.aiff) dan MIDI (.mid). Selain itu terdapat juga audio yang disimpan dalam format MP3(.aiff) dan MIDI (.mid). Selain itu terdapat juga audio yang disimpan dalam format MP3 ataupun MPEG Level 3.
ataupun MPEG Level 3.
Format fail penggunaan audio di Internet adalah seperti RealAudio (.ra) atau RealMedia (.rm) dan MP3 Format fail penggunaan audio di Internet adalah seperti RealAudio (.ra) atau RealMedia (.rm) dan MP3 kerana saiz fail yang kecil berbanding format-format audio yang lain.
kerana saiz fail yang kecil berbanding format-format audio yang lain. Format Audio yang lain
Format Audio yang lain 1.
1. AuAudio Indio Interterchachangnge File Foe File Formarmat (AIt (AIFF daFF dan AIFn AIF)) Digunapakai pada sistem komputer jenis M
Digunapakai pada sistem komputer jenis M acintosh, IBM dan yang serasi dengannya seperti acintosh, IBM dan yang serasi dengannya seperti AmigaAmiga dan Silicon Graphics. Ia menampung berbagai jenis saiz sampel pelbagai aras (sehingga 32 bit). dan Silicon Graphics. Ia menampung berbagai jenis saiz sampel pelbagai aras (sehingga 32 bit).
2.
2. MusicaMusical Inl Instrumstrument Dent Digitaigital Intl Interface erface (MID(MID, MDI , MDI dan dan MFF)MFF) Diterima pakai di seluruh dunia bertujuan menyimpan audio dari jenis MIDI. Diterima pakai di seluruh dunia bertujuan menyimpan audio dari jenis MIDI.
3
3.. SSoouunnd d ((SSNNDD))
Diperkenalkan oleh Apple dan hanya sesuai digunakan bagi audio yang mempunyai saiz sampel 8 bit. Diperkenalkan oleh Apple dan hanya sesuai digunakan bagi audio yang mempunyai saiz sampel 8 bit.
4
4.. RRoolll l ((RROOLL))
Mula diperkenalkan oleh Adlib
Mula diperkenalkan oleh Adlib Inc. untuk digunakan bersama-sama dengan kad audio yang Inc. untuk digunakan bersama-sama dengan kad audio yang dikeluarkandikeluarkan oleh syarikat berkenaan.
oleh syarikat berkenaan. 5
5.. WWaavve e ((WWAAVV))
Paling meluas digunakan dan disokong sepenuhnya oleh
Paling meluas digunakan dan disokong sepenuhnya oleh sistem pengoperasian Windows. Dibangunkansistem pengoperasian Windows. Dibangunkan oleh syarikat Microsoft dan mampu
oleh syarikat Microsoft dan mampu menyokong rakaman dengan bit-depth setinggi 8 bit menyokong rakaman dengan bit-depth setinggi 8 bit (mono dan(mono dan stereo).
stereo). 6.
6. SuSun n AAuudidio o (A(AUU))
Diperkenalkan khas untuk digunakan komputer jenis stesyen kerja
Diperkenalkan khas untuk digunakan komputer jenis stesyen kerja Sun Microsystem. Ia merupakanSun Microsystem. Ia merupakan format audio 16 bit
format audio 16 bit yang dimampatkan dan sering juga digunakan untuk tyang dimampatkan dan sering juga digunakan untuk t ujuan penyebaran melaluiujuan penyebaran melalui internet.
internet. 7
7.. VVooiicce e ((VVOOCC))
Digunakan bersama-sama dengan kad audio jenis Sound
Digunakan bersama-sama dengan kad audio jenis Sound Blaster dari Creative Technology. Ianya bolehBlaster dari Creative Technology. Ianya boleh memain serta merakamkan audio samada 8 atau 16 bit setelah melalui proses pemampatan atau pun memain serta merakamkan audio samada 8 atau 16 bit setelah melalui proses pemampatan atau pun tidak.
tidak. 8.
8. MPMPEG EG LeLevevel 3 l 3 (M(MP3P3)) MPEG
MPEG(Motion Picture Expert Group)(Motion Picture Expert Group)Level 3 merujuk kepada format fail audio yang semakin popular Level 3 merujuk kepada format fail audio yang semakin popular terutamanya bagi tujuan penyaluran muzik melalui Internet. Mempunyai teknik pemampatan yang baik terutamanya bagi tujuan penyaluran muzik melalui Internet. Mempunyai teknik pemampatan yang baik sehingga dapat memampatkan audio bersaiz 45 MB dalam format wav kepada kira-kira 4 MB dalam sehingga dapat memampatkan audio bersaiz 45 MB dalam format wav kepada kira-kira 4 MB dalam
9.
9. ReaRealAulAudio adio atau tau ReaRealMedlMedia (.ia (.RA dRA dan .Ran .RAM)AM) Sangat meluas digunakan dalam Internet
Sangat meluas digunakan dalam Internet secara langsung sehingga membsecara langsung sehingga membolehkan siaran radio atauolehkan siaran radio atau televisyen dimainkan terus melalui internet.
televisyen dimainkan terus melalui internet.
Audio berben
Audio berbentuk Gelombantuk Gelombang g dan MIDdan MIDII
Sistem Pengoperasian Windows banyak menggunakan audio dalam
Sistem Pengoperasian Windows banyak menggunakan audio dalam bentuk gelombang ataubentuk gelombang atau Wave.Wave.IaIa merupakan audio berbentuk digital dan
merupakan audio berbentuk digital dan dimainkan menerusi kad audiodimainkan menerusi kad audio (sound card)(sound card)ataupun menerusiataupun menerusi papan litar audio yang sedia ada.
Objektif Objektif Selepas mengikuti unit pembelajaran ini, murid dapat :
Selepas mengikuti unit pembelajaran ini, murid dapat :
•
• mengetahui fasa-fasa pembangunan produk multimedia interaktif mengetahui fasa-fasa pembangunan produk multimedia interaktif •
• Menyenaraikan dan menghuraikan langkah-langkah untuk pembangunan produk multimediaMenyenaraikan dan menghuraikan langkah-langkah untuk pembangunan produk multimedia
interaktif interaktif
•
• Menghuraikan perkaitan diantara papan cerita dan Menghuraikan perkaitan diantara papan cerita dan skema navigasi.skema navigasi.
Langkah-langkah dalam pembangunan produk multimedia interaktif Langkah-langkah dalam pembangunan produk multimedia interaktif
Langkah-langkah dalam pembangunan multimedia boleh dikategorikan sebagai pre-produksi, produksi, Langkah-langkah dalam pembangunan multimedia boleh dikategorikan sebagai pre-produksi, produksi, post produksi dan pengedaran. Tiga fasa utama dalam pembangunan multimedia interaktif melibatkan post produksi dan pengedaran. Tiga fasa utama dalam pembangunan multimedia interaktif melibatkan
garis panduan berikut : garis panduan berikut : Fasa 1 – Perancangan Fasa 1 – Perancangan
•
• Langkah 1 – Pembangunan KonsepLangkah 1 – Pembangunan Konsep •
• Langkah 2 – Menyatakan TujuanLangkah 2 – Menyatakan Tujuan •
• Langkah 3 – Mengenalpasti Kumpulan SasaranLangkah 3 – Mengenalpasti Kumpulan Sasaran •
• Langkah 4 – Pembangunan SpesifikasiLangkah 4 – Pembangunan Spesifikasi •
• Langkah 5 – Papan Cerita dan NavigasiLangkah 5 – Papan Cerita dan Navigasi
Fasa 2 – Penyediaan Fasa 2 – Penyediaan
•
• Langkah 6 – Pembangunan KandunganLangkah 6 – Pembangunan Kandungan •
• Langkah 7 – Mengarang Produk Langkah 7 – Mengarang Produk
Fasa 3 – Pengujian Fasa 3 – Pengujian
•
• Langkah 8 – Menguji Produk Langkah 8 – Menguji Produk
Fasa 4 – Pengedaran Fasa 4 – Pengedaran
•
• Langkah 9 – PendokumentasianLangkah 9 – Pendokumentasian •
• Langkah 10 – PengedaranLangkah 10 – Pengedaran
UNIT 3 : TEORI
FASA 1 – PERANCANGAN FASA 1 – PERANCANGAN Langkah 1 : Pembangunan Konsep Langkah 1 : Pembangunan Konsep Seti
Setiap ap proprojek jek mulmultimtimedia edia menmenjanjanakaakan n ideidea a tertersensendirdiri. i. ProProses ses penpenjanjanaan aan ideidea a adaadalah lah berberdasdasarkarkanan beberapa pe
beberapa persoalan seprsoalan seperti berikut erti berikut ::
•
• BagaiBagaimana mana sesusesuatu atu maklummaklumat at boleh dipersemboleh dipersembahkbahkan an dalam bentuk multimedia yang dalam bentuk multimedia yang lebihlebih
impresif dari segi kualiti grafik dan maklumat terkini ? impresif dari segi kualiti grafik dan maklumat terkini ?
•
• BagaiBagaimana kita boleh mengubah kandmana kita boleh mengubah kandungaungan yang menjurus n yang menjurus ke arah keperluan pasake arah keperluan pasaran yangran yang
pelbagai ? pelbagai ?
•
• Bagaimana kita boleh mengoptimumkan teknologi terkini ?Bagaimana kita boleh mengoptimumkan teknologi terkini ? •
• Bagaimana kita boleh menukarkan dari tajuk tunggal ke tajuk bersiri ?Bagaimana kita boleh menukarkan dari tajuk tunggal ke tajuk bersiri ? •
• Bagaimana kita boleh membuat Bagaimana kita boleh membuat pempakejan semula dan mengubahsuai isi kandungan ?pempakejan semula dan mengubahsuai isi kandungan ?
Langkah 2 : Menyatakan Tujuan Langkah 2 : Menyatakan Tujuan
Setelah pembangunan konsep dibuat, matlamat dan objektif haruslah diperincikan. Matlamat Setelah pembangunan konsep dibuat, matlamat dan objektif haruslah diperincikan. Matlamat merupakan konsep umum mengenai projek yang dibina manakala
merupakan konsep umum mengenai projek yang dibina manakala objektif adalah pernyataan yang lebihobjektif adalah pernyataan yang lebih terperinci. Matlamat dan objektif boleh menentukan hala tuju proses pembangunan produk multimedia. terperinci. Matlamat dan objektif boleh menentukan hala tuju proses pembangunan produk multimedia. Pembangunan produksi multimedia merupakan suatu proses kerja berpasukan, maka adalah penting Pembangunan produksi multimedia merupakan suatu proses kerja berpasukan, maka adalah penting ba
bagi gi sessesuatuatu u objobjektektif if yanyang g tettetapkapkan an itu itu memmemenuenuhi hi fokfokus, us, lanlandasdasan, an, perperuntuntukaukan n dan dan masmasa a yanyangg ditetapkan.
ditetapkan. Langkah 3 –
Langkah 3 – Mengenalpasti Kumpulan SasaranMengenalpasti Kumpulan Sasaran Sema
Semakin kin banbanyak yak makmaklumlumat at tententang tang keukeupaypayaan aan ataatau u kebkeboleolehan han penpenggugguna na yanyang g dipdiperoerolehlehii individu yang akan membangunkan sesebuah perisian multimedia, maka semakin tepat dan sesuailah individu yang akan membangunkan sesebuah perisian multimedia, maka semakin tepat dan sesuailah sesebuah perisian yang dibangunkan itu memenuhi keperluan kumpulan sasaran.
sesebuah perisian yang dibangunkan itu memenuhi keperluan kumpulan sasaran.
Para pengguna secara amnya boleh dibahagikan kepada beberapa kategori mengikut umur, Para pengguna secara amnya boleh dibahagikan kepada beberapa kategori mengikut umur, jantina, pendidikan dan sebagainya. Individu yang ingin membangunkan perisian multimedia perlu jantina, pendidikan dan sebagainya. Individu yang ingin membangunkan perisian multimedia perlu
menentukan maklumat yang diperlukan dan bagaimana
menentukan maklumat yang diperlukan dan bagaimana yang bersesuaian dengan para pengguna.yang bersesuaian dengan para pengguna. Langkah 4 –
Langkah 4 – Pembangunan SpesifikasPembangunan Spesifikasii
Spesifikasi boleh dirujuk kepada dua aspek utama iaitu spesifikasi perisian dan juga spesifikasi Spesifikasi boleh dirujuk kepada dua aspek utama iaitu spesifikasi perisian dan juga spesifikasi perkakasan. Spesifikasi perisian menyenaraikan apa yang akan dimasukkan ke dalam skrin, termasuk perkakasan. Spesifikasi perisian menyenaraikan apa yang akan dimasukkan ke dalam skrin, termasuk
susunan setiap elemen dan fungsi setiap
susunan setiap elemen dan fungsi setiap objek.objek.
Selain dari itu, keupayaan sistem komputer dari sudut kepantasan ingatan utama (RAM), ruang Selain dari itu, keupayaan sistem komputer dari sudut kepantasan ingatan utama (RAM), ruang storan dan sebagainya juga perlu ditentukan dari awal bagi memastikan agar perisian yang dibina storan dan sebagainya juga perlu ditentukan dari awal bagi memastikan agar perisian yang dibina mampu dimainkan pada mana-mana sistem komputer
mampu dimainkan pada mana-mana sistem komputer yang dicadangkan tanpa sebarang masalah.yang dicadangkan tanpa sebarang masalah. Langkah 5 – Papan Cerita dan Navigasi
Langkah 5 – Papan Cerita dan Navigasi Pemb
Pembinainaan an pempembanbangungunan an perperisiaisian n banbanyak yak menmeniru iru corcorak ak pempembanbangungunan an filfilem, em, tertermasmasuk uk penggunaan papan cerita. Papan cerita atau ‘storyboard’ mewakili paparan setiap skrin dan cara mana penggunaan papan cerita. Papan cerita atau ‘storyboard’ mewakili paparan setiap skrin dan cara mana
skrin dihubungkan antara satu sama lain. skrin dihubungkan antara satu sama lain. Papan cerita bertujuan :
Papan cerita bertujuan :
•
• penetapan gambaran kasar projek penetapan gambaran kasar projek •
•
• memberi gambaran bagaimana setiap objek berfungsimemberi gambaran bagaimana setiap objek berfungsi
Navigasi atau penerokaan setiap skrin merupakan suatu elemen yang penting. Interaktiviti yang Navigasi atau penerokaan setiap skrin merupakan suatu elemen yang penting. Interaktiviti yang tidak linear akan memastikan projek yang dibangunkan itu menarik dan interaktif dan ini ditentukan tidak linear akan memastikan projek yang dibangunkan itu menarik dan interaktif dan ini ditentukan oleh pembangun perisian itu sendiri.
oleh pembangun perisian itu sendiri. Satu
Satu laglagi i perperkarkara a yanyang g penpenting ting daldalam am penpenyedyediaaiaan n pappapan an cercerita ita ialialah ah mermerancancang ang sissistemtem penerokaan bagi setiap skrin di dalam papan cerita tersebut. Salah satu aspek multimedia yang paling penerokaan bagi setiap skrin di dalam papan cerita tersebut. Salah satu aspek multimedia yang paling penti
penting ng bagi memastikabagi memastikan n sesebsesebuah uah aplikaplikasi asi yang dibangunyang dibangunkan menarik kan menarik serta interaktiserta interaktif f ialah aspek ialah aspek interaktiviti yang tidak linear. Hubungkait antara skrin melalui penggunaan butang, hyperteks dan interaktiviti yang tidak linear. Hubungkait antara skrin melalui penggunaan butang, hyperteks dan hot hot spot
spot membenarkan pengguna berpindah dari satu skrin ke skrin yang membenarkan pengguna berpindah dari satu skrin ke skrin yang lainlain
Sistem penerokaan atau navigasi boleh dilakukan dalam pelbagai cara , seperti susunan yang berturutan, Sistem penerokaan atau navigasi boleh dilakukan dalam pelbagai cara , seperti susunan yang berturutan, mengikut topik atau melalui konsep penjelajahan. Penerokaan mengikut susunan yang berturutan akan mengikut topik atau melalui konsep penjelajahan. Penerokaan mengikut susunan yang berturutan akan menghasilkan satu sistem yang membolehkan seseorang pengguna bergerak secara li
Fasa 2 – Penyediaan Fasa 2 – Penyediaan Langkah 6 –
Langkah 6 – Pembangunan KandunPembangunan Kandungangan
Dalam fasa pembangunan perisian, proses kerja berubah dari merancang dan mereka bentuk Dalam fasa pembangunan perisian, proses kerja berubah dari merancang dan mereka bentuk kepada proses pembangunan perisian. Ianya mempunyai dua langkah
kepada proses pembangunan perisian. Ianya mempunyai dua langkah utama iaitu langkah pembinaan isiutama iaitu langkah pembinaan isi kandungan dan langkah mengarang atau mengaturcara tajuk.
kandungan dan langkah mengarang atau mengaturcara tajuk.
Spesifikasi perisian meliputi sebarang skrip yang akan digunakan bagi menggambarkan isi Spesifikasi perisian meliputi sebarang skrip yang akan digunakan bagi menggambarkan isi kandungan sesebuah per
kandungan sesebuah perisian multimedia. Terdapat isian multimedia. Terdapat banyak perkara mengenabanyak perkara mengenai isi kandungan yang pei isi kandungan yang perlurlu diberi perhatian, antaranya:
diberi perhatian, antaranya:
•
• Tahap kualiti isi kandunganTahap kualiti isi kandungan •
• Bagaimana isi kandungan dijanaBagaimana isi kandungan dijana •
• Siapa yang bertanggung jawab dalam mendapatkan hakciptaSiapa yang bertanggung jawab dalam mendapatkan hakcipta •
• Bagaimana isi kandungan disimpan dan didokumentasikanBagaimana isi kandungan disimpan dan didokumentasikan
Sekiranya sesebuah perisian multimedia menggunakan semula isi kandungan yang sedia ada Sekiranya sesebuah perisian multimedia menggunakan semula isi kandungan yang sedia ada se
sepeperti rti dadalalam m bubuku ku atatau au kakataltalogog, , prprososes es memendndapapatatkakan n babahahan n mumungngkikin n lelebibih h mumudadah. h. WaWalalauu bagaimanapun jika isi kandungan yang perlu dihasilkan terutamanya yang mempunyai animasi dan bagaimanapun jika isi kandungan yang perlu dihasilkan terutamanya yang mempunyai animasi dan
vid
video, eo, proproses ses yanyang g terterlibalibat t adaadalah lah leblebih ih banbanyak yak dan dan sersering ing memmemerlerlukaukan n perperjanjanjian jian dendengan gan pihpihak ak pembekal luar.
pembekal luar.
Langkah 7 – Mengarang Produk Langkah 7 – Mengarang Produk
Proses mengarang atau mengaturcara akan menjadi lebih mudah sekiranya proses membina Proses mengarang atau mengaturcara akan menjadi lebih mudah sekiranya proses membina spesi
spesifikasfikasi i dan papan dan papan cerita telah cerita telah disiadisiapkan dengan pkan dengan sempsempurna semasa urna semasa proseproses s peranperancangacangan. n. ProsProseses penga
pengarangrangan an melibamelibatkan pemilihan imej, tkan pemilihan imej, bagi latar bagi latar belakbelakang, jenis ang, jenis teksteks, , mengimengimbas beberapa grafik,mbas beberapa grafik, mengimpot video, audio dan sebagainya.
mengimpot video, audio dan sebagainya.
Proses penulisan skrip dianggap sebagai titik fokus yang bertujuan untuk menetapkan fungsi di Proses penulisan skrip dianggap sebagai titik fokus yang bertujuan untuk menetapkan fungsi di dalam spesifikasi yang ditentukan. Proses ini merangkumi pemeriksaan keatas input pengguna dari dalam spesifikasi yang ditentukan. Proses ini merangkumi pemeriksaan keatas input pengguna dari papan kekunci, kemampuan mencapai
papan kekunci, kemampuan mencapai peranperanti ti luaran seperti luaran seperti CD CD Video, mengenalpVideo, mengenalpasti asti konfikonfigurasgurasii sistem main
sistem main semusemula la dan mengujudkdan mengujudkan an progprogram ram instinstallasi untuk allasi untuk memulamemulakan kan sesusesuatu atu aplikaplikasi asi atauatau program.
program. An
Antatara ra peperirisisian an pepengngararanangagan n dadan n pepengngatatururcacararaan an yayang ng memenynyedediaiakakan n kekemumudadahahann mem
membanbangungunkan kan proprodukduksi si mulmultimetimedia dia ialialah ah sepseperterti i MicMicrosrosoft oft VisVisual ual BasBasic, ic, C++C++, , MacMacromromediediaa Authorware, Macromedia Director, Toolbook dan sebagainya.
Authorware, Macromedia Director, Toolbook dan sebagainya. Ses
Seseoeorarang ng pepembmbanangugun n prprogograram m adadalalah ah didigagalalakkkkan an dadapapat t bebekekerjrjasasamama a dedengngan an peperekrekaa antara
antaramuka dan muka dan penulpenulis is isi isi kandukandungan supaya spesifikasngan supaya spesifikasi i yang dirancang dapat yang dirancang dapat memenumemenuhi hi semuasemua kriteria.
Fasa 3 – Pengujian Fasa 3 – Pengujian
Langkah 8 – Menguji Produk Langkah 8 – Menguji Produk
Fasa ini merujuk kepada proses menguji dan menilai perisian yang terhasil agar menepati Fasa ini merujuk kepada proses menguji dan menilai perisian yang terhasil agar menepati kehendak yang telah ditetapkan. Perisian yang telah selesai diuji dan dinilai dijangka akan berkualiti kehendak yang telah ditetapkan. Perisian yang telah selesai diuji dan dinilai dijangka akan berkualiti serta memenuhi kehendak pengguna sebenar apabila ianya digunakan oleh kumpulan pengguna sasaran serta memenuhi kehendak pengguna sebenar apabila ianya digunakan oleh kumpulan pengguna sasaran tersebut.
tersebut.
Walaupun proses pengujian diletakan sebagai langkah terakhir, namun proses ini merupakan Walaupun proses pengujian diletakan sebagai langkah terakhir, namun proses ini merupakan suatu proses berterusan. Melalui fasa pembentukan tajuk, adalah mustahak untuk menguji rekabentuk suatu proses berterusan. Melalui fasa pembentukan tajuk, adalah mustahak untuk menguji rekabentuk dan fungsi yang digunakan. Pengujian boleh dimulakan dari awal lagi iaitu dalam peringkat pembinaan dan fungsi yang digunakan. Pengujian boleh dimulakan dari awal lagi iaitu dalam peringkat pembinaan konsep.
konsep.
Menguji sesuatu perisian multimedia melibatkan proses memastikan sama ada fungsi yang Menguji sesuatu perisian multimedia melibatkan proses memastikan sama ada fungsi yang dipilih bertindak balas mengikut spesifikasi yang telah ditetapkan dan boleh menjawab beberapa soalan dipilih bertindak balas mengikut spesifikasi yang telah ditetapkan dan boleh menjawab beberapa soalan seperti berikut:
seperti berikut:
•
• Adakah dengan mengklAdakah dengan mengklik ik setiasetiap p butang atau objek butang atau objek pada skrin akan pada skrin akan menghmenghasilkasilkanan
tindakbalas yang bersesuaian ? tindakbalas yang bersesuaian ?
•
• Boleh animasi, bunyi dan klip video dikawal oleh pengguna?Boleh animasi, bunyi dan klip video dikawal oleh pengguna? •
Fasa 4 – Pengedaran Fasa 4 – Pengedaran
Langkah 9 –
Langkah 9 – PendokumentaPendokumentasiansian
Memandangkan pembangunan sesebuah aplikasi atau produksi multimedia merupakan suatu Memandangkan pembangunan sesebuah aplikasi atau produksi multimedia merupakan suatu proses yang sistematik dan agak komplkes, maka ia pastinya juga akan melibatkan pelbagai bentuk proses yang sistematik dan agak komplkes, maka ia pastinya juga akan melibatkan pelbagai bentuk
do
dokukumen men atatau au fafail il yayang ng memempmpununyayai i peperanranan an yayang ng tetersrsenendidiriri. . FaiFail l atatau au dodokukumemen n inini i bobolelehh diklasifikasikan secara berasingan kepada beberapa kategori misalnya:
diklasifikasikan secara berasingan kepada beberapa kategori misalnya:
•
• Dokumen cadangan projek Dokumen cadangan projek •
• Dokumen kontrak / perjanjianDokumen kontrak / perjanjian •
• Skrip / isi kandunganSkrip / isi kandungan •
• Papan ceritaPapan cerita •
• Carta aliranCarta aliran •
• Fail lemen multimedia seperti fail video, grafik, audio, animasi dan sebagainya.Fail lemen multimedia seperti fail video, grafik, audio, animasi dan sebagainya. •
• Fail kod pengaturcaraan atau pengaranganFail kod pengaturcaraan atau pengarangan •
• Fail dokumentasi produksi multimediaFail dokumentasi produksi multimedia
Langkah 10 – Pengedaran Langkah 10 – Pengedaran
Apabila sesebuah aplikasi telah disiapkan sepenuhnya dan telah bersedia untuk disebarkan Apabila sesebuah aplikasi telah disiapkan sepenuhnya dan telah bersedia untuk disebarkan unt
untuk uk kegkegunaunaan an ramramai, ai, medmedia ia sebsebaraaran n yanyang g berbersessesuaiuaian an perperlu lu ditditententukaukan. n. BuaBuat t masmasa a ini ini terterdapdapatat pelbagai altenatif yang boleh diambil bagi tujuan penyebaran sesebuah produksi multimedia seperti pelbagai altenatif yang boleh diambil bagi tujuan penyebaran sesebuah produksi multimedia seperti melalui penggunaan cakera liut atau disket, cakera padat (CD-ROM), cakera boleh ubah (Removable melalui penggunaan cakera liut atau disket, cakera padat (CD-ROM), cakera boleh ubah (Removable Disk), rangkaian komputer, rangkaian internet dan
Disk), rangkaian komputer, rangkaian internet dan sebagainya.sebagainya.
Terdapat pelbagai cara atau media yang boleh digunakan bagi tujuan penyebaran sesebuah Terdapat pelbagai cara atau media yang boleh digunakan bagi tujuan penyebaran sesebuah produ
produksi multimedia yang ksi multimedia yang mudah diperomudah diperolehi di lehi di pasarpasaran. Walau an. Walau bagaibagaimanapumanapun n seperseperti ti yang telahyang telah dijelaskan sebelum ini, pemilihan
dijelaskan sebelum ini, pemilihan media adalah bergantung kepada beberapa faktor, antaranya:media adalah bergantung kepada beberapa faktor, antaranya:
•
• Saiz fail produksi multimedia yang dipakejkanSaiz fail produksi multimedia yang dipakejkan •
• Masa capaianMasa capaian •
• Berapa kerap sesebuah aplikasi tersebut ingin dimainkanBerapa kerap sesebuah aplikasi tersebut ingin dimainkan •
• Kemudahan peralatan dan kepakaran yang adaKemudahan peralatan dan kepakaran yang ada •
raffi raffi
Objektif Objektif
Selepas mengikuti unit pembelajaran ini, murid dapat: Selepas mengikuti unit pembelajaran ini, murid dapat:
•
• menyatakan aspek-aspek yang perlu dikenalpasti sebelum membina sebuah menyatakan aspek-aspek yang perlu dikenalpasti sebelum membina sebuah laman weblaman web •
• menggunakan fail-fail sumber dalam format yang menggunakan fail-fail sumber dalam format yang dicadangkandicadangkan •
• menamakan format-format fail yang sesuai digunakan dalam laman webmenamakan format-format fail yang sesuai digunakan dalam laman web
o o grafik grafik o o audioaudio o o animasi/videoanimasi/video •
• memilih perisian pembinaan laman memilih perisian pembinaan laman web yang difikirkan sesuai dengan kebolehan pembangunweb yang difikirkan sesuai dengan kebolehan pembangun •
• menyatakan sebab-sebab yang mendorong kepada pemilihan perisian untuk membangunkanmenyatakan sebab-sebab yang mendorong kepada pemilihan perisian untuk membangunkan
laman web laman web Pengenalan
Pengenalan Wor
World ld WidWide e Web Web (WW(WWW) W) mermerupaupakan kan sissistem tem ranrangkgkaian aian hiphiperterteks eks yanyang g memmembolbolehkehkan an makmaklumalumatt dikongsi melalui internet. Semasa web bermula, ianya hanya melibatkan teks semata-mata. Namun dikongsi melalui internet. Semasa web bermula, ianya hanya melibatkan teks semata-mata. Namun pada masa kini dengan perkembangan teknologi, antara muka yang melibatkan grafik ditambah dengan pada masa kini dengan perkembangan teknologi, antara muka yang melibatkan grafik ditambah dengan pe
penggnggunaunaan an audaudio io dan dan vidvideo eo teltelah ah menmenjadjadikaikan n web web sebsebagaagai i salsalurauran n yanyang g cukcukup up poppopulaular r untuntuk uk berkongsi maklumat di internet.
berkongsi maklumat di internet.
Konsep Asas Pembinaan Laman Web Konsep Asas Pembinaan Laman Web
Sesebuah laman web dibina dengan menggunakan kod atau bahasa yang dikenali sebagai Hypertext Sesebuah laman web dibina dengan menggunakan kod atau bahasa yang dikenali sebagai Hypertext Markup Language atau HTML. Pada peringkat awalnya pembangun u halaman web perlu mengingati Markup Language atau HTML. Pada peringkat awalnya pembangun u halaman web perlu mengingati kod-kod tertentu bagi membolehkan teks ,grafik dan sebagainya dipaparkan dalam laman tersebut. kod-kod tertentu bagi membolehkan teks ,grafik dan sebagainya dipaparkan dalam laman tersebut. Na
Namunmun, , perperkemkembanbangan gan teknteknoloologi gi perperisiisian an kinkini i teltelah ah memmembolbolehkehkan an pempembanbangungunan an lamlaman an webweb berasaskan WYSIWYG (What You See Is What You Get) dimana semasa proses pembinaan tersebut, berasaskan WYSIWYG (What You See Is What You Get) dimana semasa proses pembinaan tersebut, pembina hanya perlu memasukkan bahan-bahan sama ada teks, grafik, audio, video dan sebagainya ke pembina hanya perlu memasukkan bahan-bahan sama ada teks, grafik, audio, video dan sebagainya ke
dalam laman dan segala
dalam laman dan segala kod-kod akan dibina secara automatik oleh kod-kod akan dibina secara automatik oleh perisian-perisian tersebut.perisian-perisian tersebut. Proses Pembinaan Laman Web
Proses Pembinaan Laman Web Dalam proses pembinaan laman web,
Dalam proses pembinaan laman web, perkara-perkara berikut perlu diberi perhatian:perkara-perkara berikut perlu diberi perhatian: i.
i. RuangkerjaRuangkerja
Pemilihan ruang kerja adalah penting bagi membolehkan sesuatu laman dipaparkan dengan Pemilihan ruang kerja adalah penting bagi membolehkan sesuatu laman dipaparkan dengan sempurna. Antara ruang kerja yang menjadi pilihan ialah :
sempurna. Antara ruang kerja yang menjadi pilihan ialah : aa)) 66440 0 x x 44880 0 ppiixxeell
b
b)) 88000 0 x x 66000 0 ppiixxeell cc)) 1100224 4 x x 77668 8 ppiixxeell
Pemilihan ruang kerja yang terlalu kecil akan menyebabkan laman tersebut dipaparkan terlalu Pemilihan ruang kerja yang terlalu kecil akan menyebabkan laman tersebut dipaparkan terlalu kecil manakala pemilihan ruang
kecil manakala pemilihan ruang kerja yang kerja yang terlalu besar akan terlalu besar akan menyebmenyebabkan pelayar terpaksaabkan pelayar terpaksa
scroll
scroll ke kiri dan ke kanan untuk membolehkannya mengakses keseluruhan laman tersebut.ke kiri dan ke kanan untuk membolehkannya mengakses keseluruhan laman tersebut. Pemilihan ruang kerja tidak akan memberi kesan yang besar sekiranya laman yang dibina Pemilihan ruang kerja tidak akan memberi kesan yang besar sekiranya laman yang dibina han
hanya ya memmemapaaparkarkan n tekteks s tetatetapi pi keakeadaadaan n sebsebalialiknyknya a seksekirairanya nya lamlaman an yanyang g dibdibina ina banbanyak yak menggunakan grafik.
menggunakan grafik. ii.
ii. PenggunaanPenggunaan Jenis dan Saiz FonJenis dan Saiz Fon Pem
Pemilihilihan an jenjenis is serserta ta saisaiz z fon fon jugjuga a penpentinting g kerkerana ana seksekirairanya nya fon fon yanyang g digdigunaunakan kan oleolehh pembangun semasa membangunkan lamannya tidak terdapat dalam komputer pelayar yang pembangun semasa membangunkan lamannya tidak terdapat dalam komputer pelayar yang mengakses web tersebut, maka komputer pelayar tadi akan menukar jenis fon yang terdapat di mengakses web tersebut, maka komputer pelayar tadi akan menukar jenis fon yang terdapat di
UNIT 4 : PEMBINAAN WEB
Oleh itu, penggunaan fon yang asas contohnya Arial, Helvetica atau Times New Roman adalah Oleh itu, penggunaan fon yang asas contohnya Arial, Helvetica atau Times New Roman adalah digalakkan. Saiz fon yang digunakan juga penting kerana sekiranya saiz yang terlalu kecil digalakkan. Saiz fon yang digunakan juga penting kerana sekiranya saiz yang terlalu kecil digunakan, maka ini akan menyukarkan pengunjung untuk membaca teks yang dipaparkan digunakan, maka ini akan menyukarkan pengunjung untuk membaca teks yang dipaparkan manakala saiz yang terlalu besar akan menyebabkan ruang yang lebih besar perlu digunakan manakala saiz yang terlalu besar akan menyebabkan ruang yang lebih besar perlu digunakan dan ini akan menyukarkan pengunjung yang terpaksa
dan ini akan menyukarkan pengunjung yang terpaksa scroll scroll sama ada ke kiri, ke kanan, ke atassama ada ke kiri, ke kanan, ke atas atau ke bawah.
atau ke bawah.
Penggunaan fon jenis Arial Penggunaan fon jenis Arial
Penggunaan fon jenis Vivaldi – fon ini mungkin tidak terdapat dalam komputer pengunjung Penggunaan fon jenis Vivaldi – fon ini mungkin tidak terdapat dalam komputer pengunjung laman.
laman. iii.
iii. Format FailFormat Fail
Antara kekuatan laman pada masa ini adalah penggunaan bahan kandungan sama ada imej, Antara kekuatan laman pada masa ini adalah penggunaan bahan kandungan sama ada imej, audio dan video serta animasi yang menarik yang menyebabkan laman tersebut sangat menarik audio dan video serta animasi yang menarik yang menyebabkan laman tersebut sangat menarik untuk dilawati. Namun begitu, saiz bahan yang digunakan dalam sesuatu laman web perlu untuk dilawati. Namun begitu, saiz bahan yang digunakan dalam sesuatu laman web perlu diberi perhatian yang teliti memandangkan dengan bertambahnya saiz sesuatu bahan akan diberi perhatian yang teliti memandangkan dengan bertambahnya saiz sesuatu bahan akan menyebabkan masa untuk memuat turun laman tersebut akan bertambah. Antara format fail menyebabkan masa untuk memuat turun laman tersebut akan bertambah. Antara format fail yang dicadangkan yang dicadangkan ialah : ialah : a) a) Grafik Grafik i.
i. jpjpg g atatau au jpjpeg eg (J(Jooinint t PhPhototoogrgrapaphihic c EExpxperert t GrGrooupup)) iiii.. ggiif (f (GGrraapphhiic Ic Inntteerrcchhaanngge Fe Foorrmmaatt))
ii
iii.i. ppnng (g (PoPorrttaabble le NNeetwtwoorrk Gk Grraapphhiiccss)) iivv.. bbmmpp((bbiittmmaapp))
Nama fail : pemandangan.bmp Nama fail : pemandangan.bmp Saiz gambar : 500 x 466 pixel Saiz gambar : 500 x 466 pixel Saiz fail : 682.7 kb
Saiz fail : 682.7 kb
Nama fail :
Nama fail : pemandangpemandangan.gif an.gif Saiz gambar : 500 x 466 pixel Saiz gambar : 500 x 466 pixel Saiz fail : 135.2 kb
