gruppo 4: gelmi martina, morelato francesca, parisi elisa ingegneria del web: qualità dei siti

Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi ElisaGruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa

Ingegneria del Web:Ingegneria del Web:qualità dei sitiqualità dei siti

Indice della LezioneIndice della Lezione

Internet, il www e i siti webInternet, il www e i siti web Ingegneria del softwareIngegneria del software Ingegneria del WebIngegneria del Web

- Accessibilità- Accessibilità- Usabilità- Usabilità

a. Analisia. Analisib. Progettazioneb. Progettazionec. Realizzazionec. Realizzazioned. Valutazioned. Valutazione

- Modelli di valutazione della qualità- Modelli di valutazione della qualità

Internet, il www e i siti webInternet, il www e i siti webRETE DI CALCOLATORIRETE DI CALCOLATORI: struttura di telecomunicazione in cui più : struttura di telecomunicazione in cui più

calcolatori sono collegati tra di loro per condividere e scambiare calcolatori sono collegati tra di loro per condividere e scambiare informazioni; la comunicazione avviene mediante lo stesso informazioni; la comunicazione avviene mediante lo stesso schema di comunicazione (protocollo).schema di comunicazione (protocollo).

Le reti si differenziano per: dimensioni – supporto – tipo di Le reti si differenziano per: dimensioni – supporto – tipo di connessione – stabilità della connessione.connessione – stabilità della connessione.

INTERNETINTERNET: rete planetaria di tutte le reti collegate tra loro, che : rete planetaria di tutte le reti collegate tra loro, che comunicano mediante l’comunicano mediante l’Internet Protocol Internet Protocol (IP).(IP).

WWWWWW ( (World Wide WebWorld Wide Web = Grande Ragnatela Mondiale): principale = Grande Ragnatela Mondiale): principale servizio di Internet che permette di accedere ai contenuti servizio di Internet che permette di accedere ai contenuti multimediali (organizzati in maniera ipertestuale) e ad altri servizi.multimediali (organizzati in maniera ipertestuale) e ad altri servizi.

SITO WEBSITO WEB: insieme di pagine Web collegate in maniera ipertestuale: insieme di pagine Web collegate in maniera ipertestuale- le pagine risiedono in un Web server;- le pagine risiedono in un Web server;- l’utente vi accede mediante un Web browser.- l’utente vi accede mediante un Web browser.

I siti Web si distinguono I siti Web si distinguono - in statici e dinamici;- in statici e dinamici;- in base al settore di operatività e ai servizi - in base al settore di operatività e ai servizi

offerti.offerti.SITI WEB STATICISITI WEB STATICI::• presentano contenuti di sola lettura per l’utente;presentano contenuti di sola lettura per l’utente;• i contenuti variano con bassa frequenza e solo mediante modifica del i contenuti variano con bassa frequenza e solo mediante modifica del

codice HTML della pagina;codice HTML della pagina;• i primi siti Web erano così.i primi siti Web erano così.

SITI WEB DINAMICISITI WEB DINAMICI::• caratterizzati dall’interazione dell’utente con il sito;caratterizzati dall’interazione dell’utente con il sito;• i contenuti variano dinamicamente;i contenuti variano dinamicamente;• vengono scritti con linguaggi di scripting.vengono scritti con linguaggi di scripting.

Internet, il www e i siti webInternet, il www e i siti web

Internet, il www e i siti webInternet, il www e i siti web

In base al settore di operatività e ai servizi offerti si dividono in:In base al settore di operatività e ai servizi offerti si dividono in:siti personali;siti personali;siti aziendali;siti aziendali;siti di commercio elettronico;siti di commercio elettronico;siti comunità;siti comunità;siti di download;siti di download;siti informativi;siti informativi;siti ludici;siti ludici;motori di ricerca;motori di ricerca;database.database.

• Alcuni siti presentano Alcuni siti presentano aree riservatearee riservate accessibili sono registrazione. accessibili sono registrazione.• Molti siti sono un incrocio tra due o più delle precedenti categorie.Molti siti sono un incrocio tra due o più delle precedenti categorie.• PortalePortale: sito web che ha raggiunto dimensioni tali da divenite : sito web che ha raggiunto dimensioni tali da divenite porta porta

