Project Presentation~~

venue: Computer Lab 1, CTL
date: 29 march 2010
time: 3.00 pm

finally!...its time to reveal our project....hehe Alhamdullilah everything went smoothly....as the web designer (me) & web programmer (aimi), we take the responsibility to present our project....fortunately kak puteri arrived on time to bring the evaluation form...huhu 

to view some photos during the presentation, kindly go to shufianah's blog....(>_^)v

congrats! to all groups for their marvelous projects...everybody had done their god job! 

special thanks to Dr. J for his guidance and support through all the process during accomplishing this project....



Key Selection Criteria For Choosing a Web Hosting Provider

Here below, a list of key selection criteria to help you choose the ideal web hosting provider. These are all critical features that identify what you should request and expect from your hosting provider to save stress and time.



















  1. Customer service: Check if your hosting provider has a customer service that is competent and ready to help if you have a problem. Send your requests and see how quick the customer service replies. If your hosting provider claims to have 24/7 support, test it by sending an e-mail during the weekend. You may also want to be sure that you receive help by friendly people, who are not there just because you are a paying customer.
  2. Online reputation: Sign up with a web hosting provider that has reputable credentials that can be trusted. Reputation can be measured just by looking at these simple things: reviews the hosting provider receives from customers, comments inside the forum of the provider web site and whether the hosting provider has been short in business.
  3. Money back guarantee: Pay attention to the refund policy of your web hosting provider. Does your provider give your money back if you are not satisfied with it? Do you get a full refund or just a part of your money? Make sure you read your contract very carefully.
  4. Guaranteed uptime: Look for a minimum uptime of 99.5%. 99% is too low for a web hosting provider that claims to be reliable, because a 0.5% of downtime translates into several hours when your site is down and unreachable. Notwithstanding this, keep in mind that you will need clear and documented proofs to show your hosting provider it has not matched its promise.
  5. Monthly, not forced yearly pre-payments: Choose a monthly solution to pay your bills to the hosting provider. When you are still testing different options and companies, you might opt to go monthly and not to pay in advance for a year-long contract. By paying monthly, you can switch to another hosting provider whenever you want, without feeling forced to stay with a company for a fixed time. You might consider to pay in advance for a yearly plan only after you have long tested your hosting provider.
  6. Quality of user control panel: To manage your web hosting files you need a control panel, which is a personal web page that you use to upload files, scripts and perform other operations on your site. Having a user interface that is clear and understandable for anyone, and not just for geeks, is very important to avoid stress and mistakes. Request a demo or a screenshot of the control panel and judge for yourself if it is the right solution for your competences.
  7. Monthly bandwidth: Check whether the hosting provider gives you sufficient monthly bandwidth to ensure efficient data transfer. The bandwidth is the amount of data that goes in and out of your server when your viewers watch a video, read content, make a purchase or do anything else on your site. Make sure that the amount of bandwidth supported by your hosting plan matches your needs.
  8. Disk space: Be aware of the amount of disk space you get from your web hosting provider. Even though providers tend to give you way more space than your web site needs, you should be concerned if you publish lots of videos, offer large files for download or manage content that requires several disk space to be hosted.
  9. Log file analysis tool: Check with your hosting provider which software is used to analyze log files and generate statistic reports. The standard in the industry is Webalizer, but your hosting provider may go for a different solution. Also check if you are able to export log files to your computer and use your own tool to manage statistic reports.
  10. E-mail management and support: Look at the e-mail management solution your hosting provider gives you. All providers support e-mail management, but not everyone has advanced features like auto-responders, mail forwarding, virus protection or junk mail filters. Check also the number of separate mailboxes you are allowed to create inside your domain.
  11. Number of separate FTP accesses: Having different FTP accesses allows you and your collaborators to manage your web site independently. The site owner can thus allow other people to work on her site without giving away her personal credentials.
  12. Publishing platform integration: Verify if your hosting provider supports a pre-installed publishing platform like WordPress or Movable Type. You may save the time and stress of setting up a publishing platform on your own and also receive support from the same customer service of your hosting provider.
  13. Backups: Having persistent, automatic backups of your data is highly recommended. If something goes wrong, you can always recover your data and start again without losing hours or even years of work. Be sure to check with your hosting provider which data is backed up (files, databases, server settings, etc.), how often (daily, weekly, monthly) and where backups are stored (off-server or off-site).
  14. PHP, Perl, MySQL support: Make sure your web hosting provider supports fully and explicitly PHP, Perl and MySQL databases. You will need all of these elements to run a professional web site which needs advanced customization and scripting.

