-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathVuCaseStudy.html
More file actions
201 lines (147 loc) · 7.08 KB
/
VuCaseStudy.html
File metadata and controls
201 lines (147 loc) · 7.08 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"> -->
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css'>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" type="text/css" href="css/blue_theme.css">
<link rel="stylesheet" type="text/css" href="css/caseStudy.css">
<link rel="stylesheet" type="text/css" href="css/contact.css">
<title>Portfolio: Case Study</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class='col-md-12'>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!--p class="navbar-brand">Medicine Minder</p> -->
<div class="navbar-brand Contact"><a href="index.html">Main Portfolio</a></div>
<ul class="nav navbar-nav navbar-defualt ">
<li><a href="#boarding">On boarding Tool<span class="sr-only">(current)</span></a></li>
<li><a href="#cores">Software Survey</a></li>
<li><a href="#docs">Documentation</a></li>
<li><a href="#jira">Jira</a></li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row MainTitle">
<div class='col-md-2'></div>
<div class='col-md-8'>
<h2 class="VuHeading">Vanderbilt University</h2>
<a name="top"></a>
</div>
<div class='col-md-2'></div>
</div>
<div class="row Main">
<div class='col-md-2'></div>
<div class="col-md-8"> </div>
<div class='col-md-2'></div>
</div>
</div><!--row end -->
<div class="row">
<div class='col-md-1'></div>
<div class='col-md-10 VU_Problem_Statement'>
<h3>Overview</h3>
<p>
Built and helped design an on boarding survey to gather information to facilitate a PI's move to Vanderbilt University. It was a multi-instrument survey with branching logic and styled with HTML and CSS.
Built a REDCap customer satisfaction survey to gauge effectiveness of scheduling software and helpfulness of staff.
Created documentation on all projects with Word and Confluence.
Jira Service Desk created customer requests. Styled instructions with Markup. </p>
</div>
<div class='col-md-1'></div>
</div><!--row end -->
<div class="space"></div>
<div class="row">
<div class='col-md-1'></div>
<a name="boarding"></a>
<div class='col-md-10 VU_Problem_Statement'>
<h3>On boarding information</h3>
<p>Built and helped design an on boarding survey to gather information to facilitate a PI's move to Vanderbilt University. It was a multi-instrument survey with branching logic and styled with HTML and CSS. The survey was built with REDCap (Research Electronic Data Capture). Answers on the first survey would trigger additional modules there were a total of eleven modules. </p>
<ol> Languages and Methods used.
<li>HTML</li>
<li>CSS</li>
<li>Trello</li>
<li>Wireframe flow charts</li>
<LI>In person user demos</LI>
</ol>
<img class='CoverImageimg' src="images/onboarding_flowchart.jpg">
</div>
<div class='col-md-1'></div>
</div><!--row end -->
<div class="space"> </div>
<div class="row">
<div class='col-md-1'></div>
<div class="col-md-10 VU_Problem_Statement">
<h3>Software Survey</h3>
<a name="cores"></a>
<p>Created a REDCap survey to gauge customer satisfaction of software used to schedule time on equipment and how well the equipment and staff worked.
Biggest Challenge: Stakeholder wanted individual answers for each piece of equipment. The software would not create this dynamically. I devised a process to build this using the software capabilities. I used their built-in copy function to duplicate questions, then edited the branching logic to show only when a user selected a particular machine.</p>
</div>
<div class='col-md-1'></div>
</div><!--row end -->
<div class="row">
<div class='col-md-1'></div>
<div class="col-md-10 space"></div>
<div class='col-md-1'></div>
</div><!--row end -->
<div class="row">
<div class='col-md-1'></div>
<div class="col-md-10 VU_Problem_Statement">
<a name="docs"></a>
<h3>Documentation</h3>
<p>Created documentation on all projects with Word and Confluence. Tracked what we did and why we made some choices. Listed other options, took screen shots. Created a variables list that told where a variable was used and its purpose. </p>
</div>
<div class='col-md-1'></div>
</div><!--row end -->
<div class="row">
<div class='col-md-1'></div>
<div class="col-md-10 space"></div>
<div class='col-md-1'></div>
</div><!--row end -->
<div class="row">
<div class='col-md-1'></div>
<div class="col-md-10 VU_Problem_Statement">
<h3>Jira ServiceDesk</h3>
<a name="jira"></a>
<p>Created customer requests with Jira ServiceDesk Cloud. Styled instructions with markup, CSS, HTML. Styled customer portal. Wrote user instructions. Discussed process with stakeholders </p>
</div>
<div class='col-md-1'></div>
</div><!--row end -->
<div class="row">
<div class='col-md-1'></div>
<div class="col-md-10 space"></div>
<div class='col-md-1'></div>
</div><!--row end -->
<div class="row">
<div class='col-md-1'></div>
<div class='col-md-10'>
<nav class="navbar navbar-default navbar-static-bottom Vunav">
<div class="container">
<div class="navbar-brand Contact"><a href="#top">Top</a></div>
</div>
<div class='col-md-1'></div>
</nav>
</div>
</div>
</div><!--container-fluid end -->
</div></div>
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</body>
</html>