d’ingressod’ingresso ad un gran numero di informazioni. ad un gran numero di informazioni.

Ingegneria del softwareIngegneria del software→ → è la disciplina che di occupa dei processi produttivi e delle è la disciplina che di occupa dei processi produttivi e delle

metodologie di sviluppo finalizzate alla realizzazione di metodologie di sviluppo finalizzate alla realizzazione di sistemi software.sistemi software.

OBIETTIVIOBIETTIVI: legati all'evoluzione dello sviluppo del software da : legati all'evoluzione dello sviluppo del software da 2 punti di vista:2 punti di vista:

• punto di vista tecnologico:punto di vista tecnologico: attraverso la definizione di nuovi attraverso la definizione di nuovi linguaggi di programmazione;linguaggi di programmazione;

• punto di vista metodologico:punto di vista metodologico: mediante il perfezionamento mediante il perfezionamento dei modelli di realizzazione del software (scomposizione dei modelli di realizzazione del software (scomposizione dell’attività in sottoattività).dell’attività in sottoattività).

Il processo di produzione di un prodotto software si componeIl processo di produzione di un prodotto software si compone

di 4 fasi fondamentali, inserite in uno schema circolare:di 4 fasi fondamentali, inserite in uno schema circolare:

• ANALISI;ANALISI;• PROGETTAZIONE;PROGETTAZIONE;• REALIZZAZIONE;REALIZZAZIONE;• VALUTAZIONE.VALUTAZIONE.

Ingegneria del softwareIngegneria del software

Ingegneria del WebIngegneria del Web→ → processo per la creazione di applicazioni Web di alta processo per la creazione di applicazioni Web di alta

qualitàqualità

• Gli ingegneri del Web sono richiesti dalle aziende per Gli ingegneri del Web sono richiesti dalle aziende per creare siti che abbiano un alto livello di qualità dal punto creare siti che abbiano un alto livello di qualità dal punto di vista tecnologico ma allo stesso tempo che siano di vista tecnologico ma allo stesso tempo che siano semplici da utilizzare.semplici da utilizzare.

• Ingegneria del Web e del software non si occupano dello Ingegneria del Web e del software non si occupano dello stesso problema, ma la seconda serve come base di stesso problema, ma la seconda serve come base di partenza per lo sviluppo della prima.partenza per lo sviluppo della prima.

OBIETTIVIOBIETTIVI delle applicazioni Web (e in generale delle delle applicazioni Web (e in generale delle applicazioni software) di qualità: applicazioni software) di qualità: accessibilità e usabilitàaccessibilità e usabilità

AccessibilitàAccessibilità→ → ““la capacità di sistemi informatici, nelle forme e nei limiti la capacità di sistemi informatici, nelle forme e nei limiti

consentiti dalle conoscenze tecnologiche, di erogare servizi consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche e fornire informazioni fruibili, senza discriminazioni, anche da coloro che a causa di disabilità necessitano di tecnologie da coloro che a causa di disabilità necessitano di tecnologie assistive e configurazioni particolari”assistive e configurazioni particolari” (Legge Stanca) (Legge Stanca)

Possiamo allargare il concetto rispondendo ad una semplice Possiamo allargare il concetto rispondendo ad una semplice domanda:domanda:Il sito è di facile accesso per tutti?Il sito è di facile accesso per tutti?

In particolare bisogna tenere conto di 4 possibili ostacoliIn particolare bisogna tenere conto di 4 possibili ostacoliall’accesso:all’accesso:1)1) I tempi di accesso sono adeguati?I tempi di accesso sono adeguati?2)2) Il sito è facile da trovare?Il sito è facile da trovare?3)3) Il sito è accessibile con ogni browser?Il sito è accessibile con ogni browser?4)4) Il sito è utilizzabile dagli utenti disabili?Il sito è utilizzabile dagli utenti disabili?

Accessibilità:Accessibilità: 1) I tempi di accesso sono adeguati? 1) I tempi di accesso sono adeguati?

Tempo medio di scaricamento delle pagine:Tempo medio di scaricamento delle pagine: tempo che le pagine tempo che le pagine impiegano a comparire sul video, dal momento in cui l'utente fa la impiegano a comparire sul video, dal momento in cui l'utente fa la richiesta.richiesta.

