Tuesday, October 23, 2012

Week 7: Self Discussion

::23102012::
 
Today we have no class bcoz En Juhazren gave us chance to do our project...So we decided to have a disscussion in Library.....

We divided task among us such as:

  • Montage
  • Main Page
  • Cara Pelaksanaan Haji
  • Rukun Haji
  • Aktiviti
  • Video
  • Galeri

Wednesday, October 17, 2012

Week 6: Flowchart

::16102012::

The flow chart is a means of visually presenting the flow of data through an information processing systems, the operations performed within the system and the sequence in which they are performed

 
FLOW CHART DESIGN SYMBOL
It is not strictly necessary to use boxes, circles, diamonds or other such symbols to construct a flow chart, but these do help to describe the types of events in the chart more clearly. Described below are a set of standard symbols which are applicable to most situations without being overly complex.
  • Rounded box - use it to represent an event which occurs automatically. Such an event will trigger a subsequent action, for example 'receive telephone call', or describe a new state of affairs.
  • Rectangle or box - use it to represent an event which is controlled within the process. Typically this will be a step or action which is taken. In most flowcharts this will be the most frequently used symbol.
  • Diamond - use it to represent a decision point in the process. Typically, the statement in the symbol will require a 'yes' or 'no' response and branch to different parts of the flowchart accordingly.
  • Circle - use it to represent a point at which the flowchart connects with another process. The name or reference for the other process should appear within the symbol.
 
Storyboards
 
Storyboards are graphic organizers in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence.
 

click here to see some examples of storyboarding.
 
The conclusion is;
flowchart=to show flow
storyboard=to show interaction



 

Wednesday, October 10, 2012

Week 5: Visual Design

::09102012::

Today we learn about Visual Design which is planning how your web site will look.

Some elements:

i)Colours
ii)Fonts / Style
iii) Graphics and multimedia

All these elements must be combined and arrange into an interactive layout..

Notes:
serif: with 'ekor': suitable for printing/hard copy
sans serif: without ekor: suitable on screen












Elements of User Interface
-A background that reflects the theme
(colors or images)

-Foreground
(Content and links-title, heading,sub-heading,body text,illustrations,caption)

-Other elements that support the theme
(text,images,buttons,navigation bars,animation,video etc)

For next week, all groups must prepare need analysis for our group project. The contents are:
-Learning problems
-solution
-objective
-learning theory
-content of the courseware
-flowchart
-treatment
gantt chart

So lets discuss K.ida n Fidah!!!

Thursday, October 4, 2012

Information To Interaction

Information Design=Flow of information
Interaction=navigation of information

-->designing interaction turns the information design into a storyboard

Wednesday, October 3, 2012

Week 4: Interaction Design

::02102012::

First class with En Juhazren.
Today we learn about interaction design;which is how the courseware interact to the user.

There are 3 essential elements:

a) ORGANIZATION
which one is the best?? It depends on individual situation and  need analysis

b) NAVIGATION
interaction design relate to the navigation system. So what is navigation?



Anyway, good navigation design will:
– Minimise travel ‐ create the simplest and shortest path between any two points.
– Minimise depth ‐ create a hierarchy with the fewest possible levels.
– Minimise redundancy ‐ avoid creating multiple paths to the same place from the same screen.

-->pengguna tidak akan teraba-raba/tak tau nak pergi mana atau macamane nak patah balik (back)

Anyway i've found 10 Principles Of Navigation Design:
1. Design for the reader
2. Provide a variety of navigation options
3. Let readers know where they are


On CNN's entertainment page, you will see the masthead in bold capitals, the word "ENTERTAINMENT".

4. Let readers know where they've been
5. Let readers know where they are going 
6. Provide context
7. Be Consistent
  • consistent classification;
  • consistent graphical navigation design;
  • consistent hypertext colors.
8. Follow Web Convention
9. Don't surprise or mislead the reader
10. Provide the reader with support and feedback


c)INTERACTIVITY: kawalan yang diberi kepada pengguna





Monday, October 1, 2012

Congratulation Pn Norasykin


From now onwards En Juhazren will take over our class...Congrates Pn Norasykin...


Semoga cepat sihat Pn...