How to Choose the Best Web Hosting Service


One of the most crucial decisions that most online businesses have to make is choosing the best web hosting service. With a popular or well known and reliable Internet Service Provider (ISP) you won't face many problems, however with a poor web hosting service provider it can be a nightmare.
Choosing the right kind of web hosting service can be a very daunting task at times as there are some very important features that you need to make sure of. Here you can find below what exactly to look for when choosing the best web hosting service.
Amount of web space: A web hosting service provider would usually assign you a certain amount of space on their server. You need to ensure that does it have the right amount of space for your website and your business requirements. You might want to expand your online business tomorrow and would require much more space. So it's imperative for you that the web hosting company should be able to provide you with ample of space especially if your website is rich in graphics or has video clips.
FTP access: FTP access is very crucial since it provides the ability to upload new pages. Some web hosting service providers allow you to just design your web pages with their own personal web builder. This may be useful for beginners however you need to ensure if they provide you the facility to expand later when you enhance your online business capabilities.
Degree of reliability, security and speed of access: Speed, security and reliability are extremely important for the success of any online business. While choosing a reliable web hosting service you need to ensure that this is taken care of. A site that is not available, not updated on time or is down, will lose many online visitors. If an online visitor finds your site listed on a search engine, and he tries to access it but finds it down, he is sure to move on to the next link and you lose an important customer or visitor. Even slow working websites are very frustrating. So how do you know if a hosting company is reliable or not? By word of mouth or feedback from others! If that's not possible then you can yourself try accessing your site during peak hours and non-peak hours too. Your site has to be secure of intruders at the same time, especially if it's an ecommerce website.
Dependence and support: Does the web hosting service provide 24x7 supports? Do they respond rapidly to your issue? Can you depend on them? If you need 24-hour technical support that larger companies need then expect to pay substantially more. In fact, people are much more expensive than machines.
Pricing plans : Price is also one factor that you should look out for when choosing the best web hosting service. It's not necessarily true that the most expensive hosts are the best. Simply compare prices and services before you finalize one.
Data transfer (Bandwidth): You also need to see if the hosting company provides you with sufficient bandwidth for efficient data transfer. After all it's your website and you need to ensure that you are getting the best services for the money you invest.

How To Choose Free Web Hosting


Nowadays a great number of various web hosting companies offer you to subscribe to their services each having different features. Your task is to decide what type of service you need for your work and what kind of hosting fits your requirements best. The main choice lies between free and paid web hosting services and implies certain aspects you need to take into account for this choice to be right. In case you are interested in free host let us consider the key aspects you should be aware of before making your choice.

1. Advertisements.
If you are using free web host you need to accept that your website will include constantly popping up advertising windows and banners regardless of your wish. These adverts is the way free web hosting companies cover their expenses on providing you with free services, so you have nothing to do with it. Of course this annoys you and your website visitors much but be careful with free hosts that don’t maintain adverts - sooner or later they will just go bankrupt.

2. Amount of web space
Each company offers different amount of web space you are allowed to use for storing your data on the server. So before starting cooperation with one of the free web hosting providers find out how much space you are granted with and if there is any possibility to expand it. Don’t forget that the quantity of web space your website will take depends on the files you want to store there (images, videos, audio files etc).

3. File restrictions
Free web hosts have some limitations concerning types and sizes of files you can attach to your website. For example, you are not always allowed to store some programs within your website. So if it is crucial for you, better check at once what exact types of files you can upload to the server in order to avoid further misunderstandings and obstacles.

4. Traffic restrictions
As a rule free hosting providers claim about limitations concerning traffic your website may use. The amount of used traffic depends both on the number of visitors who come to your website and your web page design. When the amount of used traffic comes to the limit your web presence is disabled by the provider of hosting services you use.

5. FTP Access
The FTP access option allows you to upload files to the server with the help of e-mail or web browser. So if you don’t find the necessary tools in the page builder of your hosting provider, FTP will appear important for you.

