Technology And Media Design MPT1203

SYUHAILEN BT SAADON (MP121145) JAFFRI BIN SALIMIN (MP121381) SHARUNIZA BINTI MOHD SALIM (MP132079)

HASIL ANALISIS Perisian Kursus Pendidikan ini adalah satu perisian yang dibangunkan oleh Bahagian Teknologi Pendidikan Kementerian Pelajaran Malaysia. Perisian ini merupakan

matapelajaran Bahasa Melayu Sekolah Rendah yang bertajuk Penjodoh Bilangan. Tujuan utama perisian ini dibangunkan adalah untuk mewujudkan pembelajaran kendiri yang menarik secara interaktif melalui pendekatan audio, video dan visual sebenar. Akan tetapi perisian yang dibangunkan mestilah mengambil kira pelbagai aspek termasuklah ianya mestilah mesra pengguna dan juga sesuai serta menarik minat murid untuk menggunakannya. Elemen-elemen multimedia seperti teks, audio, video, grafik, animasi dan interktif perlu ada dalam bahan multimedia yang dibangunkan. Sesuatu perisian haruslah menitik berat tentang kepenggunaan dan keseronokan murid apabila dipaparkan semasa sesi pembelajaran dan pengajaran mahupun pembelajaran kendiri. Perisian ini mempunyai pelbagai kekurangan dan masalah oleh pengguna atau murid. Di antaranya ialah 1) Layout dan Alignment Perisian yang dibangunkan oleh Bahagian Teknologi Pendidikan Kementerian Pelajaran Malaysia ini akan mengecewakan penggunanya jika ianya tidak menarik pandangan pengguna terutamanya guru dan murid. Layout yang digunakan tidak bersesuaian dengan tajuk yang berkaitan. Dari segi susun atur antaramuka mestilah dalam keadaan sama dan tidak terlalu banyak dengan perkataan. Contohnya : Pengenalan terlalu panjang dan tidak menarik pengguna membaca.

Technology And Media Design MPT1203 2) Color dan typography Warna memainkan peranan dalam penghasilan perisian ini. Ini akan menyebabkan perisian ini sempurna atau tidak. Warna yang terang, menarik dan juga seimbang dapat menarik pengguna iaitu murid dan guru. Warna dalam perisian ini terlalu pudar dan tidak menarik pengguna kanak-kanak sekolah rendah. Tambahan lagi, typeface yang digunakan bercampur. San serif dan serif digunakan tanpa disusun dengan teliti. Perisian ini mudah dibaca tetapi typography tidak berpasangan secara teratur.

3) Slider Apa yang dimaksudkan dengan slider ini adalah slide yang digunakan mestilah lebih tersusun dan tetap. Didalam perisian ini menunjukkan menu tidak tersusun dengan rapi.

4) Isi kandungan Perisian ini tidak memerlukan objektif untuk murid sekolah rendah. Ini adalah kerana hanya guru yang akan menekankan objektif ini. Manakala pengenalan adalah terlalu panjang. Ini akan mengurangkan daya minat murid untuk menumpukan perhatian.

5) Simbol Grafik yang digunakan adalah tidak bersesuaian bagi menarik minat murid. Begitu juga dengan symbol arah kembali tidak tepat iaitu ke kanan.

Technology And Media Design MPT1203 CADANGAN PENGUBAHSUAIAN (SECARA KESELURUHAN) TEMA: Tema,menurut Dewan Bahasa membawa maksud subjek yang menjadi dasar sesuatu cerita Sebagai contoh, perisian ini berkaitan dengan penjodoh bilangan dengan menggunakan tema. Penggunaan grafik berbentuk kartun sesuai digunakan sebagai daya penarik perisian ini. Kanak-kanak lebih tertarik kepada sesuatu yang baru. Penggunaan animasi kartun sebagai tema yang mendukung kandungan perisian dapat menjadikan perisian ini lebih berkesan.

