-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (113 loc) · 5.86 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
<!DOCTYPE html>
<html>
<head>
<title>CSCE 190: Alex Hutton</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1> Alex Hutton's CSCE 190 Site </h1>
<div class="assignments">
<!-- Problem Statement Assignment-->
<section class="assignment">
<a href="files/ProblemStatement.pdf"><h2>Problem Statement: Class Convenience</h2></a>
<a href="files/ProblemStatement.pdf"><img src="images/ProblemStatement.png"></a>
<section class="assignment-details"></section>
<p>
Modern college students need a way where they can view their schedule and submit assignments for any class because most students become overwhelmed by the amount of websites they have to check on daily.
</p>
</section>
</section>
<!-- Affinity Diagram Assignment-->
<section class="assignment">
<a href="files/AffinityDiagram.pdf"><h2>Affinity Diagram: Class Convenience</h2></a>
<a href="files/AffinityDiagram.pdf"><img src="images/AffinityDiagram1.png"></a>
<section class="assignment-details">
<p>
Our group came up with ideas on how our apps features, look, and function.
</p>
</section>
</section>
<!-- Personna Diagram Assignment-->
<section class="assignment">
<a href="files/sharlameeks.pdf"><h2>Personna: Sharla Meeks</h2></a>
<a href="files/sharlameeks.pdf"><img src="images/sharlameeks.png"></a>
<section class="assignment-details">
<p>
A personna of a typical college student you could find on campus.
</p>
</section>
</section>
<!-- Storyboard Assignment-->
<section class="assignment">
<a href="files/storyBoard.pdf"><h2>Story board: Class Convenience</h2></a>
<a href="files/storyBoard.pdf"><img src="images/alexStoryBoard.png"></a>
<section class="assignment-details">
<p>
Multiple comic strips which show the value of a class convenience app.
</p>
</section>
</section>
<!-- Sketching Assignment-->
<section class="assignment">
<a href="files/ClassConvience.pdf"><h2>Sketching: Class Convenience</h2></a>
<a href="files/ClassConvience.pdf"><img src="images/classConvience.png"></a>
<section class="assignment-details">
<p>
A sketch displaying a potential interface for our app to improve class convenience.
</p>
</section>\
</section>
<!-- Paper Prototype Assignment-->
<section class="assignment">
<a href="https://youtu.be/cf_7PjUuG4U"><h2>Paper Prototype: Class Convenience</h2></a>
<a href="https://youtu.be/cf_7PjUuG4U"><img src="images/paperPrototype.png"></a>
<section class="assignment-details">
<p>
A protype devolped on paper to showcase how our Class Convience App could function.
</p>
</section>
</section>
<!-- Usability Testing Script Assignment-->
<section class="assignment">
<a href="files/usabilityScript.pdf"><h2>Usability Testing: Class Convenience</h2></a>
<a href="files/usabilityScript.pdf"><img src="images/usabilityScript.png"></a>
<section class="assignment-details">
<p>
Results of a usability test, with given scenario and tasks.
</p>
</section>
</section>
<!-- Low-fi Prototype Assignment-->
<section class="assignment">
<a href="files/lowfiPrototype/index.html"><h2>Low Fidelity Prototype: Class Convenience</h2></a>
<a href="files/lowfiPrototype/index.html"><img src="images/lofipro.png"></a>
<section class="assignment-details">
<p>
Low Fidelity Protype of the class convenience app.
</p>
</section>
</section>
<!-- HIGH-fi Prototype Assignment-->
<section class="assignment">
<a href="files/hifiPrototype/"><h2>High Fidelity Prototype: Class Convenience</h2></a>
<a href="files/hifiPrototype/"><img src="images/hifipro.png"></a>
<section class="assignment-details">
<p>
High Fidelity Protype of the class convenience app.
</p>
</section>
</section>
<!-- HIGH-fi Prototype Presentation Assignment-->
<section class="assignment">
<a href="https://youtu.be/nlavuuoNKTA"><h2>High Fidelity Prototype: Class Convenience</h2></a>
<a href="https://youtu.be/nlavuuoNKTA"><img src="images/hifipropres.png"></a>
<section class="assignment-details">
<p>
High Fidelity Protype Presentation of the class convenience app.
</p>
</section>
</section>
</section>
</div>
</body>
</html>