-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (137 loc) · 8.4 KB
/
index.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
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head>
<title>PSI Ψ</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<style>
.jumbotron {
min-height: 290px; /* suddenly not getting height correct automatically*/
margin-bottom: 0px;
background-image: url(./UI/images/dpe.png);
background-position: 0% 25%;
color: #3A5FCD;
background-size: 25% 100%;
height: 25%;
text-shadow: #4D4D4D 0.3em 0.3em 0.3em;
}
.img-hover img {
-webkit-transition: all .3s ease; /* Safari and Chrome */
-moz-transition: all .3s ease; /* Firefox */
-o-transition: all .3s ease; /* IE 9 */
-ms-transition: all .3s ease; /* Opera */
transition: all .3s ease;
}
.img-hover img:hover {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform:translateZ(0) scale(2.50); /* Safari and Chrome */
-moz-transform:scale(2.50); /* Firefox */
-ms-transform:scale(2.50); /* IE 9 */
-o-transform:translatZ(0) scale(2.50); /* Opera */
transform:translatZ(0) scale(2.50);
}
footer {
padding-top: 30px;
padding-bottom: 15px;
}
td {
font-size: 19px;
color: #6CA6CD;
}
</style>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>PSI (Ψ)</h1>
<h2 style="text-shadow:#707070 0.3em 0.3em 0.3em;">a Private data Sharing Interface</h2>
<p style="color:black;">A National Science Foundation Secure and Trustworthy Cyberspace Project</p>
</div>
<p style="margin: 10px 10%;">
This prototype system will allow researchers with sensitive datasets to make <a href="http://privacytools.seas.harvard.edu/differential-privacy">differentially private</a> statistics about their data available through data repositories using the Dataverse platform.
</p>
<table>
<col width="16%">
<col width="4%">
<col width="16%">
<col width="4%">
<col width="16%">
<col width="4%">
<col width="16%">
<col width="4%">
<col width="16%">
<tr>
<td class="col-md-2 img-hover"><img src="./UI/images/flowupload.png" style="width:100%;"></td>
<td><img src="./UI/images/flowarrow.png" style="width:100%;"></td>
<td class="col-md-2 img-hover"><img src="./UI/images/flowbudget.png" style="width:100%;"></td>
<td><img src="./UI/images/flowarrow.png" style="width:100%;"></td>
<td class="col-md-2 img-hover"><img src="./UI/images/flowdownload.png" style="width:100%;"></td>
<td><img src="./UI/images/flowarrow.png" style="width:100%;"></td>
<td class="col-md-2 img-hover"><img src="./UI/images/flowtworavens.png" style="width:100%;"></td>
<td><img src="./UI/images/flowarrow.png" style="width:100%;"></td>
<td class="col-md-2 img-hover"><img src="./UI/images/flowbudget.png" style="width:100%;"></td>
</tr>
<tr>
<td align="center">Upload</td>
<td></td>
<td align="center">Budget</td>
<td></td>
<td align="center">Release</td>
<td></td>
<td align="center">Explore</td>
<td></td>
<td align="center">Query</td>
</tr>
</table>
<p style="margin: 10px 10%;">
Our prototype system will allow researchers to: [1] upload private data to a secured Dataverse archive, [2] decide what statistics they would like to release about that data, and [3] release privacy preserving versions of those statistics to the repository, [4] that can be explored through a curator interface without releasing the raw data, including [5] interactive queries.
</p>
<p style="margin: 10px 10%;">
A paper <a href="https://arxiv.org/abs/1609.04340">describing our system can be found here</a>. This system was created by the <a href="http://privacytools.seas.harvard.edu/">Privacy Tools for Sharing Research Data project</a>. Differential privacy is a mathematical framework for enabling statistical analysis of sensitive datasets while ensuring that individual-level information cannot be leaked. The project website contains resources for <a href="http://privacytools.seas.harvard.edu/courses-educational-materials">learning more about differential privacy</a>.
</p>
<h3 style="margin: 12px 12%;" >Budget Tool</h3>
<p style="margin: 10px 10%;">
The first part of this system is a tool that helps both data depositors and data analysts distribute a global privacy budget across many statistics. Users select which statistics they would like to calculate and are given estimates of how accurately each statistic can be computed. They can also redistribute their privacy budget according to which statistics they think are most valuable in their dataset. This work has motivated new theoretical results from our group that maximize the utility achievable when using differential privacy to share many statistics about a research dataset.</p>
<p class="text-center">
<a href="http://beta.dataverse.org/custom/DifferentialPrivacyPrototype/UI/code/interface.html?fileid=20&UI=1" class="btn btn-info" role="button">Explore Budget Tool Demo</a>
<a href="http://beta.dataverse.org/custom/DifferentialPrivacyPrototype/video/BudgetInterfaceDemo.mp4" class="btn btn-default" role="button">Watch Video of Tool</a>
</p>
<!-- <div class="col-sm-4">
<h3>Curator Interface</h3>
<p>When the data depositor has distributed their privacy budget, the second portion of our tool system draws differentially private versions of those statistical summaries selected by the data depositor from a library of differentially private routines (which we created in the R statistical language, and also make available for use by the R community) and stores them in metadata associated with that file on Dataverse. Future researchers who wish to explore restricted social science data can then access these privacy-preserving summary statistics either from the metadata, or through the TwoRavens graphical data exploration tool built for Dataverse, which we have adapted for differentially private statistics.</p>
<p class="text-center">
<a href="https://beta.dataverse.org/custom/DifferentialPrivacyPrototype/UI/code/privatetworavens.html" class="btn btn-info" role="button">Explore TwoRavens Interface Demo</a>
</p>
</div>
<div class="col-sm-4">
<h3>Interactive Queries</h3>
<p>Our system will allow some of the privacy budget to be reserved for future data analysts to choose their own differentially private statistics to calculate (selected from the library of differentially private algorithms provided by the system). Differential privacy will ensure that even if these queries are chosen adversarially, individual-level information will not be leaked. This currently works through a command-line interactive system, and we are developing a future user interface.</p>
<p class="text-center">
<a href="https://beta.dataverse.org/custom/DifferentialPrivacyPrototype/UI/code/interactive.html" class="btn btn-info" role="button">Watch Video Tour of Interactive Queries Demo</a>
</p>
</div> -->
</body>
<footer>
<p style="margin: 10px 10%;">
This system was created by the <a href="http://privacytools.seas.harvard.edu/">Privacy Tools for Sharing Research Data project</a>. Here are ways you can <a href="http://privacytools.seas.harvard.edu/participate">follow or contribute</a> to this project.
</p>
<div class="row">
<div style="float: right;">
<a href="https://www.iq.harvard.edu"><img src="./UI/images/iqss-logo.png" alt="In Partnership with IQSS" height="50" style="PADDING-RIGHT: 15px"></a>
</div>
<div style="float: right;">
<a href="http://dataverse.org"><img src="./UI/images/dataverse_project_logo.png" alt="Data Archived by Dataverse" height="50" style="PADDING-RIGHT: 15px"></a>
</div>
<div style="float: right;">
<a href="http://2ra.vn"><img src="./UI/images/TwoRavens.png" alt="Analysis with TwoRavens" height="40" style="PADDING-RIGHT: 15px"></a>
</div>
<div style="float: right;">
<a href="http://crcs.seas.harvard.edu"><img src="./UI/images/crcslogo_full_redname_03.png" alt="Built by CRCS" height="40" style="PADDING-RIGHT: 15px"></a>
</div>
</div>
</footer>
</html>