-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
302 lines (234 loc) · 19.1 KB
/
index.html
File metadata and controls
302 lines (234 loc) · 19.1 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
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>LetUmGrow by LetUmGrow</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
<section class="page-header">
<h1 class="project-name">LetUmGrow</h1>
<h2><img src="/images/letumgrow_logo.png" alt="LetUmGrow Logo" style="width: 100px;"></h2>
<h2 class="project-tagline">Plants are family too; get to know them better.</h2>
<a href="https://github.com/LetUmGrow/LetUmGrow" class="btn">Visit our GitHub</a>
<!-- <a href="https://letumgrow.meteorapp.com/" class="btn">View on Galaxy</a> -->
</section>
<section class="main-content">
<img style="-moz-box-shadow: 5px 5px 2px #ccc; -webkit-box-shadow: 5px 5px 2px #ccc; box-shadow: 5px 5px 2px #ccc;" src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/letumgrowapp.PNG?raw=tru" alt="User_Profile_Page">
<h2>
<a id="about" class="anchor" href="#about" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>About</h2>
<p>LetUmGrow is a social network for plants located on the UH Manoa Campus.</p>
<p>Looking for a specific plant or want to learn more about a plant that you've seen? Our interactive map displays the location of nearby plants and links to each plant profile.</p>
<p>Spotted a new plant on campus? Create a profile page for that plant and add updates to its feed, like pictures or statuses. Keep track of plants in your garden or view what plants are on your favorite hike with LetUmGrow.
Who knows, there might even be a reward waiting for you if you do!</p>
<h2>
<a id="pages" class="anchor" href="#pages" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Guided Tour</h2>
<h3>
<a id="landing-page" class="anchor" href="#landing-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Landing</h3>
<p>Start by clicking on the login button and entering your credentials.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/landing1.png?raw=tru" alt="Landing_Page" title="mockup"></p>
<hr style="border-style: solid">
<h3>
<a id="home-page" class="anchor" href="#home-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Home</h3>
<p>After agreeing to terms of service you can either navigate the app through the dropdown menu at the top or through
the links within the description.</p>
<p><img src="../images/landing_page_02-15-17.png" alt="Landing_Page" title="mockup"></p>
<hr style="border-style: solid">
<h3>
<a id="tutorial" class="anchor" href="#tutorial" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Tutorial</h3>
<p>The tutorial page displays the process of how to use the LetUmGrow app.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/tutorial1.png?raw=tru" alt="tutorial" title="mockup"></p>
<hr style="border-style: solid">
<h3>
<a id="add-plant-page" class="anchor" href="#add-plant-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Add Plant</h3>
<p>Ready to add a plant to the map? You can add a newly planted plant or even a plant that has not been identified on the map yet!
Use the form below to add a plant to the database if you know its latitude and longitude coordinates.
Don't know the coordinates? It's okay, you can press the 'Use current location' button to request your device's current location
(if it has location functionality enabled) or just tap a point on the map to use the coordinates at that location.
Entering the plant's name, scientific name, and description is optional.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/addplants1.PNG?raw=tru" title="mockup">
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/addplants2.PNG?raw=tru" alt="Add_Plants_Page" title="mockup"></p>
<hr style="border-style: solid">
<h3>
<a id="plant-map-page" class="anchor" href="#add-plant-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Plant Map</h3>
<p>Now you can add points to LetUmGrow's database of plants by clicking on the map and also drag these points to change them! These points are saved to the List
Plants form below where you can edit the point's plant information and view it's longitude/latitude coordinates. Click on the 'Satellite' tab on the lop left
of the map to make it easier to view plant locations!.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/plantmap1.PNG?raw=tru" alt="Add_Plants_Page" title="mockup">
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/plantmap2.PNG?raw=tru" alt="Add_Plants_Page" title="mockup"></p>
<hr style="border-style: solid">
<h3>
<a id="list-plant-page" class="anchor" href="#add-plant-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>List Plants</h3>
<p>These are all the plant locations saved to the plant map. Feel free to edit a plant's data (by clicking on the 'Edit' button) to better describe a plant!</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/listplants1.PNG?raw=tru" alt="Add_Plants_Page" title="mockup">
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/listplants2.PNG?raw=tru" alt="Add_Plants_Page" title="mockup"></p>
<p>If you click on the 'Profile' button in the bottom left-hand corner of a plant listed, you will be taken to that specific plant's profile</p>
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/card1.PNG?raw=tru" alt="Add_Plants_Page" title="mockup">
<hr style="border-style: solid">
<h3>
<a id="list-plant-page" class="anchor" href="#add-plant-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Plant Profile</h3>
<p>The Plant Profile contains specific information about a certain plant and it's location on the map.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/plantprofile1.PNG?raw=tru" alt="Add_Plants_Page" title="mockup">
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/plantprofile2.PNG?raw=tru" alt="Add_Plants_Page" title="mockup"></p>
<p> The Plant Profile also contains a link the the relevant Species Profile, if the same scientific name is present in the Species Database. </p>
<hr style="border-style: solid">
<h3>
<a id="list-species-page" class="anchor" href="#list-species-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Species Database</h3>
<p>The Species Database contains an extensive list of species of plants found locally.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/Species Database.png?raw=tru" alt="Species_Database_Page"></p>
<p>By clicking on the scientific name of any card, you can view the species profile page.</p>
<hr style="border-style: solid">
<h3>
<a id="species-profile-page" class="anchor" href="#species-profile-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Species Profile Page</h3>
<p>Each species in the database has its own profile page, with further information about that type of plant, including a large field for plant desciption.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/Species Profile 3.png?raw=tru" alt="Species_Profile_Page">
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/Species Profile 4.png?raw=tru" alt="Species_Profile_Page"></p>
<hr style="border-style: solid">
<h3>
<a id="edit-species-page" class="anchor" href="#edit-species-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Edit Species Page</h3>
<p>Each species profile is fully editable, and you may provide an example picture of the species via hyperlink. The picture will be displayed in the species profile page, as well as the full species list.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/Species Edit3.png?raw=tru" alt="Edit_Species_Page">
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/Species Edit4.png?raw=tru" alt="Edit_Species_Page"></p>
<p>This page may be accessed from both the species profile and the list of species.</p>
<hr style="border-style: solid">
<h3>
<a id="user-profile-page" class="anchor" href="#user-profile-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>User Profile</h3>
<p>The User Profile allows you to view and edit specific information associated with your account.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/userprofile1.PNG?raw=tru" alt="User_Profile_Page">
</p>
<p>The User Profile keep track of your list of Contacts, and maintains a list of all the Plants that you have added.</p>
<hr style="border-style: solid">
<h3>
<a id="remedy-page" class="anchor" href="#remedy-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Remedies</h3>
<p>The Remedy page is a reference to Lāʻau Lapaʻau (Hawaiian Plant Medicine) remedies, materials needed, and procedures of preparation and
application. Techniques used in Lāʻau Lapaʻau are also included as well. Click on dropdown items to view the content. Knowledge of these remedies were passed on from <a href="https://www.youtube.com/watch?v=DTLCHAVdM_Q">Kumu Levon
Ohai</a> to <a href="http://manoa.hawaii.edu/hshk/people/keoki-baclayon/">Kumu Keoki Baclayon</a> who currently teaches
Lāʻau Lapaʻau at several University of Hawaii campuses as of 2016.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/remedies1.PNG?raw=tru" alt="Remedy_Page">
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/remedies2.PNG?raw=tru" alt="Remedy_Page">
<img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/remedies3.PNG?raw=tru" alt="Remedy_Page"></p>
<hr style="border-style: solid">
<h3>
<a id="faq-page" class="anchor" href="#add-plant-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>FAQ</h3>
<p>The FAQ page contains frequently asked questions separated in sections site, accounts, and mobile. Simply click on the
item you prefer to view and it's contents will show in a drop-down.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/faq2.png?raw=tru" alt="faq_Page" title="mockup"></p>
<hr style="border-style: solid">
<h3>
<a id="users-page" class="anchor" href="#users-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Users</h3>
<p>The users page allows you to change the role of a user; eventually this will be an admin only page.</p>
<p><img src="../images/users_page.png" alt="User_Page" title="mockup"></p>
<hr style="border-style: solid">
<h2>
<a id="pages" class="anchor" href="#pages" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Developer Guide</h2>
<p>This guide assumes that you have downloaded and installed Meteor and have a GitHub account.</p>
<hr style="border-style: solid">
<h3>
<a id="npm" class="anchor" href="#add-plant-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Build Application</h3>
<p>Navigate to 'app' directory of the LetUmGrow repository in the commandline and run the commands below.</p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/npm.PNG?raw=tru" alt="Add_Plants_Page" title="mockup">
</p>
<hr style="border-style: solid">
<h3>
<a id="npm" class="anchor" href="#add-plant-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Confirmation</h3>
<p>If all goes well, the application will appear at <a href="http://localhost:3000">http://localhost:3000</a>. You should see the landing
page of the LetUmGrow application as shown below (to login you will need a hawaii.edu account). If it does you can now edit the app in your IDE and send pull requests to the owners
with the hope that your contribution can help LetUmGrow continue to <strong>GROW!</strong></p>
<p><img src="https://github.com/LetUmGrow/LetUmGrow.github.io/blob/master/images/landing1.png?raw=tru" alt="Add_Plants_Page" title="mockup">
</p>
<h2>
<a id="team" class="anchor" href="#team" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Team</h2>
<ul>
<li><a href="https://billmullen42.github.io/">Bill Mullen</a></li>
<li><a href="https://paniolonate.github.io/">Nathan Nahina</a></li>
<li><a href="https://jonkiote.github.io/">Jonathan Quemuel</a></li>
<li><a href="https://matthew-schultz.github.io/">Matthew Schultz</a></li>
<li><a href="https://gviloria.github.io/">Gabriel Viloria</a></li>
</ul>
<h2>
<a id="team-coordination" class="anchor" href="#team-coordination" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Team Coordination</h2>
<p>The LetUmGrow team uses a combination of slack, google apps, and github to schedule meetings and coordinate tasks.</p>
<h2>
<a id="pages" class="anchor" href="#pages" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Initial User Study</h2>
<h3>Test User 1</h3>
<strong>User Bio</strong>
<li>ICS student at UH West Oahu and previously, Leeward Community College</li>
<li>Fellow team member on other app development projects (including at least one with map functionality)</li>
<li>Had an interest in a Plant Database for the Leeward Community College Campus</li>
<strong>Study Method</strong>
<li>Solicited feedback over chat after adding them to the list of users and sending a link</li>
<li>Got feedback by email</li>
<strong>Feedback</strong>
<li>Liked the tutorial page</li>
<li>Some of the remedies sounded ‘like torture’ </li>
<li>Wanted clarification on Plant ID page mockup and if it displayed individual plants
said it looked like there should be clickable links </li>
<li>Putting users in a different table for security reasons</li>
<hr style="border-style: solid">
<h3>Test User 2</h3>
<strong>User Bio</strong>
<li>ICS student at Leeward Community College</li>
<li>Interested in plants</li>
<strong>Study Method</strong>
<li>Solicited feedback over messaging after adding them to the list of users and sending a link</li>
<li>Got feedback by email</li>
<strong>Feedback</strong>
<li>Reluctant to log in using UH credentials, since they were unfamiliar with the CAS login</li>
<li>Asked if there was a default login or something else they could use besides UH</li>
<li>Had feedback on clarifying the TOS (4.1, 9.1, 9.3, 10.2)</li>
<hr style="border-style: solid">
<h3>Test User 3</h3>
<strong>User Bio</strong>
<li>Professor at UH Manoa</li>
<li>Kumu Lāʻau Lapaʻau (Hawaiian Plant Medicine)</li>
<strong>Study Method</strong>
<li>Shared website and discussed in person</li>
<strong>Feedback</strong>
<li>Gave corrections about some Hawaiian remedies</li>
<li>Did not get to navigate whole app, could be more user friendly with instructions </li>
<li>Suggested a plant scanner or identification tool </li>
<hr style="border-style: solid">
<h3>Test User 4</h3>
<strong>User Bio</strong>
<li>Landscaping/Grounds and Maintenance staff</li>
<li>Maintains landscaping plant map</li>
<li>Will probably collaborate more with them on further updates to LetUmGrow</li>
<strong>Study Method</strong>
<li>Emailed login information</li>
<li>Discussed changes in person</li>
<strong>Feedback</strong>
<li>See tree plotter</li>
<li>Have links on landscaping map to send prepopulated emails about the status of a plant </li>
<li>Network with Jason Leigh (ICS professor who does data visualization with LAVA) </li>
<li>The app has a lot of potential for many different users </li>
<hr style="border-style: solid">
<h3>Test User 5</h3>
<strong>User Bio</strong>
<li>Fellow ICS 314 Student</li>
<strong>Study Method</strong>
<li>Shared website and discussed in person</li>
<strong>Feedback</strong>
<li>Liked the graphic design</li>
<li>Noticed that they could log in despite not being on the list</li>
<hr style="border-style: solid">
<h2>
<a id="app-progress" class="anchor" href="#team-coordination" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Check out our progress!</h2>
<li><strong>Milestone 1: </strong><a href="https://github.com/LetUmGrow/LetUmGrow/projects/1">https://github.com/LetUmGrow/LetUmGrow/projects/1</a></li>
<li><strong>Milestone 2: </strong><a href="https://github.com/LetUmGrow/LetUmGrow/projects/2">https://github.com/LetUmGrow/LetUmGrow/projects/2</a></li>
<li><strong>Milestone 3: </strong><a href="https://github.com/LetUmGrow/LetUmGrow/projects/3">https://github.com/LetUmGrow/LetUmGrow/projects/3</a></li>
<li><strong>Milestone 4: </strong><a href="https://github.com/LetUmGrow/LetUmGrow/projects/5">https://github.com/LetUmGrow/LetUmGrow/projects/4</a></li>
<li><strong>Milestone 5: </strong><a href="https://github.com/LetUmGrow/LetUmGrow/projects/6">https://github.com/LetUmGrow/LetUmGrow/projects/5</a></li>
<li><strong>Milestone 6: </strong><a href="https://github.com/LetUmGrow/LetUmGrow/projects/7">https://github.com/LetUmGrow/LetUmGrow/projects/6</a></li>
<h2>
<a id="Help" class="anchor" href="#Help" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Need help?</h2>
Email Matthew Schultz - mschultz@hawaii.edu with any questions or concerns.
<footer class="site-footer">
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
</footer>
</section>
</body>
</html>