New Books: Creating an online display to highlight new additions to your collection
-
Upload
jcjones6 -
Category
Technology
-
view
212 -
download
0
Transcript of New Books: Creating an online display to highlight new additions to your collection
New BooksCreating an online display to highlight new additions to your collectionJaime JonesILS AdministratorArizona State University Libraries
Why highlight new material?
Patron awareness Library value
Physical shelf Doesn’t show e-books Limited subset of
material Not accessible to online
patrons
https://www.pinterest.com/pin/534591418238178326/
Virtual shelf Electronic and print
material together Material from all libraries Accessible to all patrons Provide multiple display
options
Examples
Advantages of the carousel
Visual Auto-scroll and manual scroll Mobile friendly Compact
What to display? No serials Items with cover images Material types Locations Subject areas
Creating a display
https://bitbucket.org/curtin-library/virtual-bookshelf
Download code repository
Substitute Covers
Creating a display
Upload bookshelf.js to your web server If using substitute covers, also upload substitute.css and book200.png
Creating a display<head> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script src="bookshelf.js" type="text/javascript"></script> ...</head>
Creating a display<head> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script src="bookshelf.js" type="text/javascript"></script> ...</head>
Creating a displayFor substitute covers, also link to the stylesheet:
<link rel="stylesheet" type="text/css" href="substitute.css">
Creating a display<body> ... <div id="virtual-bookshelf" style="width: 700px; height: 300px"></div> ...</body>
Creating a display<script type="text/javascript"> var books = [ { title: 'The Adventures of Sherlock Holmes', image: 'http://covers.openlibrary.org/b/isbn/9780688107826-M.jpg', link: 'http://en.wikipedia.org/wiki/The_Adventures_of_Sherlock_Holmes' }, /* ... more items ... */ ];</script>
Creating a display<script type="text/javascript"> $(function() { var bookshelf = new VirtualBookshelf.Carousel('#virtual-bookshelf', { stream: new VirtualBookshelf.ArrayStream(books) }) });</script>
Getting the data Manually generate the file Create a process to translate the data into the file
Pull data from system automatically
Getting the dataSierra API MySQL Database
PHP queries the MySQL DB and inserts the data into the page
Promotion Mini-carousels Social media
Thank you