6. Company reputation
While choosing between free web hosting providers have a time to pay attention to their reputation as it may influence your decision at once. In order to find out whether the company is reliable or not you may read users’ feedbacks, although mind that such method is not entirely trustworthy. After all, you can always try the service yourself as it is free and won’t take you much time to see whether the thing is worth the effort.

7.Scripts Supported
If you're thinking of starting a basic HTML content site, this may not mean so much to you, but if you're interested in starting a site that require a script such as PHP, ASP, make sure to check out all scripting options available.

8.Uptime Guarantee
You'll offen see 99% or 98% uptime guranteed for your websites. Don't be fooled into thinking that 98% or something even lower is good enough. 1% makes the world of a difference in terms of hours lost for connection and don't forget. If a visitor loses a connection to your website, you may lose the vistor forever.

So these are the key points you should take into account while choosing free web hosting service in order for your choice to be the most successful.

week 15~

today is the last class for this subject...yahoo!....BUT....don't be happy yet...we still don't present our project....hehe suppose this week we present the project...but since last week we have no class...so the presentation will be postponed...tq Dr. J!...after having some discussion...everybody agree to set the date for presentation on Monday, 29/3/2010 which is next week....it's ok because our progress is already 90%....only 10% left to complete the website & a little bit touch here and there....huhuhu 

back to the syllabus...today we learn how to publish our web....we can choose whether using free web hosting or commercial web hosting...for sure commercial web hosting offers you more benefit but you have to pay for it depend on the plan offer by the web hosting provider....

we have to consider certain characteristics before we choose the web hosting no matter whether free web hosting or commercial web hosting....so we asked Mr. Google what is the criteria the we should consider before choosing the web hosting....and i'll tell u in the next entry...hehehe

example free web hosting providers are Host-ed, geocities, tripod, AwardSpace, HostHelpers and many more....and the example of commercial web hosting providers are InMotion, JustHost, GoDaddy and so on....

week 14~

date: 14/03/2010 
time: 8:27 PM

Please be informed mpt1393 there will be no class tomorrow, 15 March> Jamal

no class today....and no presentation next week....got extra time to finish our web project...yeay!


Five criteria for evaluating Web pages


Evaluation of Web documentsHow to interpret the basics
1. Accuracy of Web Documents
  • Who wrote the page and can you contact him or her?
  • What is the purpose of the document and why was it produced?
  • Is this person qualified to write this document?
Accuracy
  • Make sure author provides e-mail or a contact address/phone number.
  • Know the distinction between author and Webmaster.
2. Authority of Web Documents
  • Who published the document and is it separate from the "Webmaster?"
  • Check the domain of the document, what institution publishes this document?
  • Does the publisher list his or her qualifications?
Authority
  • What credentials are listed for the authors)?
  • Where is the document published? Check URL domain.
3. Objectivity of Web Documents
  • What goals/objectives does this page meet?
  • How detailed is the information?
  • What opinions (if any) are expressed by the author?
Objectivity
  • Determine if page is a mask for advertising; if so information might be biased.
  • View any Web page as you would an infommercial on television. Ask yourself why was this written and for whom?
4. Currency of Web Documents
  • When was it produced?
  • When was it updated'
  • How up-to-date are the links (if any)?
Currency
  • How many dead links are on the page?
  • Are the links current or updated regularly?
  • Is the information on the page outdated?
5. Coverage of the Web Documents
  • Are the links (if any) evaluated and do they complement the documents' theme?
  • Is it all images or a balance of text and images?
  • Is the information presented cited correctly?
Coverage
  • If page requires special software to view the information, how much are you missing if you don't have the software?
  • Is it free or is there a fee, to obtain the information?
  • Is there an option for text only, or frames, or a suggested browser for better viewing?
Putting it all together
  • Accuracy. If your page lists the author and institution that published the page and provides a way of contacting him/her and . . .
  • Authority. If your page lists the author credentials and its domain is preferred (.edu, .gov, .org, or .net), and, . .
  • Objectivity. If your page provides accurate information with limited advertising and it is objective in presenting the information, and . . .
  • Currency. If your page is current and updated regularly (as stated on the page) and the links (if any) are also up-to-date, and . . .
  • Coverage. If you can view the information properly--not limited to fees, browser technology, or software requirement, then . . .You may have a Web page that could be of value to your research!


source from: http://www.library.cornell.edu/olinuris/ref/webcrit.html