Allungamento dei tempi d’accesso → diminuzione dei frequentatori.Allungamento dei tempi d’accesso → diminuzione dei frequentatori.Oltre una certa soglia → abbandono del sito.Oltre una certa soglia → abbandono del sito.

Indicazione pratica generale:Indicazione pratica generale: la home page di un sito dovrebbe la home page di un sito dovrebbe essere la più leggera possibile, per consentire all'utente un essere la più leggera possibile, per consentire all'utente un accesso veloce.accesso veloce.

Altri fattori da cui dipendono i tempi d’accesso:Altri fattori da cui dipendono i tempi d’accesso:• prestazioni del server che ospitano il sito;prestazioni del server che ospitano il sito;• qualità del collegamento ad Internet di questo server;qualità del collegamento ad Internet di questo server;• itinerario percorso dalle pagine per raggiungere l'utente;itinerario percorso dalle pagine per raggiungere l'utente;• qualità del collegamento dell'utente.qualità del collegamento dell'utente.

Accessibilità:Accessibilità: 1) I tempi di accesso sono adeguati? 1) I tempi di accesso sono adeguati?

Accessibilità:Accessibilità: 2) Il sito è facile da trovare? 2) Il sito è facile da trovare?

Ci sono essenzialmente 3 modi per trovare un sito:Ci sono essenzialmente 3 modi per trovare un sito:

1. attraverso il suo "indirizzo“;1. attraverso il suo "indirizzo“;

2. mediante un motore di ricerca;2. mediante un motore di ricerca;

3. seguendo un link presente in un altro 3. seguendo un link presente in un altro sito.sito.

1) Attraverso il suo “1) Attraverso il suo “indirizzoindirizzo”:”:

URLURL ( (Uniform Resource Locator): Uniform Resource Locator): ““http:” + http:” + host host name + un’eventuale sequenza di caratteri chename + un’eventuale sequenza di caratteri che

specifica la posizione del file.specifica la posizione del file.

La scelta del nome di un sito non è banale:La scelta del nome di un sito non è banale:- il modo più semplice per dare un nome ad un sito web è quello il modo più semplice per dare un nome ad un sito web è quello

di utilizzare il nome dell'azienda, seguito dal suffisso nazionale di utilizzare il nome dell'azienda, seguito dal suffisso nazionale (.it);(.it);

- le cose si sono complicate col tempo perché esistono, oltre a le cose si sono complicate col tempo perché esistono, oltre a quelli nazionali, dei suffissi che permettono di specificare una quelli nazionali, dei suffissi che permettono di specificare una categoria: .org, .edu, .com;categoria: .org, .edu, .com;

- il suffisso il suffisso wwwwww, non è obbligatorio; è meglio utilizzare entrambi , non è obbligatorio; è meglio utilizzare entrambi i nome, con e senza i nome, con e senza wwwwww, come sinonimi., come sinonimi.

Accessibilità:Accessibilità: 2) Il sito è facile da trovare? 2) Il sito è facile da trovare?

Accessibilità:Accessibilità: 2) Il sito è facile da trovare?2) Il sito è facile da trovare?

2) Mediante un 2) Mediante un motore di ricercamotore di ricerca::• nella maggior parte dei casi l'accesso ad un sito avviene nella maggior parte dei casi l'accesso ad un sito avviene

attraverso un motore di ricerca;attraverso un motore di ricerca;• andrebbe periodicamente controllato che il sito compaia andrebbe periodicamente controllato che il sito compaia

nella prima o al massimo nella seconda pagina dei più nella prima o al massimo nella seconda pagina dei più importanti motori di ricerca, digitando alcune possibili parole importanti motori di ricerca, digitando alcune possibili parole chiave per la sua identificazione.chiave per la sua identificazione.

3) Seguendo un 3) Seguendo un linklink presente in un altro sito: presente in un altro sito:• secondo modo più usato per accedere ad un sito, poiché il secondo modo più usato per accedere ad un sito, poiché il

Web è un sistema fortemente autoreferenziale;Web è un sistema fortemente autoreferenziale;• popolarità di un sitopopolarità di un sito: numero di siti che contengono il link al : numero di siti che contengono il link al

