forked from Gabxi/StoryAlive
-
Notifications
You must be signed in to change notification settings - Fork 0
/
week9.html
129 lines (109 loc) · 4.91 KB
/
week9.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CS247 StoryAlive</title>
<meta name="description" content="CS247 Final Project: StoryAlive">
<meta name="author" content="Cindy Chang Jessica Kung Adam Raudonis Gavin Kho">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
@media (max-width: 980px) {
/* Enable use of floated navbar text */
.navbar-text.pull-right {
float: none;
padding-left: 5px;
padding-right: 5px;
}
}
</style>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../assets/ico/favicon.png">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="./index.html">StoryAlive</a>
<div class="nav-collapse collapse">
<p class="navbar-text pull-right">
CS247 Final Project Winter 2013
</p>
<ul class="nav">
<li><a href="./team.html">Team</a></li>
<li><a href="./week5.html">Week 5</a></li>
<li><a href="./week6.html">Week 6</a></li>
<li><a href="./week7.html">Week 7</a></li>
<li><a href="./week8.html">Week 8</a></li>
<li class="active"><a href="./week9.html">Week 9</a></li>
<li><a href="./week10.html">Week 10</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container-fluid">
<h1>Milestone 5: Functional Prototype II</h1>
<br />
<h2>Progress since last milestone</h2>
<div class="row-fluid">
<div class="span8 columns">
<p>Since our user testing session last week, we decided to implement new features and refine existing
ones based on the feedback we received. This week, we hope to test our product again with children
at the local Palo Alto Children's Library, since it is difficult to schedule time with kids during
the class day at elementary schools.</p>
<p>Features of latest prototype</p>
<ul>
<li>More audio recordings to guide user through activity pages, i.e. "Drag the ring onto me!"</li>
<li>2 main activity pages have bigger and clear objects and shelves</li>
<li>2 prompt pages to ask user "What do you think will happen next?" before suspenseful parts of story</li>
<li>Refined swipe gesture to make using it easier, more intuitive, and effective</li>
<li>Animations of various illustrations in the story to make reading experience feel more alive</li>
<li>Page 8-9 Drag 1 cursor to Franny's butt and transition to fart scene on page 10-11</li>
</ul>
<p>Changes we're currently working on</p>
<ul>
<li>Make glowing sphere as cursor</li>
<li>Designing more interactive/game-like pages for collaboration</li>
<ul>
<li>Pages 8-9: Two kids drag their cursors (glowing sphere) to Franny’s butt → automatic transition to the next page (fart page).</li>
<li>Pages 26-27: One kid rubs cricket (circle gesture?), one kid causes Franny to dance</li>
<li>Ability to draw out light of a firefly</li>
</ul>
</ul>
<hr />
<div class="row-fluid">
<footer>
<p>by <a href="./team.html">Cindy Chang</a>,
<a href="./team.html">Jessica Kung</a>,
<a href="./team.html"> Adam Raudonis</a>, and
<a href="./team.html">Gavin Kho</a></p>
</footer>
</div>
</div>
</div>