WW12 - Web Publishing

Web publishing is the one important steps to let the other explore your web. To publish the web, you must decide which web host is the best one by comparing the features and capacity offer. Some people choose the free web host i.e 000WebHost to publish their website. anyway, there are few concerns need to be consider when you decide to choose the free web host because there a limitation in term of uploading, ftp file manager and space capability.

Some of the free web host has limit access to the website, if the users access exceed bandwidth limit, the web will be unavailable. This is the one of bad news if you use free web host.

Dr Noraffandy was highlight the phenomena of blogspot. Blogspot is the free web based can be use to do business, as a diary and consult the others. Blogs has an apps in smartphone and can be access everywhere even you can update anytime. An institution like MIT and UTM did not use the blogspot even the blogs is free web. this is because they has their own branding. They prefer to use mit.edu and .utm as a prefix name for their website address. 

WW11 - Web Testing

 This week is so special because we have guest from Centre of Teaching And Learning (CTL) coming to evaluate Dr Dayana's lecture.

Class was started with the conservation between 2 person (Nadwa and Me), where the are problem when Asrul ask Nadwa to explore the new web entitled "Chemical Bonding". After a few minute, Nadwa found several problem in hyperlink and notice there a background color used was not matched with button color.

There a few type of error must be AVOIDED!

1. Design flaws - screen layout not tally, user interface problems
2. Content Errors - inaccuracies , data not tally with the media/photo.
3. Software - technical problem during operation.

Type of Testing

1. Functionality Testing - testing on the programmatic features
2. Layout Testing - ability of the website to compatible with various browser 
3. Load Testing - capabilities of web to load
4. Link Testing - link between from web to other site
5. Usability Testing - to evaluate the quality attribute that assess how easy the user interface to use.

After the lecture, Dr Dayana ask each group to design the testing question based on web design and  web content. 

WW 10 - Group Discussion about Web Design

This week we had a discussion regarding the web development. We have change the problem after Diana proposed new problem with clear steps in order to apply Problem Based Learning approaches. Before end the class, our team has divided each team members with individual task. We also agree to proceed the conversation using Facebook if there any problem in their tasks.

WW 9 - 50% Presentation

This week we have 50% presentation, the presentation was judged by Dr Noraffandy. I was team up with 3 other friends which are Nadwa, Vicki and Diana. We have come up with the website entitled Cuboid for form 3 student. The learning approach of our website is Problem Based Learning (PBL). After presentation, Dr Noraffandy has come out with few inputs for improvement.

Dr Noraffandy was explained what visual design can do to attract the user attentions. Dr was use the example of Google’s website, the Google has minimized design and the interface is as simple as possible. Unnecessary features and hyperlinks are omitted, lots of whitespace is used. In addition, Google is fast to load and have many features.

Interfaces of Google

WW 8 - Visual Design

Visual design is about how we apply the principle of design into our web design. Here we’ll the integrations of images, colors, fonts and other elements can help to enhance the value of our website.

There are few things we need to consider in our design:

1. Colors chosen – color must meet the needs of the target user
2. Font or styles – must use sans serif i.e Verdana and Georgia
3. Graphic and multimedia – what media to add, video streaming or embedded?
4. Layout arrangement – it is can attract the user?

Anyway, we need to focus on some issue in our design

1. Choose the visual theme that aligns with web content.
2. Use template concept to make it consistent.
3. Use table or division for layout arrangement.
4. Typography

• use same font for each web page
• use sans serif
• use not more than 2 fonts per page

At the end of lecture, Dr Dayana asks each group to discuss and sketch the layout web that will be developed. We have agreed to proceed below sketches as our web layout.

WW 7 - Information Design

Information design is how we present our design in effective way. There are few steps to have a good information design in our web site.

by definition, information design "is the defining, planning, and shaping of the contents of a message and the environments in which it is presented, with the intention to satisfy the information needs of the intended recipients”

1. Message : What information do you wish to share? 
2. Audience: Whom do you wish to share your message with?
3. Purpose: How and why do you want to share your message with the audience?
4. Background: What does your intended audience already know about the subject you are discussing.
5. Structure: How can your message be organized most effectively? 

WW 6 - Interaction Design

From the note given by Dr Dayana, i have come out with the mind map of interaction design. 

Peta Minda berdasarkan Nota Interaction Design