::WEEK 11:: WEB: TESTING & EVALUATION.

Salam.. harini kami mempelajari mengenai web testing dan evaluation.. Phase ini adalah sangat penting untuk megetahui tahap website yang kita hasilkan. samaada mencapai atau tidak objektif dan website yang kita mahu hasilkan.

Terdapat beberapa 'Types of Errors' yang boleh dikategorkan ketika menjalankan web testing iaitu :


Design flaws - masalah rekabentuk dan cadangan, seperti mencadangkan ciri yang baru, melabel semula button, dan juga susun atur screen

Content errors - ketidaktepatan, data yang mempunyai masalah dengan format, atau data yang berkualiti rendah termasuklah kualiti gambar dan kesalahan ejaan

Software/system defects - biasanya dipanggil 'bug' iaitu masalah teknikan yang dikenalpasti semasa mengendalikan website

Apa itu WEB TESTINGG??

Pelan ujian menyediakan senarai semak bagi semua fungsi dalam program ini. Dengan senarai semak, ujian boleh dilakukan dengan cara yang konsisten, terperinci, dan teliti oleh satu atau banyak penguji. Menggunakan kaedah ujian yang berstruktur, yang kreatif perisian / web penguji boleh mencari yang masalah serius dan kemudian memberikan  maklum balas berguna dan petunjuk kepada pengaturcara untuk membetulkannya.

Terdapat beberapa jenis testing yang diperkenal kan antaranya ialah:

functionality testing (i.e., unit, integration, regression, compatibility)

layout testing

load testing

link testing

usability testing

Alpha/Beta testing

Peer testing

Focus group testing

Usability testing

Usability adalah penting dititikberatkan dalam suatu website..Usability boleh dikategorikan kepada lima komponen kualiti iaitu :

Learnability -  Bagaimana mudah ialah ia untuk pengguna untuk mencapai tugas-tugas asas kali pertama mereka menghadapi reka bentuk? 

Efficiency -  Apabila pengguna telah belajar reka bentuk, berapa cepat mereka boleh menjalankan tugas?

Memorability -  Apabila pengguna kembali ke reka bentuk selepas tempoh tidak menggunakannya, betapa mudahnya mereka boleh mengembalikan penguasaan? 

Errors -  Berapa banyak kesilapan yang pengguna membuat, bagaimana teruk adalah kesilapan-kesilapan ini, dan betapa mudahnya mereka boleh pulih daripada kesilapan?

Satisfaction -  Bagaimana menyenangkan adalah ia menggunakan reka bentuk?

Bagi WEB EVALUATION pula, kita perlu faham apa maksud evaluation itu sendiri terlebih dahulu~

'Evaluation' atau Penilaian boleh dikategorikan sebagai penilaian formatif dan penilaian sumatif. Untuk memahami lebih lanjut mengenai penilaian formatif, kita boleh menggunakan analogi ini:

"When the cook tastes the soup, that’s formative; when the guests taste the soup, that’s summative.“

Jadi, penilaian formatif biasanya dilakukan semasa proses pembangunan, di mana perubahan dan peningkatan boleh dilakukan oleh pemaju. Bagi penilaian sumatif, proses ini biasanya dilakukan pada akhir proses pembangunan, dan biasanya selepas pengguna akhir menggunakan produk tersebut.

Terdapat beberapa jenis 'tools' atau alat yang boleh digunakan untuk menilai  laman web iaitu:

 - Observation, interviews (Structured/Non Structured)

 - Surveys, Focus Groups, Analysis, Reports, and Dialogue with Users

 - Form, Checklist or Rubric

Kami telah membuka satu website yang telah diberi oleh Dr affandy untuk memudahkan kami lebih faham mengenai Tools2 ini.. Website itu adalah EVALUATION COOK BOOK... Dr. telah memberikan setiap pelajar satu tools untuk dikaji dan bentangkan di kelas seterusnya...Saya mendapat tajuk Checklist.. Apa itu check list? Mari kaji untuk perbentangan nanti~ :D

