::WEEK 6:: INTERACTION DESIGN

Salam~ Minngu ini adalah minggu terakhir Dr. Dayana mengajar kelas kami~ Untuk kelas yang terakhir ni kami belajar mengenai interaction design...

Terdapat dua jenis reka bentuk yang perlu di titik beratkan untuk menghasilkan website yang berkesan:

1) Information Design: fokus kepada perancangan reka bentuk.  Contohnya, apakah produk ini?

2)Interaction Design: fokus kepada mekanik reka bentuk.  Contohnya, bagaimana ia berfungsi?

Information to Interaction

Untuk lebih mudah difahami.. Information to interaction ini adalah reka bentuk maklumat kepada reka bentuk interaksi di mana maklumat di ubah kepada pengalaman.

1) Memberi pengalaman kepada pengguna dengan guide yang jelas.
2) Melalui maklukmat, pengguna secara langsung mendapat pengalaman dan memahami flow sesuatu website itu yang elak pengguna dari sesat.
3) Sediakan guideline supaya pengguna mudah untuk menggunakan segala function dalam website...
4)Menjadikan pengguna merasakan pengalaman meneroka semudah mungkin.

Interaction Design

3 elemen yang penting dalam interaction design adalah

1) Organization  

Apakah grafik, text dan elemen lain yang terkandung dalam website?

Lebih jelas, lukis storyboard.. 

Halaman utama perlu ada banner, tajuk laman web, grafik, menu dan content.

2)Navigation 

Adakah segala bentuk navigasi atau link di sediakan dalam laman web kita itu mudah untuk di gunakan oleh pengguna dan pengguna tak sesat dan tahu mana mereka berada?

Contohnya:

Site Map

Contoh : Site map blog saya~ :D

Butang Ikon/navigasi

Checklist page

Hypermedia/hypertext

3) Interactivity 

Adakah laman web kita itu memberi peluang kepada pengguna untuk terlibat secara aktif dan terus menggunakannya?

Place finding

Bread crumb

Nombor halaman

Warna yang berbeza untuk menu sedia ada

Sekian~ Jumpe lagi post seterusnye~

:: Discussion on WEEK 5::

Location : Bilik Ana :D

Untuk perbincangan kali ini, kami berbincang megenai design web kami dan kami juga mencuba mendownload beberapa game. Design dan template yang dipilih sudah di persetujui dan berjalan lancar seperti yang kami rancang.

Tetapi, masalah yang dihadapi ialah agak sukar untuk mendapat kan game yang baek tetapi percuma. Jadi sekarang kami di dalam proses untuk mencari game yang percuma yang betul2 dapat memberi kesan kepada pengguna kami nanti. Maybe jika still faces problem yang sama, kami akan ubah sedikit struktur web kami, selepas berbincang dengan Dr. Dayana.

:) 

::WEEK 5::

Salam semua.. untuk week 5 ini, kami belajar mengenai Basic Web Design..

Web Design yang berjaya adalah web design yang berjaya sampaikan segala content kepada pengguna dan cara penyampaian contetn itu dapat memberikan kefahaman dan kebaikan pada user itu.

Empat perkara penting dalam mendesign web adalahh

1. Content

2. Technology

3. Visuals

4. Economic

Web site seperti pyramid di mana batu bata adalah content, dan based atau foundationnye adalah form(visuals) dan function (technology). Di mana economis ataupu purpose adalah penting untuk measure berjaya atau tidak sesuatu web design tu..

Basic Concept untuk web design adalah

1. Balance - Symmetry and Asymmetry Balance, white space, description near pic.

2. Contras- maknanye contra colur untuk background dan apa yang ingin di highlight adalah jelas

3. Focus- Focus atau pun tema sesuatu website itu adalah jelas dengan hanya user tgk je web 

4. Related- setiap pages mestilah related to

 each other.

semasa kelas berlangsung kami di minata untuk cari satu contoh web yang baik dan satu web yang kurang baik..

untuk contoh web yang baik, saya memilih Mydeal website

Kalau lihat website ini, saya lebih faham kerana menu serta pilihan yang di beri untuk web ini adalah jelas dan teratur. User akan mudah faham untuk gunakan web ini. Warna background dan balance juga terdapat dalam web ini.

Ini pula bagi saya kurang baik kerana font yang digunakan adalah terlalu besar dan nampak kurang balance di situ. pilihan laen juga agak sukar di cari oleh user. Peningkan kepala. :D

