1 / 53

Extreme Makeover: Tomcat WebVoyáge Edition

Extreme Makeover: Tomcat WebVoyáge Edition. Michael Doran, Systems Librarian. Ex Libris Southcentral Users Group Wichita Falls, Texas October 8, 2009. WebVoyáge genealogy . “ASCII OPAC”. Voyager web OPAC = “WebVoyáge” (thru version 6.5). Voyager 7.0. Classic WebVoyáge. “WebVoyáge”.

nikki
Download Presentation

Extreme Makeover: Tomcat WebVoyáge Edition

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Extreme Makeover:Tomcat WebVoyáge Edition Michael Doran, Systems Librarian Ex Libris Southcentral Users Group Wichita Falls, Texas October 8, 2009

  2. WebVoyáge genealogy “ASCII OPAC” Voyager web OPAC = “WebVoyáge” (thru version 6.5) Voyager 7.0 Classic WebVoyáge “WebVoyáge” “WebVoyáge” Tomcat WebVoyáge 8 Michael Doran, Systems Librarian

  3. Classic WebVoyáge “out-of-the-box” Michael Doran, Systems Librarian

  4. Tomcat WebVoyáge “out-of-the-box” Michael Doran, Systems Librarian

  5. Tomcat WebVoyá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! Other than maybe the logo. 2 Michael Doran, Systems Librarian

  6. Why do a makeover? Why not just switch out the logo… …and the library name, natch! …and go on to a different project? Michael Doran, Systems Librarian

  7. Why do a makeover? affordable boost your appeal banish clutter add value secret ways to go from ho-hum to HOT! 5 Michael Doran, Systems Librarian

  8. For us the makeover was about… Usability 1 Michael Doran, Systems Librarian

  9. 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 Not extreme Okay, that’s extreme Can be extreme. 4 Michael Doran, Systems Librarian

  10. UT Arlington’s Tomcat WebVoyáge Library’s “trade dress” What’s missing here? I’m Mr. Usability and I approved these changes. 7 Michael Doran, Systems Librarian

  11. UT Arlington’s Basic Search Google-like search… one box, one button. banish clutter search behavior is Google-like Millennials love this. 6 Michael Doran, Systems Librarian

  12. Out-of-the-box Basic Search 8 Michael Doran, Systems Librarian

  13. UT Arlington’s Basic Search 1 Michael Doran, Systems Librarian

  14. UT Arlington’s Advanced Search 3 Michael Doran, Systems Librarian

  15. UT Arlington’s Advanced Search Dynamic search tips… Michael Doran, Systems Librarian

  16. UT Arlington’s Advanced Search Dynamic search tips… Michael Doran, Systems Librarian

  17. UT Arlington’s Advanced Search Dynamic search tips… If you do nothing else, do this! 2 Michael Doran, Systems Librarian

  18. UT Arlington’s Advanced Search 1 Michael Doran, Systems Librarian

  19. UT Arlington’s Guided Search 1 Michael Doran, Systems Librarian

  20. UT Arlington’s Journals/Articles Search To find journals To find articles 2 Michael Doran, Systems Librarian

  21. UT Arlington’s Journals/Articles Search Searches WebVoyáge Searches SFX A-Z list This is extreme! Searches MetaLib Links to other resources 7 Michael Doran, Systems Librarian

  22. UT Arlington’s Course Reserves Search banish clutter A “clean” interface is easier to use! 4 Michael Doran, Systems Librarian

  23. 5 Michael Doran, Systems Librarian

  24. 6 Michael Doran, Systems Librarian

  25. Get this cool widget at www.addthis.com 2 Michael Doran, Systems Librarian

  26. UT Arlington’s Help Pages Instant messaging. 76% of millennials use it! Junco, Reynol and Mastrodicasa, Jeanna M. "Connecting to the Net.Generation: What higher education professionals need to know about today's students" (2007) 2 Michael Doran, Systems Librarian

  27. “Repurposing” a search tab Your basic search tab is our advanced search tab. Coincidence? I think not. “New Books” is a faux-tab. out-of-the-box tabs UT Arlington tabs 13 Michael Doran, Systems Librarian

  28. A new Basic search tab, step-by-step First we have to sacrifice a tab. Hopefully, it won’t come down to a knife fight! 1 Michael Doran, Systems Librarian

  29. A new Basic search tab, step-by-step Michael Doran, Systems Librarian

  30. A new Basic search tab, step-by-step webvoyage.properties page.search.buttons.subjectHeading.button=Basic page.search.buttons.subjectHeading.message=Basic Search page.search.subject.title=WebVoyáge Basic Search page.search.subject.heading=Basic Search page.search.subjectPage.label=Basic Search page.search.subject.message=Search all fields page.search.subject.argument.label= page.search.subject.search.code=GKEY^* page.search.subject.search.display=Basic Change Subject tab attributes to Basic 1 Michael Doran, Systems Librarian

  31. A new Basic search tab, step-by-step 4 Michael Doran, Systems Librarian

  32. A new Basic search tab, step-by-step 2 Michael Doran, Systems Librarian

  33. A new Basic search tab, step-by-step 2 Michael Doran, Systems Librarian

  34. A new Basic search tab, step-by-step webvoyage.properties page.search.buttons.basic.button=Advanced page.search.buttons.basic.message=Advanced search page.search.basic.title=WebVoyáge Advanced Search page.search.basic.heading=Advanced Search page.search.buttons.advanced.button=Guided page.search.buttons.advanced.message=Guided search page.search.advanced.title=WebVoyáge Guided Search page.search.advanced.heading=Guided Search page.search.advanced.label=Guided Search Change default Basic to Advanced Change default Advanced to Guided 1 Michael Doran, Systems Librarian

  35. A new Basic search tab, step-by-step 5 Michael Doran, Systems Librarian

  36. 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> 2 Michael Doran, Systems Librarian

  37. A new Basic search tab, step-by-step 4 Michael Doran, Systems Librarian

  38. A new Basic search tab, step-by-step Redo Tomcat WebVoyáge help pages copy searchBasic.html to searchSubject.html Edit labels/links in ./help/index.html 1 Michael Doran, Systems Librarian

  39. A new Basic search tab, step-by-step 3 Michael Doran, Systems Librarian

  40. A new Basic search tab, step-by-step webvoyage.properties page.record.display.record=20 Records per page default searchFacets.xsl <xsl:call-template name="buildDatabaseInfo"> <!-- xsl:with-param name="databaseEleName" select="'page.search.database.label'"/ --> </xsl:call-template> Comment out database name 1 Michael Doran, Systems Librarian

  41. A new Basic search tab, step-by-step The Law of Unintended Consequences. 2 Michael Doran, Systems Librarian

  42. A new Basic search tab, step-by-step searchPages.css /* 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. This affects all the search tabs. 3 Michael Doran, Systems Librarian

  43. A new Basic search tab, step-by-step 1 Michael Doran, Systems Librarian

  44. A new Basic search tab, step-by-step cl_searchSubject.xsl <!-- <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… This is known as the “brute force” approach. 3 Michael Doran, Systems Librarian

  45. A new Basic search tab, step-by-step Lean and clean! 1 Michael Doran, Systems Librarian

  46. A new Basic search tab, step-by-step Don’t forget to fix these in webvoyage.properties 1 Michael Doran, Systems Librarian

  47. Bookmarking widget 3 Michael Doran, Systems Librarian

  48. Bookmarking widget 3 Michael Doran, Systems Librarian

  49. Bookmarking widget displayFacets.xsl <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> Add the code that you copied. 3 Michael Doran, Systems Librarian

  50. Bookmarking widget Michael Doran, Systems Librarian

More Related