Post on 02-May-2015
Associazione utenti Italiani alephAssociazione utenti Italiani aleph
Elena FasolaElena Fasola
Università Università dell’Insubriadell’Insubria
Varese – Villa Toeplitz, 1 aprile 2005
Personalizzazione dell’interfaccia Web
I T A L E
http://www.itale.it
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 22
I T A L E L’OPAC è il biglietto da visita della L’OPAC è il biglietto da visita della
bibliotecabiblioteca
I suoi punti di forza sono:I suoi punti di forza sono:
UsabilitàUsabilità AccessibilitàAccessibilità Semplicità d’uso e di consultazioneSemplicità d’uso e di consultazione Estetica gradevole e lineareEstetica gradevole e lineare Presenza di funzionalità che possano agevolare l’utenza Presenza di funzionalità che possano agevolare l’utenza
nell’accesso ai servizi offerti dalla bibliotecanell’accesso ai servizi offerti dalla biblioteca
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 33
I T A L E Come eravamo…Come eravamo…
La versione 14La versione 14
Frame
Pop up
Corpo
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 44
I T A L E Nella nuova versione…Nella nuova versione…
La versione 16La versione 16
Suggerimenti per la ricerca
Barre di navigazione e feedback
Ricerca base
Filtri di ricerca
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 55
I T A L E ……la grafica e la struttura sono la grafica e la struttura sono
cambiate.cambiate.
I cambiamenti più importanti:I cambiamenti più importanti: Assenza di frame e di finestre pop up. Navigazione più veloce Presenza di una feedbackbar per avvisi e informazioni Compatibile con browser alternativi a Internet Explorer
(SO WIN: Netscape, Firefox, Opera; SO Linux: Konqueror; MAC)
Uno switch in www_server.conf definisce il set di caratteri Uno switch in www_server.conf definisce il set di caratteri sostitutivo di utf-8 (iso-8859-1) per i browser che non sostitutivo di utf-8 (iso-8859-1) per i browser che non supportano pienamente Unicode.supportano pienamente Unicode.
CSS flessibile e personalizzabile per ogni base.File: exlibris-<base>.css
Privacy: le info utente non vengono salvate nella cronologia
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 66
I T A L E Le nuove funzionalitàLe nuove funzionalità
<1>.<1>.
Ricerca:Ricerca: Filtri di ricerca disponibili su diversi tipi di pagina Filtri di ricerca disponibili su diversi tipi di pagina
(Ricerca Base, Ricerca Avanzata, Lista dei Risultati,…)(Ricerca Base, Ricerca Avanzata, Lista dei Risultati,…) Metodi di ricerca più completi ed esaustiviMetodi di ricerca più completi ed esaustivi
Filtri di ricerca
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 77
I T A L E Le nuove funzionalitàLe nuove funzionalità
<2>.<2>.
Contatti:Contatti: Possibilità di reperire le informazioni sulla biblioteca in Possibilità di reperire le informazioni sulla biblioteca in
modo più rapido e intuitivo.modo più rapido e intuitivo.
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 88
I T A L E Le nuove funzionalitàLe nuove funzionalità
<3>.<3>.
Salvataggio ricerche:Salvataggio ricerche: Scaffale elettronico: possibilità di salvare in modo Scaffale elettronico: possibilità di salvare in modo
permanente i record sul server.permanente i record sul server. Problemi di funzionamento in corso di analisi: PRBProblemi di funzionamento in corso di analisi: PRB
Possibilità di salvare/inviare le ricerche effettuate in Possibilità di salvare/inviare le ricerche effettuate in formato EndNote (ISI ResearchSoft Tagged Output).formato EndNote (ISI ResearchSoft Tagged Output).
mappatura (MARC21/UNIMARC) del formato 777 (Util I/a)mappatura (MARC21/UNIMARC) del formato 777 (Util I/a) edit_doc_777edit_doc_777 www-set-mail-777-00 (invio e-mail)www-set-mail-777-00 (invio e-mail)
Possibilità di salvare/inviare le ricerche in formato Aleph sequential (non implementato)
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 99
I T A L E Le nuove funzionalitàLe nuove funzionalità
<4>.<4>.
Personalizzazione account utente:Personalizzazione account utente: Profili OPAC per la gestione dei servizi disponibili agli utenti (da GUI CIRC)Profili OPAC per la gestione dei servizi disponibili agli utenti (da GUI CIRC)
Visualizzazione record
biblioteca utente
Permessi per funzioni speciali
Record non accessibili
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1010
I T A L E Le nuove funzionalitàLe nuove funzionalità
<5>.<5>.
Integrazione con altri prodotti:Integrazione con altri prodotti: Integrazione con SFX Integrazione con SFX (non implementato) Integrazione con modulo ILL Integrazione con modulo ILL (non implementato) Integrazione con Course ReadingIntegrazione con Course Reading (non implementato)
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1111
I T A L E L’esperienza Bicocca-InsubriaL’esperienza Bicocca-Insubria
L’OPAC è fornito con L’OPAC è fornito con una struttura di una struttura di default:default: Pagina iniziale: login utente Predisposizione per
l’integrazione con ILL, SFX, … Predisposizione per l’uso di
funzionalità avanzate: Registrazione online nuovo Registrazione online nuovo
utenteutente Recupero passwordRecupero password
Non sono previste pagine di help Accessibilità: livello A di WAI-
WCAG
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1212
I T A L E Gli interventi di Gli interventi di
personalizzazionepersonalizzazione
I primi interventi, rivolti a:I primi interventi, rivolti a: Mantenere conformità logica con OPAC ver. 14 Eliminare funzionalità non testate o ritenute non
necessarie Eliminare integrazioni non implementate Verificare e migliorare l’accessibilità web Personalizzazione generale dell’OPAC
I primi ostacoli:I primi ostacoli: Struttura rigida Assenza di documentazione/formazione Parametri hard coded Gravi imprecisioni nella codifica HTML e CSS Mancanza di integrazione con editor html
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1313
I T A L E Le soluzioni adottateLe soluzioni adottate <1><1>
Modifica pagina iniziale:Modifica pagina iniziale: La home page deve essere login
(definita in www_server.conf) il contenuto è stato sostituitoil contenuto è stato sostituito
<include>[nomefile] definiscono le porzioni di pagina comuni
il contenuto è stato il contenuto è stato personalizzatopersonalizzato
DHTML/javascript per cookie uso non chiaro…uso non chiaro… generava errori nella generava errori nella
visualizzazione della paginavisualizzazione della pagina Inserite FAQInserite FAQ Personalizzato form invio commentiPersonalizzato form invio commenti Personalizzazione colonne outputPersonalizzazione colonne output
login
meta-tags
<corpo>
copyrights
head-1-bor/nobor
find-include-buttons
find-code-include
find-include-filter
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1414
I T A L E Le soluzioni adottateLe soluzioni adottate <2><2>
Inserimento FAQ:Inserimento FAQ: Non previste nella versione
default Files creati ad hoc in www_f_ita/,
prendendo a modello la struttura standard delle pagine:
<include>meta-tags, …<include>meta-tags, … Percorsi hard coded per link e Percorsi hard coded per link e
iconeicone Pulsanti standardPulsanti standard
Inseriti link in home page con sintassi:
&server_f?&server_f?func=file&file_name=[nomefile]func=file&file_name=[nomefile]
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1515
I T A L E Le soluzioni adottateLe soluzioni adottate <3><3>
Personalizzazione form Personalizzazione form webweb Directory
./bin01/form_ita/… www-feedback-mail-00: invio
commenti/suggerimenti www-save-staff-00:
promemoria per salvataggio basket su server (non implementato)
www-set-mail-00: invio set di record da ricerche OPAC
www-set-mail-777-00: invio record formato EndNote
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1616
I T A L E Le soluzioni adottateLe soluzioni adottate <4><4>
Ridimensionamento colonneRidimensionamento colonne www_tab_short (Util I/4)
Le impostazioni relative alla lunghezza dei campi qui Le impostazioni relative alla lunghezza dei campi qui dichiarate devono essere combinate ed incrociate dichiarate devono essere combinate ed incrociate con i valori percentuali dei campi $2xxx e $0xxxx con i valori percentuali dei campi $2xxx e $0xxxx contenuti in …contenuti in …
short-a-body-<sigla> nell'esatta sequenza numerica dichiarata innell'esatta sequenza numerica dichiarata in
www_tab_short cominciando a contare da $2300 www_tab_short cominciando a contare da $2300 Esempio:
campo campo autoreautore, posizione 1 in www_tab_short = $2300 , posizione 1 in www_tab_short = $2300 in short-a-body; campo in short-a-body; campo titolotitolo, posizione 2 in , posizione 2 in www_tab_short = $2400 in short-a-body; …www_tab_short = $2400 in short-a-body; …
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1717
I T A L E Le soluzioni adottateLe soluzioni adottate <5><5>
Informazioni sulla Informazioni sulla biblioteca:biblioteca: ./www_f_ita/library-./www_f_ita/library-
<sigla>.html<sigla>.html Icona: in ./www_f_ita/icon/…Icona: in ./www_f_ita/icon/… Pop up: dalle prove effettuate Pop up: dalle prove effettuate
non sembra ostacoli la non sembra ostacoli la visualizzazione della pagina visualizzazione della pagina
Presenza di link al sito della Presenza di link al sito della sublibrary e mailsublibrary e mail
Possibilità di stampare con Possibilità di stampare con bottone bottone user-friendlyuser-friendly
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1818
I T A L E RiassumendoRiassumendo <1><1>
$alephe_root$alephe_root www_server.conf: configurazione web server www_f_<lng>/: OPAC www_f_<lng>/icon/: icone e pulsanti www_s_<lng>/: Web Staff www_x_<lng>/: ILL www_r_<lng>/: Course Reading www_c_<lng>/: Union Catalog www_u_<lng>/:(utilities) www_y_<lng>/: vuota… ./error._<lng>/www_f_heading: messaggi agli utenti
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 1919
I T A L E RiassumendoRiassumendo <2><2>
$alephe_tab$alephe_tab tab_base_count: definizione delle basi logiche per la
ricerca OPAC (WEB e GUI) Scan-acc-head-<base>Scan-acc-head-<base> Scan-acc-body-<base>Scan-acc-body-<base>
tab. www_f_func: programmi opzionali definiti dall'utente tab. www_x_func: default per X Server (non
implementato)
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 2020
I T A L E RiassumendoRiassumendo <3><3>
edit_doc_999.<lng>edit_doc_999.<lng> edit_doc_777.<lng>edit_doc_777.<lng> www_tab_short.<lng>www_tab_short.<lng> www_f_sort_headingwww_f_sort_heading www_f_tab_short_999www_f_tab_short_999 tab_z121tab_z121 tab100tab100 tab_buf_z403 (tag 856)tab_buf_z403 (tag 856) BIB/form_ita/…BIB/form_ita/…
ADM/tab/ADM/tab/tab_hold_request_formtab_hold_request_form
tab_z30_sorttab_z30_sort ./alephm/source/www_f/./alephm/source/www_f/
www_f_load_func.cbl (in www_f_load_func.cbl (in Cobol)Cobol)
……
Altre tabelle:
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 2121
I T A L E RiassumendoRiassumendo <4><4>
I file che compongono le schermate:I file che compongono le schermate: Login/Logout: identificazione utente/fine sessione Find-a: ricerca multi-campo Find-b: ricerca base Find-c: ricerca CCL Find-d: ricerca multi-campo Scan: ricerca per scorrimento Base-list: scelta cataloghi Short-a-head/body: visualizzazione breve …
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 2222
I T A L E Le dolenti note…Le dolenti note…
Ci sono diversi problemi legati a:Ci sono diversi problemi legati a: Struttura delle pagine
Codifica non standard, es. Codifica non standard, es. <include>[nomefile]<include>[nomefile] Parametri proprietari di difficile gestioneParametri proprietari di difficile gestione HTML e CSS imprecisi e con sintassi errata (standard HTML e CSS imprecisi e con sintassi errata (standard
W3C)W3C)
Documentazione Insufficiente.Insufficiente. Nessun accenno sull’accessibilità (Legge n.4/2004, Nessun accenno sull’accessibilità (Legge n.4/2004,
Sezione 508 del Rehabilitation Act, WCAG-WAI)Sezione 508 del Rehabilitation Act, WCAG-WAI) L’OPAC non fa parte dei corsi di formazione sebbene L’OPAC non fa parte dei corsi di formazione sebbene
sia parte integrante del “pacchetto Aleph”sia parte integrante del “pacchetto Aleph”
Accessibilità
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 2323
I T A L E L’accessibilità…L’accessibilità… <1><1>
L’accessibilità è compromessa da: L’accessibilità è compromessa da: Errori di sintassi HTML e CSS
Tag in maiuscolo/minuscoloTag in maiuscolo/minuscolo Attributi "divisi" tra HTML e CSSAttributi "divisi" tra HTML e CSS Identificatori usati in modo erratoIdentificatori usati in modo errato
Assenza della dichiarazione DOCTYPE Assenza di attributi che forniscano descrizioni di link e
immagini (alt, title, caption, …) Assenza di indicazioni riguardo l’apertura di nuove
finestre (indicazione del target nell’attributo title) Assenza di alternative testuali per script Impiego massivo di tabelle per l’impaginazione
Segue…Segue…
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 2424
I T A L E L’accessibilità…L’accessibilità… <2><2>
L’accessibilità è compromessa da:L’accessibilità è compromessa da: Le tabelle contenenti dati non sono linearizzate Impaginazione tabellare dei form Assenza di tag e attributi specifici per i form (fieldset) Disabilitando la JVM alcune pagine non vengono caricate Assenza di attributi tabindex e accesskey I colori presenti nel CSS non sono web-safe (usabilità)
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 2525
I T A L E Le scelte di personalizzazioneLe scelte di personalizzazione
XHTMLXHTML XHTML rappresenta una fusione di HTML4 e XML, cioè gli
elementi HTML4 sono combinati con la sintassi XML. CSS:CSS:
Ricostruite tutte le classi e gli identificatori Trasferiti nel CSS attributi erroneamente indicati nel codice
Compatibilità:Compatibilità: Il codice è stato ottimizzato per essere compatibile con
tutti i browser, soprattutto quelli che non sono in grado di correggere automaticamente il codice.
AccessibilitàAccessibilità Adeguamento del codice agli standard e alla legislazione
nazionale (correzione dei problemi precedentemente elencati)
Varese, 01/04/2005Varese, 01/04/2005 Elena Fasola - Personalizzazione WebElena Fasola - Personalizzazione Web 2626
I T A L E Riferimenti sull’accessibilitàRiferimenti sull’accessibilità
http://www.pubbliaccesso.it/index.hthttp://www.pubbliaccesso.it/index.htmm http://www.pubbliaccesso.it/normative/legge_20040109_
n4.htm http://www.pubbliaccesso.it/normative/regolamento.htm
http://www.w3.orghttp://www.w3.org http://www.w3.org/WAI/ http://www.w3.org/TR/WCAG10/full-checklist.html
http://www.section508.gov/http://www.section508.gov/