-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (97 loc) · 4.84 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
<!DOCTYPE html>
<html>
<head>
<title>CSCE 190 - Caleb Martin</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Caleb Martin's CSCE 190 Site</h1>
<div class = "pageelement">
<!--Problem Statement-->
<section class = "assignment">
<a href="files/problem-statement.pdf" target="_blank">
<img src = "images/problem-statement-small.png" alt = "Thumbnail for Problem Statement document" >
</a>
<section class = "doc-details">
<a href="files/problem-statement.pdf" target="_blank"><h2>Problem Statement</h2></a>
<p>
Busy bar-goers need an effective way to scope the current wait times and capacities of nearby bars so that they can make the most of their evening plans.<br>
Our solution should help bar-goers avoid these problems.
</p>
</section>
</section>
<!--Affinity Diagram-->
<section class = "assignment">
<a href="files/affinity-diagram.pdf" target="_blank">
<img src = "images/affinity-diagram-small.png" alt = "Thumbnail for Affinity Diagram document" >
</a>
<section class = "doc-details">
<a href="files/affinity-diagram.pdf" target="_blank"><h2>Affinity Diagram</h2></a>
<p>
My team worked to think about potential ideas and problems associated with our problem statement.
</p>
</section>
</section>
<!--Personas-->
<section class = "assignment">
<a href="files/personas.pdf" target="_blank">
<img src = "images/personas-small.png" alt = "Thumbnail for Personas document" >
</a>
<section class = "doc-details">
<a href="files/personas.pdf" target="_blank"><h2>Personas</h2></a>
<p>
My team worked to think about the kinds of users that would encounter our problem.
</p>
</section>
</section>
<!--Storyboards-->
<section class = "assignment">
<a href="files/storyboards.pdf" target="_blank">
<img src = "images/storyboards-small.png" alt = "Thumbnail for Storyboards document" >
</a>
<section class = "doc-details">
<a href="files/storyboards.pdf" target="_blank"><h2>Storyboards</h2></a>
<p>
My team worked to create scenarios involving our app.
</p>
</section>
</section>
<!--Sketches-->
<section class = "assignment">
<a href="files/sketches.pdf" target="_blank">
<img src = "images/sketches-small.png" alt = "Thumbnail for Sketches document" >
</a>
<section class = "doc-details">
<a href="files/sketches.pdf" target="_blank"><h2>Sketches</h2></a>
<p>
My team worked separately to create different skethes of what our app might look like!
</p>
</section>
</section>
<!--Paper Prototype-->
<section class = "assignment">
<a href="https://youtu.be/WwWFhJCebEE" target="_blank">
<img src = "images/paper-prototype-square.jpg" alt = "Thumbnail for Paper Prototype" >
</a>
<section class = "doc-details">
<a href="https://youtu.be/WwWFhJCebEE" target="_blank"><h2>Paper Prototype</h2></a>
<p>
I created a video of using a paper version of the app to detail some of its functionality
</p>
</section>
</section>
<!--High Fidelity Prototype-->
<section class = "assignment">
<a href="files/BarFinderApp-html/fullscreen.html" target="_blank">
<img src = "images/hifi.PNG" alt = "Thumbnail for High Fidelity Prototype" >
</a>
<section class = "doc-details">
<a href="files/BarFinderApp-html/fullscreen.html" target="_blank"><h2>High Fidelity Prototype</h2></a>
<p>
Our group created a detailed prototype showing what our app might actually look like in practice!
</p>
</section>
</section>
</div>
</body>
</html>