TIPOGRAFI ( TYPOGRAPHY ) kandungan teks yang ringkas dan mudah untuk difahami oleh murid. Sifat teks yang sederhana juga membolehkan murid melihat dengan jelas. Pencirian teks yang pelbagai ini dan berwarna warni ini membuktikan aspek-aspek seperti ini akan memberikan satu suasana pembelajaran yang ceria. Menghiburkan tanpa memberikan sebarang tekanan kepada murid dalam menuntut ilmu. Huruf dijarakkan dalam keadaan yang seimbang, tidak terlalu jauh dan tidak terlalu rapat.

WARNA: Tujuan warna adalah untuk memudahkan atau meningkatkan kejelasan visual. Perbezaan warna antara latar (elemen negatif ) dengan visual (elemen positif ) akan menimbulkan kontras yang baik. Warna jingga, merah, dan kuning dikatakan sebagai warna aroma panas kerana dikaitkan dengan cahaya matahari dan api. Warna-warna panas ini dikatakan mempunyai kesan aktif, membangkitkan perasaan, menceriakan suasana, kedekatan, kegarangan, kekuatan dan semangat. Mewujudkan perasaan harmoni juga merupakan fungsi warna Warna dapat menimbulkan suasana yang dikehendaki, misalnya warna-warna yang terang boleh mencetuskan rasa keriangan, kedamaian, selesa dan tenteram

Technology And Media Design MPT1203 SUSUN ATUR: Susun atur maklumat yang sederhana adalah lebih baik. Pengguna tidak perlu menggerakkan mata terlalu banyak bagi mencari maklumat. Maklumat yang berkaitan harus dikumpulkan dalam satu kumpulan. Maklumat penting perlu berada pada bahagian utama. Ciri seragam pada butang perlu dikekalkan pada setiap antara muka. Susun atur harus menitikberatkan keperluan pengguna.

PEMILIHAN MEDIA: Gambar atau grafik adalah salah satu elemen yang penting dalam sesebuah perisian. Unsur-unsur grafik yang tidak hanya terdiri daripada grafik statik. Sebaliknya turut mengandungi grafik-grafik yang bergerak. Unsur bunyi adalah antara aspek yang boleh menggambarkan keinteraktifan sesebuah media mengajar. mengandungi unsur muzik di mana muzik akan kedengaran bermula daripada permulaan frame hingga ke frame yang terakhir. Animasi dan gerakan adalah ciri interaktif yang perlu ada dalam perisian ini. Unsur video juga sepatutnya dimuatkan dalam sistem perisian ini. Pendekatan ASSURE boleh digunakan sebagai platform menghasilkan perisian ini. A - Analisis Pelajar (Analyze learners) S - Menyatakan Objektif (State Objectives) S - Memilih kaedah, media dan bahan (Select methods, media and materials). U - Mengguna media dan bahan(Utilize media dan materials). R - Memerlukan penyertaan pelajar (Require learner participation). E - Menilai dan menyemak semula (Evaluate and revise)

Technology And Media Design MPT1203

ANTARA MUKA PROTOTAIP BARU Cover perisian

SEBELUM

SELEPAS

Rekabentuk

Hasil analisis Cadangan pengubahsuaian Tiada penekanan Penjodoh o Menggunakan tulisan jenis Tukar jenis tulisan serif dan TYPOGRAPHY bilangan serif yang kurang sesuai warna tulisan untuk paparan. Menukar warna untuk memberi Tajuk Sesuai kesamaan pada tema warna perisian. Menukar warna yang lebih Tiada pengulangan warna WARNA Antaramuka terang, sesuai untuk pengguna o Warna bercampur-campur sekolah rendah. Tidak kontras Menukar warna tulisan yang leb Tajuk CD o Warna yang pudar ih terang dan menyerlah. Tidak teratur Reka letak tajuk dan grafik LAYOUT Tajuk CD o Tajuk dan grafik di letak secara berasingan untuk SETTING dan grafik setempat tanpa reka letak menyerlahkan lagi tajuk CD. yang sesuai Tiada perpaduan (unity) Menukar semua gambar. o Gambar ayam yang lebih Mengasingkan untuk memberi GRAFIK grafik besar dari gambar-gambar kefaham yang lebih jelas lain, tidak sesuai. Tiada terhadap tajuk perisian penjelasan yang ketara. penjodoh bilangan Latar Warna hijau dan grafik kartun Menukar warna latar belakang belakang yang tidak seuai. yang lebih terang dan

