Tuesday, 30 October 2012

Refleksi CD ROM 30 Okt 2012

Salam...
Kembali kuliah selepas cuti Aidiladha. Kami tak tidur malam siapkan prototaip perisian. Tapi bila masuk kelas, En Juhazreen kata hari ni dia nak ajar Testing and Evaluation...
Lega. Present ditangguhkan minggu depan...

Secara ringkasnya, proses pengujian perlu dilaksanakan berdasarkan beberapa faktor utama, antaranya :
  • mengelakkan kegagalan aplikasi semasa digunakan oleh pengguna
  • mengelakkan kerugian dari segi kos dan masa pembangunan
  • membolehkan kualiti sesebuah aplikasi dipertingkatkan lagi
Pengujian dalam Pembangunan Perisian Multimedia
Pengujian bermaksud menjalankan penilaian atau pemerhatian terhadap aplikasi yang dibangunkan untuk menentukan samada ia menepati spesifikasi yang telah ditetapkan serta memenuhi kehendak pengguna.
Ini termasuklah dari sudut struktur dan isi kandungan aplikasi, rekabentuk antaramuka dan  sistem penerokaan, interaktiviti dan sebagainya.

Terdapat dua fasa pengujian utama yang sering dilaksanakan iaitu :
  • pengujian pembangunan - dilakukan semasa proses pembangunan dilaksanakan
  • pengujian penerimaan - dilakukan untuk memastikan perisian dibina mampu beroperasi tanpa sebarang kegagalan.
  
Testing and evaluating  can help you spot problems and make appropriate changes.  

It helps to have somebody else evaluate and test the courseware for you, but you can probably gain some benefit even if you go through the procedure yourself.

Evaluation –uji, nilai, dilaksakan oleh pakar – melihat secara keseluruhan perisian tersebut(content, performance) 
a.       What is working well; what are the strengths of the project; what are he clients saying about it; 
b.      What do they like or dislike; is the objective being accomplished 
c.       If the entire project 

Testing – to check performace to find error 
a.       Adakah design dokumen berjaya diimplemen 
b.      Adakah kdgn perisian difahami 
c.       Adakah semua multimedia and interactive elements work properly 
d.      Everything that is used in the presentation is relevent to the intended audience, if not then what part ia to be changed 

What is testing
a.        examining the project performance according to specifications that have been agreed 
b.      This will include the robustness (keutuhan)of the code, the structure and content, the interface, the interactivity, the look and the feel. 
c.       There are so many types that can be aplied at every stage of a project 
d.      Also, the mix of disciplines in multimedia means that different approaches to testing might be employed. 
 Test plan 
a.       provide a checklist of all the functionality in the program 
b.      with such a checklist, testing 
c.       using structuredtesting method, a creative courseware tester can find a potentially serious problem then give programmers helpful 
Phase involved in test plan –interface, function, usability, feedback
Alpha testing – ujian antara pembangun, kwn
Beta testing – ujian kepada pengguna, pakar
 
Development testing – the overall structure, text, audio and video scripts, the audio and video edits,
 the look of the graphics, the look and the feel of the navigation
13.   Secara umumnya terdapat pelbagai  jenis Test plan mengikut bidang.


14.   Types of error
a.       Design flow : user interface problems or suggestions, such as proposed new features, relabeling buttons and screen layout
b.      Content error : inaccuracies (data tidak tepat), data with formatting problems, or data of poor quality in some other respect (photo image quality, text misspellings)
c.       Software/system defects : commonly called ‘bugs,’ these are technical problems encountered when trying to run and operate the site – broken links
15.   Types of testing
a.       Content testing
b.      Funtionality testing – unit, integration, regression, compatibility
c.       Usability testing (Ujian Kebolehgunaan)
d.      Layout testing
e.      Link testing
16.   Testing sangat penting dan agak rumit
17.   What is functional testing –pastikan perisian  boleh berfungsi dgn baik
18.   What is usability testing – pastikan pengguna boleh menggunakan dengan mudah
a.       Important quality attributes in usability
b.      Usability is defined by five quality components:
                                                               i.      Learnability : how easy is it for users to accomplish basic tasks the first time they encounter the design
                                                             ii.      Efficiency : once users have learned the design, h
                                                            iii.      Memorability : when users return to the design after a period of not using it, how easily can they reestablish proficiency
                                                           iv.      Errors  -
                                                             v.      Satisfaction
19.   Usability testing
a.       Usability = how easy & pleasant thesa
b.      Utility
c.       Usefull
20.   Layout testing
21.   Courseware testing approch
a.       Self testing, peer review
22.   Courseware testing stages (alpha, beta testing)
23.   Evaluation – penilaian
a.       What to evaluate
b.      It depends on stage of a project
                                                               i.      Ideas and concept
                                                             ii.      Designs
                                                            iii.      Prototype
                                                           iv.      Implementations
                                                             v.      Products in use