Evaluating Web Sites: Criteria and Tools


Context: The Primary Factor

The User Context: The most important factor when evaluating Web sites is your search, your needs. What are you using the Web for? Entertainment? Academic work? Hobbies or avocational interests? Scholarly sources are traditionally very strongly text-based. Compare the appearance and the content of an academic journal with a popular magazine.
The Web Context: Some of the visual distinctions that signal the nature of content in print sources hold true on the Web as well, although, because the Web encourages wider use of graphics, Web versions of printed works usually contain more graphics and more color than their print counterparts. Color graphics appeared on the New York Times Web site before they appeared in the printed New York Times, for instance.


Evaluation Criteria

  • Author
  • Date of Publication
  • Edition or Revision
  • Publisher
  • Title of Journal
  • Intended Audience
  • Objective Reasoning
  • Coverage
  • Writing Style
  • Evaluative Reviews

--- Evaluating Web Pages: Questions to Ask & Strategies for Getting the Answers: An eight-point evaluation checklist from the UC Berkeley Library.

  • What can the URL tell you?
  • Who wrote the page? Is he, she, or the authoring institution a qualified authority?
  • Is it dated? Current, timely?
  • Is information cited authentic?
  • Does the page have overall integrity and reliability as a source?
  • What's the bias?
  • Could the page or site be ironic, like a satire or a spoof?
  • If you have questions or reservations, how can you satisfy them?

--- Evaluating Information Found on the Internet from Johns Hopkins University (Elizabeth E. Kirk):

  • Authorship
  • Publishing body
  • Point of view or bias
  • Referral to other sources
  • Verifiability
  • Currency
  • How to distinguish propaganda, misinformation and disinformation
  • The mechanics of determining authorship, publishing body, and currency on the Internet

--- Five Criteria for Evaluating Web Pages (Jim Kapoun):

  • Accuracy
  • Authority
  • Currency
  • Objectivity
  • Coverage

--- Generic Criteria for Evaluation (Hope Tillman):

  • Stated criteria for inclusion of information
  • Authority of author or creator
  • Comparability with related sources
  • Stability of information
  • Appropriateness of format
  • Software/hardware/multimedia requirements

Web Testing: Complete guide on testing web applications


In general, testing is finding out how well something works. In terms of human beings, testing tells what level of knowledge or skill has been acquired. In computer hardware and software development, testing is used at key checkpoints in the overall process to determine whether objectives are being met. For example, in software development, product objectives are sometimes tested by product user representatives. When the design is complete, coding follows and the finished code is then tested at the unit or module level by each programmer; at the component level by the group of programmers involved; and at the system level when all components are combined together. At early or late stages, a product or service may also be tested for usability.


At the system level, the manufacturer or independent reviewer may subject a product or service to one or more performance tests, possibly using one or more benchmarks. Whether viewed as a product or a service or both, aWeb site can also be tested in various ways - by observing user experiences, by asking questions of users, by timing the flow through specific usage scenarios, and by comparing it with other sites.

Let’s have first web testing checklist.
1) Functionality Testing
2) Usability testing
3) Interface testing
4) Compatibility testing
5) Performance testing
6) Security testing
1) Functionality Testing:
Test for - all the links in web pages, database connection, forms used in the web pages for submitting or getting information from user, Cookie testing.
Check all the links:
  • Test the outgoing links from all the pages from specific domain under test.
  • Test all internal links.
  • Test links jumping on the same pages.
  • Test links used to send the email to admin or other users from web pages.
  • Test to check if there are any orphan pages.
  • Lastly in link checking, check for broken links in all above-mentioned links.
Test forms in all pages:
Forms are the integral part of any web site. Forms are used to get information from users and to keep interaction with them. So what should be checked on these forms?
  • First check all the validations on each field.
  • Check for the default values of fields.
  • Wrong inputs to the fields in the forms.
  • Options to create forms if any, form delete, view or modify the forms.
