forked from ISM6225/Assignment_LookAndFeel
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.html
More file actions
232 lines (195 loc) · 11.5 KB
/
about.html
File metadata and controls
232 lines (195 loc) · 11.5 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- viewport meta tag on all pages -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" type="image/png" href="./img/favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
<link rel="stylesheet" type="text/css" href="./css/main.css">
<link rel="stylesheet" type="text/css" href="./css/responsive.css">
<!-- load font awesome fonts -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>About Us - Group 2</title>
</head>
<body>
<div class="topnav sticky" id="topNavToggle" style="z-index:1000;">
<!-- Set class="active" on your page -->
<a href="./index.html">Home</a>
<!-- sarah -->
<a href="./favorite.html">My Favorite App</a>
<!-- deb -->
<a href="./blog.html">Blog</a>
<a href="./dashboard.html">Most Popular Apps</a>
<a href="./about.html" class="active">About Us</a>
<a href="javascript:void(0);" class="icon" onclick="toggleNav()">
<i class="fa fa-bars"></i>
</a>
<div class="logo">
<img src="./img/usf-logo-png-2.png" height="30px" />
</div>
</div>
<div class="content">
<div class="row" style="margin-top:4em;">
<h1 class="col-12" style="padding-top: 0;padding-bottom: 0;">About Us</h1>
</div>
<div class="row">
<div class="col-12"><h2>Our Mission</h2>
<p>
Our Website is designed to assist users in navigating the most popular apps both free and paid that are currently available.
The information is pulled from the iTunes API providing details such as author, genre, cost, ratings and description. From the
home page a user can click on the image of an app from a selection of popular apps and it will bring them to the details page.
There is also a search function where any app that is available in the iTunes app store can be chosen and details will be displayed.
There is a dashboard page that displays app store level metrics. The design followed a bootstrap style.
</p>
</div>
</div>
<div class="row">
<h2 class="col-12" style="padding-top: 0;padding-bottom: 0; margin-bottom: 0;">Our Team</h2>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;"><b style="font-weight: 700; font-size: large;"><u>Deborah Gause</u></b> graduated with a Bachelor of Science in Information Systems Management from the University of South Florida in 2003.
She also has a Bachelor of Science in Nutrition and Dietetics from the University of Arizona. She has worked for HCA Healthcare
for 25 years, 18 years as a Clinical Dietitian and currently as the Food and Nutrition Services Analyst for HCA West Florida division.
She is currently pursuing a Masters in Business Analytics and Information Systems from the University of South Florida.</p>
</div>
<div class="row">
<p class="col-12"><b style="font-weight: 700; font-size: large;"><u>Alex Seufert</u></b> is a Software Engineer at Nielsen Global Connect where he works with retail, manufacturing, and eCommerce data. Previously,
Alex worked as an Integration Engineer and oversaw implements of Nielsen’s Digital Content and Digital TV Ratings SDK for major clients,
including Buzzfeed, Vice Media, and Comcast. Prior to joining Nielsen, Alex worked within a wide range of roles, including business
intelligence, web analytics, and technical writing. Alex is currently pursuing an MS in Business Analytics and Information Systems from
the University of South Florida. Additionally, he holds an MA from the University of North Carolina at Chapel Hill and a BA from the
University of South Florida. He currently resides in Tampa.</p>
</div>
<div class="row">
<p class="col-12">
<b style="font-weight: 700; font-size: large;"><u>Sarah Wasselle</u> </b>graduated from the University of Florida with a degree in Industrial and Systems Engineering and is currently pursuing a
Masters in Business Analytics and Information Systems from the University of South Florida. She works as a Business Intelligence Developer
for MyMatrixx, an Express Scripts Company. Her previous professional experience includes analytics roles at Pepsi, Cummins Inc., and
Physician Partners of America.
</p>
</div>
<div class="row">
<p class="col-12">
<b style="font-weight: 700; font-size: large;"><u>Neeraj Kumar</u></b> is global head of Data Intelligence and Analytics function in Citigroup Anti-Money Laundering & Counter Terrorist Financing
department. Neeraj has worked and lead team across ASIA/Japan/EMEA/LATAM/Mexico & North America. Lead a global team of data miner, SMEs,
data scientists, data/behavior analytics strategists and intelligent analyst geared in developing new methods to detect AML risk via benign
normal and risky behavior. This incorporates new analytics techniques, methods, building algorithm, models, implementation of intelligence
methods and many more practical/social problems to be solved using data science methods. He has worked in technology, operation, business
across multiple countries and locations. Neeraj possess Bachelor of Engineering degree and Executive Masters in Business Administration
(Finance & Risk Specialization). He resides in Tampa for the last 5+ years with his wife and 2 kids. He loves meeting new people, visiting
new places, understanding different culture and connecting the dots in an organization.
</p>
</div>
<div class="row">
<h2 class="col-12">Submission Comments:</h2>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
<b style="font-weight: 700; font-size: large;">
I. (4 points) Content – relevance of the content on the site
</b>
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">The content of the site is based on a fictional business that specializes in helping people find, review, and analyze mobile applications from the iTunes store.</p>
</div>
<div class="row">
<p class="col-12">
<b style="font-weight: 700; font-size: large;">
II. (2 points) Chart – use a chart to display some useful data on the site
</b>
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
The charts provide App Store level metrics for a fictional dashboard, including the top 10 most reviewed apps and the top 10 highest reviewed apps.
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
<b style="font-weight: 700; font-size: large;">
III. (3 point) Responsiveness – compatibility with small (mobile), medium (tablet) and large (desktop) screen sizes
</b>
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
We used a custom-built Bootstrap style grid that utilizes rows and columns to dynamically flex based on screensize. Files for this grid system can be found in the /css/responsive.css file.
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
<b style="font-weight: 700; font-size: large;">
IV. (3 points) Usability –ease of use and navigation of your interface end users
</b>
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
We again designed our UX/UI on Bootstrap principles, including San-Serif fonts, thin text, and pastel color theme.
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
<b style="font-weight: 700; font-size: large;">
V.(3 points) Design – use of at least 3 specific design guidelines and ideas for web sites
</b>
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
1. The homepage is a list style page that allows the users to view a large number of apps. Each app is clickable to a detail app with more information (Note: since it's a static site, the links go to external pages because there would have been too many pages to create. Our full-stack app will direct to internal detail pages built by us)
</p>
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
2. Dashboard design guidelines again follow a Twitter Bootstrap style design with thin text and a light color theme.
</p>
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
3. Responsivness is present throughout thanks to the grid system. You can see the responsiveness in action on all the pages.
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
<b style="font-weight: 700; font-size: large;">
VI. (2 points) Group development – collaborative inputs from all team members (seen from git log output). The git log output should be appended to the submission comment.
</b>
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
Please consult the gitlog.txt in this repo for group colloboration.
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
<b style="font-weight: 700; font-size: large;">
VII. (1 point) Please add a comment to your submission, reflecting on your learnings, total time required and any recommendations for future assignments. Also include the git log output.
</b>
</p>
</div>
<div class="row">
<p class="col-12" style="padding-top: 0;padding-bottom: 0;">
Please consult the gitlog.txt in this repo for group collaboration. Please consult each of our submission comments in Canvas for individual comments.
</p>
</div>
</div>
</div>
<footer class="col-12 text-center" style="margin-top: 4em;">
<div>
<h2>Group 2 - App Tool</h2>
<span class="copyright">© 2020 - Deborah Gause, Neeraj Kumar, Sarah Wasselle, and Alexander Seufert</span>
</div>
</footer>
<script>
function toggleNav() {
var x = document.getElementById("topNavToggle");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>