To Projects

IT 130 -- Project Proj6
Multiple Choice Quiz

1. Important:
    
   
   Use an external style for fonts and colors. You can reuse the style sheet that you used for Project 4 if you wish.
    
   Use rgb color codes for the colors in the external style.
    
   Update your index page to include a link to your Project page.
    
   Include a link on your Project page back to your Index Page.
    
   Submit URLs to COL of your Index Page, your Project page, and your external CSS.
    
   
2. Write an application that presents and scores a multiple choice quiz.
    
3. Use the Check X and PassFail Examples as models for this project.
    
4. Important:   Do not include any onclick attributes in the radio buttons. Only include an onclick attribute in the Submit button.
    
5. Include at least ten multiple choice questions in your quiz.
    
6. Include one correct answer and at least three incorrect answers for each question.
    
7. Your set of questions should be on a single topic and as interesting as possible. A set of unrelated questions will lose points for content. A set of questions that is completely trivial will also lose points for content (for example, a set of addition problems).
    
8. Check your questionaire for grammar and spelling errors.
    
9. Use radio buttons to choose the quiz-taker's answer.
    
10. Include a submit button that causes the correct answers to be shown and the percentage score for the quiz to be computed.
     
11. If the quiz score is 70% or greater, display a happy face. If the quiz score is less than 70%, display a sad face. Display the blank image before the quiz is graded.
     

Happy Face:

Sad Face:

Blank:

12. Provide labels to make your user interface clear to the user.
     
13. Include an image for each question that displays a green check for a correct answer and a red X for an incorrect answer. Wait to display the green check or red X until the submit button is clicked to grade the quiz.
     
Use the blank image to display before the quiz is graded.


Green Check:

Red X:

Blank:


 
Look at the CheckX Example.
 
14. Grading criteria: Functionality: 40%, link to external style: 10%, well written form and code: 10%, content and grammar for quiz: 20%, comment at the top of the source code: 10%, link to page in Proj3 index page: 10%.