Skip to content
This repository was archived by the owner on Apr 29, 2025. It is now read-only.

Assignment_react #5

Open
wants to merge 3 commits into
base: gh-pages
Choose a base branch
from
Open

Assignment_react #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5f8860b
Assignment
Oct 2, 2014
b8465fa
update on user research
Oct 30, 2014
d56289d
updating
Oct 30, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 7 additions & 13 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,12 @@
# "React" Assignment
# "React" Assignment II user testing

Create a learning resource that gives the user feedback – in other words, responds to the user's input/actions. Actions could include:
I did quick user testing on my 'math game' and I noticed people cares about the visual part
and they talk about the functionality.
they first asked it is good to have context in the center, but some people wanted
more visual design.
and then, they gave me feedback on entering more examples, and wish to choose
levels in the math game

* Clicking
* Typing
* Scrolling

or lack of any of those things. Feel free to pick a new subject, or dive deeper with one you've already used.

## Examples

1. [Operation](http://en.wikipedia.org/wiki/Operation_(game)), which uses sound to inform the player they are doing something wrong.

[![Operation](http://img.youtube.com/vi/_6MAkLJ79LE/0.jpg)](http://www.youtube.com/watch?v=_6MAkLJ79LE)

1. An essay helper, where the user needs the their entry in a [`<textarea>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea) to have five paragraphs and be 300-500 words.
1. An essay helper which prompts the user to make sure they are still paying attention if they haven't written anything in a few minutes, but has the option to pause (for dinner, bathroom breaks, and The Voice).
51 changes: 51 additions & 0 deletions forward.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<title>React Assignment</title>
</head>
<body>
Simple Math<br>

<Style>
body{
background-color: #FFCCCC;
font-family: arial;
margin-left: 300px;
margin-top: 100px;
font-color: white;
}
#answerBox{
text-align: left;
}

</Style>
<p>
20+55?
</p>

<form>
<p>
<input type="radio", id="answerBox" name="answer" value="Ram"/>33<br>
<input type="radio", name="answer" value="Tom"/>50<br>
<input type="radio", name="answer" value="Pamela"/>75<br>
<input type="radio", name="answer" value="Tony">100<br>
</p>
<input type="submit", onclick="clicked()"; value="See Answer"/>
<input type="button", onclick="forward()"; value="forward"/>

</form>

<script type="text/javascript">
function clicked(){
alert('the answer is 55');
}

function forward(){
document.location="index.html"
}


</script>

</body>
</html>
48 changes: 46 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<title>So-and-so's React Assignment</title>
<title>React Assignment</title>
</head>
<body>
YOUR PROJECT HERE
Simple Math<br>

<Style>
body{
background-color: #E5FFE5;
font-family: arial;
margin-left: 300px;
margin-top: 100px;
}
#answerBox{
text-align: left;
}

</Style>
<p>
Ram has fewer candies than Tom.
<br>Tom has more candies than Pamela.
<br>Tony has the least number of candies.
<br>Who has the most candies?
</p>

<form>
<p>
<input type="radio", id="answerBox" name="answer" value="Ram"/>Ram<br>
<input type="radio", name="answer" value="Tom"/>Tom<br>
<input type="radio", name="answer" value="Pamela"/>Pamela<br>
<input type="radio", name="answer" value="Tony">Tony<br>
</p>
<input type="submit", onclick="clicked()"; value="See Answer"/>
<input type="button", onclick="forward()"; value="forward"/>

</form>

<script type="text/javascript">
function clicked(){
alert('the answer is TOM');
}

function forward(){
document.location="forward.html"
}


</script>

</body>
</html>