extreme makeover - university of texas at arlingtonextreme makeover: tomcat webvoyáge edition...
TRANSCRIPT
1
Extreme Makeover:Extreme Makeover:Tomcat WebVoyáge Edition
Michael Doran, Systems Librarian
Ex Libris Southcentral Users Group
Wichita Falls, Texas
October 8, 2009
Voyager 7.0
“WebVoyáge”“WebVoyáge”
WebVoyáge genealogy
Voyager web OPAC = “WebVoyáge”
(thru version 6.5)
“ASCII OPAC”
ClassicWebVoyáge TomcatWebVoyáge
ClassicWebVoyáge
“out-of-the-box”
2
TomcatWebVoyáge
“out-of-the-box”
TomcatWebVoyáge
� Comes “out-of-the-box”…
� Fully functional
� Much improved usability
� Modern “look and feel”
� Much better web standards
compliance
� Better accessibility
Hey, what is
there to change!
Why do a makeover?
…and the library
name, natch!
…and go on to a different project?
Why not just switch
out the logo…
3
Why do a makeover?
secret ways to go
from ho-hum to HOT!
add value
boost your appeal
banish clutter
affordable
For us the makeover was about…
Usability
What’s an extreme makeover?
� Editing standard config files
� Changing graphics and colors
� Adding new functionality following
instructions in the documentation
� Adding new functionality
developed by other customers
� Adding new functionality that you
developed yourself
4
UT Arlington’s Tomcat WebVoyáge
Library’s “trade dress”
I’m Mr. Usability and I
approved these changes.
UT Arlington’s Basic Search
Google-like search… one box, one button.
search behavior is Google-like
Millennials love this.
Out-of-the-box Basic Search
5
UT Arlington’s Advanced Search
UT Arlington’s Advanced Search
Dynamic search tips…
UT Arlington’s Advanced Search
Dynamic search tips…
6
UT Arlington’s Guided Search
UT Arlington’s Journals/Articles Search
To find journals
To find articles
UT Arlington’s Journals/Articles Search
Searches WebVoyáge
Searches SFX A-Z list
Searches MetaLib
Links to other resources
7
UT Arlington’s Course Reserves Search
8
UT Arlington’s Help Pages
“Repurposing” a search tab
out-of-the-box tabs
UT Arlington tabs
A new Basic search tab, step-by-step
First we have to
sacrifice a tab.
9
A new Basic search tab, step-by-step
A new Basic search tab, step-by-step
webvoyage.properties
page.search.buttons.subjectHeading.button=Basicpage.search.buttons.subjectHeading.message=Basic Search page.search.subject.title=WebVoyáge Basic Searchpage.search.subject.heading=Basic Searchpage.search.subjectPage.label=Basic Searchpage.search.subject.message=Search all fieldspage.search.subject.argument.label=
page.search.subject.search.code=GKEY^*page.search.subject.search.display=Basic
Change Subject tab attributes to Basic
A new Basic search tab, step-by-step
10
A new Basic search tab, step-by-step
A new Basic search tab, step-by-step
A new Basic search tab, step-by-step
page.search.buttons.basic.button=Advancedpage.search.buttons.basic.message=Advanced searchpage.search.basic.title=WebVoyáge Advanced Searchpage.search.basic.heading=Advanced Search
page.search.buttons.advanced.button=Guidedpage.search.buttons.advanced.message=Guided searchpage.search.advanced.title=WebVoyáge Guided Searchpage.search.advanced.heading=Guided Searchpage.search.advanced.label=Guided Search
Change default Basic to Advanced
webvoyage.properties
Change default Advanced to Guided
11
A new Basic search tab, step-by-step
A new Basic search tab, step-by-step
pageProperties.xml
<!-- ## Search Tab Display Order ## --><searchTabDisplayOrder>
<tab name="page.search.buttons.subjectHeading.button"/><tab name="page.search.buttons.basic.button"/><tab name="page.search.buttons.advanced.button"/><tab name="page.search.buttons.author.button"/><tab name="page.search.buttons.courseReserve.button"/>
</searchTabDisplayOrder>
<page name="page.searchSubject" position="belowContent"><div class="searchTip">
<span class="label">Search Tips: </span>Apropos search tips go here.
</div></page>
A new Basic search tab, step-by-step
12
A new Basic search tab, step-by-step
Edit labels/links in ./help/index.html
Redo Tomcat WebVoyáge help pages
copy searchBasic.html to searchSubject.html
A new Basic search tab, step-by-step
A new Basic search tab, step-by-step
page.record.display.record=20
Records per page default
webvoyage.properties
Comment out database name
searchFacets.xsl
<xsl:call-template name="buildDatabaseInfo"><!-- xsl:with-param name="databaseEleName"
select="'page.search.database.label'"/ --></xsl:call-template>
13
A new Basic search tab, step-by-step
A new Basic search tab, step-by-step
/* Turn off display of "Records per page" drop down */#searchRecs {display: none;
}
The “Records per page” HTML code will still
be there on the page …it just won’t display.
searchPages.css
This affects all
the search tabs.
A new Basic search tab, step-by-step
14
A new Basic search tab, step-by-step
<!--<xsl:call-template name="buildSearchButtons"/>
-->
<div id="searchInputs"><xsl:call-template name="buildFormInput">...</xsl:call-template><input type="hidden" name="searchCode“
value="{//page:element[@nameId='searchCode']/page:value}"/><input type="hidden" name="searchType" value="3" /><label> </label><input title="Search" type="submit" name="page.search.search.button"
id="page.search.search.button" value=" Search " /></div>
Edit the actual HTML code…
cl_searchSubject.xsl
A new Basic search tab, step-by-step
A new Basic search tab, step-by-step
15
Bookmarking widget
Bookmarking widget
<div class="actions" id="bookmarks"><script type="text/javascript">
var addthis_exclude = 'email,print';</script><a href="http://www.addthis.com/bookmark.php?" […] > <img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" […] /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js? […] ">
</script></div>
Bookmarking widget
displayFacets.xsl
Add the code that you copied.
16
Bookmarking widget
Extreme makeovers – caveats
� XML/XSL syntax errors will
stop Tomcat WebVoyáge
dead in it’s tracks
� Shepherding an extreme
makeover through an
upgrade can be a nightmare
� New Voyager versions may
break what you’ve done
I don’t want
to hear the
bad parts!
Extreme makeovers – getting help
Support Policy for
Customizing Voyager 7
WebVoyáge
“Limited Support for
Advanced Customizations”