sito in questione. Più alta è la popolarità, e più facile è sito in questione. Più alta è la popolarità, e più facile è l’accesso al sito stesso.l’accesso al sito stesso.

Accessibilità:Accessibilità: 3) Il sito è accessibile con ogni browser? 3) Il sito è accessibile con ogni browser?

• Una stessa pagina Web può presentarsi in modo diverso se Una stessa pagina Web può presentarsi in modo diverso se visualizzata con browser differenti, con diverse versioni visualizzata con browser differenti, con diverse versioni dello stesso browser, o da sistemi operativi diversi.dello stesso browser, o da sistemi operativi diversi.

• Le diversità possono essere di vario livello e possono Le diversità possono essere di vario livello e possono pregiudicare o non la comprensione delle pagine.pregiudicare o non la comprensione delle pagine.

Perché?Perché? Il browser, per decidere come visualizzare la pagina, Il browser, per decidere come visualizzare la pagina,interpreta le istruzioni HTML che trova nel documento insieme aiinterpreta le istruzioni HTML che trova nel documento insieme aicontenuti informativi veri e propri. Le regole di interpretazionecontenuti informativi veri e propri. Le regole di interpretazionenon sono univoche e sono in continua evoluzione.non sono univoche e sono in continua evoluzione.

Indicazione pratica generale:Indicazione pratica generale: usare solo istruzioni conformi allo usare solo istruzioni conformi allostandard W3C ed evitare di utilizzare le novità tecnologiche piùstandard W3C ed evitare di utilizzare le novità tecnologiche piùrecenti, che potrebbero non essere supportate dai browser inrecenti, che potrebbero non essere supportate dai browser incircolazione.circolazione.

Vengono considerati diversi tipi di disabili: ipovedenti, cechi, sordi,Vengono considerati diversi tipi di disabili: ipovedenti, cechi, sordi,soggetti con disabilità motorie o con difficoltà di comprensione.soggetti con disabilità motorie o con difficoltà di comprensione.

Tecnologie assistive:Tecnologie assistive: Altri accorgimenti:Altri accorgimenti:- display braille,- display braille, - caratteri modificabili in dimensione,- caratteri modificabili in dimensione,- screen reader,- screen reader, - sottotitoli nei video.- sottotitoli nei video.- ingranditori di schermo.- ingranditori di schermo.

5 maggio 1999, il W3C pubblica il 5 maggio 1999, il W3C pubblica il "Web Content Accessibility"Web Content AccessibilityGuidelines, versione 1.0"Guidelines, versione 1.0" ( (WCAGWCAG):):

14 linee guida che presentano possibili problemi dovuti a 14 linee guida che presentano possibili problemi dovuti a disabilità dell'utente e suggeriscono dei controlli e delle azioni disabilità dell'utente e suggeriscono dei controlli e delle azioni da mettere in pratica per migliorare la qualità dell'accessibilità.da mettere in pratica per migliorare la qualità dell'accessibilità.

Accessibilità:Accessibilità: 4) Il sito è accessibile dagli utenti disabili? 4) Il sito è accessibile dagli utenti disabili?

Le linee guida del WCAG sono piuttosto generali, pertanto ciLe linee guida del WCAG sono piuttosto generali, pertanto ci

sono dei sono dei checkpointcheckpoint da eseguire per controllare se le regole da eseguire per controllare se le regole

sono soddisfatte.sono soddisfatte.

I checkpoint sono classificati in I checkpoint sono classificati in 3 livelli di priorità3 livelli di priorità::

Priorità 1Priorità 1: si devono seguire;: si devono seguire;

Priorità 2Priorità 2: si dovrebbero seguire;: si dovrebbero seguire;

Priorità 3Priorità 3: si potrebbero seguire.: si potrebbero seguire.

I checkpoint definiscono I checkpoint definiscono 3 livelli di conformità alle linee guida3 livelli di conformità alle linee guida::

Livello A → Livello A → checkpoint di Priorità 1,checkpoint di Priorità 1,

Livello AA → Livello AA → checkpoint di Priorità 1 e 2,checkpoint di Priorità 1 e 2,

Livello AAA → cLivello AAA → checkpoint di Priorità 1, 2 e 3.heckpoint di Priorità 1, 2 e 3.

