-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (107 loc) · 5.73 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Open-source platform for prostate motion tracking during in-bore targeted MRI-guided biopsy</title>
<meta name="description" content="This is the Responsive Grid System, a quick, easy and flexible way to create a responsive web site.">
<meta name="keywords" content="responsive, grid, system, web design">
<meta http-equiv="cleartype" content="on">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/html5reset.css" media="all">
<link rel="stylesheet" href="css/col.css" media="all">
<link rel="stylesheet" href="css/2cols.css" media="all">
<link rel="stylesheet" href="css/3cols.css" media="all">
<link rel="stylesheet" href="css/style.css" media="all">
<link rel="stylesheet" href="css/lightbox.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/sql.js"></script> <!--https://github.com/kripken/sql.js-->
</head>
<body>
<div class="section group nopadding">
<div class="col span_1_of_2">
<h1>Open-source platform for prostate motion tracking during in-bore targeted MRI-guided biopsy</h1>
</div>
<div class="col span_1_of_2">
<img src="imgs/logo.png" style="float:right; max-width:70%;">
</div>
</div>
<!-- <div class="section group">
<div class="col span_1_of_3"></div>
<div class="col span_1_of_3 noPadding">
<div id="before"></div>
<div id="after"></div>
</div>
</div>-->
<div class="section group">
<div class="col span_1_of_3">
<img class="special" src="imgs/orangedot.png"><h2> ABOUT THIS SITE</h2>
<p>This site contains the visualization of the result of our
intra-procedural prostate motion study for each dataset used in the
evaluation. Verification of deformable registration results remains
difficult, since metrics such as landmark registration error (LRE) and
Dice overlap coefficient (DSC) are often not sufficient to characterize the
results of the registration. To provide a more complete
characterization, we include these results before and after
registration for the reader's reference.
</p>
<p>
This work is supported in part by NIH grant P41 EB015898 National Center
for Image Guided Therapy (NCIGT), see <a href="http://ncigt.org">http://ncigt.org</a> for details.
</p>
<img class="special" src="imgs/pinkdot.png"><h2> WHAT YOU SEE</h2>
<p>Panel on the right shows "flicker" interchanging views of the
consecutive slices from the needle confirmation image volume and the
moving image (when registration is "OFF"), and needle confirmation
image volume and the registered image (when registration is "ON").
Patient and needle image selector allow to select a specific dataset
used in the evaluation. Shown DSC values illustrate a comparison of
the contoured gland of the first and the last needle confirmation image with and without
registration.
</p>
<div class="col span_2_of_2 spacer">
<a class="btn" href="images/anatomical_overview.png" data-lightbox="example-1">Anatomical Overview</a>
</div>
<div class="col span_2_of_2 spacer">
<a href="https://github.com/SlicerProstate/SliceTracker"><img src="imgs/code.png"></a>
<a href="http://www.spl.harvard.edu/publications/item/view/2853"><img src="imgs/paper.png"></a>
</div>
</div>
<div class="col span_2_of_3">
<div class="span_3_of_3 firefoxFix">
<div id="before"></div>
<div id="after"></div>
</div>
<div class="col span_1_of_3">
<p class="padded">PATIENT</p>
<select id="patientDropDown" SIZE="1" onChange="setPatientId(this.options[this.selectedIndex].value);">
</select>
</div>
<div class="col span_1_of_3">
<p class="padded">NEEDLE IMAGE</p>
<select id="needleDropDown" SIZE="1" onChange="setNeedleImage(this.options[this.selectedIndex].text);">
</select>
</div>
<div class="col span_1_of_3">
<p class="padded">REGISTRATION</p>
<select id="registrationMode" SIZE="1" onChange="setRegistrationMode(this.options[this.selectedIndex].value);">
<option selected value=false>OFF</option>
<option value=true>ON</option>
</select>
</div>
<img id="imageToSwap" src="" style="float:right; width:100%;visibility:hidden">
</div>
</div>
<script src="js/helpers.js"></script>
<script src="js/lightbox-plus-jquery.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44852938-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>