Let’s take example of the search engine project currently I am working on, In this project we have advertiser and affiliate signup steps. Each sign up step is different but dependent on other steps. So sign up flow should get executed correctly. There are different field validations like email Ids, User financial info validations. All these validations should get checked in manual or automated web testing.
Cookies testing:
Cookies are small files stored on user machine. These are basically used to maintain the session mainly login sessions. Test the application by enabling or disabling the cookies in your browser options. Test if the cookies are encrypted before writing to user machine. If you are testing the session cookies (i.e. cookies expire after the sessions ends) check for login sessions and user stats after session end. Check effect on application security by deleting the cookies. (I will soon write separate article on cookie testing)
Validate your HTML/CSS:
If you are optimizing your site for Search engines then HTML/CSS validation is very important. Mainly validate the site for HTML syntax errors. Check if site is crawlable to different search engines.
Database testing:
Data consistency is very important in web application. Check for data integrity and errors while you edit, delete, modify the forms or do any DB related functionality.
Check if all the database queries are executing correctly, data is retrieved correctly and also updated correctly. More on database testing could be load on DB, we will address this in web load or performance testing below.
2) Usability Testing:
Test for navigation:
Navigation means how the user surfs the web pages, different controls like buttons, boxes or how user using the links on the pages to surf different pages.
Usability testing includes:
Web site should be easy to use. Instructions should be provided clearly. Check if the provided instructions are correct means whether they satisfy purpose.
Main menu should be provided on each page. It should be consistent.
Content checking: 
Content should be logical and easy to understand. Check for spelling errors. Use of dark colors annoys users and should not be used in site theme. You can follow some standards that are used for web page and content building. These are common accepted standards like as I mentioned above about annoying colors, fonts, frames etc.
Content should be meaningful. All the anchor text links should be working properly. Images should be placed properly with proper sizes.
These are some basic standards that should be followed in web development. Your task is to validate all for UI testing
Other user information for user help:
Like search option, sitemap, help files etc. Sitemap should be present with all the links in web sites with proper tree view of navigation. Check for all links on the sitemap.
“Search in the site” option will help users to find content pages they are looking for easily and quickly. These are all optional items and if present should be validated.
3) Interface Testing:
The main interfaces are:
Web server and application server interface
Application server and Database server interface.
Check if all the interactions between these servers are executed properly. Errors are handled properly. If database or web server returns any error message for any query by application server then application server should catch and display these error messages appropriately to users. Check what happens if user interrupts any transaction in-between? Check what happens if connection to web server is reset in between?
4) Compatibility Testing:
Compatibility of your web site is very important testing aspect. See which compatibility test to be executed:
  • Browser compatibility
  • Operating system compatibility
  • Mobile browsing
  • Printing options
Browser compatibility:
In my web-testing career I have experienced this as most influencing part on web site testing.
Some applications are very dependent on browsers. Different browsers have different configurations and settings that your web page should be compatible with. Your web site coding should be cross browser platform compatible. If you are using java scripts or AJAX calls for UI functionality, performing security checks or validations then give more stress on browser compatibility testing of your web application.
Test web application on different browsers like Internet explorer, Firefox, Netscape navigator, AOL, Safari, Opera browsers with different versions.
OS compatibility:
Some functionality in your web application is may not be compatible with all operating systems. All new technologies used in web development like graphics designs, interface calls like different API’s may not be available in all Operating Systems.
Test your web application on different operating systems like Windows, Unix, MAC, Linux, Solaris with different OS flavors.
Mobile browsing:
This is new technology age. So in future Mobile browsing will rock. Test your web pages on mobile browsers. Compatibility issues may be there on mobile.
Printing options:
If you are giving page-printing options then make sure fonts, page alignment, page graphics getting printed properly. Pages should be fit to paper size or as per the size mentioned in printing option.
5) Performance testing:
Web application should sustain to heavy load. Web performance testing should include:
Web Load Testing
Web Stress Testing
Test application performance on different internet connection speed.
In web load testing test if many users are accessing or requesting the same page. Can system sustain in peak load times? Site should handle many simultaneous user requests, large input data from users, Simultaneous connection to DB, heavy load on specific pages etc.
Stress testing: Generally stress means stretching the system beyond its specification limits. Web stress testing is performed to break the site by giving stress and checked how system reacts to stress and how system recovers from crashes.
Stress is generally given on input fields, login and sign up areas.
In web performance testing web site functionality on different operating systems, different hardware platforms is checked for software, hardware memory leakage errors,
6) Security Testing:
Following are some test cases for web security testing:
  • Test by pasting internal url directly into browser address bar without login. Internal pages should not open.
  • If you are logged in using username and password and browsing internal pages then try changing url options directly. I.e. If you are checking some publisher site statistics with publisher site ID= 123. Try directly changing the url site ID parameter to different site ID which is not related to logged in user. Access should denied for this user to view others stats.
  • Try some invalid inputs in input fields like login username, password, input text boxes. Check the system reaction on all invalid inputs.
  • Web directories or files should not be accessible directly unless given download option.
  • Test the CAPTCHA for automates scripts logins.
  • Test if SSL is used for security measures. If used proper message should get displayed when user switch from non-secure http:// pages to secure https:// pages and vice versa.
  • All transactions, error messages, security breach attempts should get logged in log files somewhere on web server.