c.       It also
24.   Why we need to evaluate
a.       Ensure functionality
b.      Ensure performance
c.       Identify problems
d.      Improve development
e.      Secure the investment
25.   Evaluating multimedia courseware – try google
26.   Level courseware Evaluation
27.   What are the tools??
a.       Observation, interviews (kualitatif) (structure / non structured)
b.      Surveys, focus groups, analysis, reports and dialogue with users
c.       Form, checklist  or rubric
28.   Evaluation procedures
a.       One to one –dgn pengguna dan pakar
b.      Assets of one
c.       Small group evaluation

Tuesday, 23 October 2012

Refleksi 22 Okt 2012

Salam,

Hari ni sesi menyiapkan prototaip. Kami tidak ke UTM... hanya menyiapkan tugasan di sekolah Halizah. Minggu depan kami dikehendaki membentangkan prototaip.


Macam biasa, Fadlee akan jadi pembangun software. Saya dan Halizah akan menjadi pengkritik tetap sambil menyiapkan laporan untuk perisian kami.

Saya menyiapkan laporan, buat story board, flowchart.  Halizah buat carta Gantt dan rakam suara.  Fadlee pula menyiapkan software kami.


Tuesday, 16 October 2012

Refleksi CD ROM 16 Okt 2012

Salam...
Hari ini kami ulangkaji untuk buat flowchart. Tadi pagi masa discuss dgn Fadlee, tak faham nak buat kalau guna MCQ dan nak stopkan proses.

So, lecturer beri beberapa contoh flow chart... Dah faham apa yang nak buat. TQ En Juhazreen.

Kami diminta membentangkan outline utk projek kami. Last week dah try pre-present di hadapan Enik Juhazreen... dan banyak kesalahan. So, alhamdulillah kali ni komennya positif. Tapi banyak juga yg di komen. Antaranya flowchart dan carta Gantt. Memang tak dinafikan... dah lama tak buat dua topik tu... masa tahun satu Ijazah... Apa-apa pun kami redha dengan komen yang diberi.


Kumpulan saya terdiri daripada Fadlee, Halizah dan saya sendiri. Kami pilih tajuk
PERISIAN PEMBELAJARAN KEMAHIRAN PERTUKANGAN PENDIDIKAN KHAS
BERMASALAH PEMBELAJARAN (PKBP)

Kiranya perisian ini adalah sambungan daripada hasil kajian kami sem lepas. Sem lepas, dalam subjek Research Method... kami pilih tajuk penggunaan ICT dalam pdp Pendidikan Khas. Memang sangat kurang perisian utk pelajar OKU. Maka kami ambil inesatif untuk bangunkan perisian pembelajaran untuk mereka.

Next week tiada kuliah. Kami dikehendaki menyiapkan prototaip perisian untuk dibentang pada 30 Oktober 2012.So, minggu depan kami akan berkampung bertiga... menyiapkan bahagian masing.
Antara bahagian dalam perisian ini ialah bhgn objektif, pengenalan peralatan dan kegunaan serta kuiz.

Harap kami boleh siapkan segera...Bantu kami Ya Allah...



Wednesday, 10 October 2012

Tugasan 1

Tugasan CDROM
Topic, Content, List analysis, Audien , strategy, masalah dalam topik tersebut, Information, Interaction, Visual design

Bagi memulakan langkah pertama, saya telah memilih untuk memulakan tugas dengan mengenalpasti Apa itu Carta Alir.

Carta aliran adalah peta atau perwakilan grafik proses. Langkah-langkah dalam proses ditunjukkan dengan bentuk simbolik, dan aliran proses ditunjukkan dengan anak panah menghubungkan simbol. Pengaturcara komputer dipopularkan carta aliran dalam tahun 1960-an, menggunakan mereka untuk memetakan logik program. Dalam peningkatan kualiti kerja, carta aliran adalah sangat berguna untuk memaparkan bagaimana proses kini fungsi atau ideal dapat berfungsi. Carta aliran boleh membantu anda melihat sama ada langkah-langkah proses logik, mendedahkan masalah atau miscommunications, menentukan sempadan proses, dan membangunkan asas biasa pengetahuan mengenai proses. Flowcharting proses sering membawa kepada pertindihan cahaya, kelewatan, buntu, dan laluan tidak langsung yang sebaliknya akan kekal tanpa disedari atau diabaikan. Tetapi carta aliran tidak berfungsi jika mereka tidak tepat, jika ahli-ahli pasukan takut untuk menggambarkan apa yang sebenarnya berlaku, atau jika pasukan itu terlalu jauh dari mekanisme sebenar proses.



Carta Alir Simbol Asas

Carta alir menggunakan bentuk khas untuk mewakili jenis tindakan atau langkah-langkah dalam proses. Talian dan anak panah menunjukkan urutan langkah-langkah, dan hubungan antara mereka.




