-
Notifications
You must be signed in to change notification settings - Fork 0
/
assignments.html
150 lines (145 loc) · 5.86 KB
/
assignments.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE HTML>
<!--
Projection by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Assignments Tab</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="subpage">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="index.html" class="logo"><img id = "logo-nav-bar" src = "images/logo.png"></a>
<nav id="nav">
<a href="index.html">Home</a>
<a href="assignments.html">Assignments</a>
<a href="moreInfo.html">More Info</a>
</nav>
<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
</div>
</header>
<!-- Three -->
<div class="image round right">
<img src="images/pic02.jpg" alt="Pic 02" />
</div>
<section id="three" class="wrapper">
<div class="inner">
<header class="align-center">
<h2>Assignments</h2>
<p>All assignment files for Stanford's CS 147 Conejo project.
<br> Note that hovering over the assignment names will give you a brief description of that assignment</p>
</header>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Name</th>
<th>Files</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="tooltip"> NeedFinding
<span class="tooltiptext">Stage of observing and asking questions to uncover user needs and opportunities for improvement</span>
</div>
</td>
<td class = "right">
<a href="Assignments/Assignment1/Slides.pdf" class="button icon fa-download">Presentation</a>
</td>
</tr>
<tr>
<td>
<div class="tooltip">Point of View & Experience Prototypes
<span class="tooltiptext">Stage of analyzing field data first found in Needfinding and refined at this stage</span>
</div>
</td>
<td class = "right">
<a href="Assignments/Assignment2/Report.pdf" class="button icon fa-download">Report</a>
<a href="Assignments/Assignment2/Slides.pdf" class="button icon fa-download">Presentation</a>
</td>
</tr>
<tr>
<td>
<div class="tooltip">Concept Video
<span class="tooltiptext">Video describing a broad concept for a possible solution of a given set of problems</span>
</div>
</td>
<td class = "right">
<a href="Assignments/Assignment4/Slides.pdf" class="button icon fa-download">Presentation</a>
<a href="Assignments/Assignment4/conceptVideo.mp4" class="button icon fa-download">Concept Video</a>
</td>
</tr>
<tr>
<td>
<div class="tooltip">Low-Fidelity Prototype & Test
<span class="tooltiptext">First prototype (paper prototype in our case) for identifying simple and desirable ways to implement a solution to our identified problem</span>
</div>
</td>
<td class = "right">
<a href="Assignments/Assignment5/Report.pdf" class="button icon fa-download">Report</a>
<a href="Assignments/Assignment5/Slides.pdf" class="button icon fa-download">Presentation</a>
</td>
</tr>
<tr>
<td>
<div class="tooltip">Medium-fi Prototype
<span class="tooltiptext">More refined prototype with some built in interactivity to help define best practices and define a user experience</span>
</div>
</td>
<td class = "right">
<a href="Assignments/Assignment6/medfiPrototype.html" class="button icon fa-download">Prototype</a>
<a href="Assignments/Assignment6/Slides.pdf" class="button icon fa-download">Presentation</a>
<a href="Assignments/Assignment6/PrototypeUsage.pdf" class="button icon fa-download">Prototype Readme</a>
</td>
</tr>
<tr>
<td>
<div class="tooltip">Group Heuristic Evaluation
<span class="tooltiptext">Assignment for rating and understanding the medium-fi prototype and its general flaws before proceeding to the hi-fi prototype</span>
</div>
</td>
<td class = "right">
<a href="Assignments/Assignment9/heuristicEval.pdf" class="button icon fa-download">Heuristic Evaluation</a>
</td>
</tr>
<tr>
<td>
<div class="tooltip">Hi-fidelity Prototype
<span class="tooltiptext">Higher quality prototype still lacking ample functionality but covering precise task flow and UI experience for a final prototyping stage</span>
</div>
</td>
<td class = "right">
<a href="Assignments/Assignment8/hifiPrototype.html" class="button icon fa-download">High-fi Prototype</a>
<a href="Assignments/Assignment8/readme.pdf" class="button icon fa-download">Prototype-Readme</a>
<a href="Assignments/Assignment8/report.pdf" class="button icon fa-download">Report</a>
</td>
</tr>
<tr>
<td>
<div class="tooltip">Poster & Pitch Slide
<span class="tooltiptext">Poster presented on the project fair for Stanford CS 147</span>
</div></td>
<td class = "right">
<a href="Assignments/Assignment10/poster.pdf" class="button icon fa-download">Project Poster</a>
<a href="Assignments/Assignment10/slide.pdf" class="button icon fa-download">Pitch Slide</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>