/
ServiceLearning.html
150 lines (142 loc) · 7.91 KB
/
ServiceLearning.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="static/favicon.ico" />
<title>Peyton Tiroff</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Cabin|Droid+Sans" rel="stylesheet">
<!-- My CSS -->
<link href="css/styles.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/index.html-->
<div id="wrapper">
<div id="menu">
<ul class="sidebar-nav">
<li><a href="index.html">This Is Peyton</a></li>
<li><a href="Resume.html">Resume</a></li>
<li ><a href="EnergyFlows.html">Research: Energy Flows</a></li>
<li class="active"><a href="#">Service Learning: America Scores</a></li>
<li><a href="MultiItemPage.html">Other Projects</a></li>
</ul>
</div>
<div id="panel">
<div class="content">
<div class="container-fluid">
<div class="row">
<div class="visible-xs-block col-xs-12 menu-pull">
<p>
Swipe Me!
</p>
</div>
</div>
<div class="row flex text-justify">
<div class="col-xs-12">
<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2">
<h2 class="text-center"> <strong>Developing Data Collection Web App for America Scores</strong></h2>
</div>
</div>
<div class="flex">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-lg-7">
<p>
Northeastern University has a special focus on getting students to start applying their education as soon as possible in real world problems, as exemplified by the co-op program. But the focus doesn't stop there, and in CS4500 Software Development, I had the opportunity to be a member of a group project that, with only minimal guidance from instructors when needed, developed a fully-functioning system for one Northeastern's community partners. My team in particular worked with America Scores to develop a system for tracking fitness data of program participents, to demonstrate the benifit of the after-school inner-city soccer leauge to potential donors. Within the 18-person team, I worked in a smaller group to develop a web application that could access, modify, delete, and create student data, as well as export that data to a csv for import into a Salesforce database, and have admin-level control over which coaches could access and contribute data from a mobile app developed by a another group in the team.
<br>
<br>
</p>
</div>
<div class="col-md-5 col-lg-4 visible-md-block visible-lg-block">
<div class="thumbnail">
<img src="static/as1.jpg" class="img-responsive center-block">
</div>
</div>
</div>
<div class="flex">
<div class="visible-md-block visible-lg-block col-md-4 col-md-offset-1">
<div class="thumbnail">
<img src="static/as2.PNG" class="img-responsive center-block">
</div>
</div>
<div class="col-xs-10 col-xs-offset-1 col-md-7 col-md-offset-0">
<div class="visible-md-block visible-lg-block">
<h4>Learning Through Doing</h4>
</div>
<div class="visible-sm-block visible-xs-block col-xs-12 text-center">
<h4>Learning Through Doing</h4>
</div>
<p>
The class walked through the basic steps in developing a piece of software - requirements gathering, modeling, architecture, quality assurrance, and releasing - while we followed along in our projects. We also took our knowledge directly to the clients and organized in-person meetings, operations observations, user tests, and utilized iterative feedback to get the best possible result at the end of the semester. We followed an agile system and worked in Confluence, Jira, and Github to be fully collaberative and productive.
<br>
<br>
</p>
</div>
</div>
<div class="flex">
<div class="col-xs-10 col-xs-offset-1 col-md-7 col-md-offset-1">
<div class="visible-md-block visible-lg-block text-right">
<h4>Reflection On Participation</h4>
</div>
<div class="visible-sm-block visible-xs-block col-xs-12 text-center">
<h4>Reflection On Participation</h4>
</div>
<p>
There is such a difference between writing code for a week-long homework assignment or an exploratory personal project ,and developing a self-sustaining, fully-functional system based on the needs of a client, and I'm very glad this class and project gave me the opportunity to be exposed to all the little things that need to go into a complete software product. After its completion, I truely felt that I could speak the language of software development and understand the concerns of the process from both a technical and business perspective, and I think opportunities like these are what set a Northeatern education apart from its peer universities
</p>
</div>
<div class="col-md-4 visible-md-block visible-lg-block">
<div class="thumbnail">
<img src="static/as3.jpg" class="img-responsive center-block">
</div>
</div>
</div>
<div class="col-xs-offset-1 col-xs-10 visible-xs-block visible-sm-block">
<div class="thumbnail">
<img src="static/as1.jpg" class="img-responsive center-block">
</div>
</div>
<div class="col-xs-offset-1 col-xs-10 visible-xs-block visible-sm-block">
<div class="thumbnail">
<img src="static/as2.PNG" class="img-responsive center-block">
</div>
</div>
<div class="col-xs-offset-1 col-xs-10 visible-xs-block visible-sm-block">
<div class="thumbnail">
<img src="static/as3.jpg" class="img-responsive center-block">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Close of main row-->
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--Slideout.js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/0.1.12/slideout.min.js"></script>
<!--My javascript-->
<script src="js/script.js"></script>
<script>
var slideout = new Slideout({
'panel': document.getElementById('panel'),
'menu': document.getElementById('menu'),
'padding': 256,
'tolerance': 70
});
</script>
</body>
</html>