Tmk tahun-4-em

1,849 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,849
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
112
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Tmk tahun-4-em

  1. 1. 01 Mengkaji Multimedia
  2. 2. 5 ELEMEN UTAMA MULTIMEDIA Teks Animasi Video Grafik Audio
  3. 3. UNSUR-UNSUR PADA ELEMEN MULTIMEDIA  UNSUR DINAMIK • benda-benda yang bergerak atau mengubah • Elemen : audio, video dan animasi
  4. 4. UNSUR-UNSUR PADA ELEMEN MULTIMEDIA UNSUR STATIK benda-benda yang tidak bergerak • • Elemen : teks dan grafik *Setiap elemen mempunyai peranan dan interaktif sesama sendiri.
  5. 5. Elemen1:TE KS Merupakan salah satu media utama yang diperlukan dalam sesebuah perisian multimedia sama ada sebagai: • Menu utama • Sistem navigasi • Tujuan penyampaian sesuatu isi kandungan perisian.
  6. 6. http://sknongchik.50webs.com/4%20school/pg_menu_School.html
  7. 7. • Teks dalam bentuk perkataan, ayat dan perenggan digunakan untuk menyampaikan sesuatu idea, buah fikiran dan fakta yang berkaitan dengan apa jua aspek dalam kehidupan kita.
  8. 8. • teks yang terlalu banyak tidak digalakkan. • teks tidak dapat pamerkan maklumat dengan menarik • teks hanya digunakan pada bahagian yang penting sahaja.
  9. 9. PENGGUNAAN TEKS DALAM APLIKASI MULTIMEDIA Berikut adalah beberapa garis panduan yang diperlukan semasa membangunkan sebuah aplikasi multimedia yang melibatkan teks: 1. Ringkas tetapi padat 2. Penggunaan typeface dan font yang bersesuaian.
  10. 10. TEKNOLOGI 3. Memastikan teks yang digunakan boleh dibaca. 4. Pemilihan gaya tulisan dan warna teks. • Untuk memberikan penekanan dan membezakan isi kandungan dengan bahagian lain pada paparan atau media cetak. • Kontras antara aksara adalah penting menentukan kejelasan dan kebolehbacaan perkataan atau ayat.
  11. 11. 5. Mengawal pemilihan font serta konsisten -Rekabentuk skrin tidak terlalu semak atau sukar dibaca. -Pembangun seharusnya tidak menggunakan terlalu banyak font, typeface,gaya dan warna. -Perlu menekankan konsep konsistensi dalam penggunaan teks.
  12. 12. 5. Mengawal pemilihan font serta konsisten • Rekabentuk skrin tidak terlalu semak atau sukar dibaca. • Pembangun seharusnya tidak menggunakan terlalu banyak font, typeface,gaya dan warna. • Perlu menekankan konsep konsistensi dalam penggunaan teks.
  13. 13. Elemen2:ANIMA SI • Paparan susunan imej-imej seni 2D atau posisi model agar menghasilkan ilusi gerakan. • Kaedah persembahan animasi yang paling laris ialah program wayang gambar atau video. • Animasi merujuk kepada paparan visual yang bersifat dinamik.
  14. 14. • Ia juga suatu proses menjadikan objek kelihatan hidup atau gambaran bergerak tetapi pada asalnya statik. • Animasi mampu menzahirkan sesuatu fantasi manusia ke alam realiti. • Dengan menggunakan animasi kita boleh menerangkan sesuatu yang sukar menggunakan perkataan disampaikan dengan lebih mudah dan berkesan.
  15. 15. • dapat menceriakan proses penyampaian. • Sesuatu yang disampaikan kelihatan lebih hidup atau realistik berbanding teks. • memberi penegasan bagi membolehkan penonton fokus pada isi kandungan yang ingin disampaikan.
  16. 16. • Web sangat sesuai dalam penggunaan animasi. • Penggunaan animasi boleh juga dalam bentuk video. • Animasi membantu meningkatkan kualiti P&P. • Animasi digital mampu menyampaikan mesej dengan lebih pantas.
  17. 17. KEPENTINGAN / KELEBIHAN ANIMASI • Mampu menyampaikan sesuatu konsep yang kompleks secara visual dan juga dinamik. • Proses membuat hubungan atau perkaitan mengenai sesuatu yang kompleks akan lebih mudah untuk dipetakan ke dalam minda pelajar. • Boleh membantu dalam proses pemahaman.
  18. 18. Elemen3:GRA FIK • persembahan imej yang tidak bergerak seperti gambar, lukisan, lakaran, gambar foto, ilustrasI. • memberi penekanan dalam proses penyampaian maklumat. • menerangkan sesuatu maklumat dengan tepat dan berkesan.
  19. 19. • Grafik menjadikan sesuatu persembahan lebih menarik dan mampu memfokuskan perhatian pengguna terhadap maklumat yang ingin disampaikan. Kepentingan grafik: 1. Meningkatkan penekanan sesuatu maklumat.
  20. 20. 2. Menarik perhatian pengguna 3. Mengilustrasikan sesebuah konsep. 4. Bertindak sebagai latar belakang bagi sesuatu konsep.
  21. 21. Elemen4:AUDIO • Audio atau bunyi disebarkan oleh getaran molekul atau jirim udara disekeliling kita. • Getaran dikenali sebagai gelombang bunyi. • Kesan audio salah satu daya penarik yang berkesan untuk menarik perhatian seseorang.
  22. 22. • Audio dalam multimedia ialah: -Rakaman suara -Suara latar -Muzik -Kesan khas audio dll.. • Dalam sistem multimedia interaktif, elemen audio membantu proses penyampaian persembahan agar lebih mantap dan berkesan.
  23. 23. • Audio juga mampu meningkatkan motivasi kepada pengguna agar lebih berminat untuk mengikuti proses penyampaian maklumat. • Penggunaan audio mampu menimbulkan suasana yang lebih menarik dan menghasilkan tumpuan yang lebih terhadap apa yang ingin disampaikan.
  24. 24. Elemen5:VIDE O
  25. 25. • Video adalah elemen multimedia yang paling dinamik dan realistik berbanding elemen-elemen lain. • Video adalah gabungan pelbagai media seperti: - Teks - Grafik - Audio dll dalam satu medium. • Video membawa unsur realistik atau keadaan sebenar kepada pengguna.
  26. 26. • Ini dapat mempengaruhi perasaan emosi pengguna dengan lebih nyata. • Antara perkakasan yang digunakan ialah: - Kamera video DSLR Camcoder (pita video) Video capture card dll.
  27. 27. minutes break 5
  28. 28. Perbezaan Format Fail (Imej)
  29. 29. Apa Itu Vector? • terbina daripada garisan-garisan yang mengikut istilah matematik vektor. • menggambarkan grafik mengikut rupabentuk geometri grafik tersebut. Grafik tersebut boleh dialih lokasinya, diubah saiznya, atau ditukar warnanya tanpa kehilangan kualiti grafik. • tidak bergantung kepada resolusi - grafik boleh diubah saiznya dan juga dicetak di atas mana-mana pencetak tidak kira berapa resolusinya tanpa kehilangan kualiti grafik tersebut. • paling sesuai untuk teks (terutamanya teks yang kecil) dan grafik yang tebal (bold) di mana apabila diubah saiznya garisan yang jelas mestilah tidak hilang kualitinya - sebagai contoh, logo. • Disebabkan monitor komputer memaparkan imej menggunakan grid, kedua-dua grafik vektor dan bitmap dipaparkan sebagai piksel.
  30. 30. Apa Itu Bitmap? • Adobe Photoshop adalah contoh perisian yang menghasilkan grafik bitmap atau juga dikenali sebagai imej raster. • Grafik bitmap dipaparkan menggunakan grid (juga dikenali sebagai bitmap atau raster) yang dibentuk daripada kumpulan segiempat kecil (piksel).Setiap piksel terletak di lokasi spesifik and mempunyai warna tertentu. • Penggunaan bitmap imej sebagai medium untuk imej seperti fotograf atau imej yang direka di dalam perisian grafik adalah biasa kerana ia dapat memaparkan tona warna (gradient) dengan baik. • Imej bitmap bergantung kepada resolusi - imej bitmap memaparkan jumlah piksel yang tertentu. Imej bitmap akan kelihatan kabur jika diubah kepada saiz yang lebih besar di atas skrin atau dicetak untuk resolusi yang lebih tinggi daripada resolusi asal.
  31. 31. Perbezaan dari sudut teks :
  32. 32. Perbezaan dari sudut imej :
  33. 33. BMP • Format ini paling popular suatu ketika dahulu. Pada masa dahulu, hampir ke semua image di dalam komputer adalah dalam format BMP. Fail dalam format ini biasanya wujud dalam saiz yang besar kerana ia tidak memampatkan gambar • Sistem pemprosesan komputer adalah perlahan dan tidak praktikal jika format gambar mempunyai format compression yang kompleks) • BMP adalah singkatan kepada Bitmap Image File
  34. 34. JPEG / JPG • Singkatan kepada Joint Picture Expert Group, format ini banyak di gunakan di dalam foto bewarna dengan fail saiz yang kecil (biasanya 10% kurang dari BMP). • Format ini menjadi popular dengan terciptanya digital camera. Ini kerana fail saiz yang di hasilkan oleh format JPG lebih kecil dan bersesuaian dengan digital kamera dahulu yang mempunyai ruang penyimpanan yang kecil. • Kelemahan format ini ialah ianya tidak berapa sesuai untuk image yang mempunyai sudut yang tajam (ia akan kabur sedikit).
  35. 35. GIF • Graphics Interchange Format - Sesuai untuk perkataan, garisan lukisan dan apa-apa yang simple, warna di dalam format ini cuma di hadkan kepada 256. • Dahulu ianya selalu di gunakan untuk menambahkan prestasi web site. Ia juga di gunakan untuk membuat animasi pendek dengan fail yang kecil.
  36. 36. PNG • (Portable Networks Graphic) Nampaknya ini adalah format yang terbaik setakat ini, • mempunyai sifat-sifat jpg dan gif (format ini mempunyai fitur transparent yang tidak di miliki oleh JPG).
  37. 37. TIFF • Tagged File Format - Format ini tidak pernah di update semenjak tahun 1992 dan ia di miliki oleh Adobe. Kelebihannya ialah ia mampu menyimpan image dan gambar di dalam satu fail. • Fail yang di simpan juga tidak di kompress untuk memastikan tiada data yang hilang. Dulu banyak di gunakan di mesin fax dan scanner tetapi sekarang tidak lagi di gunakan kerana fail saiznya yang besar.
  38. 38. Perbezaan Format Fail (Audio)
  39. 39. WAVE • Fail wave, singkatan untuk Waveform Audio File adalah format standard bagi fail audio digital yang digunakan oleh Microsoft yang mempunyai extension * .wav • hujungnya. Fail format ini, adalah pada asasnya fail untuk sistem Windows walaupun terdapat beberapa model komputer sistem Macintosh yang berupaya memain balik failwav. Fail wav menyokong beberapa jenis skim mampatan (compression schemes) • bagi mengecilkan saiznya, bagaimanapun fail yang dimampatkan perlu di nyah mampatkan sebelum dapat digunakan. Fail yang dimampatkan adalah baik untuk tujuan storan tetapi akan mengambil masa yang agak penjang untuk loading. • Format *.wav juga boleh dirakamkan pada kadar percontohan (sampling rate) 8-bit atau 16-bit dalam mod mono ataupun stereo.
  40. 40. MIDI • bermaksud Musical Instrument Digital Interface. • Ianya adalah protokol standard yang digunakan untuk membolehkan alat muzik berkomunikasi dengan sistem komputer. Ini bermakna, papan kekunci elektronik, gitar dan lain-lain perantiMIDI boleh disambungkan ke synthesizers yang bersambung ke komputer. Muzik boleh digubah dan kemudiannya diterjemahkan kebentuk digital melalui synthesizer. Bagaimanapun, data MIDI bukanlah berbentuk digital tetapi merupakan perwakilan alat muzik dalam bentuk perangkaan (numerical representation of musical instrument). • Fail MIDI adalah lebih mampat berbanding dengan fail audio digital dan saiz sesuatu fail MIDI tidak menentukan kualiti mainbalik fail tersebut (independent of playback quality). Secara amnya, fail MIDI adalah 200 hingga 1,000 kali lebih
  41. 41. MP3 • format audio terkini dan mempunyai ciri-ciri canggih yang menggunakan algorithma mampatan lossy yang menyahkan maklumat (data) yang tidak dapat didengari oleh telinga manusia. • Dikenali sebagai MPEG3 (Motion Pictures Experts Group) – perkongsian dengan format yang digunakan di dalam industri video. Melalui format ini, audio digital yang berkualiti CD boleh dimampatkan dengan faktor 12.1 tanpa mengalami kehilangan yang jelas dari segi kualitinya.
  42. 42. 40mb 4mb
  43. 43. Perbezaan Format Fail (Audio)
  44. 44. AVI MPEG • Audio Video Interleave • Motion Picture Expert Group • *.avi • *.mpeg • Saiz fail yang besar • Saiz fail yang kecil • Kualiti imej yang lebih baik • Kualiti imej menurun
  45. 45. 02 Menggunakan Aplikasi Khusus Untuk Membina Bahan Multimedia
  46. 46. • Aplikasi penyunting grafik ialah perisian aplikasi yang digunakan untuk menghasilkan imej atau grafik. • Aplikasi ini juga membolehkan seseorang memanipulasi grafik melalui komputer.
  47. 47. Contoh Perisian Penyuntingan Imej :
  48. 48. Dibuat sepenuhnya dengan menggunakan Ms Excel : ) http://nurdaniub.blogspot.com/2013/07/how-to-draw-crazy-scientist-in.html
  49. 49. Contoh Perisian Penyuntingan Audio :
  50. 50. Contoh Perisian Penyuntingan Video :
  51. 51. 03 Membangunkan Persemba Multimedia Interaktif Tak Linear.
  52. 52. • Pengguna boleh mengawal keseluruhan produk multimedia. • Pengguna bebas pergi ke mana-mana bahagian yang dia suka kerana terdapatnya ciri interaktif iaitu dengan mengklik butang navigasi, hiperteks atau hipermedia.
  53. 53. Papan Cerita

×