Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz,...

26
Associazione utenti Italiani aleph Associazione utenti Italiani aleph Elena Fasola Elena Fasola Università Università dell’Insubria dell’Insubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dell’interfaccia Web I T A L E http://www.itale.it

Transcript of Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz,...

Page 1: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 2: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 3: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 4: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 5: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 6: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 7: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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.

Page 8: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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)

Page 9: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 10: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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)

Page 11: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 12: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 13: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 14: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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]

Page 15: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 16: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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; …

Page 17: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 18: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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

Page 19: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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)

Page 20: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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:

Page 21: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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 …

Page 22: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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à

Page 23: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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…

Page 24: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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à)

Page 25: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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)

Page 26: Associazione utenti Italiani aleph Elena Fasola Università dellInsubria Varese – Villa Toeplitz, 1 aprile 2005 Personalizzazione dellinterfaccia Web .

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/