Beruflich Dokumente
Kultur Dokumente
Factors to Consider
Monitor Resolution
640 X 480 pixels per inch
800 X 600
1024 X 768 1152 x 864, etc.
Home page saved as index.htm(l) browsers will automatically display. Other pages name for easy recognition
Use lower cases Use short names Use underscore if two words.
syllabus_mei2002.html
Hyperlinks - relative
From one page to another page in the same location (internal)
index.html to syllabus.html
From one part of a page to another part of the same page (anchor/bookmark)
assign.html
refer.html
Relative links
index.html
syllabus.html read.html
http://www.uum.edu.my/gl5013/
http://www.uum.edu.my/gl5013/index.html
http://www.uum.edu.my/gl5013/syllabus.html
Click to go to syllabus
index.html
syllabus.html
index.html
Nota.docx/pptx, etc
anchor/bookmark
#bottom
http://www.uum.edu.my/gl5013/syllabus.html http://www.uum.edu.my/gl5013/syllabus.html#bottom
Hyperlinks - absolute
Link from a page /site to another page at another site (external) Change in URL (location)
Absolute links
http://www.thestar.com.my/news.html
index.html
news.html
http://www.uum.edu.my/gl5013/index.html
Navigation
Need a good navigation structure
Help the users browse through easily Does not confuse or lost
Navigation (Cont.)
Linear the sequence is fixed to ensure users go through the determined sequence no choice in sequence is given. Eg. Students must master Topic A before they can understand topic B. (teachers determine sequence based on their expertise)
Hierarchical suitable for presenting information which are arranged in nested order containing subtopics choices in sequence are allowed
Non-linear sequence not determine users make own choice of sequence of learning
Composite a combination of linear, hierarchical and non-linear sequences Content expert determines which topic is linear or hierarchical or non-linear bases on learning requirement
Links
Click here to go to Ministry of Education
OK
OK
Screen Design
Simple Not cluttered Orderly Interesting Normal or framed window Effective and suitable use of color and texts
Use appropriate language level for intended audience Use graphics as necessary and appropriate Clear instruction
Interactivity
Important feature in CBI/WBI 2-way communication between computer and users Allows users to provide input and provide feedback to users