Bahagian

Technology And Media Design MPT1203

o Bukan gambar sebenar. menyerlah.

PAPARAN MENU UTAMA SEBELUM SELEPAS

Rekabentuk TYPOGRAPHY

Bahagian Pengenalan Menu Utama

Hasil analisis Tidak sesuai diletakkan dalam satu muka yang berasingan. Tiada penekanan (emphasis) o Ikon tanpa teks o Warna sekata dengan latar Tiada keseimbangan. Tidak kontras o Hijau yang tidak terang.

WARNA

Penjodoh bilangan

LAYOUT SETTING

GRAFIK

Tajuk dan karangan Latar belakang

Tiada keseimbangan o Terlalu banyak teks. Tidak disusun dengan teratur. Tidak harmoni. Tidak sesuai dengan gambaran grafik yang samar-samar.

Grafik

FAKTOR LAIN

Menu

Tiada sebarang grafik digunakan. o Tidak dapat menarik minat dan perhatian kanak-kanak. Beberapa menu tidak perlu ada dalam perisian. Contohnya:o Menu pengenalan, objektif. Tidak kontras o Sama dengan belakang dari warna. Tiada penekanan

Ikon

latar segi

Cadangan pengubahsuaian Menukar terus kepada menu utama. Menukar latar menggunakan tema warna yang sama dengan cover CD. Menggunakan tema kartun di papan tanda taman Warna kuning pada tulisan menu utama lebih menyerlah dan kontras dengan warna latar belakang. Menukar keseluruhan layout. Ikon berada di tengah-tengah paparan untuk Nampak lebih penekanan. Menukar latar belakang tanpa menggunakan grafik washout. Menggunakan warna yang terang dan menarik. Menggunakan grafik kartun yang bertujuan menarik minat kanak-kanak untuk melayari CD tersebut. Menetapkan hanya tiga menu penting, iaitu: Menu nota, uji minda dan kamus. Ikon diletakkan disebelah teks menu. Ikon yang digunakan bersesuaian denagn menu.

Technology And Media Design MPT1203

o Tidak menggunakan ikon yang mesra pengguna. Tidak diperjelaskan dengan teks ikon.

o MENU NOTA SEBELUM

SELEPAS

Rekabentuk Bahagian TYPOGRAPHY Menu nota

WARNA

LAYOUT SETTING

Hasil analisis Tidak sesuai. Jenis serif. o Warna biru yang digunakan tidak kontras dengan latar belakang menu. Butang Tidak kontras. menu. Warna hijau sama dengan latar belakang dan warna tajuk. keseluruhan Tidak harmoni. o Tidak ada reka letak yang menarik. gambar

Cadangan pengubahsuaian Jenis tulisan san serif. Jelas.

Menukar keseluruhan warna. Menggunkan tema yang sama.

GRAFIK

Tiada sebarang format grafik yang di pamerkan. Tidak kontras o Sama dengan latar belakang dari segi warna. Tiada penekanan o Tidak menggunakan ikon yang mesra pengguna. o Tidak diperjelaskan dengan teks ikon.

FAKTOR LAIN

Ikon

Menggunakan tema kartun di papapn tanda taman. Memberikan keseimbangan pada unit-unit nota. Menggunakan gambar kartun untuk menarik minat murid sekolah rendah. Ikon diletakkan dibahagian bawah paparan. Betujuan untuk mengasingkan antara menu nota dan menu utama. Ikon yang digunakan bersesuaian dengan pengetahuan sedia ada pengguna.

Technology And Media Design MPT1203

KANDUNGAN NOTA SEBELUM SELEPAS

Rekabentuk Bahagian TYPOGRAPHY Nota

WARNA

Butang menu.

LAYOUT SETTING GRAFIK

Keseluruhan

Gambar gajah

