ALEPH MobileOPACHow HARD is to make it SIMPLE?Rodrigo Calloni, rcalloni@iadb.orgSystems/Electronic Information Resources Librarian The Felipe Herrera LibraryWashington D.C., October2008

QuestionsHowmanyhave a mobilephone?Howmanyhave a smatphone?Howmany use thesmartphone to accessthe internet?Howmany use thesmartphone to work?Howmanywatch ?

ChallengesHow to putthis......intothis?

Beginners – Make it Simple!Make it Search First, then Design (raw interface)For the Design, forget the ALEPH CSS; useryourownSimulate the DeviceDimensionsintoyour Browser, thentest the iPhoneAdd Start/End to the HTML “pieces”TryPage-by-PageProblems? Don’tchange the “pieces”; download the Full Page andfix it locally

Simulate the DeviceDimensionsintoyour Browser, thentest the iPhone

Add Start/End to the HTML “pieces”

TryPage-by-Page

Problems? Don’tchange the “pieces”; download the Full Page andfix it locally

www.iadb.org/library/catalog/mobile

Demo!Basic Search & ResultsList

Demo!SpellingSuggestionsfrom Yahoo

Demo!SortingResultsList

Demo!Advanced Search & Full Record

Demo!Preferences & Services

What’sNext?My Library Card – ALEPH extension XXX50 is used for UserAdminPagesMy Library Card – Solution – From El Commons (Daniel Forsman) – Bycreating a Language (mob) wecanredsign the pagesSFX Integration – Need to Redesign SFX Menu for Iphonetoo!FHL iPhoneApp – NotonlyCatalog, AllServices!

Question!Didyoulikeit?Do we still have time?Do youwant me to be more techinical?

Being More TechinicalThe TABS $alephe_tab/tab_base.eng $XXX01_tab/edit_doc_999.eng.mobil $XXX01_tab/www_tab_short.eng.mobil $XXX01_tab /www_f_sort_heading.eng

Being More Techinical – The TABS $XXX01_tab/edit_doc_999.eng.mobilLogical Bases Extensionsalso work in $XXX01/tabdirectoriesedit_doc_999.eng.mobilallowsyou to define the fieldsyouwant to display in mobiledevicesDo youneedthis? NO... ifyouwant the samefieldsfromyour standard OPAC intoyourmobile OPAC

Logical Bases Extensionsalso work in $XXX01/tabdirectories

edit_doc_999.eng.mobilallowsyou to define the fieldsyouwant to display in mobiledevices

Do youneedthis? NO... ifyouwant the samefieldsfromyour standard OPAC intoyourmobile OPAC

Being More Techinical – The TABS $alephe_tab/tab_base.engAdd the lines to create MOBIL Logical Base (USM01) ! This is for the Mobile InterfaceUSM01_MOBILE Ex Libris University MOBIL USM01 USM01 N! This is for Showing Book Cover in Table ViewUSM01_COVER Ex Libris University COVER USM01 USM01 N

Being More Techinical – The TABS $XXX01_tab/www_tab_short.eng.mobilSuggesteddefinition for “ResultsList”1 L Author 02---A01---A 00 00 0100 S 9 - ## 1#### 700## 710## 711##2 L Title 03---A01---A 00 00 0200 S ## 245##3 L Year 01---D02---A 00 00 0100 S ## YR4 L Library (Owned/Out) 00 00 0100 L ## ITM+5 L Call Number 00 00 0100 D ## 050## 852##6 L Find IT! 00 00 0100 L ## SFX7 L URL 00 00 2000 S ## 856##8 L Imprint 00 00 0100 S ## 260##9 L System Number 00 00 0100 S ## SYS

Being More Techinical – The TABS $XXX01_tab /www_f_sort_heading.engAdd the followingline for AutomaticRankSort in ResultsList (from TCU) ! This is for Automatic Rank TCU 01---A02---A Year (ascending)/Author Year(a)/AuthorDo youneedthis? NO... ifyoudon’twantAutomaticRanksorting (anyway, more settings are required!)

Being More Techinical – The HTMLsHerethey are......don’tworry, files willbe in El Commons for you!

Being More Techinical – The HTMLsRemarksmeta-tags-mobilTo make OPAC fit the device screen:<meta name = "viewport" content = "width = device-width">The CSS! If you forgot… make it Simple!<link rel="stylesheet" href="your.css.file.css" type="text/css" /> To create an icon for the iPhone Home Screen (57x57 pixels)<link rel="apple-touch-icon" href="your.icon.location.png" />

Being More Techinical – The HTMLsRemarksTHE CSS styles

Being More Techinical – The HTMLsRemarksLots of JavaScript (simple) on the following filesshort-a-body-mobil– to create the Results List (from table to brief); cleaning up some ALEPH hardcoded garbage (like <BR> when field is empty); rules to identify “digital objects” and transform “Title” into a jump to “Full Text” linkitem-global-body-mobil – to create the Holdings screen; cleaning ALEPG garbage; some rules to display more user-friendly circulation status like “On Shelf” or “On Line”

Being More Techinical – The HTMLsRemarksThe Head Files and Yahoo SpellingSuggestionsThe Head File contains the Basic Search formthat is available in almostallpages of the ALEPH Mobile OPACThe Yahoo SpellChecker script is inside of itYouneed to createan Yahoo App ID @ https://developer.apps.yahoo.comThenchangehead files: <script type="text/javascript" src="http://search.yahooapis.com/WebSearchService/V1/spellingSuggestion?appid=your.yahoo.app.id-&query=$0100&output=json&callback=ws_results"></script>

The Head File contains the Basic Search formthat is available in almostallpages of the ALEPH Mobile OPAC

The Yahoo SpellChecker script is inside of it

Youneed to createan Yahoo App ID @ https://developer.apps.yahoo.com

Thenchangehead files:

Being More Techinical – The HTMLsRemarksBook Covers (GoogleBooks API) in ResultsListNot supported by Ex Libris; local development that worked for FHL (maybe not for you!)For eachreturnedresulta secondrequestwillbemade to the serverfor the display of the book coverIt could cause performance issues in librarieswith a higherusagethen FHLNo “No Cover” for books not in GoogleBooks; hope to solve thissoonIt works reallywell for us!

Being More Techinical – The HTMLsRemarksBook Covers (GoogleBooks API) in ResultsList

Questions?ThanksEveryone!SendyourComments/Suggestions/Questions torcalloni@iadb.org

ALEPH MobileOPACHow HARD is to make it SIMPLE?Rodrigo Calloni, rcalloni@iadb.orgSystems/Electronic Information Resources Librarian The Felipe Herrera LibraryWashington D.C., October2008