Accessibilità:Accessibilità: 4) Il sito è accessibile dagli utenti disabili? 4) Il sito è accessibile dagli utenti disabili?

UsabilitàUsabilità

→ “→ “l'efficacia, efficienza e soddisfazione con cui determinati l'efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in un utenti possono raggiungere determinati obbiettivi in un

determinato contesto d'uso”determinato contesto d'uso” (standard ISO). (standard ISO).

EfficaciaEfficacia: : accuratezza e completezza con la quale gli utenti accuratezza e completezza con la quale gli utenti raggiungono risultati.raggiungono risultati.

EfficienzaEfficienza:: quantità di risorse spese per ottenere i risultati quantità di risorse spese per ottenere i risultati desiderati.desiderati.

SoddisfazioneSoddisfazione:: comfort e accettabilità del sistema da parte comfort e accettabilità del sistema da parte dell'utente.dell'utente.

La definizione vista è applicabile a qualsiasi contesto d’uso, nonLa definizione vista è applicabile a qualsiasi contesto d’uso, nonsolo in ambito informatico e in relazione a siti Web.solo in ambito informatico e in relazione a siti Web.

Possiamo valutare l'usabilità rispondendo alla domanda:Possiamo valutare l'usabilità rispondendo alla domanda:

"Il sito è facile da utilizzare?“"Il sito è facile da utilizzare?“

L’usabilità è un concetto relativo e dipende da:L’usabilità è un concetto relativo e dipende da:• utente,utente,• obiettivi degli utenti,obiettivi degli utenti,• contesto d’uso.contesto d’uso.

UsabilitàUsabilità

Ingegneria del WebIngegneria del Web

AnalisiAnalisi

OBIETTIVOOBIETTIVO: redazione di un documento di specifica dei requisiti

a cura di un consulente specializzato che descriva le proprietà

richieste o desiderabili.

Non confondiamo analisi e progettazione:

progettazione → che cosache cosa si vuole realizzare;

analisi → come e perchécome e perché lo si vuole realizzare.

Il processo di analisi si divide in 3 fasi:

1) elaborazione;

2) organizzazione;

3) revisione.

Analisi:Analisi: 1) Elaborazione 1) Elaborazione

Raccolta di idee, obiettivi ed esigenzeidee, obiettivi ed esigenze che il sito dovrebbe

avere secondo il committente e i principali attori coinvolti nel

sito.

Per la raccolta dei pareri possono essere usati metodi diversi:• interviste individuali;• focus group;• questionari;• suggerimenti spontanei degli utenti.

scenari d’uso

Analisi:Analisi: 1) Elaborazione 1) Elaborazione

Analisi dei siti concorrentisiti concorrenti.• Individuare punti di forza e di debolezza dei concorrenti

diretti.• Riassumere i dati in una tabella.• Evitare i difetti e cercare di contraddistinguerlo con qualcosa

di peculiare.

Studio del vecchio sitovecchio sito (se si tratta di un rifacimento).Si utilizza un programma log analyzer che permette di analizzare:• il numero la durata degli accessi;• quali sono le pagine più visitate e i documenti più scaricati;• quali sono i sistemi operativi, i browser e i motori di ricerca

più utilizzati per raggiungere il sito.

Analisi:Analisi: 2) Organizzazione 2) Organizzazione

Stesura di una prima versione del Documento di specificaDocumento di specifica

dei requisitidei requisiti che deve essere:• completo ma sintetico;• comprensibile da tutti;

Esso risulta articolato in 3 parti:

1) parte generale;

2) requisiti di qualità;

3) requisiti di gestione.

Analisi:Analisi: 2) Organizzazione 2) Organizzazione

1) Parte generale:• dati del committente,• obiettivi,• utenti,• scenari d’uso,• posizionamento competitivo.

2) Requisiti di qualità

legati al modello di valutazione.

3) Requisiti di gestione:• tempi• risorse economiche e umane.

Analisi:Analisi: 3) Revisione 3) Revisione

RevisioneRevisione del Documento di specifica dei requisiti da parte

del committente.

Il documento non è definitivo ma viene corretto e costantemente

aggiornato in base alle esigenze che si verificano in corso

d’opera.

Elaborazione Organizzazione

Revisione