Selepas selesai untuk basic web design ini, Dr. Dayana meminta kami untuk summarize dan mind map kan nota dari pada satu website ini dan present untuk membolehkan semua lebih faham tentang web design ini.

Basic web design telah di ajar terlebih dahulu tadi, dan untuk web design theme pula,

Terdapat empat jenis major web design theme., seperti di dalam rajah di bawah..

ia terbahagi kepada 4 iaitu :

1. User Defined Design 

- Common theme design adalah theme yang fokus pada user.

-Kesalahan web development selalunya ialah designer design tanpa based on keperluan user.

Terdapat 3 rules untuk ini..

untuk major web design kedua ialah form and function...

ketujuh-tujuh ciri yang dinyatakan di bawah perlu di ambil kire untuk menghasilkan satu web yang berkesan dan web yang bagus.

Di bawah ini pula adalah content yang perlu ada dan dititikberatkan untuk membina sebuah website yang excellent~ :D

Untuk major web design ketiga pula ialah execution : The easy part?

Terdapat dua rule iaitu :

Untuk major web design keempat pula iaitu conformity versus innovation:

Di harap segala input yang di ajar kepada kami dapat digunakan oleh kami kelak untuk projek group~ :D

caiyok3~

:: Discussion on WEEK 4::

Perbincangan tugasan

Selepas perbincangan mengenai approach model, kami dikehendaki untuk berbincang pasal assignment group. Secara kasar perbincangan adalah seperti berikut:

LATAR BELAKANG MASALAH

Pentaksiran Berasaskan Sekolah (PBS) baru diperkenalkan dalam sistem pentaksiran pendidikan negara ini. PBS dirancang, dibina, ditadbirkan, diskor dan dilaporkan oleh guru. Pentaksiran sekolah dirancang oleh guru dan soalan-soalan ujian dibina oleh guru. Guru juga memeriksa hasil kerja murid dan memberikan skor kepada murid. Pentaksiran sekolah memberikan peluang kepada guru menjalankan pentaksiran formatif dalam aktiviti pengajaran dan pembelajaran.

PENYELESAIAN MASALAH

Membina satu laman web pembelajaran Matematik Tingkatan 1 bertajuk pecahan sebagai bahan pengukuhan kepada pelajar.

OBJEKTIF KAJIAN

1. Membina satu laman web pembelajaran Matematik Tingkatan 1 bertajuk pecahan berasaskan teori konstruktif.

2. Pembangunan laman web ini dijadikan salah satu bahan pembelajaran dan pengukuhan kepada guru dalam melaksanakan penilaian kepada murid berdasarkan pentaksiran berasaskan sekolah.

SKOP KAJIAN

Kajian ini tertumpu kepada pelajar Tingkatan 1 bertajuk pecahan dalam matapelajaran Matematik.

TEORI PEMBELAJARAN

Konstruktif

APPROACH MODEL

Game-based learning

FLOWCHART  

 Dalam laman web kami terdapat lima pautan iaitu, HOME, NOTES, FUN STUFF, QUIZ dan GAMES. 

CREDIT TO : NADIAH 

::WEEK 4::

salam~ recall balik ape yang belajar.. :D untuk minggu ke empat ni kami belajar mengenai product managemen in web design production. Sebelum mulanye kelas, Dr Dayana memberi task kepada kami untuk present tentang approach model di dalam kumpulan. Hal ini kerana kebanyakan dari kami berlatar belakang bukan pendidikan. untuk memudah kan kefahaman kami, kami di beri tiga jenis learning approaches iaitu inquiry based learning, problem based learning dan authentic based learning. Kami di minta kaji dan present apa yang kami faham.

Dari presentation tersebut apa yang saya faham ialah..

inquiry based learning - Ini adalah approach di mana student belajar melalui soalan. Daripada soalan tersebut student akan kaji dan belajar. Of course, usaha oleh student itu sendiri, tetapi di guide oleh guru atau tenaga pengajar.

Kelebihan inquiry based learning ialah..

1. Dapat mengajar pelajar tentang problem solving, kritikal thinking skill. Hal ini kerana student belajar melalui apa yang mereka sendiri kaji.

2. Mengakar pelajar bagaimana untuk belajar sendiri tanpa spoon feed dari tenaga pengajar.

3.Menambahkan minat pelajar untuk belajar dan ambil tahu tentang sesuatu perkara itu kerana adanya persoalan.

