Assalamualaikum!!!

Minggu ini persoalan utama adalah apa itu VISUAL DESIGN? Visual design adalah gambaran keseluruhan seperti saiz, font, warna, susun atur, grafik dan multimedia yang ingin designer tonjolkan di dalam laman web mereka. 

Elemen-elemen dalam antara muka pengguna:

1. Latar belakang yang mencerminkan tema.

    - Warna dan grafik

2. Unsur-unsur latar depan yang mencerminkan tema.  

    - Kandungan dan Pautan (tajuk,tajuk kecil,teks badan, illustrasi, kapsyen)

3. Unsur-unsur lain yang menyokong tema.

    -Teks, grafik, butang, bar navigasi, animasi, video, dan lain-lain

TOOLS IN VISUAL DESIGN 

1.  Thumbnails Sketches

• Membantu pereka berfikir tentang aspek-aspek visual laman web.

• Untuk membantu membuat pilihan tentang persembahan reka bentuk laman web.

Storyboard vs Sketches Thumbnails?

• Storyboard - membantu kepada interaksi laman web ini.

• Imej kecil - membantu untuk memberi tumpuan kepada bagaimana laman web akan melihat.

 

2. Rough Sketches

• Biasanya memilih 2 atau 3 daripada imej untuk membangunkan lagi.

• Ini lakaran yang lebih maju dipanggil lakaran kasar.

• Disediakan lebih berhati-hati - bahagian yang lebih tepat. 

3. Prototype

PEMBENTANGAN 50% PROTOTYPE
 

Setelah selesai belajar mengenai visual design, kami dikehendaki untuk membentangkan 50% prototype laman web. Alhamdulillah walaupun tidak begitu sempurna tetapi kami berjaya juga menghasilkan sebuah laman web berdasarkan game based learning.Antara komen dan cadangan yang diberikan adalah:

1. Penggunaan warna yang kurang sesuai.
2. Penggunaan imej yang terlalu besar di bahagian home.Cadangan adalah untuk menukar saiz lebih kecil dan imej yang sesuai melambangkan matematik tahun 1 tajuk pecahan.
3. Laman web mestila menarik minat pelajar untuk pelajar sentiasa berkunjung dan bermain di dalam laman web ini.
4. Perlu menambah elemen multimedia seperti video, animasi atau suara.   

Assalamualaikum!!!

Minggu ini adalah mid term break. Setelah sekian lama, baru la dapat balik cuti di rumah selama seminggu hehehe.. Namun, ada tugasan web based development yang perlu disiapkan iaitu rekabentuk dan pembangunan laman web. Ini kerana selepas mid term break, kami kena membentangkan hasil projek kami sekurang-kurangnya 50%.

Assalamualaikum!!!

Seperti yang saya katakan minggu lepas bahawa minggu ini, kami kena hantar design document. Minggu ini merupakan kelas pertama kami bersama Dr Noraffandy.Pada mulanya kami memulakan kelas dengan sesi perkenalan serta course outline. Seterusnya, Dr mengajar kami tajuk INFORMATION DESIGN. Information design merupakan salah satu komponen penting dalam pembangunan laman web kerana menjelaskan matlamat komunikasi anda dan menyusun idea-idea anda ke dalam reka bentuk yang berfungsi matlamat tersebut.

Terdapat 5 komponen dalam information design iaitu:

1. MESSAGE           - Apakah maklumat yang anda ingin berkongsi?
2. AUDIENCE         - Siapa yang anda ingin berkongsi?
3. PURPOSE           - Bagaimana dan mengapa anda ingin berkongsi?
4. BACKGROUND  - Apakah pengguna yang dimaksudkan sudah tahu?
5. STRUCTURE      - Bagaimana mesej anda akan disusun dengan berkesan?

Selain itu, Dr menerangkan bahawa kami juga perlu memilih learning theories, learning strategies dan learning styles dalam membangunkan laman web. Contoh adalah seperti berikut:

Learning theories

BEHAVIORISM: Teori pembelajaran berdasarkan idea bahawa semua tingkah laku yang diperoleh melalui keadaan. Keadaan berlaku melalui interaksi dengan persekitaran. Behaviorists percaya bahawa gerak balas manusia kepada rangsangan alam sekitar membentuk tingkah laku.

COGNITIVE:  Memandangkan pembelajaran adalah satu proses aktif. 


CONSTRUCTIVIST: Pengetahuan individu dan sosial yang dibina oleh pelajar berdasarkan tafsiran mereka pengalaman dalam dunia


Storyboard 

Storyboard adalah susunan grafik dalam bentuk ilustrasi atau imej yang dipaparkan dalam urutan untuk tujuan pra-menggambarkan gambar, animasi, grafik gerakan atau interaktif urutan media. Berikut merupakan antara storyboard bagi webpage kumpulan kami.