-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (79 loc) · 3.99 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
<!DOCTYPE html>
<html>
<head>
<title>CSCE 190: Austin Balon</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Austin Balon's CSCE 190 Site</h1>
<div class="assignments">
<!--Problem Statement Assignement-->
<section class="assignment">
<a href="files/problemStatement.pdf"><h2>Problem Statement: Food Services</h2></a>
<a href="files/problemStatement.pdf"><img src="images/problemStatement.PNG"></a>
<p>
I am a college student at USC, and I want
to eat lunch quickly at the Russell House,
but the lines are always too long, and I
don’t know where to go to get food the fastest.
</p>
</section>
<!--Affinity Diagram Assignement-->
<section class="assignment">
<a href="files/affinityDiagram.pdf"><h2>Affinity Diagram: Food Services </h2></a>
<a href="files/affinityDiagram.pdf"><img src="images/affinityDiagram.PNG"></a>
<p>
My group brainstormed some flaws and
improvements related to the current
state of affairs of the food services at UofSC.
</p>
</section>
<!--Personna Assignement-->
<section class="assignment">
<a href="files/Personas.pdf"><h2>Persona: 4 Personas for Food App</h2></a>
<a href="files/Personas.pdf"><img src="images/persona.PNG"></a>
<p>
My group made some personas to better
realize and cater to the app's demographic.
</p>
</section>
<!--Storyboard Assignement-->
<section class="assignment">
<a href="files/personaStoryboards.pdf"><h2>Storyboard: 4 Storyboards for Food App</h2></a>
<a href="files/personaStoryboards.pdf"><img src="images/storyboard.PNG"></a>
<p>
My group made some storyboards for our
personas to better explore the effect that we
hope the app to have.
</p>
</section>
<!--Sketching Assignment-->
<section class="assignment">
<a href="files/sketches-compressed.pdf"><h2>Sketches</h2></a>
<a href="files/sketches-compressed.pdf"><img src="images/sketch.PNG"></a>
<p>
We constructed some sketches to prototype possible
user interface designs and interactions.
</p>
</section>
<!--Paper Prototype Assignment-->
<section class="assignment">
<a href="https://www.youtube.com/watch?v=Z7hWECz2HOEf"><h2>Paper Prototype</h2></a>
<a href="https://www.youtube.com/watch?v=Z7hWECz2HOE"><img src="images/paperPrototype.PNG"></a>
<p>
We made prototypes to illustrate screens
that our app may have.
</p>
</section>
<!--Hi-fi Prototype Assignment-->
<section class="assignment">
<a href="files/proto/src/index.html"><h2>Hi-fi Prototype</h2></a>
<a href="files/proto/src/index.html"><img src="images/proto.PNG"></a>
<p>
We made a Hi-fi prototype to show
interactivity and design elements.
</p>
</section>
</div>
</body>
</html>