Problem based learning- kaedah pembelajaran yang berasaskan masalah. Daripada sebuah masalah itu akan adanya penyelesaian dan pengetahuan baru akan diperoleh

Jika dilihat melalui gambar di atas problem based learning itu berasaskan sebuah masalah. Di mana, masalah tersebut akan menimbulkan idea kepada pelajar untuk selesaikan satu masalah itu. Kemudian secara langsung mereka akan peroleh knowledge daripada apa yang mereka kaji. Kemudian apabila issues telah dikenalpasti, action akan di ambil untuk selesaikan masalah tersebut.

Authentic based learning- ini adalah satu approach di mana student belajar melalui masalah yang real atau pun melalui experience mereka.. 

Antara approach-approach nya ialah :

1. Hands on- student di beri hands on untuk menambahkan kefahaman di dalam sesuatu perkara itu

2. Minds on- aktiviti dijalankan untuk membolehkan pelajar berfikir dan menggalakkan mereka untuk menjawab soalan

3. Authentic- Student belajar melaui masalah di dalam dunia sebenar.

Selepas itu, kami bali kepada tajuk asal yang akan dibincangkan untuk minggu ini iaitu product managemen in web design production.

Terdapat 3 proses untuk sesuatu product management iaitu:

1. Pre Production

2. Production

3. Post production

Selain itu juga kami belajar mengenai web development team, di mana untuk membina sesuatu web team yang kuat dan terdiri daripada individu pelbagai skills di perlukan.

Di atas ini adalah antara individu yang terlibat di mana setiap mereka mempunyai skills dan tugas yang tersendiri..

Sebelu kelas dismiss, kami diberi peluang untuk berbincang mengenai projek web berkumpulan kami..

Pada mulanya group saya agak blur tentang learning approaches dan apa yang kami mahu develop untuk web nnti, tapi dengan apa yang di belajar dari kelas pada hari ni, dan tunjuk ajar dri Dr Dayana kami mendapat idea untuk membuat web yang berasaskan game ataupun game based learning untuk pelajar tingkatan satu berkenaan tajuk fraction.

Jumpe next post~ :D

::WEEK3::

Salam and Hi~

Untuk minggu ni, kami belajar tentang WEB DEVELOPMENT PROCESS...

Di mana tajuk ini membincangkan tentang life cycle steps for web site development~ 

Untuk pembelajaran Instructional Design Model (ID Model) adalah framework yang di gunakan..

Terdapat pelbagai jenis ID model antaranya ialah 

ADDIE, Hannafin and Peck,Dick and Carrey dan Waterfall..

ADDIE MODEL

HANNAFIN AND PECK MODEL

Semua nya mempunyai flow yang berbeza-beza..

untuk mengukuhkan lg pemahaman kami, 

kami diminta oleh Dr Dayana untuk present ttg waterfall model dan Dick and Carrey Waterfall..

Proses bagi Dick and Carrey adalah lebih rumit berbanding Waterfall..

WATERFALL MODEL

Dari presentation tersebut, 

saya dapati Waterfall  model adalah linear di mana prosesnya adalah dari satu steps ke satu steps yang lain...

Setiap proses akan melalui proses testing bagi setiap unit dahulu sebelum proceed ke steps yang lain.. :) 

Hal ini dapat mengelakkan error yang besar di peringkat seterusnya..

Selain itu juga setipa phase akan di dokumen kan bagi memudahkan ahli baru dalam mana-mana unit untuk faham proses yang di lalui...

Manakala Dick and Carrey adalah lebih rumit kerana setiap prosesnya adalah lebih details..

Dimana requirements and objective untuk sesuatu design itu akan di analyse satu persatu  sebelum proses develop and evaluation... Selain itu juga semasa proses untuk identify objectives dan goal untuk model ini, designer sudah perlu tahu ape masalah bakal timbul dan bagaimana untuk selesaikannya sebelum proceed ke step development~

Untuk lebih details ada dalam slide~ ;D

hee~ Ini apa yang saya faham la~

Selepas presentation ini, Dr Dayana bagi masa untuk kami bncang ttg projek group..

Documentation untuk website tersebut..

masih belum mendapat gambaran yang jelas bagaimana website kami nanti~

:D 

perlukan ideaaa~ huhu~

harap semua berjalan lancar~

InsyaAllah~ 

:D

jumpe lg next post~