-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevidencebox.html
109 lines (101 loc) · 6.02 KB
/
evidencebox.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
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Peter Vilim - Projects</title>
<meta charset="utf-8">
<link rel="stylesheet" href="pv.css">
<link rel="shortcut icon" href="favicon.ico">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39932925-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="Whole">
<div id="Mwrapper">
<div id="MainContent">
<header>
<h1>Evidence Box</h1>
</header>
<article class="content">
<h1>Overview</h1>
<p class="tab">
Evidence Box is an online document management system that I wrote in high school to assist my debate club. It helped to organize the club's research and evidence collection. I recently helped my younger brother who is now in high school rewrite the site with a much more sophisticated interface. The program handled roughly 1000 documents per semester and saved considerable time while allowing people to easily find and retrieve the research they needed.
</p>
<h1>Description</h1>
<p class="tab">
The site supports the posting of research assignments by club leadership. Each student in the club has an account with various permissions. Students upload their documents onto the site when they are completed. Administrators can review the documents and make changes or write in a conversation thread for the document what changes the student has to make. Once a student uploads enough revisions that the document has reached a satisfactory level of quality, the administrators move the document to the publishing stage.
</p>
<div class="image">
<img style="width:90%;display:block; margin-left: auto;margin-right: auto" src="evidencebox_review.png"></img>
<div class="caption" >Evidence Review tab of administrator panel</div>
</div>
<p class="tab">
The publishing stage allows the administrators to tag the document with its topic, homework week, and other important information. Administrators then publish the document to the central repository. Students can filter on different tags and download from this central repository. Students are automatically granted access to the research files from a week to which they have contributed as an incentive for them to contribute. Users are able to view a summary of which homework weeks they have access to and what the status of their homework is.
</p>
<div class="image">
<img style="width:90%;display:block; margin-left: auto;margin-right: auto" src="evidencebox_download.png"></img>
<div class="caption" >Download section for users</div>
</div>
<p class="tab">
The administrator panel allows for the manual configuration of numerous aspects of the site without accessing the database manually. It allows for the configuration of user accounts, changing which weeks users have access to, setting up the tag system, and changing aspects of the information for stored documents. New instances of the site can be deployed with very minimal manual database interaction.
</p>
<div class="image">
<img style="width:90%;display:block; margin-left: auto;margin-right: auto" src="evidencebox_admin.png"></img>
<div class="caption" >Assignment tab of administrator panel</div>
</div>
<h1>Technology</h1>
<p class="tab">
<ul>
<li>PHP, HTML, CSS, and Javascript</li>
<li>MySQL database</li>
<li>Newer site uses jQuery, JSON, and AJAX for enhanced interface</li>
</ul>
</p>
</article>
</div>
</div>
<div id="Swrapper">
<nav>
<ul>
<li><h1></h1>
<ul>
<li ><a href="index.html" title="Peter Vilim">Main</a></li>
<li><a href="about.html" title="About Me">About Me</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
<li><a href="Resume - P. Vilim.pdf" title="Resume">Resume (PDF)</a></li>
</ul>
</li>
<li><h1>Projects</h1>
<ul>
<li><a href="sales.html" title="Sales Analytics">Sales Analytics</a></li>
<li><a href="plugin.html" title="Delphix Jenkins Plugin">Delphix Jenkins Plugin</a></li>
<li><a href="radtrac.html" title="RadTrac">RadTrac</a></li>
<li><a href="bigdata.html" title="Big Data Visualization">Big Data Visualization</a></li>
<li><a href="shippingmanager.html" title="Shipping Manager">Shipping Manager</a></li>
<li class="current"><a href="evidencebox.html" title="Evidence Box">Evidence Box</a></li>
<li><a href="others.html" title="Others">Others...</a></li>
</ul>
</li>
<li><h1>External</h1>
<ul>
<li><a target="_blank" href="https://github.com/peterlvilim" title="GitHub: peterlvilim">GitHub</a></li>
<li><a target="_blank" href="http://www.linkedin.com/pub/peter-vilim/1a/467/750" title="LinkedIn: peter-vilim">LinkedIn</a></li>
<li><a target="_blank" href="https://youtu.be/pXQ-SRwUdY4" title="JUC East 2015">Jenkins User Conference 2015 Talk</a></li>
</ul>
<li><h1>Blogs</h1>
<ul>
<li><a target="_blank" href="http://blog.delphix.com/peter-villim/2015/10/16/first-customer-support-escalation" title="Escalation blog">Customer Escalation Blog</a></li>
<li><a target="_blank" href="http://blog.delphix.com/peter-villim/2015/05/08/my-first-engineering-kickoff-at-delphix-hackathon/" title="Hackathon blog">Hackathon Blog</a></li>
<li><a target="_blank" href="http://blog.delphix.com/amerriweather/2014/09/09/takeaways-summer-engineering-internship-delphix/" title="Internship blog">Delphix Internship Blog</a></li>
</ul>
</li></ul>
</nav>
</div>
</div>
</body></html>