Elaborazione OrganizzazioneElaborazione Organizzazione

Revisione


Revisione


ProgettazioneProgettazione

Processo complesso e non univoco (in base alle esigenze e al

tipo di sito).

Si articola in 7 tappe, ognuna delle quali è caratterizzata da una

figura professionale e da un compito.


1) Web design1) Web design

figura professionale: Web designer

compito: progettazione della struttura di navigazione e dell’architettura del sito

2) Visual design2) Visual design

figura professionale: visual designer

compito: definizione della grafica (prototipi differenti)

3) Sviluppo del software3) Sviluppo del software

figura professionale: system integrator

compito: assemblaggio del sito a partire dai prodotto software scelti

→ ora il sito è un contenitore vuoto (senza contenuti)


4) Gestione dei contenuti4) Gestione dei contenuti

figura professionale: content editor

compito: redazione dei contenuti5) Esercizio del sito5) Esercizio del sito

figura professionale: webmaster

compito: gestione dell’operatività del sito

(manutenzione)6) Gestione del server6) Gestione del server

figura professionale: gestore / Web farm esterna

compito: gestione del server su cui il sito si trova

7) Gestione della connettività Internet7) Gestione della connettività Internet

figura professionale: Internet service provider

compito: gestione della connettività Internet alla Web farm

RealizzazioneRealizzazione

La realizzazione di un sito Web avviene utilizzando specifici linguaggi.

Linguaggi dinamiciLinguaggi dinamici (o di scripting) (o di scripting) → pagine dinamiche• Permettono di generare compiti di automazione o interazione con

l’utente.• Generano dei programmi detti script. • Solitamente sono semplici e interagiscono con programmi più

complessi.Es. Perl, PHP, Javascript …

Linguaggi staticiLinguaggi statici → pagine staticheEs. HTML

Realizzazione: HTMLRealizzazione: HTML

HTMLHTML = Hyper Text Mark-Up Language• Nasce alla fine degli anni ’80 presso il CERN di Ginevra per

raccogliere pubblicazioni scientifiche e si sviluppa negli anni ’90 con la diffusione commerciale del Web.

• È un linguaggio di Mark-Up: i documenti sono file di testo con dei tag che descrivono l’impaginazione e la formattazione del testo.

Utente: seleziona la pagina Web che vuole caricareBrowser: scarica il file di testo HTML e gli eventuali allegati e

li rielabora.Utente: visualizza la resa grafica finale, non il file HTML.

→ dispositivi diversi possono visualizzare diversamente la stessapagina Web.

ValutazioneValutazioneValutare cosa? La qualitàqualità!

“la capacità di un prodotto di aiutare determinati utenti a raggiungere determinati obiettivi con efficacia, e soddisfazione, in determinati contesti d’uso” (standard ISO).

In realtà questa è la qualità in usoqualità in uso, dal punto di vista dell’utente.

Qualità esterna:Qualità esterna: riguarda il comportamento del software e interessa ai collaudatori del sito.

Qualità interna:Qualità interna: riguarda il codice sorgente e interessa ai programmatori.

ValutazioneValutazione

Possiamo individuare 3 fasi:

1) riprendere i requisitirequisiti definiti in fase di analisi;

2) scegliere il modellomodello di valutazione della qualità;

3) individuare le tecniche di valutazionetecniche di valutazione da utilizzare.

• Tecniche ispettive: osservazione dei punti di forza e di debolezza, analisi mediante log analyzer.

• Tecniche user based: utilizzo di un campione di utenti per la sperimentazione di compiti specifici.

Valutazione:Valutazione: Modello ISO/IEC 9126 Modello ISO/IEC 9126

L' ISOISO (Organizzazione Internazionale per la Normazione)con l' IECIEC (Commissione Elettrotecnica Internazionale) ha

proposto un modello di qualità per i software.

1)Modello della qualità del software;1)Modello della qualità del software;2)Metriche per la qualità esterna;2)Metriche per la qualità esterna;3)Metriche per la qualità interna;3)Metriche per la qualità interna;4)Metriche per la qualità in uso.4)Metriche per la qualità in uso.

gruppo 4: gelmi martina, morelato francesca, parisi elisa ingegneria del web: qualità dei siti

Documents