*akhir kelas terpaksa beritahu Dr untuk tundakan presentation ke minggu lagi satu kerana saya tidak dapat hadir disebabkan tiada tiket mengundi~ terpaksa balik pagi.. xdapat pegi kelas next week~ :( Sorry DR.

::WEEK 10:: VISUAL DESIGN & PRESENTATION

Salam semua.. seperti yang diberitahu minggu lepas, minggu ni adalah presentation untuk 50% prototype website kami.. Tapi sebelum mulanya presntation, kami telah diterangkan mengenai visual design oleh Dr. Affandy..

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 contohnye warna dan grafik

2. Unsur-unsur latar depan yang mencerminkan tema iaitu kandungan dan pautan (tajuk,tajuk kecil,teks badan, illustrasi, kapsyen)

3. Unsur-unsur lain yang menyokong tema adalah seperti teks, grafik, butang, bar navigasi, animasi, video, dan lain-lain


Selepas habis diterangkan mengenai visual design ini,  kami digalakkan oleh Dr affandy untuk sketches dahulu interface dan idea untuk website kami~ contoh sketches untuk website adalah seperti dibawah~
Ini adalah untuk memastikan kita sentiasa plan dan achieve ape yang kte rancang~

comparison dari kiri rough sketch hingga lah terhasilnya wwebsite sebenar.. :)

Kelas di akhiri dengan presentation 50% prototype dari dua2 kumpulan... 

Dan ini komen yang kami terima dari Dr. dan ahli kumpulan lain..

 - penggunaan warna yang kurang sesuai

 - penggunaan banner bagi imej kurang sesuai dan terlalu besar

 - perlu tambahan dari segi elemen multimedia

 - perlu mereka satu situasi di mana pelajar akan 'addicted' untuk menggunakan website kita

Kami berterima kasih ke atas semua komen dan cadangan yang diberikan dan kami akan berusaha untuk memperbaharui dan mempertingkatkan lagi website kami.

::WEEK 9:: SEM BREAK

Salam.. Minggu ni adalah minggu SEM BREAK.. Jadinye bercuti la seminggu.. Tetapi habis cuti nanti ada presentation untuk 50% web kami.. Masih dalam proses memperbaiki mana yang patut lagi sekarang..
Harap mencapai la 50% dari apa yang kami rancang~ See ya next week~

::WEEK 8:: INFORMATION DESIGN

Assalamualaikum.. Minggu ini adalah minggu pertama kami bersama Dr Affandy..  dan harini jugak adalah hari di mana kami mesti submit kan design document kami. Alhamdulillah design document kami dapat disiapkan dengan jayanya dalam timeframe yang diberi.

Minggu ni, Dr Affandy memulakan kelas dengan tajuk nya iaitu information design. Di dalam pembangunan website, information design adalah salah satu komponen yang penting dalam menjelaskan matlamat komunikasi dan menyusun idea-idea kami ke dalam reka bentuk untuk matlamat tersebut.

 Terdapat 5 komponen dalam information design ini :

1. Message       - apakah maklumat yang anda ingin kongsikan?

2. Audience      - Dengan siapa anda ingin berkongsi?

3. Purpose        -  Bagaimana dan mengapa anda ingin berkongsi?

4. Background  -  Apakah pengguna yang dimaksudkan sudah tahu?

5. Sturcture       -  Bagaimana mesej anda akan disusun dengan berkesan?

Selain daatipda 5 komponen ini Dr turut menerangkan mengenai learning therories, learning strategies, learning styles yang perlu diterapkan bagi website pendidikan. Saya memang kurang pengetahuan ini kerana saya bukan lah dari background pendidikan.

Melalui penerangan beliau saya faham bahawa terdapat 3 jenis learning theories iaitu,

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

Selain dari ini, saya turut ditekankan tentang pengetahuan mengenai story board. Saya agak familiar dengan ini kerana saya turut di ajar mengenai story board ini semasa di peringkat degree.. Dii bawah ini adalah contoh story board untuk website saya..

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.

::WEEK 7:: CLASS CANCEL

Salam~ Minggu ni kelas cancel.. Tapi assignment tetap kene teruskan dan siapkan~ 

So, group kami membuat discussion untuk siapkan design document yang akan dihantar pada minggu hadapan.. Kami berbincang tentang  flowchart dan level access bagi admin iaitu guru dan pelajar dalam menggunakan laman web ini. Kami akan menggabungkan task yang diberi pada minggu hadapan.

Jumpe next post yaw~ :D