-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (122 loc) · 6.6 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>CSCE 190 Musa Azeem</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Musa Azeem's CSCE 190 site</h1>
<div class="assignments">
<!-- Problem Statement Assignment -->
<section class = "assignment">
<a href = "files/problem-statement.pdf"><img src = "images/problem-statement.png"></a>
<section class = "ass-details">
<a href = "files/problem-statement.pdf"><h2>Problem Statement: Bike Locater</h2></a>
<p>
Our users struggle with maintaining the location of their locked bikes and often suffer from theft. Our solution should enable users to track the location of their bikes through a GPS system in order to always know where they left it and to find out where a thief may have taken it.
</p>
</section>
</section>
<!-- Affinity Diagram Assignment -->
<section class = "assignment">
<a href = "files/affinity-diagram.pdf"><img src = "images/affinity-diagram1.png"></a>
<a href = "files/affinity-diagram.pdf"><img src = "images/affinity-diagram2.png"></a>
<a href = "files/affinity-diagram.pdf"><img src = "images/affinity-diagram3.png"></a>
<a href = "files/affinity-diagram.pdf"><img src = "images/affinity-diagram4.png"></a>
<a href = "files/affinity-diagram.pdf"><img src = "images/affinity-diagram5.png"></a>
<section class = "ass-details">
<a href = "files/affinity-diagram.pdf"><h2>Affinity Diagram: Bike Locater</h2></a>
<p>
My team and I brainstormed and compiled our thoughts and ideas for the bike locator GPS and its relating application.
</p>
</section>
</section>
<!-- Personnas Assignment -->
<section class = "assignment">
<a href = "files/Personnas.pdf"><img src = "images/Personnas1.png"></a>
<a href = "files/Personnas.pdf"><img src = "images/Personnas2.png"></a>
<a href = "files/Personnas.pdf"><img src = "images/Personnas3.png"></a>
<a href = "files/Personnas.pdf"><img src = "images/Personnas4.png"></a>
<section class = "ass-details">
<a href = "files/Personnas.pdf"><h2>Personna: 4 Personnas for Bike Locator</h2></a>
<p>
Four personnas of typical Bike Locator users.
</p>
</section>
</section>
<!-- Storyboard Assignment -->
<section class = "assignment">
<a href = "files/storyboard.pdf"><img src = "images/storyboard1.png"></a>
<a href = "files/storyboard.pdf"><img src = "images/storyboard2.png"></a>
<a href = "files/storyboard.pdf"><img src = "images/storyboard3.png"></a>
<a href = "files/storyboard.pdf"><img src = "images/storyboard4.png"></a>
<section class = "ass-details">
<a href = "files/storyboard.pdf"><h2>Storyboard: Personnas</h2></a>
<p>
Comic strips illustrating the need and usefulness of the Bike Locater GPS.
</p>
</section>
</section>
<!-- Sketches Assignment -->
<section class = "assignment">
<a href = "files/Sketch.pdf"><img src = "images/Sketch.png"></a>
<section class = "ass-details">
<a href = "files/Sketch.pdf"><h2>Sketch: Bike Locator App</h2></a>
<p>
Sketches of potential app solutions for the bike location problem.
</p>
</section>
</section>
<!-- Prototype Assignment -->
<section class = "assignment">
<a href = "https://youtu.be/3u8lV71J0R0"><img src = "images/prototype.png"></a>
<section class = "ass-details">
<a href = "https://youtu.be/3u8lV71J0R0"><h2>Prototype: Bike Locator App</h2></a>
<p>
A functional prototype online which we can use to ideate.
</p>
</section>
</section>
<!-- Usability Testing Assignment -->
<section class = "assignment">
<a href = "files/usability.pdf"><img src = "images/usability.png"></a>
<section class = "ass-details">
<a href = "files/usability.pdf"><h2>Usability Testing: Bike Locator App</h2></a>
<p>
A scenario and tasks and the outcome of usability tests.
</p>
</section>
</section>
<!-- Low Fidelity Prototype Assignment -->
<section class = "assignment">
<a href = "files/low-fi-prototype/index.html"><img src = "images/low-fi-prototype.png"></a>
<section class = "ass-details">
<a href = "files/low-fi-prototype/index.html"><h2>Low Fidelity Prototype: Bike Locator App</h2></a>
<p>
A low fidelity prototype for the bike locator application
</p>
</section>
</section>
<!-- High Fidelity Prototype Assignment -->
<section class = "assignment">
<a href = "files/high-fi-prototype/index.html"><img src = "images/high-fi-prototype.png"></a>
<section class = "ass-details">
<a href = "files/high-fi-prototype/index.html"><h2>High Fidelity Prototype: Bike Locator App</h2></a>
<p>
A high fidelity prototype for the bike locator application
</p>
</section>
</section>
<!-- Prototype Presentation Assignment -->
<section class = "assignment">
<a href = "https://www.youtube.com/watch?v=nGW2ehd94Sw"><img src = "images/high-fi-prototype.png"></a>
<section class = "ass-details">
<a href = "https://www.youtube.com/watch?v=nGW2ehd94Sw"><h2>Prototype Presentation: Bike Locator App</h2></a>
<p>
A final presentation of our Bike Locator application
</p>
</section>
</section>
</div>
</body>
</html>