-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (98 loc) · 4.21 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
<!DOCTYPE html>
<html>
<head>
<title>CSCE 190: Willyum Oliver </title>
<link rel= "stylesheet" a href = "styles.css">
</head>
<body>
<br>
<h1>Willyum Oliver's CSCE 190 Site </h1>
<!-- Problem Statement Assignment-->
<div class= "assignments">
<section class = "assignment">
<a href = "files/problem-statement.pdf">
<h2>Problem Statement: Shopping List</h2>
</a>
<a href="files/problem-statement.pdf">
<img src= "images/problem-statement.PNG">
</a>
<p>
Shoppers spend various amounts of time in the grocery store. Some have more time than others to go searching for what they are looking for. If we can create an app where they can organize and keep track of purchases they can shop more efficiently. All shoppers can have an enjoyable and less frustrating time shopping for the goods they want and need.
</p>
</section>
<!-- Affinity Diagram Assignment-->
<section class = "assignment">
<a href="files/Affinity-Diagram.pdf">
<h2>Affinity Diagram: Shopping List</h2>
</a>
<a href = "files/Affinity-Diagram.pdf">
<img src= "images/affinity-diagram.PNG">
</a>
<p>
My group and I worked together to try and include everything relating to shopping or an app userface.
</p>
</section>
<!-- Personna Assignment-->
<section class = "assignment">
<a href="files/Personas.pdf">
<h2>Personna: 3 For Shopping list </h2>
</a>
<a href="files/Personas.pdf">
<img src= "images/persona.png">
</a>
<p>
A personna of a typical digital shopper.
</p>
</section>
<!-- Storyboard Assignment-->
<section class = "assignment">
<a href="files/Storyboards.pdf">
<h2>Story Boards: Shopping List</h2>
</a>
<a href = "files/Storyboards.pdf">
<img src= "images/storyboardss.PNG">
</a>
<p>
The Storyboards goes through the daily routines of what our userbase may look like.
</p>
</section>
<!-- Sketches Assignment-->
<section class = "assignment">
<a href="files/Sketch.pdf">
<h2>Team Sketches: Shopping List</h2>
</a>
<a href="files/Sketch.pdf">
<img src= "images/Sketches.png">
</a>
<p>
A general idea of what our app will potentially look like
</p>
</section>
<!-- Paper Prototype Video Assignment-->
<section class = "assignment">
<a href="https://www.youtube.com/watch?v=cFX9AKethKg">
<h2>Prototype Design: Shopping List</h2>
</a>
<a href = "https://www.youtube.com/watch?v=cFX9AKethKg">
<img src= "images/Prototype.png">
</a>
<p>
This is the prototype of our app which is a final version of our teams sketches put together.
</p>
</section>
<!-- Lo-Fi Prototype Assignment-->
<section class = "assignment">
<a href="files/Shopping List/src/index.html">
<h2>Lo-Fi Prototype: Shopping List App</h2>
</a>
<a href = "files/Shopping List/src/index.html">
<img src= "images/lo-fi prototype.png">
</a>
<p>
This is a digital prototype that helps conceptualize our app idea even further.
</p>
</section>
</section>
</div>
</body>
</html>