Upload
arayan
View
10
Download
1
Embed Size (px)
DESCRIPTION
TMKS3013 INSTITUT PENDIDIKAN GURUBAB 11 ASAS PERISIAN KOMPUTER
Citation preview
ASAS PERISIAN KOMPUTERAsas perisian aplikasi
NOR AIN AMIRAH NOOR ADLINAKHAIRUL AZHAR
MAKSUD PERISIAN
bull PERISIAN ialah program yang dipasang di dalam komputer untuk mengawal pemprosesan data
bull Ia membolehkan kita mengendalikan dan berinteraksi dengan perkakasan komputer
JENIS PERISIAN
SISTEM PENGENDALIANPENGOPERASIAN
PERISIAN APLIKASI
PROGRAM UTILITILI
SISTEM PENGENDALIANPENGOPERASIAN
1 ialah satu program yang mengawal dan menyelaras semua aktiviti perkakasan dan perisian komputer
2 Contoh Vista Windows 2000 Windows XP DOS UNIX
Menyimpan fail di dalam storan
Menyediakan antara muka
Melancarkan perisianDan memasang
perisian
Memperuntukkan ruang memori
FUNGSI SISTEM PENGENDALIAN
CONTOH SISTEM PENGENDALIAN
MAC OS WINDOWS
LINUX
PERISIAN APLIKASI
bull Merupakan program yang digunakan untuk membantu pengguna melaksanakan tugas yang khusus
bull perisian aplikasi merupakan program yang mengarahkan komputer untuk membuat apa yang kita perlukan misalnya ia digunakan untuk memproses perkataan membentuk pangkalan data membentuk dokumen yang menarik membuat carta dan lain-lain lagi
JENIS FUNGSI CONTOH PERISIAN APLIKASI
1 HAMPARAN ELEKTRONIK -membuat pengiraan mudah dengan guna formula dan fungsi serta menghasilkan graf
- MS Excel
2 PEMAIN MEDIA - Memainkan media seperti video audio atau kedua-duanya
- Real Player- Windows Media Player
3 PENYUNTING GRAFIK - Menghasilkan dan menyunting imej - Paint- Adobe Photoshop
4 PEMPROSESAN KATA - Mengarang menyunting dan mencetak dokumen
-MS Word- Wordstar
5 PANGKALAN DATA - Mengurus data dan maklumat secara teratur - MS Access- -MySQL
6 PERSEMBAHAN ELEKTRONIK - Memaparkan maklumat dalam bentuk persembahan slaid
- MS PowerPoint- LibreOffice Impress
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MAKSUD PERISIAN
bull PERISIAN ialah program yang dipasang di dalam komputer untuk mengawal pemprosesan data
bull Ia membolehkan kita mengendalikan dan berinteraksi dengan perkakasan komputer
JENIS PERISIAN
SISTEM PENGENDALIANPENGOPERASIAN
PERISIAN APLIKASI
PROGRAM UTILITILI
SISTEM PENGENDALIANPENGOPERASIAN
1 ialah satu program yang mengawal dan menyelaras semua aktiviti perkakasan dan perisian komputer
2 Contoh Vista Windows 2000 Windows XP DOS UNIX
Menyimpan fail di dalam storan
Menyediakan antara muka
Melancarkan perisianDan memasang
perisian
Memperuntukkan ruang memori
FUNGSI SISTEM PENGENDALIAN
CONTOH SISTEM PENGENDALIAN
MAC OS WINDOWS
LINUX
PERISIAN APLIKASI
bull Merupakan program yang digunakan untuk membantu pengguna melaksanakan tugas yang khusus
bull perisian aplikasi merupakan program yang mengarahkan komputer untuk membuat apa yang kita perlukan misalnya ia digunakan untuk memproses perkataan membentuk pangkalan data membentuk dokumen yang menarik membuat carta dan lain-lain lagi
JENIS FUNGSI CONTOH PERISIAN APLIKASI
1 HAMPARAN ELEKTRONIK -membuat pengiraan mudah dengan guna formula dan fungsi serta menghasilkan graf
- MS Excel
2 PEMAIN MEDIA - Memainkan media seperti video audio atau kedua-duanya
- Real Player- Windows Media Player
3 PENYUNTING GRAFIK - Menghasilkan dan menyunting imej - Paint- Adobe Photoshop
4 PEMPROSESAN KATA - Mengarang menyunting dan mencetak dokumen
-MS Word- Wordstar
5 PANGKALAN DATA - Mengurus data dan maklumat secara teratur - MS Access- -MySQL
6 PERSEMBAHAN ELEKTRONIK - Memaparkan maklumat dalam bentuk persembahan slaid
- MS PowerPoint- LibreOffice Impress
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
JENIS PERISIAN
SISTEM PENGENDALIANPENGOPERASIAN
PERISIAN APLIKASI
PROGRAM UTILITILI
SISTEM PENGENDALIANPENGOPERASIAN
1 ialah satu program yang mengawal dan menyelaras semua aktiviti perkakasan dan perisian komputer
2 Contoh Vista Windows 2000 Windows XP DOS UNIX
Menyimpan fail di dalam storan
Menyediakan antara muka
Melancarkan perisianDan memasang
perisian
Memperuntukkan ruang memori
FUNGSI SISTEM PENGENDALIAN
CONTOH SISTEM PENGENDALIAN
MAC OS WINDOWS
LINUX
PERISIAN APLIKASI
bull Merupakan program yang digunakan untuk membantu pengguna melaksanakan tugas yang khusus
bull perisian aplikasi merupakan program yang mengarahkan komputer untuk membuat apa yang kita perlukan misalnya ia digunakan untuk memproses perkataan membentuk pangkalan data membentuk dokumen yang menarik membuat carta dan lain-lain lagi
JENIS FUNGSI CONTOH PERISIAN APLIKASI
1 HAMPARAN ELEKTRONIK -membuat pengiraan mudah dengan guna formula dan fungsi serta menghasilkan graf
- MS Excel
2 PEMAIN MEDIA - Memainkan media seperti video audio atau kedua-duanya
- Real Player- Windows Media Player
3 PENYUNTING GRAFIK - Menghasilkan dan menyunting imej - Paint- Adobe Photoshop
4 PEMPROSESAN KATA - Mengarang menyunting dan mencetak dokumen
-MS Word- Wordstar
5 PANGKALAN DATA - Mengurus data dan maklumat secara teratur - MS Access- -MySQL
6 PERSEMBAHAN ELEKTRONIK - Memaparkan maklumat dalam bentuk persembahan slaid
- MS PowerPoint- LibreOffice Impress
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SISTEM PENGENDALIANPENGOPERASIAN
1 ialah satu program yang mengawal dan menyelaras semua aktiviti perkakasan dan perisian komputer
2 Contoh Vista Windows 2000 Windows XP DOS UNIX
Menyimpan fail di dalam storan
Menyediakan antara muka
Melancarkan perisianDan memasang
perisian
Memperuntukkan ruang memori
FUNGSI SISTEM PENGENDALIAN
CONTOH SISTEM PENGENDALIAN
MAC OS WINDOWS
LINUX
PERISIAN APLIKASI
bull Merupakan program yang digunakan untuk membantu pengguna melaksanakan tugas yang khusus
bull perisian aplikasi merupakan program yang mengarahkan komputer untuk membuat apa yang kita perlukan misalnya ia digunakan untuk memproses perkataan membentuk pangkalan data membentuk dokumen yang menarik membuat carta dan lain-lain lagi
JENIS FUNGSI CONTOH PERISIAN APLIKASI
1 HAMPARAN ELEKTRONIK -membuat pengiraan mudah dengan guna formula dan fungsi serta menghasilkan graf
- MS Excel
2 PEMAIN MEDIA - Memainkan media seperti video audio atau kedua-duanya
- Real Player- Windows Media Player
3 PENYUNTING GRAFIK - Menghasilkan dan menyunting imej - Paint- Adobe Photoshop
4 PEMPROSESAN KATA - Mengarang menyunting dan mencetak dokumen
-MS Word- Wordstar
5 PANGKALAN DATA - Mengurus data dan maklumat secara teratur - MS Access- -MySQL
6 PERSEMBAHAN ELEKTRONIK - Memaparkan maklumat dalam bentuk persembahan slaid
- MS PowerPoint- LibreOffice Impress
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Menyimpan fail di dalam storan
Menyediakan antara muka
Melancarkan perisianDan memasang
perisian
Memperuntukkan ruang memori
FUNGSI SISTEM PENGENDALIAN
CONTOH SISTEM PENGENDALIAN
MAC OS WINDOWS
LINUX
PERISIAN APLIKASI
bull Merupakan program yang digunakan untuk membantu pengguna melaksanakan tugas yang khusus
bull perisian aplikasi merupakan program yang mengarahkan komputer untuk membuat apa yang kita perlukan misalnya ia digunakan untuk memproses perkataan membentuk pangkalan data membentuk dokumen yang menarik membuat carta dan lain-lain lagi
JENIS FUNGSI CONTOH PERISIAN APLIKASI
1 HAMPARAN ELEKTRONIK -membuat pengiraan mudah dengan guna formula dan fungsi serta menghasilkan graf
- MS Excel
2 PEMAIN MEDIA - Memainkan media seperti video audio atau kedua-duanya
- Real Player- Windows Media Player
3 PENYUNTING GRAFIK - Menghasilkan dan menyunting imej - Paint- Adobe Photoshop
4 PEMPROSESAN KATA - Mengarang menyunting dan mencetak dokumen
-MS Word- Wordstar
5 PANGKALAN DATA - Mengurus data dan maklumat secara teratur - MS Access- -MySQL
6 PERSEMBAHAN ELEKTRONIK - Memaparkan maklumat dalam bentuk persembahan slaid
- MS PowerPoint- LibreOffice Impress
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH SISTEM PENGENDALIAN
MAC OS WINDOWS
LINUX
PERISIAN APLIKASI
bull Merupakan program yang digunakan untuk membantu pengguna melaksanakan tugas yang khusus
bull perisian aplikasi merupakan program yang mengarahkan komputer untuk membuat apa yang kita perlukan misalnya ia digunakan untuk memproses perkataan membentuk pangkalan data membentuk dokumen yang menarik membuat carta dan lain-lain lagi
JENIS FUNGSI CONTOH PERISIAN APLIKASI
1 HAMPARAN ELEKTRONIK -membuat pengiraan mudah dengan guna formula dan fungsi serta menghasilkan graf
- MS Excel
2 PEMAIN MEDIA - Memainkan media seperti video audio atau kedua-duanya
- Real Player- Windows Media Player
3 PENYUNTING GRAFIK - Menghasilkan dan menyunting imej - Paint- Adobe Photoshop
4 PEMPROSESAN KATA - Mengarang menyunting dan mencetak dokumen
-MS Word- Wordstar
5 PANGKALAN DATA - Mengurus data dan maklumat secara teratur - MS Access- -MySQL
6 PERSEMBAHAN ELEKTRONIK - Memaparkan maklumat dalam bentuk persembahan slaid
- MS PowerPoint- LibreOffice Impress
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PERISIAN APLIKASI
bull Merupakan program yang digunakan untuk membantu pengguna melaksanakan tugas yang khusus
bull perisian aplikasi merupakan program yang mengarahkan komputer untuk membuat apa yang kita perlukan misalnya ia digunakan untuk memproses perkataan membentuk pangkalan data membentuk dokumen yang menarik membuat carta dan lain-lain lagi
JENIS FUNGSI CONTOH PERISIAN APLIKASI
1 HAMPARAN ELEKTRONIK -membuat pengiraan mudah dengan guna formula dan fungsi serta menghasilkan graf
- MS Excel
2 PEMAIN MEDIA - Memainkan media seperti video audio atau kedua-duanya
- Real Player- Windows Media Player
3 PENYUNTING GRAFIK - Menghasilkan dan menyunting imej - Paint- Adobe Photoshop
4 PEMPROSESAN KATA - Mengarang menyunting dan mencetak dokumen
-MS Word- Wordstar
5 PANGKALAN DATA - Mengurus data dan maklumat secara teratur - MS Access- -MySQL
6 PERSEMBAHAN ELEKTRONIK - Memaparkan maklumat dalam bentuk persembahan slaid
- MS PowerPoint- LibreOffice Impress
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
JENIS FUNGSI CONTOH PERISIAN APLIKASI
1 HAMPARAN ELEKTRONIK -membuat pengiraan mudah dengan guna formula dan fungsi serta menghasilkan graf
- MS Excel
2 PEMAIN MEDIA - Memainkan media seperti video audio atau kedua-duanya
- Real Player- Windows Media Player
3 PENYUNTING GRAFIK - Menghasilkan dan menyunting imej - Paint- Adobe Photoshop
4 PEMPROSESAN KATA - Mengarang menyunting dan mencetak dokumen
-MS Word- Wordstar
5 PANGKALAN DATA - Mengurus data dan maklumat secara teratur - MS Access- -MySQL
6 PERSEMBAHAN ELEKTRONIK - Memaparkan maklumat dalam bentuk persembahan slaid
- MS PowerPoint- LibreOffice Impress
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH PERISIAN APLIKASI
1) Menaip laporan menggunakan aplikasi MS WORD
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
bull Melukis menggunakan aplikasi Paint
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
bull Mencari video pendidikan di Internet menggunakan aplikasi Internet Explorer
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
bull Mendengar lagu menggunakan aplikasi Windows Media Player
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Office Word Notepad
ExcelPowerPoint
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Paint PhotoShop
WinampReal Player
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
QUIZ
1)Apakah yang dimaksudkan dengan perisian aplikasiMerupakan program yang digunakan untuk MEMBANTU pengguna melaksanakan tugas yang KHUSUS
Nyatakan 2 contoh bagi perisian aplikasimicrosoft excel microsoft word
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Konsep pemprosesan perkataan
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Pemprosesan perkataan
Perisian pemprosesan perkataan merujuk kepada perisian yang digunakan untuk tugas menaip membentuk teks dan mencetak sesuatu dokumen
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
bull Ia merupakan aplikasi komputer yang paling kerap digunakan
bull Ia juga membolehkan pengguna menyelitkan perkataan atau membuat pembetulan dengan mudah
bull Selain ituia juga membolehkan pemindahan paragraf dalam sesuatu dokumen atau ke dokumen lain Contoh perisian pemprosesan perkataan ialah Microsoft Word Word Perfect Easy Word Open Office Wordstar Ami Pro Lotus Word Pro MS Word dan KWord
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Untuk perisian pemprosesan perkataan anda perlukan -
Komputer (Papan Kekunci)Monitor untuk skrin paparanPencetakStoran
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Ciri ndashciri Perisian Pemprosesan Perkataan
Save
Cut and Paste
Font
Delete Text
Copy Search and replace
Insert Text
Page Size and Margins
Word wrap
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Menyisip menyalin dan menampal teks (Copy amp Paste)
Menyemak ejaan dan tatabahasa (Spelling amp Grammar)
Mencari perkataan seerti atau sinonim (Thesaurus)
Mengimport grafik dari mana-mana sumber (Insert)
Menyimpan hasil untuk diedit semula (Save)
Beberapa salinan cetakan boleh dibuat pada dokumen yang asal (Print)
Membina surat dengan membuat cantuman mel (Mail Merge)
Membina Header dan Footer
Membina Jadual dan Indeks dan lain-lain
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Menjimatkan masa
IMPAK INTEGRASI PERISIAN PEMPROSESAN PERKATAAN
DALAM PENGAJARAN DAN PEMBELAJARAN
Bidang bahasa
Perkongsian maklumat
Proses penulisan
Pelbagai tujuan
Lebih kemas dan menarik
Aktiviti pengajaran dan pembelajaran
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Microsoft Word
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Sistem Pangkalan Data
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
APAKAH ITU SISTEM PANGKALAN DATA
Definisi bull Pangkalan Data ialah sekumpulan data atau maklumat mengenai
sesuatu topic atau tujuan tertentu yang mempunyai hubungan logikal di antara satu sama lain
bull Ia disimpan sebagai satu sistem simpanan data yang tersusun dalam bentuk elektronik bagi memudahkan proses capaian olehsatu atau lebih aturcara penggunaan
bull Cth sistem rekod pelajar-menyimpan maklumat peribadi seperti nama ic dll
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Konsep Pangkalan Data
bull Ia menyimpan data-data di dalam suatu tempat dan membolehkan data-data tersebut diuruskan dalam bentuk logikal untuk kemudahan mencapai data
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Sistem Berasaskan Fail Tradisional (SFT)
bull Ialah Sistem yang dilaksanakan secara manual atau tradisi Data dan maklumat disimpan di dalam fail-fail kertas yang kemudiannya disimpan di dalam kabinet-kabinet khas
bull Fail yang disimpan adalah mengikut turutan abjad dan nombor rujukan supaya pencarian fail dapat dilakukan dengan sempurna
bull Kaedah penyimpanan di mana data disimpan dalam fail yang berasingan dan disimpan dalam disket dan segala aplikasi perlu ditulis
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Kelemahan SFT
bull Pemisahan data-setiap fail yang dibina tidak dihubungkan antara satu sama lain Ini menyebabkan proses kemas kini data tidak dapat dilaksanakan serentak
bull Format fail yang berbeza-tidak boleh digabung atau dibanding dengan mudah Cth fail word dan excel
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Kelebihan Pangkalan Data
bull Mengawal ulangan-elakkan pembaziran ruang storan tenaga dan kos serta mengurangkan percanggahan data yang sama
bull Berkongsi data-membenarkan ramai pengguna mencapai maklumat yang dikehendaki dalam satu masa yang sama
bull Mengawal penggunaan pangkalan data kepada pengguna yang hanya diberi kebenaran
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Aplikasi Pangkalan Data
bull Satu program yang berinteraksi dengan pangkalan data pada masa-masa execution
bull PASCALCOBOLatau C++ adalah antara contoh bahasa pengaturcaraan yang boleh digunakan untuk tujuan menulis aturcara penggunaan aplikasi pangkalan data
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
(KONSEP Hamparan Elektronik)
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Hamparan Elektronik (Spreadsheet)
bull Perisian ini membolehkan pengiraan dilakukan dengan pantas dan tepat kerana ia berkeupayaan melakukan pengiraan secara automatik pada lajur dan baris apabila nombor-nombor ditukar
bullKegunaan dalam bidang perniagaan seperti boleh melakukan pengiraan automatik boleh menganalisa dan merancang perniagaan serta berupaya menterjemah data ke dalam bentuk grafikdata
bullKegunaan awam seperti dapat menyimpan data belanjawan persendirian yang melibatkan pengiraan yang kompleks dan dapat menghasilkan output samada dalam bentuk elektronik ataupun bentuk cetakan
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Kelebihan perisian
o mencipta menyimpan memadam atau mengedit rekod o menyusun dan menyisih rekod o membuat pengiraan matematik statistik kewangan dan kejuruteraan berdasarkan formula o memeaparkan maklumat dalam bentuk jadual dan carta
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh Microsoft Excel Lotus 123 dan FoxPro
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
OBJEKTIFPENGENALA
NPETA
KONSEPPENGUKUHA
NPENILAIAN
X
-------------------------------------------------------------------------------------------------
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ENTER
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multi
Banyak (many) Pelbagai (multiple)
Contoh multi + bahasa = multibahasa
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
Media
Multi
Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Media
Medium atau alat-alat yang digunakan
sebagai saluran untuk tujuan
berkomunikasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
Multimedia
Suatu proses komunikasi interaktif
berasaskan penggunaan teknologi komputer
yang merangkumi penggunaan media audio
visual seperti teks grafik audio video dan
animasi
MultimediaMultiMulti MediaMedia
Apa yang dimaksudkan dengan Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Media
Multi
Multimedia
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM PELBAGAI BIDANG
Terdapat banyak bidang di mana multimedia
dapat memberikan sumbangannya
Antaranya ialah
Pendidikan
Perniagaan
Pengiklanan
Penyebaran Maklumat
Hiburan
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PERNIAGAAN
Penggunaannya sangat meluas
Persembahan cadangan kertas kerja
pemasaran
Juga digunakan untuk persembahan data
dan statistik yang mudah difahami
Dapat menjamin minat pembeli
Sokongan terhadap sesuatu perniagaan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Penghasilan bahan multimedia dalam bentuk
CD-ROMlaman web
Pelajar dapat belajar sendiri
Contoh
Bahan multimedia digunakan sebagai
perisian-perisian pembelajaran dapat
memperkayakan pemikiran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENDIDIKAN DAN LATIHAN
Sebagai bahan simulasi yang boleh
ditunjukkan kepada pelajar
Contoh
Bidang perubatan
Bidang penerbangan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENGIKLANAN
Iklan yang dianimasi menjadi lebih menarik
Contoh iklan yang menggunakan multimedia
Iklan di laman web
Papan iklan elektronik
Pengiklanan melalui cakera
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG PENYEBARAN MAKLUMAT
Sistem dan bahan multimedia sangat
berguna dalam penyebaran maklumat
Digunakan pada ruang-ruang pameran
dipasang 24jam tanpa henti
Dapat melayan pertanyaan pada bila-bila
masa
Mengurangkan permintaan pada khidmat
sumber manusia di ruang pameran
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA DALAM BIDANG HIBURAN
Menggunakan teknik tiga dimensi (3-D)
Teknik yang menampakkan grafik dan animasi
yang lebih realistikhidup di dalam
pembikinan filem layar perak
Juga digunakan di dalam klip video
persembahan upacara rasmi dan montaj
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Perniagaan
Pendidikan
Pengiklanan
Penyebaran Maklumat
Hiburan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAREKABENTUK ASAS MULTIMEDIA
Rekabentuk asas multimedia terbahagi
kepada dua iaitu
Multimedia Linear
Multimedia Tidak Linear
Multimedia Tidak Linear
Multimedia Linear
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Pengguna tidak mempunyai kawalan
terhadap aplikasi
Aplikasi linear biasanya akan bermula dari
awal hingga akhir atau ia akan mengulang
semula maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA LINEAR
Aplikasi ini boleh digunakan untuk
menyampaikan suatu maklumat kepada
sekumpulan orang ramai ke atas skrin besar
atau monitor televisyen
Contoh
Menonton filem di TV atau wayang
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mutimedia interaktif
Pengguna boleh mengawal persembahan
aplikasi
Pengguna bebas untuk pergi ke mana-mana
bahagian maklumat yang dikehendaki melalui
butang navigasi
Aplikasi ini disusun dalam bentuk menu dan
pengguna boleh pergi kebahagian tersebut
secara terus
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA TIDAK LINEAR
Mendorong pengguna yang pasif kepada
aktif
Dapat menjelajah sesebuah program
multimedia mengikut citarasa dan kehendak
masing-masing
Contoh
Portal Laman web
Slaid PowerPoint
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Tidak Linear
Multimedia Linear
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MEDIUM DALAM PENGHANTARAN BAHAN MULTIMEDIA
Terdapat dua media yang sangat umum
digunakan dalam menyampaikan kandungan
multimedia iaitu
Multimedia Berasaskan Laman Web
Multimedia Berasaskan Cakera Padat (CD)
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIAMULTIMEDIA BERASASKAN WEB
Kombinasi dari teknologi multimedia dan
teknologi internet
Sebahagian besar laman web menyatukan
unsur-unsur seperti teks grafik animasi
video dan audio
Unsur ini membuatkan penyebaran
maklumat melalui Internet menjadi lebih
menarik dan berkesan
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Digunakan untuk menyimpan dan
menyampaikan kandungan multimedia
Masalah kos mahal
Perlukan masa yang lama untuk hasilkan
program multimedia yang lengkap
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
Album Musik Perisian pendidikan
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
MULTIMEDIA BERASASKAN CAKERA PADAT (CD)
Berasaskan Web Berasaskan CD
Terhad dalam ukuran gambar
dan video resolusi rendah
Boleh menyimpan elemen
multimedia yg berkualiti seperti
video
Dapat berubah rosak atau
dipadam oleh individu yang
tidak bertanggungjawab
Dapat disimpan secara kekal
dan tidak berubah
Boleh dikemaskini dengan
mudah dan lebih murah
Tidak boleh dikemaskini dan
cepat ketinggalan zaman
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Multimedia Berasaskan Web
Multimedia Berasaskan Cakera Padat(CD)Perbezaan Berasaskan Laman Web dan CD
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ELEMEN-ELEMEN MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
Dinamik benda-benda yang
bergerak atau berubah (Audio Video Animasi)
Statik benda-benda yang
Tidak bergerak (Teks dan Grafik)
Aplikasi Multimedia
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Selamat Datang Ke Blog Kami
Ilovemultimediablogspotcom
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
TEKS
Digunakan untuk menyampaikan isi kandungan
multimedia Boleh berfungsi sebagai animasi
atau butang interaktif
Perisian untuk teks Microsoft Word Notepad
Wordpad
Format fail doc txt
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN TEKS
Media utama yg diperlukan bagi tujuan
penyampaian
Menggunakan ruang storan paling sedikit
Digunakan untuk menyampaikan sesuatu idea
dan fakta
Untuk menerangkan bagaimana sesuatu
aplikasi bekerja dan membantu pengguna
menerokai sesuatu aplikasi
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GARIS PANDUAN DALAM PENULISAN TEKS
Ringkas tetapi padat
Penggunaan typeface dan font yang bersesuaian
Pastikan teks yang digunakan boleh dibaca
Pemilihan gaya tulisan dan warna teks
Mengawal pemilihan font serta konsisten
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
GRAFIK
Merujuk kepada pelbagai persembahan imej
atau paparan visual yang tidak bergerak seperti
gambar
Perisian untuk grafik Paint adobe Photoshop
CorelDraw Autocad Freehand Illustrator
Format fail untuk
grafik bmp psd jpg gif tif wmf tga
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN GRAFIK
Mampu menyampaikan dan menerangkan
maklumat dengan lebih pantas dan tepat
Dapat meningkatkan penekanan terhadap
sesuatu maklumat
Berperanan menarik perhatian pengguna
mengilustrasikan sesebuah konsep dan juga
bertindak sebagai latar belakang bagi sesuatu
konsep
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
AUDIO
Pelbagai jenis bunyi yang merujuk kepada
rakaman suara suara latar muzik kesan khas
audio dan sebagainya
Perisian untuk audio Sound recorder Media
Player SoundForge soundEdit 16 CoolEdit
WaveStudio
Format fail untuk
audio wav aif mid au mp3
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN AUDIO
Salah satu daya penarik yang berkesan untuk
menarik perhatian seseorang
Membantu proses penyampaian persembahan
agar lebih mantap dan berkesan
Mampu meningkatkan motivasi dalam kalangan
pengguna agar lebih berminat untuk mengikuti
proses penyampaian maklumat
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
VIDEO
Gabungan pelbagai media seperti teks grafik
audio dan sebagainya dalam satu medium
Perisian untuk video QuickTime Adobe
Premiere ToolBook Authorware Macromedia
Director
Format fail untuk video mpg avi dan mov
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN VIDEO
Dinamik dan realistik atau keadaan sebenar
kepada pengguna
Dapat mempengaruhi motivasi seseorang
terhadap proses penerimaan maklumat Lebih mudah menerima atau memahami maklumat
Lebih jelas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
ANIMASI
Susunan imej pegun untuk menghasilkan
gerakan secara visual Berfungsi untuk
menghasilkan bahan multimedia yang lebih
menarik
Perisian untuk animasi Gif Animator Autodesk
Animator Macromedia Director Flash
Format fail untuk animasi gif dir
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
KELEBIHAN ANIMASI
Memberi gambaran yang lebih realistik
Dapat menceriakan proses penyampaiannya
Mampu menyampaikan sesuatu konsep yang
kompleks secara visual dan dinamik
Mampu menarik perhatian pelajar dengan
mudah
Mesej dapat disampaikan dengan pantas
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Grafik
Teks
Audio
VideoAnimasi
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
Format fail adalah satu cara piawai yang mengkodkan maklumat untuk penyimpanan di dalam fail komputer
Setiap elemen multimedia pelbagai format fail yang berbeza
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Teks docdocxtxtrtfpdf
Microsoft word documentMicrosoft word documentText FileRich Text FilePortable Document Format
Audio mp3wavmidwmaau
MPEG Layer 3WaveformMusical Instrument Digital Interface(MIDI)Windows Media AudioAudio (sun microsystem)
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Video avimovmp4mpegwmv3gp
Audio Video Interleaved (microsoft)Apple Quicktime movieMPEG-4 Moving Picture Experts GroupWindows Media Audio(comman video format for phone)
Grafik jpggiftiffbmppng
Joint Photographic Expert groupGraphic Interchange formatTagged Image File FormatBitmapPortable Network Graphic
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
MULTIMEDIAKONSEP GRAFIK amp MULTIMEDIA
FORMAT FAIL
OBJEKTIF DEFINISIKEGUNAAN MULTIMEDI
A
MEDIUM MULTIMEDIA
ELEMEN MULTIMEDIA
REKABENTUK ASAS
MULTIMEDIA
Animasi gifswfswi
Graphic Interchange formatMacromedia flashSwish animation
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Berasal daripada perkataan Greek iaitu
graphikos = lukisan
graphier = menulis dengan perkataan
KATA KERJA
Grafik adalah bahan yang dilukis sebagai karangan visual
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Persembahan visual yang ditunjukkan pada permukaan seperti dinding kanvas skrin komputer kertas papan untuk tujuan jenama pemberitahuan ilustrasi atau hiburan
Daripada wikipedia
Contoh grafik ialah gambar foto lukisan seni tanpa ton graf tipografi nombor simbol reka bentuk geometri peta lukisan kejuruteraan atau imej lain
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Grafik selalunya menggabungkan teks ilustrasi dan warna
KONSEP PERSEMBAHAN GRAFIK
Grafik boleh wujud sebagai grafik berfungsi atau berseni Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar
httpmswikipediaorgwikiGrafik
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Bagi membangunkan perisian grafik interaktif dan multimedia ianya memerlukan
pengetahuan pengaturcaraan daya kecekapan menggunakan perisian perkakasan dan
aksesori juga amat penting
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
FUNGSI GRAFIK
Menjadikan bahan pengajaran lebih mudah jelas dibaca dan difahamiSupaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum
Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan Pamp P lebih menyeronokkan dan mencabar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKC
A
S
P
E
R
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
KONTRAS (CONTRAST)
Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama
Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan
terhadap sesuatu reka bentuk
Kontras berkait dengan imej warna dan tipografi
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh kontras di antara saiz fon garisan warna tekstur dan grafik
Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih
mudah
Apabila hendak membuat slaid teks dan latar belakang haruslah sangat kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Contoh latar belakang berwarna gelap teksnya harus sangat berwarna terang
Contoh kontras warna yang baik- kuning pada ungu hitam pada putih kuning pada biru tua
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
ALIGNMENT(Susunan atau kedudukan dalam garis lurus)
tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri
Setiap item sama ada teks imej atau kedua-dua teks dan imej harus mempunyai kaitan
secara visual antara satu sama lain pada setiap paparan
Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi
bercelaru
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
SIMPLICITY
Sesuatu bahan grafik perlu nampak mudah (simple)
Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh
pelajar yang lembam
Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama
yang hendak disampaikan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
PROXIMITY
Kumpulan (group) item yang berkaitan bersama gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain
supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah
Satu unit visual daripada beberapa unit terpisah
Contoh jarak antara teks jarak antara grafik dan jarak antara teks dengan grafik perlu
diimbangkan
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
EMPHASIS
Reka grafik harus fokus kepada item utama sahaja lt mesti dominan daripada item-item
lain Item tersebut menjadi pusat penumpuan
boleh dibaca atau boleh menarik minat
Pereka letak boleh melakukannya dengan beberapa cara
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz yang lebih besar Pencahayaan yang
sempurnaWarna dan bentuk
yang kontras
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
REPETITION
Tekalkan sesuatu aspek reka bentuk pada tempat tertentu
Contoh reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang
persembahan
Namun elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan
mesej asal
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
TIPOGRAFI
Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga
dapat menolong membaca untuk mendapatkan keselesaan membaca
semaksimum mungkin
Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
CONTOH TIPOGRAFI
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Antara perkara yang perlu diberi pertimbangan apabila memilih untuk
menggunakan fon ialah
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL Penting
Stail fon Saiz fon
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
STAIL FON
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman Sans serif SkripKursif
Egyptian Dekoratif
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Roman fon yang memiliki siripkakiserif yang berbentuk lancip pada hujungnya
Kesan yang ditimbulkan klasik anggun lemah gemalai dan feminin
Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIKContoh fon
1) Bookman Old Style2) Century Schoolbook
3) Georgia4) Times New Roman
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Sans serif fon yang tidak mempunyai
siripserifMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Skripkursif fon yang kononnya dihasilkan
melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan
biasanya miring ke kanan
Rupa fon bergaya sukar dibaca tetapi cantik dipandang
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK
Egyptian fon dengan ciri kakisiripserif yang berbentuk persegi seperti papan
dengan ketebalan yang sama atau hampir sama
Kesan yang ditimbulkan kukuh kuat stabil
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
KONSEP PERSEMBAHAN GRAFIK Dekoratif pengembangan daripada bentuk-
bentuk fon yang sudah ada
Ditambah hiasan dan ornamen atau garis-garis dekoratif
Kesan yang ditimbulkan dekoratif dan ornamental
MAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL
Saiz fon
Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon
Terdapat 72 poin dalam satu inci
Saiz normal 6-72 poin
KONSEP PERSEMBAHAN GRAFIKMAKSUD GRAFIK
FUNGSI GRAFIK
PRINSIP REKA LETAK
VISUAL