CSE 111 - Fall 2002

Lab #9

Background

Now it is time for you to be off on your own, writing your own JavaScript and making something pretty neat.  In this lab, you will pick which game you will be doing for your final lab, and begin the design process for that lab.

Picking your Lab 10 assignment

The first thing you must do is pick your Lab 10 assignment.  The list below is the list of possible choices for your last lab assignment, which links to a description of the lab.  You should read through some and pick one or two that look interesting and that you would want to work on.  During the week of November 11th in class, there will be sign up sheets available for you to select your lab assignment.  Be warned that there are only a few people that can do a particular assignment in each recitation.  You will sign up for your choice according to the recitation section you are registered for. 

• Memory Match
• Tic-Tac-Toe
• Pick Up Sticks
• Blackjack
• Who Wants to be a Millionaire?
• Poker
• Hangman
• Crossword Puzzle

Designing the Form

After reading the description, and assuring that you have signed up for the assignment you want, you must begin to think about how you will implement it.  The first step is to draw out what the screen will look like.  Do this first, and clearly identify what pictures/elements you should find on the Internet or draw yourself.

Now What?

After you have an idea of what the form will look like, you need to ask yourself how the game will play.  What does the user do, and when they do it, what does my program do?  You will begin this process by identifying in your drawing of the form, which elements will have to react to the user.  For each element, you will describe on a separate sheet, the steps that the program will do after the user clicks on the element.  You should be as specific as possible and make the steps easy to implement.  For example, if one of the buttons when clicked were to make a peanut butter and jelly sandwich, your steps may look as follows:

• Take one piece of bread
• Open jar of peanut butter
• Use knife to spread peanut butter on bread
• Close jar of peanut butter
• Wash knife
• Take another piece of bread
• Open jar of jelly
• Use clean knife to spread jelly on second piece of bread
• Close jar of jelly
• Wash knife
• Place bread with jelly, jelly-side down on top of the bread with peanut butter, peanut butter side up

The steps seem silly to those of us familiar with making the sandwich, but the computer needs to be told steps like this in order to complete its task.  This process should also get you thinking about how the game is played, give you ideas of how to implement the game, and how to begin your program.

Implement the Form

After these two steps, begin to create your form in FrontPage.  Find images or draw images that you might need, and get the form looking the way you want it to for your game.  Once you have the form looking the way you want, pick one of the buttons and begin to implement what it does.  It is important at this step to do a little bit of the code at that time.  It is probably the best idea to write one line or statement, and then test to make sure that the statement executes properly and does not cause errors.  Continue on in this fashion until you have completed the lab.  Make sure that if you are having problems with any part of this lab or the next, you seek out assistance from your TA or instructor during office hours.

What do I hand in/When is it due?

The first thing you will need to do for this lab is that you will have to have signed up for an assignment.  You will hand in the drawing of your form, along with the description of what elements/pictures you need to get from the Internet or draw.  You will also hand in your description of the set of steps that the program takes when each button gets clicked on to your TA by the end of recitation according to the chart below.

FOR THIS LAB, NO LATE SUBMISSIONS WILL BE ACCEPTED!