INFORMATION DESIGNINFORMATION DESIGN

SPM4342: Pembangunan Multimedia Berasaskan WebSPM4342: Pembangunan Multimedia Berasaskan Web

INFORMATION DESIGNINFORMATION DESIGN

Dr. Jamalludin Hj. HarunDepartment of Educational Multimedia

Faculty of Education, UTM

Introduction

Presentation

Interaction

Presentation

Information The mechanics of

Presentation is the style and layout of the

Clarifying your communication goals and

the design and answer the question, “How should it work?”

layout of the elements on the screen. Addresses the question: Ho sho ld it goals and

arranging your ideas into a design that serves th l

should it work?”.

(Interaction,Navigation &

How should it look ?(Visual & Presentation)

those goals. (Strategy & Organization of Contents)

Control))

2

)

Introduction

What is information?Why do we need to “design” information?Why do we need to “design” information?What is the role of the information design ?Wh t diffi lti i t f ith ff ti What difficulties interfere with effective information organization?How can information architecture be used to How can information architecture be used to improve information usability.

3

Introduction

Aside from people, information is the single most valuable asset for education At every level in valuable asset for education. At every level, in every department, for every unit, information is critical.

The better the information, the more successful The better the information, the more successful the department and the people (students) within it can be.

Information Design is dedicated to making g ginformation as effective as possible.

4

Focus...

There are five things to think about in the process of Information Design:process of Information Design:

Message : What information do you wish to share?Audience: Whom do you wish to share your message Audience: Whom do you wish to share your message with?Purpose: How and why do you want to share your p y y ymessage with the audience?Background: What does your intended audience already know about the subject you are discussing.Structure: How can your message be organized most effectively?effectively?

5

SPM4342: Pembangunan Multimedia Berasaskan WebSPM4342: Pembangunan Multimedia Berasaskan Web

Rekabentuk Informasi: Rekabentuk Informasi: Rekabentuk Informasi: Rekabentuk Informasi: Pemilihan StrategiPemilihan Strategi

Department of Educational MultimediaFaculty of Education, UTM

Pemilihan Strategi

Apakah panduan atau elemen yang mempengaruhi pemilihan strategi atau kaedah mempengaruhi pemilihan strategi atau kaedah penyampaian maklumat (isi pelajaran) ?

Teori pembelajaran (Contoh…?)Strategi pembelajaran (Contoh…?)Strategi pembelajaran (Contoh…?)Stail pembelajaran (Contoh…?)Model pengajaran (Contoh…?)Model pengajaran (Contoh…?)

7

Pemilihan Strategi

Era 80an dan 90an (Berasaskan Teori Behavorisme)

Latih TubiTutorialTutorialSimulasiPermainan PendidikanPermainan PendidikanPenyelesaian Masalah

8

Pemilihan Strategi

Latih Tubi – seperti buku kerja elektronik – latihan secaraberturutanTutorial – penggunaan contoh untuk menjelaskan sesuatukonsep. Ianya diiringi dengan soalan-soalan pengukuhan.Simulasi – menyediakan suasana pembelajaran yang cubaSimulasi menyediakan suasana pembelajaran yang cubamenyerupai keadaan atau fenomena sebenar di mana iaberlaku.Permainan memberi pengalaman belajar yang Permainan – memberi pengalaman belajar yang menyeronokkan kepada pelajar berdasarkan prinsip kalahatau menang.Penyelesaian masalah – memberi pelajar pelbagai masalahuntuk diselesaikan.

9

Pemilihan Strategi

Era 2000 (Berasaskan Teori Kognitif dan Konstruktivist)

pembelajaran berasaskan masalahpembelajaran berasaskan projekpembelajaran berasaskan projekpembelajaran kooperatifpembelajaran situasi pembelajaran situasi pembelajaran berasaskan kes atau senario pembelajaran inkuiripembelajaran inkuiri.

10

Pemilihan Strategi

Bagaimanakah caranya sesuatu strategi yang dipilih boleh diterjemah atau dilaksanakan dalam dipilih boleh diterjemah atau dilaksanakan dalam persekitaran pembelajaran elektronik (aplikasi multimedia/laman web))

Bincang bersama dengan 3 pelajar lain dan Bincang bersama dengan 3 pelajar lain dan senaraikan proses kerja yang berkaitan.

11

Pemilihan Strategi

Panduan untuk memastikan strategi pembelajaran yang dipilih diaplikasikan ke dalam pembelajaran yang dipilih diaplikasikan ke dalam aplikasi multimedia/laman web yang dibina:

Mendapatkan terlebih dahulu ciri-ciri bagi strategi pembelajaran yang dipilih.p j y g pMengkaji kemampuan komputer dalam menghasilkan sesuatu aktiviti pembelajaran berdasarkan ciri yang ditetapkan.

12

Pemilihan Strategi

Panduan untuk memastikan strategi pembelajaran yang dipilih diaplikasikan ke dalam pembelajaran yang dipilih diaplikasikan ke dalam perisian multimedia/laman web yang dibina:

Merekabentuk aktiviti pembelajaran berkaitan sesuatu topik yang cuba mengaplikasikan satu atau lebih ciri bagi strategi pembelajaran yang dipilihlebih ciri bagi strategi pembelajaran yang dipilih.Memindahkan aktiviti pembelajaran yang telah dirancang ke dalam persekitaran pembelajaran l k ik d f k k l i d elektronik dengan memanfaatkan teknologi yang ada

di samping

13

SPM4342: Pembangunan Multimedia Berasaskan WebSPM4342: Pembangunan Multimedia Berasaskan Web

Rekabentuk Informasi: Rekabentuk Informasi: Rekabentuk Informasi: Rekabentuk Informasi: Pemilihan StrukturPemilihan Struktur

Department of Educational MultimediaFaculty of Education, UTM

Pemilihan Struktur

Apabila isi kandungan dan strategi penyampaian maklumat telah ditetapkan langkah seterusnya maklumat telah ditetapkan, langkah seterusnya ialah menetapkan struktur bagaimana setiap maklumat yang disediakan disampaikan kepada y g p ppengguna.

Biasanya, struktur yang akan digunakan adalah berkait rapat dengan strategi penyampaian maklumat yang telah dipilih.

15

Pemilihan Struktur

Bincangkan kelebihan, kelemahan dan di manaianya sesuai (atau tidak sesuai) digunakan diianya sesuai (atau tidak sesuai) digunakan didalam sesebuah laman web pendidikan bersamadengan seorang rakan yang ditetapkan untukandaanda.

16

Pemilihan Struktur

Contoh struktur yang biasa digunakan

Struktur LinearStruktur HierakiStruktur HierakiStruktur RangkaianStruktur LingkaranStruktur LingkaranStruktur Komposit (Campuran)

17

Pemilihan Struktur

Struktur Linear

K l bih ?Kelebihan ?Mudah dihasilkan

K l h ?Kelemahan ?MembosankanKurang InteraksiKurang Interaksi

Di mana sesuai digunakan ?

18

Pemilihan Struktur

Struktur Linear

19

Pemilihan Struktur

Struktur Hieraki

Kelebihan ? Kelemahan ?

20

Pemilihan Struktur

Struktur Hieraki

Kelebihan ?M b h gik ti t j k k d b t j kMembahagikan setiap tajuk kepada sub-tajuk.Maklumat mudah/pantas diterima.Kesesatan dalam perayauan : minimumKesesatan dalam perayauan : minimum

Kelemahan ?Bagi tajuk yang kompleks : terlalu dalam struktur yang Bagi tajuk yang kompleks : terlalu dalam struktur yang akan terbentuk.

Di mana sesuai digunakan ?

21

Pemilihan Struktur

Struktur Hieraki

22

Pemilihan Struktur

Struktur Rangkaian

Kelebihan ? Kelemahan ?

23

Pemilihan Struktur

Struktur Rangkaian

Kelebihan ?P t b gi ti t ik tPautan bagi setiap topik utamaPengguna lebih bebas meneroka, fleksibel.

Kelemahan ?Kelemahan ?Struktur tanpa perancangan yang betul: pengguna boleh sesat

Di mana sesuai digunakan ?

24

Pemilihan Struktur

Struktur Lingkaran

Kelebihan ? Kelemahan ?

25

Pemilihan Struktur

Struktur Lingkaran

Kelebihan ?M kl t g l di i b l g d h di l hiMaklumat yang perlu dicapai berulang: mudah diperolehi

Kelemahan ?Mengelirukan pengguna yang kurang pekaMengelirukan pengguna yang kurang pekaMembosankan sekiranya terlalu kerap digunakan

Di mana sesuai digunakan ?Di mana sesuai digunakan ?

26

Pemilihan Struktur

Struktur Komposit

Kelebihan ? Kelemahan ?

27

Pemilihan Struktur

Struktur Komposit

28

www.jzwww.jz--media.commedia.com