1 / 17

Integration Encore with WebPec for Building an Integrated Library Web Site

Integration Encore with WebPec for Building an Integrated Library Web Site. Yi Yu Systems Librarian of King Abdullah University of Science and Technology (KAUST) Library Presented for MENA 2010. Outline . Background Why integrate Encore and WebPec Implementation idea

mason
Download Presentation

Integration Encore with WebPec for Building an Integrated Library Web Site

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. Integration Encore with WebPec for Building an Integrated Library Web Site Yi Yu • Systems Librarian of King Abdullah University of • Science and Technology (KAUST) Library • Presented for MENA 2010

  2. Outline • Background • Why integrate Encore and WebPec • Implementation idea • Benefit of the Integration • Architecture overview • Solution details • Challenges • Next step • Questions

  3. Background • New university, new library – opened in August,2009 - started from scratch • 20 staff members – one director, three managers, five professionals, other assistant staff (most of whom have no library experience) • Millennium system had been implemented module by module during the first half year. However, it does not published until this August. The online catalog had been accessed through library website which was hosted by campus relationship department.

  4. Why integrating Encore with Webpec • Encore enhances WebPac. However, each of them has their own advantages • Two separate interfaces cause the question: when to use what? • Three search entrances cause confusion: where should I go?

  5. Implementation Idea • Simple, straightforward, easy to use • Combine aesthetic sense and practical functionalities • The implementation idea had been evolving during the whole process of the implementation. The result is beyond pre-conceived: -- 1 +1 > 2 -- Integration Redesign -- online catalog website => Integrated library website http://library.kaust.edu.sa

  6. Benefit of the Integration • Giving our patrons more search options without having to go back and forth between two interfaces • Keeping WebPec interface advantages - providing a complete set of tools and functions • More dynamic, safe, consistent, and easy to maintain

  7. Architecture Overview http://library.kaust.edu.sa Encore Encore SSO Database WebPec Application Millennium client Millennium Server

  8. Solution Details • Design new library web site interface; • Determine information architecture and navigation scheme • Program main_menu.html page; • Generate library information pages; • Modify related display files: toplogo.html, toplogo_loggedin.html, etc; • Edit styles.css files; • Create necessary css files; • Add javascripts; • Customizing webpec pages: login page, pin reset page, electronic resources page, etc;

  9. Solution Details-modify main_menu.html <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <meta http-equiv="content-type" content="text/html; charset=utf-8" />     </head> <body>         <!--{toplogo}-->          <div id="left_col">News and Events…</div>           <div id="main_col">                      <div id="searchbox">Search box goes here…</div>                       <div id="content">Image carousel goes here</div>             </div> <!--{botlogo}-->               </body> </html>

  10. Solution Details- Generating Library information and Instruction HTML Pages • Add navigation menu in top logo files • Generate about 60 html pages for library and instruction information • Generate and edit about 80 images for the library facilities gallery, instruction pages, staff member pages, and others.

  11. Solution Details- Add Javascripts <script type="text/javascript" src="/screens/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/screens/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="/screens/thickbox.js"></script> <script type="text/JavaScript" src="/screens/curvycorners.src.js"></script> <link rel="stylesheet" type="text/css" href="/screens/thickbox.css" /> <link rel="stylesheet" type="text/css" href="/screens/skin.css" /> <link rel="stylesheet" type="text/css" href="/screens/styles_add.css" />

  12. Solution Details- Customizing WebPec Pages • Edit ipsso.xml, login.css, in Login App configuration; edit pinreset.html, etc; • Change labels; • Add tips for input requirement and format

  13. Solution Details- Customizing WebPec Pages For login tips, add the code in login .css file: div.pin1:after { content: '(Note: Pin must be 6 to 30 characters long and should be Alphanumeric. The PIN must not contain common trivial patterns. For example: a character that is repeated three or more times (eg: aaaa, ababa, bbbb); a set of up to four characters is that is repeated two or more times (eg: abab, abcabc, abcdabcd).)'; display:block; color:#555555; text-align:left; }

  14. Challenges • The original design and layout limit the flexibility of the customization and modification; • Encore layout is totally different from WebPec layout. It is difficult to be maintain consistency between these two platforms; • Encore can not be customized right now. The top logo and top menu sections cannot be added to it. It will affect the consistency of layout. • We tried to use advanced technology (like css, javascript) to make the site more dynamic, however, we do not have a dedicated professional web developer.

  15. Next Step • Study further about user–centered design theory, and apply it in order to improve the library website. • Involve the users - survey, statistics, etc; • Work with campus web developing team to get their help. Design Feedback Use

More Related