week 13~

today we learn about web testing & web evaluation....what's the difference between both of them??...frankly speaking i'm quite confused with both of them....testing & evaluation is quite similar to each other....Dr. J didn't want to give the answer easily....so he asked us to Google it ourself...ngeh3.....

i'l show you my findings in next entry...c ya! ;p

week 12~

hello!...today we learn about visual design for the web...there are many aspect we have to consider when designing a website....visual means something that we can see we our beautiful eyes...*wink* so visual design is a process where we plan how our website will look like....

here are some questions that we should consider when designing the web.....

  • What colours will look good together on your site?
  • What fonts or styles you will use for the written part of your web pages?
  • What graphics and multimedia effects are needed?
  • How will all of these elements be combined or arrange into an attractive layout?
what can you do??
  • Choose a visual theme –connected to your content.
  • Use template concepts– consistent
  • Use table or division (div) or frame for layout/arranging your visual elements.
typography is one of the important element and general issues in design....just keep simple by limit the number of fonts per page & per site and use the same fonts consistently throughout the site...for the typeface make sure you make the good font choice....whether to use serif or sans serif....suits the typeface with the mood of your content/website/theme....and the most important is ensure the typeface is READABLE..... 

there are tools that can help you in visual design...such as Thumbnails Sketches, Storyboard, Rough Sketches and Prototype....Thumbnails Sketch help to focus on how web pages will look while storyboard helps on web site’s interaction...for the Rough Sketches, usually choose 2 or 3 of the thumbnails to develop further..it is more carefully drawn because the proportions are more accurate....

things you must AVOID in designing the website....
  • Avoid using big image as background because it takes time to load....
  • Avoid the use of all CAPITAL LETTERS for body text. it is okay to use for highlighting or for titles...
  • Avoid the use of too many font faces on one screen or throughout one site (e.g., arial, helvetica, times, courier)...
  • Avoid the use of too many colors on one screen, especially font colors....

week 11~



IT IS 40% PROJECT PROTOTYPE PRESENTATION!




so today we presented our project prototype...and as usual...lady boss be the 1st group to present...haha but then  there's misunderstanding about 40% of the project...and our group actually not even reach that 40% required by Dr. J...kuikuikui we just present the design of our project like introduction page, developer and so on but not the content! hahahaha 





from the comments and suggestions from other group, some of them like our design....and for improvement...mostly asked us to increase the font size....hehehe there are also suggestion to include login page to our website...hmmm we'll think about it later...because the purpose we didn't put the login is we want to deliver the knowledge to the users for free and easy....so every body can read our content...not limited to users who register with us only....(^_^)  

week 10 a.k.a holidays!!~~

this week of course we don't have class because it's for midterm semester break as well as Chinese New Year celebration....weeee~~ 

happy Chinese New Year to Christine!...hope you'll enjoy celebrate CNY in Malaysia~~ 

while me myself...i'm going home to seremban 2 to spend my holidays with my beloved family....v(>_<)v


week 9~

this week lecture is about interaction design....interaction design focuses on the mechanics of the design and answers the question : “How should it work ?” but before we talk about interaction design...we must know what is interactivity.....Interactivity in a computer products means that the user, not the designer, controls the sequence, the pace, and most importantly, what to look at and what to ignore.

how to move from information design to interaction design?

basic flow chart from information design                 -------------->              storyboard 
                                                                           (shows navigation pathways, media inclusions and controls)


Moving from information design to interaction design means turning information into an experience.

This means:

  • Motivating users to have the experience, by giving them clear guidance and options.
  • Creating an interesting journey, or clear path, through the information.
  • Giving users controls that allow them to go where they want and do what they want.
  • Making the experience as easy and intuitive as possible.
