root/other-projects/hathitrust/wcsa/vol-checker/WebContent/index.html @ 31333

Revision 31333, 19.5 KB (checked in by davidb, 4 years ago)

Minor word tweak

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:htrc-help@hathitrust.org?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>Bookwork 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      <h2>Installation</h2>
212
213      <p>
214    To try out this HT + HTRC Mashup you need to have
215<!--
216    <a href="https://wiki.greasespot.net/Cross-browser_userscripting">
217    <a href="https://wiki.greasespot.net/User_script">
218-->
219        <a href="https://github.com/OpenUserJs/OpenUserJS.org/wiki/Userscript-beginners-HOWTO">
220      user-scripting
221    </a>
222    enabled in your browser.  This is a two-step process:
223    <ol>
224      <li>
225        Install a user-script manager extension/add-in to your web browser such
226        as
227        <a href="https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/">
228          GreaseMonkey
229        </a> (Firefox)
230        or
231        <a href="https://tampermonkey.net/">TamperMonkey</a> (other browsers: Chrome, Microsoft Edge, Safari, Opera etc.).
232        The former is the add-in, developed for Firefox, that became
233        the catalyst for the more general idea of user-scripting in
234        browsers.  The latter is a project that has put emphasis on
235        being cross-browser compatible.
236       
237      </li>
238      <li>
239        Add the HT+HTRC Mashup Script to your user-scripting extension/add-in:
240        <ul>
241          <a name="download"/>
242          <li>
243        <a href="http://bedrock.resnet.cms.waikato.ac.nz:8686/vol-checker/HT-HTRC_Mashup.user.js">
244          Mashup Version 1.0
245        </a>
246          </li>
247        </ul>
248    </ol>
249
250<!--
251      <p>The script was developed as a GreaseMonkey user-script for Firefox, and is known
252    to also work in Chrome, Internet Explorer, Opera, and Safari but the set up can be a bit more
253    involved. 
254      </p>
255
256      <p>
257    This integrated functionality is achieved through user scripting
258    in your web browser.  There are two things you need to install:
259     
260
261Userscripts.org
262
263    If you are interested in trying out CSN with the minimum of
264    fuss, we recommend you
265    install <a href="https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/">GreaseMonkey</a>
266    in <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a>
267    (if you do not already have it installed), restart the web
268    browser and then click on the
269    <a href="#download">above link</a> to download the CSN script.  This will trigger
270    GreaseMonkey's mechanism for installing user-scripts. 
271      </p>
272
273-->
274
275      <p>
276    Now visit <a href="http://www.hathitrust.org">www.hathitrust.org</a> and
277    look out for the additional buttons and links!
278
279      </p>
280
281
282<!--
283    I hope you find the extension useful!
284      <p>
285    <i>
286        <a href="http://www.cs.waikato.ac.nz/~davidb/">David Bainbridge</a><br />
287          <a href="http://www.cs.waikato.ac.nz/">Department of Computer Science</a><br />
288              University of Waikato<br />
289              New Zealand<br />
290          </i>
291      </p>
292
293      <hr />
294-->
295
296
297
298        </div>
299        </div>
300
301    <!--
302       <div class="row">
303            <div class="col-md-12" style="margin-top : 20px;">
304                <h2 style="margin-top : 0">What would you like to do today?</h2>
305            </div>
306        </div>
307
308        <div class="row">
309            <div class="col-md-3">
310                <div class="panel panel-default panel-htrc margin-bt-0">
311                    <div class="panel-heading">
312                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" onclick="blacklightLoggingWarning('https://analytics.hathitrust.org/blacklight')">Create Workset</a>
313                    </div>
314                    <div class="panel-body">
315                        <div class="text-content">Create workset using our workset builder.</div>
316                     </div>
317                </div>
318            </div>
319            <div class="col-md-3">
320                <div class="panel panel-default panel-htrc margin-bt-0">
321                    <div class="panel-heading">
322                       
323                            <a href="#" onclick="loggingRequiredWarning('/uploadworkset')">Upload Workset</a>
324                       
325                    </div>
326                    <div class="panel-body">
327
328                        <div class="text-content">Upload a workset by specifying the
329                            necessary data about its volumes through a text file.</div>
330                        </div>
331                </div>
332            </div>
333            <div class="col-md-3">
334                <div class="panel panel-default panel-htrc margin-bt-0">
335                    <div class="panel-heading">
336                       
337                            <a href="#" onclick="loggingRequiredWarning('/listallworksets')">Browse Workset</a>
338                       
339                    </div>
340                    <div class="panel-body">
341                        <div class="text-content">Browse through already created worksets.</div>
342                    </div>
343                </div>
344            </div>
345            <div class="col-md-3">
346                <div class="panel panel-default panel-htrc margin-bt-0">
347                    <div class="panel-heading">
348                       
349                            <a href="#" onclick="loggingRequiredWarning('/listalgorithms')">Execute Algorithms</a>
350                       
351                    </div>
352                    <div class="panel-body">
353
354                                    <div class="text-content">Select and execute
355                                        text analysis algorithms for word count to more sophisticated
356                                        approaches.</div>
357
358                    </div>
359                </div>
360            </div>
361   
362        </div>
363    -->
364
365    </div>
366
367
368   
369        <div class="container">
370        <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>)
371        </p>
372        </div>
373
374       
375        <div id="push"></div>
376       
377       
378       
379       
380       
381       
382       
383       
384       
385       
386        <div class="modal fade" id="create-collection-modal" aria-hidden="true" tabindex="-1" role="dialog">
387            <div class="modal-dialog">
388                <div class="modal-content">
389                    <div class="modal-header">
390                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
391                        <h4 class="modal-title">Create Workset</h4>
392                    </div>
393                    <div class="modal-body">
394                        <p>You are being redirected to the Workset Builder.
395                            If this is the first time accessing it during this browser session,
396                            you will need to select "Login" from the top-right menu bar before creating or modifying a workset.
397                            We are aware this is inconvenient and we're working on a technical solution to eliminate this requirement.</p>
398                    </div>
399                    <div class="modal-footer">
400                        <span class="pull-left" style="padding-top : 5 px ;"><input type="checkbox" id="dont-show" style="margin : - 3 px 0 0 ;">
401                            Don't Show This Again.</span>
402                        <a href="#" class="btn btn-link btn-sm" data-dismiss="modal" aria-hidden="true">Cancel</a>
403                        <a id="modal-wb-url" href="" class="btn btn-sm btn-primary" onclick="goToCreateCollection ( )">
404                            Go</a>
405                    </div>
406                </div>
407            </div>
408        </div>
409        <div class="modal fade" id="login-required-modal" aria-hidden="true" tabindex="-1" role="dialog">
410            <div class="modal-dialog">
411                <div class="modal-content">
412                    <div class="modal-header">
413                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
414                        <h4 class="modal-title">Please Sign in</h4>
415                    </div>
416                    <div class="modal-body">
417                        <p>You need to sign in to access this functionality.</p>
418                    </div>
419                    <div class="modal-footer">
420                       
421                       
422                        <a href="#" class="btn btn-link btn-sm" data-dismiss="modal" aria-hidden="true">Cancel</a>
423                        <a id="modal-target-url" href="" data-toggle="modal" class="btn btn-sm btn-primary">
424                            Go</a>
425                    </div>
426                </div>
427            </div>
428        </div>
429
430    <!--
431        <script>
432            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
433            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
434            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
435            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
436
437            ga('create', 'UA-42842720-8', 'auto');
438            ga('send', 'pageview');
439        </script>
440    -->
441   
442  </body>
443
444
445
446</html>
447
Note: See TracBrowser for help on using the browser.