Refference
http://www.edrawsoft.com/Basic-Flowcharts.php


Saya telah memilih perisian SmartDraw untuk membuat Carta Alir setelah dicadangkan oleh Fadlee dan Halizah. Tq kawan-kawan.

Tuesday, 9 October 2012

Refleksi CD ROM 9 Okt 2012

VISUAL DESIGN - 
terdiri daripada gambar, animasi, grafik, warna, bentuk, text
bagaimana nak rekabentuk / susun atur visual 

Visual Design : Planning how your web site will look


What
colours will look good together on your courseware?
What fonts or styles you will use for the written part of your courseware?

- bahan bacaan yg tiada pancaran seperti buku boleh guna font yang ada ekor

- bahan bacaan yang ada pancaran seperti monitor boleh menggunakan font yg tiada ekor

What
graphics and multimedia effects are needed?
How will all of these elements be combined or arrange into an attractive layout?

Elements of User Interface

A background that reflects the theme.
  • colours or image
Foreground elements that reflects the theme
  • content and links (title, headings, sub headings, body text, ilulstrations, captions)
Other elements that support the theme
  • text, images, buttons, navigation bars, animation, video

Critical tasks of Visual Design
  • Define the visual theme and style
  • Design a system of screen layouts
  • Create the structural elements of each screen
  • Create the control elements (back, next)
  • Integrate the media elements
  • Create PROTOTYPE screens - using storyboard
How Contents Defines Style
Target user
young children - bright colours, cartoon like, 

modern, business like masukkan simbol, warna utk mewakili tema tertentu cth jam merujuk masa
Focus on meta-style
Focus on stylistic unity NOT uniformity

Dalam satu antaramuka, semua elemen perlu boleh bekerjasama
designer perlu memahami kefahaman kedudukan, corak, warna, imej semulajadi tidak boleh digabungkan dengan imej kartun


Layout
Scan from top left to bottom right
Assume that items "above" have primacy over items "below"
Look for more to come signals at the bottom center or right
(button next, back, home diletakkan di bawah interface)

Skrin tak semestinya penuh dengan image, text, grafik, yang penting ialah maklumat sampai kepada pengguna.

Backgrounds
reinforces other elements such as quiet colour

pastikan ada kaitan antara latarbelakang dengan maklumat yang ingin disampaikan kepada pengguna


Windows and Panel
windows - 
panel -

dalam satu paparan, disediakan panel tertentu utk membahagikan windows kepada beberapa bahagian... gunakan paparan transparent

Buttons, Icon & Controls
  1. Need to be clear but doesn't have to mean predictable or dull
  2. Controls are an opportunity to involve users in the content and to amuse and entertain them.
Typography
  • keep it simple
    • limit number of fonts per screen and per courseware
    • use the same fonts consistently throughout the courseware
  • Make good font choices
    • commoly installed fonts
    • mood
    • readability
Kesimpulan
Dalam pembangunan perisian, 3 fokus utama :
  1. Information design
  2. Interaction design
  3. Visual design

Reference 
http://webstyleguide.com/wsg3/7-page-design/3-visual-design.html



Monday, 8 October 2012

Refleksi CD ROM 2 Okt 2012

Salam
Hari ini kami belajar dengan Encik Juhazren b Junaidi kerana Puan Norasyikin bin Mohd Zaid telah selamat melahirkan bayi lelaki.
Beliau sempat berkongsi tentang open source notes : ocw.utm.my

Hari ini kami belajar tajuk Interaction Design.
Interaksi antara perisian dengan pengguna.

Information to Interaction
Bagaimana maklumat disampaikan kepada pengguna
Storyboard - mengubah maklumat dari flow chart menambah interaksi
pengguna mengawal perisian, membenarkan pengguna memilih navigasi

Interaction Design in Courseware Design

3 eleman asas dalam  interaktiviti
1. Susun atur - bagaimana maklumat tersebut hendak disusun dalam perisian yang dibangunkan

2. Navigasi : bagaimana pengguna memilih laluan, menu, link
3. Interaktiviti : bentuk kawalan yang diberi kepada pengguna.

Paparan pengguna mesti sesuaikan dengan pengguna. Tiada format tertentu... ia bergantung kepada keperluan pengguna.

Interaction Design : Organization susun atur maklumat di dalam software
Interaction Design : Navigation untuk menunjukkan kepada pengguna... di mana mereka berada
-label path, menu / sub menu
tell them, remind them, tell them again
Interaction Design :


Good navigation design
- mudah difahami
- laluan mudah antara satu skrin ke skrin lain
- mengelakkan terlalu banyak / tindanan menu dalam satu skrin

- perlu ambil kira teori, praktikal dan logik
- contoh dalam content dah ada dalam menu, so.... tak perlu ada button home.

How much interaction
- interaksi bergantung kepada kandungan perisian
- interaksi bergantung kepada pengguna sasaran