King Abdul-Aziz University Internet Applications Faculty of Computing and Information Technology CPIT405 Department of Information Technology
1
Student Name: Student ID:
Lab 10 – Lab Final Exam (Practice)
Lab Instructor: Akbar Badhusha MOHIDEEN Marks 100 (Weight 10%) Time allowed: 1hour and 20 minutes Objective:
The objective of this lab is to test the students’ ability to create web page using HTML tags, write java scripts in the HTML page and handle events generated by the DOM objects.
Exam Conditions:
You may refer to the lab documents, your own lab exercise solutions, home work solutions and Lecture slides. No other material is allowed. You should not refer to any other materials in the internet.
Exam Question:
Write a HTML file with java script to create a “Online MCQ Exam” page (Multiple Choice Questions) with the following Specifications:
Refer to the next page for the web page layout. Your page must have all contents shown in that page
1. There are three “Multiple Choice Single Answer” questions in the Online Exam page.
2. When the page is loaded, the user should not be able to click any choice before he presses the start button. That is, by default all the choice radio buttons should be in the disabled mode. (10 points)
3. When the user presses the start button, choices are enabled, timer is started. The Exam time duration is 30 seconds. The timer value is displayed in the box above the Start Button. The timer value should count down from 30 to 0. (30 points)
4. When the time is finished OR when the submit button is pressed, all the choices should be disabled and the submit button & start button are also should be disabled. Then marks are shown in a pop up window. Each question carries 1 mark. Show the mark for out of 3. Assume all the first choices are the correct answers. (30 points)
5. Use big size bold letters for the heading and lists for the choices in each question. (10 points) 6. Use external style sheet for the fonts and colors of the questions and answer choices. Questions text will be in Blue color and Answer choices are in yellow color. (20 points)
Each of the above specifications has specific weight in the marks. Focus on all the given specifications to score full marks.
Bonus Mark:
After the timer expires OR after pressing the submit button, if you are able to show the correct answers in the page by changing the text color of the correct choice alone to green color in all questions, you will get bonus points. (10 points)
Submission:
When you finish the exam, save the files (HTML and CSS) in the Exam folder in the USB and submit that to the Instructor.
Please refer to the next page for the model layout of the web page
2
