source: other-projects/hathitrust/wcsa/vol-checker/WebContent/index.html@ 31393

Last change on this file since 31393 was 31393, checked in by davidb, 7 years ago

Fixed typo

File size: 19.7 KB
Line 
1<!DOCTYPE html>
2<html>
3 <head>
4 <base href="https://analytics.hathitrust.org/" />
5 <title>HTRC Mashup - Home </title>
6 <link rel="shortcut icon" href="/assets/images/favicon.ico"/>
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <meta http-equiv="refresh" content="600">
9 <!-- Bootstrap -->
10 <link href="/assets/stylesheets/bootstrap.min.css" rel="stylesheet" media="screen">
11 <link href="/assets/stylesheets/main.css" rel="stylesheet" media="screen">
12 <link href="/assets/stylesheets/flat.css" rel="stylesheet" media="screen">
13 <link href="/assets/stylesheets/font-awesome.min.css" rel="stylesheet">
14 <link href="/assets/stylesheets/tomorrow.min.css" rel="stylesheet">
15
16 <link rel="stylesheet" href="/theme">
17
18 <script src="/assets/javascripts/highlight.min.js"></script>
19 <script src="/assets/javascripts/jquery.min.js"></script>
20 <script src="/assets/javascripts/stupidtable.min.js"></script>
21 <script src="/assets/javascripts/bootstrap.min.js"></script>
22 <script src="/assets/javascripts/bowser.min.js"></script>
23 <script type="text/javascript" src="/assets/javascripts/htrcwarnings.js"></script>
24 <script type="text/javascript" src="/assets/javascripts/uploadws.js"></script>
25 <script type="text/javascript" src="/assets/javascripts/ga-download-tracking.js"></script>
26
27 </head>
28 <body>
29 <nav class="navbar navbar-default navbar-fixed-top navbar-htrc" role="navigation">
30 <div class="container">
31 <div class="navbar-header">
32 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
33 <span class="sr-only">Toggle navigation</span>
34 <span class="icon-bar"></span>
35 <span class="icon-bar"></span>
36 <span class="icon-bar"></span>
37 </button>
38 <a class="navbar-brand" href="/"><img src="/assets/images/hathi.jpg"
39 width="36" height="32" style="padding-right : 5 px ; margin-top : - 1 px ;" alt=" ">
40 HTRC Portal
41 </a>
42 </div>
43
44 <div class="navbar-collapse collapse">
45 <ul class="nav navbar-nav">
46 <li><a href="/">Home</a></li>
47 </li>
48
49 <li class="dropdown">
50 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
51 Worksets <b class="caret"></b></a>
52 <ul class="dropdown-menu">
53
54 <li><a href="#" onclick="loggingRequiredWarning('/listuserworksets')" >View my worksets</a></li>
55
56 <li class="divider"></li>
57
58 <li><a href="#" onclick="loggingRequiredWarning('/listallworksets')">View all worksets</a></li>
59
60 <li class="divider"></li>
61
62 <li><a href="#" onclick="loggingRequiredWarning('/uploadworkset')">Upload workset</a></li>
63
64 <li class="divider"></li>
65 <li>
66 <a href="#" onclick="blacklightLoggingWarning ( ' https://analytics.hathitrust.org/blacklight ')">
67 Create workset</a>
68 </li>
69 </ul>
70 </li>
71
72 <li><a href="#" onclick="loggingRequiredWarning('/listalgorithms')" >Algorithms</a></li>
73
74
75 <li><a href="#" onclick="loggingRequiredWarning('/listjobs')">Results</a></li>
76
77
78 <li class="dropdown">
79 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
80 Capsule<b class="caret"></b></a>
81 <ul class="dropdown-menu">
82 <li><a href="https://wiki.htrc.illinois.edu/display/COM/HTRC+Data+Capsule">
83 Documentation</a>
84 </li>
85 <li class="divider"></li>
86
87 <li><a href="#" onclick="loggingRequiredWarning('/listvms')" >
88 Show Capsules</a></li>
89
90 <li class="divider"></li>
91
92 <li><a href="#" onclick="loggingRequiredWarning('/createvms')" >
93 Create Capsule</a></li>
94
95 </ul>
96 </li>
97
98 <li class="dropdown">
99 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
100 Data<b class="caret"></b></a>
101 <ul class="dropdown-menu">
102 <li><a href="/features">
103 Extracted Features Dataset</a>
104 </li>
105 <li><a href="/genre">
106 Word Frequencies in English-Language Literature, 1700-1922</a>
107 </li>
108 </ul>
109 </li>
110 <li class="dropdown">
111 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
112 Help<b class="caret"></b></a>
113 <ul class="dropdown-menu">
114 <li><a href="https://wiki.htrc.illinois.edu/display/COM/HTRC+User+Getting+Started+FAQ">
115 Knowledge Base</a>
116 </li>
117 <li class="divider"></li>
118 <li><a href="mailto:[email protected]?Subject=Contact">
119 Contact</a>
120 </li>
121 </ul>
122 </li>
123 <li><a href="/about">About</a>
124 </ul>
125
126 <ul class="nav pull-right navbar-nav">
127 <li class="dropdown">
128 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
129 Sign In<b class="caret"></b></a>
130 <ul class="dropdown-menu">
131 <li><a href="/login">Sign In</a></li>
132 <li class="divider"></li>
133 <li><a href="/passwordresetmail">
134 Forgot Password?</a></li>
135 </ul>
136 </li>
137
138
139 <li><a href="/signup"><span>Sign Up</span></a></li>
140 </ul>
141
142 </div>
143 <!--/.nav-collapse -->
144 </div>
145 </nav>
146
147
148
149 <div class="container container-panel" style="padding-top: 15px; padding-bottom: 15px;">
150 <div class="row">
151 <div class="col-md-2 col-sm-2 hidden-xs">
152 <img class="img-responsive" src="/assets/images/hathi.jpg" alt=" ">
153 </div>
154 <div class="col-md-10 col-sm-10 col-xs-12 col-lg-8" style="margin-left: 0;">
155 <h1 style="font-weight:bold;font-size:56px">
156 HT + HTRC Mashup
157 </h1>
158 </div>
159 </div>
160 <div class="row" style="padding-top : 25px; font-size : 17px; line-height : 27px;">
161 <div class="col-md-12">
162
163
164
165 <h2>Overview</h2>
166
167 <p>
168 Installing the software provided through this web page
169 allows you to mashup HTRC's
170 Bookworm and Extracted Features data-set with the main
171 HathiTrust web site. Once the software is installed
172 when you next visit
173 <a href="http://www.hathitrust.org">www.hathitrust.org</a>
174 you will notice a few additional features:
175 </p>
176 <ul>
177 <li><b>Bookworm Button.</b> Next to the
178 regular search button there will now also be a button
179 with a worm icon on it. Having entered some terms
180 into the search box, you now have a choice: pressing
181 the magnifying search button to initiate a regular
182 search within the HathiTrust DL, or else pressing this
183 new button next to it to initiate a bookworm search
184 with the terms you have just entered.
185 </li>
186 <li><b>Extracted Features Integration.</b> Along side
187 links for
188 <a class="cataloglinkhref icomoon-info-circle">Catalog Record</a>
189 and
190 <a class="fulltext icomoon-document-2">Full view</a>
191 for volumes/documents in the interface, there will additional be links for
192 <a class="cataloglinkhref">Download Extracted Features</a>.
193 You find these links appearing in search result sets, and when
194 browsing the items that make up publically available collections.
195 While most HT volumes have an extracted feature counterpart
196 in HTRC, due to the on-going expansion of the content of the
197 HathiTrust, not all of them do. In such circumstances the
198 Mashup software marks these entries
199 as <a style"color:red">HTRC Unfriendly</a>.
200
201 </li>
202
203 <li><b>HT Collection to HTRC Workset.</b>In the collectcions
204 area of the HathiTrust it is possible to <a>Download metadata</a>
205 for the currently selected collectcion. Now an additional download
206 button is available&mdash;Collection to Workset&mdash;that
207 downloads the same metadata, but filtered to those that are
208 available as extracted features in the HTRC.
209 </ul>
210
211 <p>
212 Some PowerPoint slides emphasizing where the mashup changes occur
213 can be accessed <a href="https://bedrock.resnet.cms.waikato.ac.nz/vol-checker/htrc-mashup.pptx">here</a>
214 </p>
215 <h2>Installation</h2>
216
217 <p>
218 To try out this HT + HTRC Mashup you need to have
219<!--
220 <a href="https://wiki.greasespot.net/Cross-browser_userscripting">
221 <a href="https://wiki.greasespot.net/User_script">
222-->
223 <a href="https://github.com/OpenUserJs/OpenUserJS.org/wiki/Userscript-beginners-HOWTO">
224 user-scripting
225 </a>
226 enabled in your browser. This is a two-step process:
227 <ol>
228 <li>
229 Install a user-script manager extension/add-in to your web browser such
230 as
231 <a href="https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/">
232 GreaseMonkey
233 </a> (Firefox)
234 or
235 <a href="https://tampermonkey.net/">TamperMonkey</a> (other browsers: Chrome, Microsoft Edge, Safari, Opera etc.).
236 The former is the add-in, developed for Firefox, that became
237 the catalyst for the more general idea of user-scripting in
238 browsers. The latter is a project that has put emphasis on
239 being cross-browser compatible.
240
241 </li>
242 <li>
243 Add the HT+HTRC Mashup Script to your user-scripting extension/add-in:
244 <ul>
245 <a name="download"/>
246 <li>
247 <a href="https://bedrock.resnet.cms.waikato.ac.nz/vol-checker/HT-HTRC_Mashup.user.js">
248 Mashup Version 1.0
249 </a>
250 </li>
251 </ul>
252 </ol>
253
254<!--
255 <p>The script was developed as a GreaseMonkey user-script for Firefox, and is known
256 to also work in Chrome, Internet Explorer, Opera, and Safari but the set up can be a bit more
257 involved.
258 </p>
259
260 <p>
261 This integrated functionality is achieved through user scripting
262 in your web browser. There are two things you need to install:
263
264
265Userscripts.org
266
267 If you are interested in trying out CSN with the minimum of
268 fuss, we recommend you
269 install <a href="https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/">GreaseMonkey</a>
270 in <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a>
271 (if you do not already have it installed), restart the web
272 browser and then click on the
273 <a href="#download">above link</a> to download the CSN script. This will trigger
274 GreaseMonkey's mechanism for installing user-scripts.
275 </p>
276
277-->
278
279 <p>
280 Now visit <a href="http://www.hathitrust.org">www.hathitrust.org</a> and
281 look out for the additional buttons and links!
282
283 </p>
284
285
286<!--
287 I hope you find the extension useful!
288 <p>
289 <i>
290 <a href="http://www.cs.waikato.ac.nz/~davidb/">David Bainbridge</a><br />
291 <a href="http://www.cs.waikato.ac.nz/">Department of Computer Science</a><br />
292 University of Waikato<br />
293 New Zealand<br />
294 </i>
295 </p>
296
297 <hr />
298-->
299
300
301
302 </div>
303 </div>
304
305 <!--
306 <div class="row">
307 <div class="col-md-12" style="margin-top : 20px;">
308 <h2 style="margin-top : 0">What would you like to do today?</h2>
309 </div>
310 </div>
311
312 <div class="row">
313 <div class="col-md-3">
314 <div class="panel panel-default panel-htrc margin-bt-0">
315 <div class="panel-heading">
316 <a href="#" class="dropdown-toggle" data-toggle="dropdown" onclick="blacklightLoggingWarning('https://analytics.hathitrust.org/blacklight')">Create Workset</a>
317 </div>
318 <div class="panel-body">
319 <div class="text-content">Create workset using our workset builder.</div>
320 </div>
321 </div>
322 </div>
323 <div class="col-md-3">
324 <div class="panel panel-default panel-htrc margin-bt-0">
325 <div class="panel-heading">
326
327 <a href="#" onclick="loggingRequiredWarning('/uploadworkset')">Upload Workset</a>
328
329 </div>
330 <div class="panel-body">
331
332 <div class="text-content">Upload a workset by specifying the
333 necessary data about its volumes through a text file.</div>
334 </div>
335 </div>
336 </div>
337 <div class="col-md-3">
338 <div class="panel panel-default panel-htrc margin-bt-0">
339 <div class="panel-heading">
340
341 <a href="#" onclick="loggingRequiredWarning('/listallworksets')">Browse Workset</a>
342
343 </div>
344 <div class="panel-body">
345 <div class="text-content">Browse through already created worksets.</div>
346 </div>
347 </div>
348 </div>
349 <div class="col-md-3">
350 <div class="panel panel-default panel-htrc margin-bt-0">
351 <div class="panel-heading">
352
353 <a href="#" onclick="loggingRequiredWarning('/listalgorithms')">Execute Algorithms</a>
354
355 </div>
356 <div class="panel-body">
357
358 <div class="text-content">Select and execute
359 text analysis algorithms for word count to more sophisticated
360 approaches.</div>
361
362 </div>
363 </div>
364 </div>
365
366 </div>
367 -->
368
369 </div>
370
371
372
373 <div class="container">
374 <p style="text-align: center; font-size: small; margin-top: 10px;">HTRC Portal (<a href="https://wiki.htrc.illinois.edu/display/COM/HTRC+Service+Release+v3.1+for+Uncamp+2015" target="_blank">v3.2.x</a>)
375 </p>
376 </div>
377
378
379 <div id="push"></div>
380
381
382
383
384
385
386
387
388
389
390 <div class="modal fade" id="create-collection-modal" aria-hidden="true" tabindex="-1" role="dialog">
391 <div class="modal-dialog">
392 <div class="modal-content">
393 <div class="modal-header">
394 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
395 <h4 class="modal-title">Create Workset</h4>
396 </div>
397 <div class="modal-body">
398 <p>You are being redirected to the Workset Builder.
399 If this is the first time accessing it during this browser session,
400 you will need to select "Login" from the top-right menu bar before creating or modifying a workset.
401 We are aware this is inconvenient and we're working on a technical solution to eliminate this requirement.</p>
402 </div>
403 <div class="modal-footer">
404 <span class="pull-left" style="padding-top : 5 px ;"><input type="checkbox" id="dont-show" style="margin : - 3 px 0 0 ;">
405 Don't Show This Again.</span>
406 <a href="#" class="btn btn-link btn-sm" data-dismiss="modal" aria-hidden="true">Cancel</a>
407 <a id="modal-wb-url" href="" class="btn btn-sm btn-primary" onclick="goToCreateCollection ( )">
408 Go</a>
409 </div>
410 </div>
411 </div>
412 </div>
413 <div class="modal fade" id="login-required-modal" aria-hidden="true" tabindex="-1" role="dialog">
414 <div class="modal-dialog">
415 <div class="modal-content">
416 <div class="modal-header">
417 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
418 <h4 class="modal-title">Please Sign in</h4>
419 </div>
420 <div class="modal-body">
421 <p>You need to sign in to access this functionality.</p>
422 </div>
423 <div class="modal-footer">
424
425
426 <a href="#" class="btn btn-link btn-sm" data-dismiss="modal" aria-hidden="true">Cancel</a>
427 <a id="modal-target-url" href="" data-toggle="modal" class="btn btn-sm btn-primary">
428 Go</a>
429 </div>
430 </div>
431 </div>
432 </div>
433
434 <!--
435 <script>
436 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
437 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
438 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
439 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
440
441 ga('create', 'UA-42842720-8', 'auto');
442 ga('send', 'pageview');
443 </script>
444 -->
445
446 </body>
447
448
449
450</html>
451
Note: See TracBrowser for help on using the repository browser.