Critical tasks of interaction design:
  • Create a guidance system to orient users.
  • Design the navigation system.
  • Define what happens on each screen.
  • Design the controls for interaction.
  • Determine how much interaction is to be included.
interaction design consist of 3 essential elements:
  1. Organization – How the information will be organized on the pages ?
  2. Navigation – How people will find their way around your web site ?
  3. Interactivity – What controls you give your users to work with ?


examples of organization in interaction design....

week 8~

at 9.14AM today....

trett...treett...

1 message received

MPT1393. Not feeling very well. I have decided to take a medical leave today...so no class. Sorry for any inconvenience caused> Jamal


owh...get well soon Dr. J! don't forget to take medicine...

week 7~

okay...today we had 1st presentation for the group project.....the presentation is on the learning strategy and activities that we planned to use for our website....our highly dedicated project manager ---> kak puteri represents our group and other group members gave her support from the back of the class...hehehe 

comment from Dr. J.....activity is ok...just if possible...we create a scenario for the problem....instead using a student as the character, maybe we can change to a teacher because it will be more authentic...he suggested a scenario where the head master ask the media teacher to create a website but they have no budget...

we think it is a very good idea....we will take note on that Dr.!

week 6~

today class is more on discussion with group members....Dr. J gave us time to discuss in group on the learning theory, strategy and activity we plan to use for the web....it quite hard for us to make decision to choose the most appropriate learning theory and strategy that suits our title on digital graphic: bitmap vs vector.....

in addition 2 of 4 of my group members which is aimi & of course me myself don't have any educational background...so we have to make extra effort to understand first what is learning theory is all about...besides, other group members; kak intan & kak puteri help us to understand it...huhu

and my finding from wikipedia....

A learning theory is an attempt to describe how people and animals learn, thereby helping us understand the inherently complex process of learning. Learning theories have two chief values according to Hill (2002). One is in providing us with vocabulary and a conceptual framework for interpreting the examples of learning that we observe. The other is in suggesting where to look for solutions to practical problems. The theories do not give us solutions, but they do direct our attention to those variables that are crucial in finding solutions.
There are three main categories or philosophical frameworks under which learning theories fall: behaviorismcognitivism, and constructivism. Behaviorism focuses only on the objectively observable aspects of learning. Cognitive theories look beyond behavior to explain brain-based learning. And constructivism views learning as a process in which the learner actively constructs or builds new ideas or concepts.



after having some discussion.....we totally agree to choose problem based learning for our learning strategy....yeay!...it is not because affected by Dr. J example...but we think pbl is really suits to deliver our content to the users....(>_<)v

The Information Design approach to Web development


here is an article about information design that I found on Internet....wanna share it with u guys....=)
Published on May 21, 2003
Aside from people, information is the single most valuable asset for business. At every level, in every department, for every company, information is critical. The better the information, the more successful the company and the people within it can be. Improving products and services, understanding markets, improving internal process and communication—information is the catalyst that allows people to see the best course and to make substantive change, as well as often being the deliverable itself.
More than its value to business, information is also the principle component to human knowledge and progress. By experiencing information—through any of the available senses—people are able to build knowledge. Particularly when the information is relevant and good, people are able to make better decisions, to be more effective, to be happier and to increase their well-being.
That is why information is so critical to business. The better the information, the better the business. The better the information, the better the people. The better the business and people, the more profitable the business can be.
Information Design is dedicated to making information as effective as possible. Effective is a carefully chosen word here. In order to be as effective as possible, information must carefully balance a variety of factors, including, but not limited to clarity, relevance, timeliness, amplitude, volume, and differentiation.
Different practitioners and groups from disciplines like graphic design, information architecture, and writing have explicitly or implicitly laid claim to the term Information Design, or to being the best discipline for producing more effective information. The reality is that Information Design is a careful balance of those disciplines and not the domain of any one.
As information is the most critical non-human contributor to achieving business goals, and is the key component to building human knowledge and increased success, the discipline dedicated to making information as effective as possible is naturally the meta-discipline for business.
And that is Information Design.
Information Design and Web development
Information Design is geared toward information solutions in general—as opposed to Web solutions in particular. That broader understanding of the dynamic inter-relationship of the myriad contexts, strategies and tactics pertaining to the creation of successful information is invaluable. It is also particularly relevant in providing excellent direction for Web development. Information Design is critical to better Web development in the following four ways:
1. Information Design clarifies goals and objectives
Clients often know what they want but rarely understand what they need. Requests for functionality ranging from live chat to online stores to sophisticated content management functionality may not help the client achieve their business goals. Web design professionals are obligated to focus on the business goals of their clients and make recommendations that are in the client's best interests.
Information Design grounds that consultation and planning process. By approaching the Web project as an information solution, among the galaxy of information solutions and organizational realities that face clients, developers are equipped to design a Web site or application that best contributes to their business success.
2. Information Design provides a broader context
Even for modest static sites, good Web design is relatively involved and complicated. In any effort to successfully navigate the development process, it is simple to lose sight of the relationship between the project itself and the broader context, including:
  • The original business goals that led to the site being created or modified
  • The client’s unique position now, the position they want to be in later, the other tactics that they have or are planning to initiate, and how all of those factors juxtapose with the Web tactic itself
  • Those same factors in the client’s competition
  • The unique position of the client’s current and potential customers, as well as employees, communities and key stakeholders, and how those groups juxtapose with the Web tactic itself
