Taller sobre Metalib

Rediseñando la interfaz
de Metalib
Jose Maria Carrion Perez
8ª Jornadas de Expania, 11 de mayo de 2011, Sevilla
Índice
1. Introduciendo una leyenda de iconos
q
y
p
“quick-1-body-advanced”
q
y
2. “quick-1-body-simple”;
3. “Quick-1-tail”
4. Ventana de redirección a una interfaz nativa “Redirect-page”
5. Ventana previa del menu de servicios de SFX “Openurl-metalib-doc”
Openurl metalib doc
6. Pie del home de Metalib: “powered by” “tail-include”
Introduciendo una leyenda de iconos
Para ello vamos a manejar los ficheros: quick-1-body-simple y quick-1-bodyyq
que reflejar
j el cambio q
que vamos a hacer en el modo de
advanced. Hay
busqueda simple y avanzado de Metalib.
El trayecto de ubicación de los ficheros es:
M4_1/jda01/www_v_spa/quick-1-body-simple
M4
1/jda01/www v spa/quick 1 body simple
M4_1/jda01/www_v_spa/quick-1-body-advanced
Para la
P
l version
i en iingles
l d
de M
Metalib,
t lib d
debemos
b
d
de ttocar llos mismos
i
fificheros
h
que se encuentran en el directorio www_v_eng
Codigo fuente quick-1-body-simple
<START_SECTION><!-- head -->
</div>
<a name="startcontent" id="startcontent"></a>
<div id="contentwrap">
<h1>//QuickSearch\\</h1><span id="message">$8000</span>
<div id=
id="tabs">
tabs >
<ul id="QSTabsList">
<li id="simpleTabQS"><a href="&server_vir?func=quick-1&mode=simple" title="//Simple\\" class="tabSelected">//Simple\\</a><span></span></li>
<li id="advancedTabQS"><a href="&server_vir?func=quick-1&mode=advanced" title="//Advanced\\">//Advanced\\</a></li>
</ul>
</div>
g
action="&server_vir">
<form id="form1" method="get"
<input type="hidden" name="func" value="quick-1-check1">
<input type="hidden" name="mode" value="simple">
<div id="form_params">
<fieldset>
<legend>//Search Parameters\\</legend>
<label for="find_request_1">//Enter search term:\\</label>
<input type="text" name="find_request_1" id="find_request_1" maxlength="100" value="$0200" accesskey="a">
</fieldset>
</div>
<!--************************* Simple ends *************************-->
<br /><p class="explanation"><Font size="2">Señale el grupo de recursos de su interés donde desee realizar la búsqueda rápida. Puede elegir el modo
simple, por defecto, o el avanzado.</font>
<BR>
<br>
<div id="resourceSets">
<fieldset>
<legend>//Resource Sets\\</legend>
<table cellspacing=
cellspacing="0">
0>
<END_SECTION><!-- head -->
<START_SECTION><!-- set-title -->
<tr><td colspan="3" class="title">$1000</td></tr>
<END_SECTION><!-- set-title -->
Codigo fuente quick-1-body-simple
<START_SECTION><!-- body -->
<tr>
<td>
$0100
$0200
<p title="$3000">$0300</p>
</td>
<td>
$0400
$0500
<p title="$6000">$0600</p>
</td>
<td>
$0700
$0800
<p title="$9000">$0900</p>
</td>
</tr>
<END SECTION><!-- body -->
<END_SECTION><!
>
<START_SECTION><!-- separator -->
<tr><!-- necesary separator, do not remove-->
<td colspan="3"><div class="separator"> </div></td>
</tr>
<br>
<br>
<br>
<END_SECTION><!-- separator -->
<START_SECTION><!-- tail -->
</table>
</fieldset>
</div>
<div id="button_submit">
<input type="submit" value="go" accesskey="G">
<img src="&icon_path_&lng/v-a_down_sm.png"
src="&icon path &lng/v a down sm png" width="11" height="19" alt="">
</div>
</form>
<br>
<br>
Codigo fuente quick-1-body-simple
<!-- ****************************************** se pasa ahora a la seccion de los hipervinculos que propuso Veronica, que habia que destacar
********************************************* -->
<tr>
<font face="Arial" style="font-size: 10pt"><b>Las mas usadas: </b> </font>
<br>
<br>
<td><font face="Arial" style="font-size: 9pt"><a
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46254?func=native-link&resource=JDA00068">Pubmed</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font> </td>
<td><font face="Arial" style="font-size: 9pt"><a
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46242?func=native-link&resource=JDA02134">Embase</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font> </td>
<td><font face="Arial" style="font-size: 9pt"><a
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46234?func=native-link&resource=JDA00202">Cinahl</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font></td>
y
9pt"><a
p
<td><font face="Arial" style="font-size:
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46244?func=native-link&resource=JDA00706">Eric</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font> </td>
<td><font face="Arial" style="font-size: 9pt"><a
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46250?func=native-link&resource=JDA02091">Lilacs</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font> </td>
</tr>
<br>
<br>
<br>
Codigo fuente quick-1-body-simple
<! ****************************************** se pasa ahora a la leyenda de las iconas ********************************************* -->
<!->
<hr noshade color="#FFD393" size="0" width="95%" align=left>
<br>
<table border="0"
border 0 width
width="5%"
5% bordercolorlight
bordercolorlight="FFFFFFF"
FFFFFFF id
id="table1"
table1 cellspacing
cellspacing="0"
0 height
height="75%">
75% >
<font face="Arial" style="font-size: 10pt"><b>Leyenda: </b> </font>
<br>
<br>
<tr>
<td><font face="Arial" style="font-size: 9pt"><img src="http://www.bsalud.es/metalib/img/logo 6.1.1.png" />
&nbsp&nbsp Disponible sólo para usuarios
<br>
BVSSPA </font> </td>
<td><font face="Arial" style="font-size: 9pt"><img src="http://www.bsalud.es/metalib/img/v-search_more.png" />
&nbsp&nbsp Buscar en recurso-e </font> </td>
<td><font face="Arial" style="font-size: 9pt"><img src="http://www.bsalud.es/metalib/img/metalib.png" />
&nbsp&nbsp Añadir a Mis Revistas-e</font></td>
</tr>
<tr>
<td><font face="Arial" style="font-size: 9pt"><img src="http://www.bsalud.es/metalib/img/clave_acceso.png" />
&nbsp&nbsp Disponible con claves de acceso </font> </td>
<td><font face
face="Arial"
Arial style
style="font-size:
font size: 9pt"><img
9pt ><img src="http://www
src http://www.bsalud.es/metalib/img/v
bsalud es/metalib/img/v-icon-add-to-basket
icon add to basket.png
png" />
&nbsp&nbsp Guardar registro en Mi Portal
</font> </td>
<td><font face="Arial" style="font-size: 9pt"><img src="http://www.bsalud.es/metalib/img/v-icon_alert.png" />
p
p Crear una alerta bibliográfica
g
&nbsp&nbsp
</font> </td>
</tr>
Codigo fuente quick-1-body-simple
Este fichero refleja cambios en el interfaz de inicio de Metalib. Asi
pues, trabajando con codigo html, podemos hacer tantos cambios
como deseemos o se nos ocurra.
Dichos cambios quedarán reflejados por debajo de la zona de
“Grupos de Recursos”.
Otro ejemplo de iniciativa en el interfaz de inicio de Metalib, es poner
a disposición de los usuarios el enlace directo a las BBDD mas
usadas o conocidas
conocidas.
Codigo fuente quick-1-body-simple
<tr>
<font face="Arial" style="font-size: 10pt"><b>Las mas usadas: </b> </font>
<br>
<br>
<td><font face
face="Arial"
Arial style
style="font-size:
font size: 9pt"><a
9pt ><a
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46254?func=nativelink&resource=JDA00068">Pubmed</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font> </td>
<td><font
td f t face="Arial"
f
"A i l" style="font-size:
t l "f t i
9
9pt"><a
t"
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46242?func=nativelink&resource=JDA02134">Embase</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font> </td>
<td><font face="Arial" style="font-size: 9pt"><a
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46234?func=nativelink&resource=JDA00202">Cinahl</a>
</body>&nbsp&nbsp&nbsp&nbsp
</f t></td>
</font></td>
<td><font face="Arial" style="font-size: 9pt"><a
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46244?func=native-link&resource=JDA00706">Eric</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font> </td>
<td><font face="Arial" style="font-size: 9pt"><a
href="http://gerion.greendata.es/V/D9RRCAUIHLN75VTEQINCFT7265R5VPGDBFKGQ3IPMMISRULNJT-46250?func=nativelink&resource=JDA02091">Lilacs</a>
</body>&nbsp&nbsp&nbsp&nbsp
</font> </td>
</tr>
Q i k 1 t il
Quick-1-tail
Si queremos introducir algún elemento en la parte derecha del interfaz de
inicio de Metalib, tocamos el fichero Quick-1-tal.
M4_1/jda01/www_v_spa/quick-1-tail
Q i k 1 t il
Quick-1-tail
<BR>
<BR>
<BR>
<div align="left">
<font size="1"><b>Recomendación:</b>
<BR>
<font size="1">Realice la búsqueda en inglés.</font><BR>
<BR>
<font size="1"><b>Búsqueda rápida:</b>
<BR>
<font size="1">Consulta simultánea en
<BR>
los grupos de recursos
<BR>
metabuscables seleccionados
<BR>
por la biblioteca.
<BR>
<font size="1"><b>Buscable y enlazable:</b>
<BR>
<font size="1">Busca y enlaza con la interfaz
<BR>
del recurso para recuperar los
<BR>
resultados.</font><BR>
<BR>
<font size="1"><b>Enlazable:</b>
<BR>
<font size="1">No busca, enlaza con la interfaz
<BR>
del recurso donde se debe
<BR>
realizar la busqueda
</div>
<BR>
<font size="3"><b><u>Tipos de recursos</b></u></font><BR></h3>
<BR>
<font size=
size="1"><b>Metabuscable:</b>
1 ><b>Metabuscable:</b>
<BR><font size="1">Busca y recupera los resultados
<BR>
en el interfaz de Metalib
<BR>
<BR>
<div id="tailwrap">
<include>tail-include
</div>
</body>
</html>
Codigo fuente quick-1-body-simple
Si queremos iintroducir
t d i un ttexto
t entre
t lla caja
j d
de bú
búsqueda
d y llos G
Grupos d
de
Recursos, también hacemos uso del fichero Quick-1-body-simple y el fichero
Quick-1-body-advanced
Dentro de este fichero a la altura del código html que se muestra a continuación:
<START_SECTION><!-- head -->
</div>
<a name="startcontent" id="startcontent"></a>
<div id="contentwrap">
<h1>//QuickSearch\\</h1><span id="message">$8000</span>
div id="tabs">
id tabs
<div
<ul id="QSTabsList">
<li id="simpleTabQS"><a href="&server_vir?func=quick-1&mode=simple" title="//Simple\\" class="tabSelected">//Simple\\</a><span></span></li>
<li id="advancedTabQS"><a href="&server_vir?func=quick-1&mode=advanced" title="//Advanced\\">//Advanced\\</a></li>
</ul>
</div>
<form id="form1" method="get" action="&server_vir">
<input type="hidden" name="func" value="quick-1-check1">
<input type="hidden" name="mode" value="simple">
<div id="form_params">
<fieldset>
<legend>//Search Parameters\\</legend>
<label for="find_request_1">//Enter search term:\\</label>
<input
i
t type="text"
t
"t t" name="find_request_1"
"fi d
t 1" id="find_request_1"
id "fi d
t 1" maxlength="100"
l
th "100" value="$0200"
l
"$0200" accesskey="a">
k
" "
</fieldset>
</div>
<!--************************* Simple ends *************************-->
<br /><p class="explanation"><Font size="2">Señale el grupo de recursos de su interés donde desee realizar la búsqueda rápida. Puede elegir el modo simple,
por defecto, o el avanzado.</font>
<BR>
<br>
Ventana de redirección a una interfaz nativa
Redirect page
Redirect-page
Podemos cambiar el texto, incluso traducirlo, de la ventana emergente que se
abre cuando enlazamos a una interfaz nativa.
Para ello manejaremos el fichero Redirect-page.
M4 1/jd 01/
M4_1/jda01/www_v_spa/redirect-page
/ di t
Habrá que modificarlo en la versión de ingles:
M4_1/jda01/www_v_eng/redirect-page
Ventana de redirección a una interfaz nativa
Redirect page
Redirect-page
<START_SECTION><!-- head -->
<html lang="//en\\">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>//Redirigir página al interfaz original\\</title>
<meta http-EQUIV="REFRESH" content="01; URL='$7500'">
<link rel="stylesheet" type="text/css" href="&server_css/&library/www_v_spa/metalib.css">
</head>
<END_SECTION><!-- head -->
<START SECTION><! head-manual
<START_SECTION><!-head manual -->
>
<html lang="//en\\">
<head>
<title>//Redirect page to Native Interface\\</title>
<link rel="stylesheet" type="text/css" href="&server_css/&library/www_v_spa/metalib.css">
</head>
<END_SECTION><!-- head-manual -->
<START_SECTION><!-- body -->
<body id="popup">
<p>
//Está a punto de salir de Metalib
Metalib. El lugar puede no cumplir estándares de accesibilidad.\\
accesibilidad \\
<br><br>
//Si la página no se redirige a la interfaz original presione el botón "Enlazar al interfaz original" \\.
</p>
<br>
<a href=
href="$7500"
$7500 class=
class="button">//Enlazar
button >//Enlazar al interfaz original\\</a>
</div>
</body>
</html>
<END_SECTION><!-- body -->
Ventana de redirección a una interfaz nativa
Redirect page
Redirect-page
Ventana previa del menu de servicios de SFX
Openurl-metalib-doc
Cuando desde los resultados de Metalib, se pica sobre el icono que abre los
servicios de SFX, previamente se muestra una pantalla vacía que indica que en
caso de que no funcione el enlace se pique sobre una ventanita del pop
pop.
La palabra "redirije" con “j” aparece en la instalación de Metalib y se ha
cambiado
bi d por ““g”.
”
Para hacer cambios en esta ventana emergente, hacemos uso del fichero:
Openurl-metalib-doc
M4_1/jda01/www_v_spa/openurl-metalib-doc
Para la versión en inglés
inglés, habrá que hacer los cambios en la siguiente
diercción:
M4 1/jd 01/
M4_1/jda01/www_v_eng/openurl-metalib-doc
/
l
t lib d
Ventana previa del menu de servicios de SFX
Openurl-metalib-doc
<htmll lang="//en\\"><head>
<ht
l
"// \\"><h d>
<title>//OpenUrl Request\\ - //Book Format\\</title><meta http-EQUIV="ContentType" content="text/html; charset=UTF-8"></head>
<body onload=
onload="$5000">
$5000 > <form id="form1"
id= form1 name=
name="form1"
form1
method="POST">
action='$0100'
action=
$0100
<input type="submit" value="//Si esta página no le redirige a la pagina solicitada,
pulse aquí
aquí.\\
\\"/>
/>
<input type="hidden" name="url_ctx_fmt"
value="info:ofi/fmt:xml:xsd:ctx"><textarea name="url_ctx_val"
style="display:none">
Pie del home de Metalib: “powered by”
tail-include
Tail-include es un fichero que modifica el pie del home de Metalib, donde estan
las opciones de activar/desactivar auto actualizacion y la declaracion de
accesibilidad y excencion de responsabilidad
responsabilidad.
Esta zona hay que bajarla de la web, por si se quiere poner algo entre ella y la
caja
j de
d llos Q
Quicksets.
i k t
Pie del home de Metalib: “powered by”
tail-include
<br>
<br>
<br<
<br>
<Font size="3"><b>
<div id="copyrights">
<i
<img
src="&icon_path_&lng/v-powered.png"
"&i
th &l /
d
" width="127"
idth "127" height="19"
h i ht "19" alt="//Powered
lt "//P
d by
b MetaLib\\"
M t Lib\\" title="//Powered
titl "//P
db
by M
MetaLib\\"
t Lib\\" >
<div id="bottomLinks">
<a href="&server_vir?func=$8200&SIMPLIFIED_HTML=$8300">$8400</a> |
<a href="&server_vir?func=file&file_name=accessibility"
onclick='javascript:winPop(event,"&server_vir?func=file&file_name=accessibility","no",520,450);return false;'>//Accessibility Statement and
Di l i
Disclaimer\\</a>
\\</ >
</div>
</di >
</div>
<!--start popup menu-->
<div id="nav_menu" style="position:absolute;background-color:#EBEBEB;z-index:2;cursor:hand;cursor:pointer;display:none; border:1px solid
#B5B6B5;">
<di align="//direction\\"
<div
li
"//di ti \\" style="background-color:#B5B6B5"><img
t l "b k
d l #B5B6B5"><i
src="&icon_path_&lng/v-ico_close.png"
"&i
th &l / i
l
" alt="//Close
lt "//Cl
fframe\\"
\\" title="//Close
titl "//Cl
frame\\"
f
\\"
onclick="closemenu()"></div>
<div id="nav_menucontent" style="height:130px;">
<iframe id="cframe" title="cframe" src="" width="100%" height="100%"> </iframe>
</font>
</f
t>
</b>
</div>
</div>
<br>
<b >
<br>
<br>
<!--end popup menu-->
GRACIAS