dan prinsip komunikasi visual rekabentuk … · 2012. 5. 16. · maksud teori suatu penjelasan yang...

39
Faculty of Information and Communication Technology KPT 4033 :TEKNOLOGI & INOVASI DALAM PENDIDIKAN KULIAH 2 : REKABENTUK INSTRUKSIONAL DAN PRINSIP KOMUNIKASI VISUAL

Upload: others

Post on 03-Dec-2020

13 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

Faculty of Information and Communication Technology

KPT 4033 :TEKNOLOGI & INOVASI DALAM PENDIDIKAN

KULIAH 2 : REKABENTUK INSTRUKSIONAL

DAN PRINSIP KOMUNIKASI VISUAL

Page 2: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

HASIL PEMBELAJARAN

Selepas mengikuti kuliah ini pelajar diharap akan dapat:

1.Menjelaskan maksud rekabentuk instruksional, sejarah, kegunaan, tujuan dan model-model yang selalu dirujuk

2.Menjelaskan prinsip asas elemen dan prinsip asas rekabentuk visual dan hubungan prinsip rekabentuk visual dengan rekabentuk instruksional

Page 3: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

PENGGUNAAN TEKNOLOGI DALAM P & P

●Untuk menggunakan teknologi dalam P&P memerlukan pemahaman mendalam tentang:

●Teknologi Pengajaran ●Rekabentuk Pengajaran

●Kuliah ini membincangkan rekabentuk instruksional dan prinsip komunikasi visual

Page 4: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MAKSUD TEORI

●Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam●Suatu alat untuk memahami dan menjelaskan proses yang kompleks (rumit) supaya dapat difahami fenomena kejadiannya●Penjelasan tentang hubungan antara konsep dengan pembolehubah yang ada kaitan yang menyebabkan berlaku sesuatu kejadian atau kesan●Penjelasan empirikan untuk menjawab soalan ‘Mengapa dan bagaimana wujud hubungan’

Page 5: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

REKABENTUK - INSTRUKSIONAL

Rekabentuk (Design)●Idea kreatif, paten, lojik rasional , urutan proses untuk menyelesaikan sesuatu masalah

Instruksional (Instructional)●Suatu susunan perilaku atau peristiwa untuk meningkatkan keberkesanan P&P

Page 6: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

REKABENTUK INSTRUKSIONAL

Rekabentuk Instruksional adalah:●Suatu susunan idea bagi meningkatkan kualiti P&P atau objektif lain yang dibina secara sistematik berasaskan teori dan telah diuji keberkesanannya●Analisis secara sistematik tentang keperluan sistem penyampaian P&P bagi tujuan mencapai sesuatu matlamat

Page 7: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

TEORI REKABENTUK INSTRUKSIONAL