Hasil analisis Cadangan pengubahsuaian Jenis tulisan tidak sekata Menggunakan jenis tulisan pada keseluruhan perisian. yang seragam pada keseluruhan perisian. Jenis san serif. Tidak kontras. Menukar keseluruhan warna. Menggunkan tema yang Warna hijau sama dengan sama pada keseluruhan latar belakang dan warna perisian. tajuk. Tiada keseimbangan. Menyusun semula reka letak teks, ikon, grafik yang Reka letak yang tidak digunakan. teratur. Gambar untuk menunjukkan Menambah satu lagi gambar contoh pada penjodoh yang bersesuaian untuk bilangan yang dinyatakan menunjukkan penjodoh tidak mencukupi. Sekurangbilangan yang dinyatakan. kurangnya dua gambar yang bersesuaian. Tidak sesuai menunjukkan arah ke kanan. Menggunakkan anak panah kekanan yang tidak sesuai. Tidak kontras Warna seakan latar belakang tidak memberi penekanan kepada menu yang dipaparkan. Keseluruhan page yang dibangunkan sama. Sama dari segi warna, tulisan, jenis grafik, bilangan Menukar butang kembali dengan menunjukkan kea rah kiri. Menukar warna mengikut tema dan bersesuain terhadap warna dan bentuk.

FAKTOR LAIN

Butang kembali

Butang nota

menu

Page menu

Mengikut tema. Memberikan grafik yang lebih daripada satu.

Technology And Media Design MPT1203

grafik.

KANDUNGAN UJI MINDA SEBELUM SELEPAS

Rekabentuk Bahagian TYPOGRAPHY Soalan jawapan

WARNA

LAYOUT SETTING

BUTANG

Hasil analisis dan Tiada keseimbangan. Tidak kontra apabila tertindih pada grafik yang berwarna gelap. Jenis tulisan tidak sesuai untuk murid sekolah rendah. (kejelasan huruf) Butang menu. Tidak kontras. Warna soalan Warna hijau sama dengan dan jawapan latar belakang dan warna tajuk. Warna teks soalan dan jawapan yang kurang sesuai. Keseluruhan Tiada keseimbangan. Reka letak yang tidak teratur. Soalan terlalu keatas. Butang pilihan Tiada butang pilihan jawapan jawapan. Butang nota menu

Cadangan pengubahsuaian Menggunakan jenis tulisan yang seragam pada keseluruhan perisian. Jenis san serif.

Menukar keseluruhan warna. Menggunkan tema yang sama pada keseluruhan perisian.

Menyusun semula reka letak teks, ikon, grafik yang digunakan. Menggunakan interaktif. butang

FAKTOR LAIN

Page soalan

setiap

Tidak kontras Warna seakan latar belakang tidak memberi penekanan kepada menu yang dipaparkan. Keseluruhan page yang dibangunkan sama. Sama dari segi warna, tulisan, jenis teks.

Menukar warna mengikut tema dan bersesuain terhadap warna dan bentuk.

Mengikut tema. Butang interaktif pada semua page uji minda.

Technology And Media Design MPT1203

KANDUNGAN KAMUS SEBELUM SELEPAS

Rekabentuk Bahagian Hasil analisis Cadangan pengubahsuaian TYPOGRAPHY Keyword dan Jenis tulisan yang tidak Menggunakan tulisan century makna perkataan sesuai. gothic yang lebih sesuai. Makna perkataan menggunakan tulisan yang tak sesuai untuk murid sekolah rendah. WARNA Butang menu. Tulisan berwarna merah Merah hanya untuk perkataan Keyword dan untuk keseluruhan tidak yang dicari. makna perkataan sesuai. Warna merah sesuai untuk menekankan sesuatu perkataan penting. Warna biru bagi makna perkataan sesuai. LAYOUT SETTING Keseluruhan menu Tiada keseimbangan. Reka letak yang tidak teratur. Tiada huruf pilihan. Menyusun semula reka letak mengikut ciri-ciri keseimbangan. Menggunakan huruf yang berinteraktif. Menukar warna mengikut tema dan bersesuain terhadap warna dan bentuk.

INTERAKTIF FAKTOR LAIN

Huruf. Butang nota

Page kamus.

Tidak kontras Warna seakan latar belakang tidak memberi penekanan kepada menu yang dipaparkan. Keseluruhan page yang dibangunkan sama. Sama dari segi warna, tulisan, jenis teks.

Mengikut tema. Butang interaktif pada semua page kamus.