These are largely strategic concerns that need to be factored in at the beginning of a Web development project, then monitored and considered throughout the project lifecycle. However, those considerations are not the sole domain of the project leaders or strategists. Information Design requires that all team members have an acute awareness of the broader contextual concerns that resulted in this tactic being selected in the first place, and that awareness must be balanced and addressed in the final deliverable. Awareness and acknowledgement of these considerations—even by the most tactical and production-oriented of the team members—provides immeasurable added value and the highest likelihood that the final deliverable will be as effective as possible.
3. Information Design balances the various specialties that participate in Web development
Inevitably, most Web designers or Web development companies have their own particular specialties. Whether in the structure and content, the interface design, the application development—or any sub-specialty therein—it is apparent from the final product that there is a bias toward the comfort level or organizational strengths of the producers.
Information Design as a discipline insists that the focus remain on making the information—with information in this case being the final Web site—as effective as possible. Applying this to the design itself can manifest in a few different ways and is best if all occur together:
  • By assigning someone not on the core production team as the Information Designer or Director (or really any title you prefer) to ensure the final deliverable is appropriately balanced
  • By providing all team members with a short list of essential elements that would contribute to successful Information Design for this unique project, in order to guide their thinking and production
  • By insisting on collaboration and cross-pollination of team members from different disciplines, to give them a better sense of the why, how and what each other is doing
By proactively balancing the different components and specialties, you will best be able to achieve the goals and objectives of the project, with the final product thus proving as effective as possible.
4. Information Design focuses on the dynamic nature of strong Web development
The most effective Web development is that which stakes out the strongest position between a myriad of considerations, including:
  • The articulated goals of the project
  • The client’s internal situation
  • The client’s market situation
  • The target audiences
  • The project budget
  • The available technologies
  • The composition and capability of the development team
During the development process, it is easy to lose sight of one or many of these key components, and the project suffers for being too close to some of the considerations and too far from others.
As such, a strong process naturally incorporates a healthy and regular mechanism for balancing the different considerations. Information Design requires that the core considerations that guide the project be far forwardthroughout the project lifecycle, ideally incorporating research and actual testing where appropriate. This will ensure that the final deliverable achieves the proper balance to maximize effectiveness and business success.

Think on an Information Design level, not a Web development level

Everyone has their unique background and area of specialty. Within each of the core disciplines is a wealth of established practices and processes that contribute to great work. Focusing on doing your part on a strong Web development team can certainly take the team—and the product—a long way.
But even if you are doing great work, are you best achieving the business goals of your clients? Are you considering the inter-relationship between this Web development project and their traditional methods for sales and marketing, or their traditional communication channels, or their traditional workflow patterns? Do you appreciate the dynamic relationship that this has to that and inform all of your production decisions from that perspective? Are you cognizant that, rather than building a Web site, you are building an information solution?
Information Design positions you to answer all of those questions in the affirmative. It positions you to do work that is not only “great” from an objective perspective as evaluated by your peers, but from the more important subjective perspective of your clients and the health of their business. The work that you do is far more broad and important than you might realize. You just need to stand back, look at it from the proper perspective and take advantage of it.