Tic Tac Toe Prototype
Following is a prototype of a Tic Tac Toe
program. The main goal of the program is
to provide quick and simple entertainment.
It should also be usable by young children
who are still learning the game, so it will
give constructive feedback when the
player is making an obvious mistake.
Tic Tac Toe Prototype
First Story –
The human player wins.
Tic Tac Toe
Click
Here
Human’s Turn
Tic Tac Toe
X
Click
Here
Click to see
Computer’s Move
Tic Tac Toe
Human’s Turn
X
O
Click
Here
Tic Tac Toe
Click
Here
Click to see
Computer’s Move
X
O
X
Tic Tac Toe
Click
Here
Human’s Turn
X
O
O
X
Tic Tac Toe
X
X
O
O
X
Click
Here
Click to see
Computer’s Move
Click
Here
Tic Tac Toe
X
X
O
O
O
X
Human’s Move
Tic Tac Toe
X
O
X
X
O
O
X
X Wins!
Click
Here
Game Over
Click to play again
Tic Tac Toe Prototype
Second Story
Human loses
Tic Tac Toe
Click
Here
Human’s Turn
Tic Tac Toe
X
Click
Here
Click to see
Computer’s Move
Tic Tac Toe
Human’s Turn
X
O
Click
Here
Tic Tac Toe
Click
Here
Click to see
Computer’s Move
X
O
X
Tic Tac Toe
Human’s Turn
X
O
O
Mistake
X
Tic Tac Toe
Click to see
X
Computer’s Move
O
O
Click
Here
X
X
Tic Tac Toe
X
O
O
O
Game Over
Click to play again
X
X
Computer Win’s
Tic Tac Toe Prototype
Third Story
Computer warns human
when they make a
stupid move
Tic Tac Toe
Click
Here
Human’s Turn
Tic Tac Toe
X
Click
Here
Click to see
Computer’s Move
Tic Tac Toe
Human’s Turn
X
O
Click
Here
Tic Tac Toe
Click
Here
Click to see
Computer’s Move
X
O
X
Tic Tac Toe
Human’s Turn
X
O
O
Mistake
X
Tic Tac Toe
X
O
O
?
X
Click here to
confirm your
stupid move –
otherwise click a
different square –
the green square is
recommended.
Tic Tac Toe
X
O
O
O
Game Over
Click to play again
X
X
Computer Win’s
Tic Tac Toe Prototype
Various examples
Tic Tac Toe
Human’s Turn
X
Cheater
clicks here
O
O
X
Tic Tac Toe
Human’s Turn
X
O
O
X
You cannot play there –
that square is already taken
Tic Tac Toe
New Game
Click Here
to play O
Human Moves
First
Computer
Moves First
Tic Tac Toe
Human’s Turn
X
Tic Tac Toe
X
O
X
X
O
O
O
X
X
Cat’s game (draw)
Click here to restart
This game is a draw
Tic Tac Toe Prototype
It is not necessary to show every possible user
story. After you have shown a few, you can
write the rest in text. For example:
Sample Games
Beginners want to see some sample games
so they can learn more quickly. The program
could have a database of sample games,
and run in “Demo” mode to display them.
Tic Tac Toe Prototype
It is helpful to name the stories (scenarios).
This prototype showed the following:
1.
2.
3.
4.
5.
6.
7.
Human Player Wins
Computer Wins
Computer Warns About Stupid Move
Computer Rejects Cheater Moves
Human Chooses Playing X or O
Computer Stores and Displays Demo Games
Computer Recognizes a Drawn Game
PowerPoint for Prototypes
It is not a requirement to use PowerPoint for your
prototype(s), but it has several advantages:
1.
2.
3.
4.
5.
6.
Puts the programmer in the right “mood”
Screen design is quick and easy
It keeps sample screens organized
Can easily copy and paste new screens
Gives the user a “feeling” for the features
You can easily save, modify, and print screens
Prototypes and Automation
• Don’t waste time trying to automate your
prototype – the stories can be linear
• Keep notes about automation that will be
required in your solution – for example:
- Computer “knows” the rules
- Computer can recognize a winning move
- Computer recognizes game over,
including a tie