INFO 100 / CSE 100 Fluency with Information Technology

Project 2: Student as Teacher—
Creating an Online Quiz

"A thinker sees his own actions as experiments and questions—as attempts to find out something. Success and failure are for him answers above all."—Friedrich Nietzsche (1844 - 1900)

Honest Effort

This assignment will be checked against all of the other INFO/CSE 100 projects, past quarter and present, for plagiarism. "Assignment collaboration" in the form of copying work will not be tolerated, and will be monitored.  This class has a zero tolerance policy on cheating.

Preparation

You are required to have completed Labs 7 and 8 before starting this project.
You are also required to have read the following before starting this project.

Fluency with Information Technology (by Lawrence Snyder)

QuickStart to JavaScript (by Forest Lin)

This project utilizes information you learn in the JavaScript unit and is worth 150 points. It consists of two parts.

1. Quiz GUI and Planning
   1. create the interface.
   2. write a narrative plan for quiz logic that will score the quiz.
2. Quiz Scoring
   1. build on the form you created to create the initial quiz logic.
   2. incorporate a multiple answer question with check boxes.
   3. create the final question with text box for your quiz.
   4. integrate the multiple parts into one file.
   5. reflect on your project.

Introduction

When you use the WWW, you probably encounter pages that require you to interact with them in some way, such as by clicking on a button or completing the text fields on a form. This interaction is accomplished through the use of HTML combined with logic implemented using a variety of programming languages, located either on the browser or at the server.

The ultimate goal of Project 2 is to create an interactive quiz using JavaScript and HTML. You code several distinct parts of this quiz then combine them to create a single program. You may choose to use questions about JavaScript similar to the ones in the textbooks or you may develop questions in an area where you have some expertise.

Objectives

This project and its various pieces require you to incorporate the programming concepts covered in the JavaScript unit. On successfully completing this project, you should be able to

• combine HTML and JavaScript to add logic and interaction to a simple Web page;
• specify elements and objects on a Web page and use basic JavaScript to manipulate them;
• use the concepts of variables, assignment, expressions, and values to store questions, answers and scores for your quiz;
• use the concept of branching (conditionals) to allow your program to make decisions based on user input;
• use iteration as a way to search through a list (array) for matching terms;
• write functions that perform specific instructions when triggered by certain events; and
• reflect on the programming process.

Grading Criteria

This project is worth 150 points. Points will be assigned based on:

• How well the Web Interface instructs users and the completeness of your HTML.
• The functionality of the JavaScript code for that piece. (Does it work?)
• The completeness of the comments for each code section.

Each part is assigned points as follows:

Overall Project Steps

The project consists of two parts with separate turn-in dates. In Part 2A, you will create the Graphical User Interface (GUI) and write a plan for your coding. In Part 2B, you will add the scoring to the HTML, add mouseover effects based on the user's total score, and integrate all the pieces into a complete quiz. See Project2A.html and Project2B.html for important details.

This project consists of six parts that together result in nine different files you submit to the Catalyst Collect-It dropbox. In Part A, you will

• create a user interface and input boxes for users to submit answers to eight questions that you write and
• write a coding plan.

In Part B, you will

• code a function to check the answers submitted in Part A,
• use a series of check boxes for a question with multiple correct answers,
• use a text box for a question that has multiple answers,
• combine the previous parts into one final project, and
• submit a word file with your reflections on this project.

By now you should be comfortable with the HTML components that comprise the interface design of the quiz. Use your skills and understanding of proper design to provide good instructions and valid metaphors to help people use your exam and to make it aesthetically pleasing.

In order for an online quiz to be interactive and independent, that is, not requiring your constant attention, you need to provide the program with enough instructions that the computer can "correct" the quiz for the user and alert them to incorrect answers. This means giving explicit and unambiguous instructions on how to determine correct answers from incorrect ones without your involvement.

The logic that allows the computer to "understand" is at the heart of programming. You will use JavaScript as the language for providing these instructions. JavaScript allows you to continue working with the Web page environment and HTML.

The questions used for your quiz are based on the content in the JavaScript unit or a subject about which you are very knowledgeable. A school subject or hobby are good choices. Make sure you review your quiz for correct answers as well as correct code.

Turn-In Procedure

You will be submitting your Project 2 files through a Catalyst turn-in. Upon submission, you will get an online receipt verifying the files you have turned in.  Please SAVE this receipt—just in case something does go wrong, you'll have proof you submitted the assignment. Turn in all project pieces for each Project Part.

Project 2A Online Due Date: Tuesday, November 13, before 10:00 pm.

• Click Here to Turn In Project Files for Dave's lab sections AA & AB
• Click Here to Turn In Project Files for Keith's lab sections AC & AD
• Click Here to Turn In Project Files for Sam's lab sections AE & AF

Project 2B Online Due Date: Tuesday, November 27, before 10:00 pm.

• Click Here to Turn In Project Files for Dave's lab sections AA & AB
• Click Here to Turn In Project Files for Keith's lab sections AC & AD
• Click Here to Turn In Project Files for Sam's lab sections AE & AF

Your score will be based on:

• How well your site meets the requirements named above, in a technical / HTML / JavaScript sense.
• The quality of your quiz scoring and mouseovers.
• How well your site meets the requirements for format and content. This refers to the clarity of your questions, the correctness of your answers, and the instructions given to the user for completing the quiz.
• The care taken in thinking through the programming in the planning narrative and the thoughtfulness of your discussion in your reflection paper.
• Note that in order to be fair to students who put a lot of work into their projects, we want to reward effort, creativity, and care taken. Miminal completion of the requirements won't receive as high a score as a project that shows the results of effort. Remember: The more you do, the more you'll learn, and the easier this will become.