●Teori RI- "anything that offers guidance for improving the quality of that help (instruction)". Reigeluth's, 1997: 44)●“The basic foundation of all the work that instructional designers do” (Winn's, 1997: 37) ●“The guidance to overcome problems in the (instructional) design process” (Winn's, 1997: 37) ●Berasaskan teori pembelajaran dan psikologi secara konsisten

Page 8: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

DEFINISI & ISTILAH

●Elemen & Komponen ID●Analisa (Analysis)●Rekabentuk (Design)●Pembangunan (Development)●Pelaksanaan (Implementation)●Penilaian (Evaluation)●Penggunaan (Utilization)●Pengurusan (Management)

Page 9: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

DEFINISI & ISTILAH

●Rekabentuk Sistem Pengajaran (Instructional Systems Design (ISD)) – proses mencipta sistem pengajaran melibatkan penyusunan sumber-sumber dan prosedur yang digunakan untuk memudahkan pembelajaran. ●‘ISD melibatkan beberapa fasa: Analisis (analysis), rekabentuk (design), pembangunan (development), pelaksanaan (implementation), dan penilaian (evaluation).

●Robert Gagné, Walter Wager, Katharine Golas & John Keller Principles of instructional design

Page 10: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

DEFINISI & ISTILAH

Teknologi Pengajaran (Instructional Technology) adalah teori dan amalan rekabentuk (design), pembangunan (development), penggunaan (utilization), pengurusan (management), dan penilaian (evaluation) proses-proses dan sumber-sumber untuk pembelajaran. ●AECT Definitions and Terminology Committee

Page 11: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SOALAN & PERBINCANGAN

●Pada pendapat kamu, apa itu ID?●Bincangkan dalam kumpulan (3 orang) dan cipta definisi anda sendiri!

Page 12: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SEJARAH ID

●Asal usul ID: Perang Dunia Kedua●Pakar psikologi dan pengajar-pengajar termasuk Robert Gagné, Leslie Briggs, John Flanagan…●Mengendalikan kajian dan membangunkan bahan latihan untuk khidmat ketenteraan●Ujian dan penilaian●Peranan baru muncul–diantara pakar subjek dan pakar teknikal

Page 13: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SEJARAH ID

●Gerakan Pengajaran Terancang (Programmed Instruction Movement (1950s-1960s))

●B.F. Skinner –The Science of Learning and the Art of Teaching(1954)●Mempersembahkan pengajaran dalam langkah yang kecil,memerlukan tindak balas yang nyata kepada soalan-soalan yang kerap, menyediakan maklum balas serta merta, membenarkan pelajar belajar mengikut kemampuan diri sendiri●Pelajar-pelajar akan menjawab semua soalan dengan betul dan ini akan dikukuhkan dengan maklumbalas yang positif

Page 14: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SEJARAH ID

●Terkenalnya objektif tingkahlaku (Behavioral Objectives)

●Ralph Tyler - lapan tahun pengajian (1933-1941)●Robert Mager–Preparing Objectives for Programmed Instruction(1962)

●Sifat-sifat pelajar yang diingini●Keadaan●“Standards/criteria”

Page 15: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SEJARAH ID

●“The Criterion –Referenced Testing Movement” (early 1960s)

●“Norm –referenced testing”: direka untuk menyebarkan prestasi pelajar-pelajar, hasilnya adalah ada pelajar-pelajar yang dapat keputusan yang baik didalam ujian dan ada yang tidak baik●“Criterion –referenced testing”: bagaimana seseorang individu dapat melaksanakan tingkah laku tertentu atau set-set tingkah laku dengan baik tanpa mengira bagaimana yang lain melaksanakannya dengan baik (Robert Glaser, 1963)

Page 16: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SEJARAH ID

Robert M. Gagné: “The Conditions of Learning” (1965)

●Lima domain – i.maklumat lisan (verbal information), ii.kemahiran intelektual (intellectual skills), iii.kemahiran psikomotor (psychomotor skills), iv.sikap (attitudes) v. strategi kognitif (cognitive strategies)

Page 17: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SEJARAH ID

Robert M. Gagné: “The Conditions of Learning” (1965)

●9 peristiwa pengajaran i.menarik perhatian, ii.menyatakan objektif kepada pelajar,iii. merangsang ingatan kepada pelajaran yang

sebelumnya,iv.persembahkan bahan-bahan yang merangsang,

menyediakan panduan pelajar, v.membangkitkan pencapaian, vi.menyediakan maklum balas,vii.menilai prestasi, viii. meningkatkan penahanan dan pemindahan

Page 18: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SEJARAH ID

●“Sputnik” dan Penilaian●Oct. 4 1957 satelit (Rusia) yang pertama mengelilingi angkasa●Dana-dana persekutuan untuk pendidikan matematik dan sains●Michael Scriven(1967) –penilaian “formative” dan penilaian “summative”

Page 19: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID

●Model-model ID digunakan sebagai konsepsi (conceptual), pengurusan (management), dan alat komunikasi (communication tools) untuk menganalisa (analyzing), mereka bentuk (designing), mencipta (creating) dan penilaian pembelajaran yg berpandu (evaluation guided learning), yang dalam lingkungan persekitaran pendidikan yang luas ke aplikasi latihan yang terhad.

Page 20: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID

●Model-model ID yang awal (1950s –1960s)●Model Barson, Michigan State University●L.C. Silvern, Industri ketenteraan dan aeroangkasa●Hamreus, Bahagian Penyelidikan Pengajaran di Oregon State System of Higher Education

Page 21: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID

●Model ADDIE●Analisis (Analysis)●Reka Bentuk (Design)●Pembangunan (Development)●Pelaksanaan (Implementation)●Penilaian (Evaluation)

Page 22: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID

●Model ASSURE –Heinich, Molenda, Russell dan Smaldino(1999)

●Analisa pelajar (Analyze learners)●Nyatakan objektif (State objectives)●Pilih media dan bahan (Select media and materials)●Menggunakan media dan bahan (Utilize media and materials)●Memerlukan penglibatan pelajar (Require learner participation)●Menilai dan menyemak (Evaluate and revise)

Page 23: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID

●Model Dick, Carey dan Carey (2001)

Page 24: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID

●Model Morrison, Ross dan Kemp (2001)

Page 25: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID●Model Nieveen (1997) Holland

Page 26: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID●Gentry – “Instructional Project Development and Management” (IPDM) Model (1994)

Page 27: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID●Diadaptasi dari model Spiral (Boehm, 1988) dan Model Rapid Prototyping (Dorsey, Goodrum, & Schwen, 1997)

Page 28: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

MODEL-MODEL ID

●Model Reka bentuk Pengajaran Dinamik (Dynamic Instructional Design (DID))

●Mengenali pelajar●Nyatakan objektif●Membentuk persekitaran pembelajaran●Mengenal pasti strategi-strategi mengajar dan belajar●Mengenal pasti dan pilih teknologi utk sokongan●Menilai dan menyemak reka bentuk ●(akan dibincangkan dalam kuliah 3)

Page 29: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

BACAAN

●Sila buat rujukan tambahan berkaitan DID Model dari buku…

●Lever-Duffy, J., McDonald, J.B., & Mizell AL. P. (2003). Teaching and Learning with Technology. Boston: Allyn & Bacon.

Page 30: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

PRINSIP KOMUNIKASI VISUAL

●Setakat ini kita telah membincangkan tentang beberapa model reka bentuk pengajaran dan telah jelas bagaimana penggunaan teknologi dalam proses P&P mestilah dirancang sebelum digunakan.

●Visual adalah alat komunikasi yang menyediakan rujukan konkrit yang lebih baik daripada pernyataan lisan atau bertulis.

Page 31: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

PRINSIP KOMUNIKASI VISUAL

●Proses P&P merupakan satu proses komunikasi.●Penggunaan visual yang baik dan betul akan meningkatkan komunikasi dalam P&P serta menjamin kejayaannya●Oleh itu, menghasilkan ABBM yang berkesan perlu memberi perhatian kepada:

1.Prinsip Asas Elemen Komunikasi Visual2.Prinsip Asas Reka Bentuk Visual

Page 32: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

Prinsip Asas Elemen Komunikasi Visual

● Secara am elemen komunikasi visual terdiri daripada ruang (space), garis (line), permukaan (surface), bentuk dua dimensi (shape) dan bentuk tiga dimensi (form)

ElemenGrafik

Ruang Garis Permukaan

Bentuk Dua

Dimensi

Bentuk Tiga

Dimensi

Rozinah Jamaludin (2003) muka surat 111-118.

Page 33: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

PRINSIP ASAS REKA BENTUK VISUAL

●Prinsip asas rekabentuk visual boleh dibahagikan kepada tiga kumpulan:

●Elemen: memilih dan mengendalikan elemen visual atau lisan kepada bentuk visual●Corak: memilih satu corak untuk memaparkan elemen●Susunan: menyusun setiap elemen dalam corak yang tertentu

Page 34: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

PRINSIP ASAS REKA BENTUK VISUAL

●Penggunaan gambar atau elemen teks yang bersesuaian

●membantu penonton melihatnya mesej yang hendak disampaikan dengan cepat dan bermakna●secara langsung penonton difokuskan kepada mesej yang hendak disampaikan

●Terdapat tiga komponen dalam paparan visual:●elemen visual●elemen lisan●elemen yang menambah tarikan.

Page 35: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

Prinsip Asas Reka Bentuk Visual

Elemen Reka Bentuk Visual

Elemen Visual Elemen LisanElemen Yang Menambah

Tarikan

Realistik

Analogi

Organisasi

Stail Huruf

Bilangan

Warna

Saiz

Jarak

Luar Biasa

Permukaan

Interaksi

Rozinah Jamaludin (2003) muka surat 118-125

Page 36: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

PRINSIP KOMUNIKASI VISUAL

●Kita telah bincangkan Prinsip asas elemen komunikasi visual dan Prinsip asas reka bentuk visual●Terdapat dua (2) perkara lagi yang harus diambil kira dalam komunikasi visual iaitu:

●(i) Teknik Visual ●(ii) Atribut Visual

Sila rujuk buku Rozinah Jamaludin (2003) muka surat 125-146

Page 37: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

RUJUKAN

●Lever-Duffy, J., McDonald, J.B., & Mizell AL. P. (2003). Teaching and Learning with Technology. Boston: Allyn & Bacon.●Rozinah Jamaludin (2003). Teknologi Pengajaran. Kuala Lumpur: Utusan Publications & Distributors Sdn. Bhd.●Gustafson, K. L. & Branch, R. M (2002). Survey of instructional development models. New York: ERIC Clearinghouse on Information & Technology.●Reiser, R. A. (2001). A history of instructional design and technology: Part II: A history of instructional design. Educational Technology Research &Development, 49(2), 57-67.●Shrock, S. A. (1995). A brief history of instructional development. In Anglin, G. (Ed.), Instructional technology: Past present and future(pp. 11-19). Eaglewood, CO: Libraries Unlimited.

Page 38: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

SOAL JAWAB

Page 39: DAN PRINSIP KOMUNIKASI VISUAL REKABENTUK … · 2012. 5. 16. · MAKSUD TEORI Suatu penjelasan yang telah dibuktikan dengan baik tentang sesuatu aspek dalam kejadian alam Suatu alat

TERIMA KASIH