-
Notifications
You must be signed in to change notification settings - Fork 0
/
citation.html
132 lines (119 loc) · 6.39 KB
/
citation.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Citation | Minrva Documentation</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="overrides.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="bootstrap/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<!--
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="bootstrap/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="bootstrap/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="bootstrap/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="bootstrap/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="bootstrap/ico/favicon.png"> -->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="home.html">Minrva - Citation/Login - Documentation</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="home.html">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Nav</li>
<li class="nav-header"><a href="home.html">Documentation Home</a></li>
<li class="active"><a href="citation.html">Citation</a></li>
<li><a href="checkedout.html">Checked Out</a></li>
<li><a href="fines.html">Fines</a></li>
<li><a href="blocks.html">Blocks</a></li>
<li><a href="favorites.html">Favorites</a></li>
<li><a href="requested.html">Requested</a></li>
</ul>
</div>
</div>
<div class="span9">
<h1>Citation</h1>
<hr />
<h2>Usage</h2>
<ol>
<li><h3>Selecting the item to cite</h3>
<p>Search for the item you want to cite using the Catalog Search menu option, and touching it in the results list.
That item will be saved as your current book, and it will be used for the citation.</p>
<p><a href="screenshots/search-detail.png"><img class="screenshot" src="screenshots/search-detail.png"/></a></p>
</li>
<!--
<li><h3>Populate the citation fields</h3>
<h4>Automatically - use the item view</h4>
<p>Press a button on the item view page to automatically populate the citation fields with information from the VuFind catalog</p>
<p>(Pic of item view page, with cite button highlighted/selected/circled)</p>
<h4>Manually</h4>
<p>Click on each field and manually enter in the information to be used in the citation.
Each empty field displays what type of information should be entered into it in greyed out text.</p>
<p>(Pic of empty citation fields)</p>
</li> -->
<li><h3>Generate the citation</h3>
<p>Select the citation type you need by touching the radio button next to the corresponding type:</p>
<p><a href="screenshots/citation-radio.png"><img class="screenshot" src="screenshots/citation-radio.png"/></a></p>
<p>Touch the “Done” button to generate the citation; the generated citation will be displayed in a new page.</p>
<p><a href="screenshots/citation-result.png"><img class="screenshot" src="screenshots/citation-result.png"/></a></p>
<p>To use the citation, either press the "Copy Citation Results" button to copy it to your device’s clipboard, or press the “E-mail citation” button to email it.</p>
</li>
</ol>
<h2>Descriptions</h2>
<ul>
<!-- <li><h3>Fields for citation</h3>
<p>These will change depending on what citation type was selected on the previous screen
(We may need to describe each field for each type, or something along those lines - it might help)</p>
</li> -->
<li><h3>Citation types</h3>
<ul>
<li>APA - American Psychological Association - <a href="http://www.apa.org/">http://www.apa.org/</a></li>
<li>MLA - Modern Language Association - <a href="http://www.mla.org/">http://www.mla.org/</a></li>
</ul>
</li>
<li>
<h3>Email citation</h3>
<p>Send an email containing the generated citation using an email client on the phone (a popup dialog will let you select which one if your system has more than one installed)</p>
<!-- <p>(Pic of gmail with a generated citation in the message field)</p> -->
</li>
</ul>
</div>
</div>
<hr />
<footer>
<p>© The Undergraduate Library at the University of Illinois at Urbana-Champaign, 2013</p>
</footer>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap/js/jquery.js"></script>
</body>
</html>