La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa Ingegneria del Web: qualità dei siti.

Presentazioni simili


Presentazione sul tema: "Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa Ingegneria del Web: qualità dei siti."— Transcript della presentazione:

1 Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa Ingegneria del Web: qualità dei siti

2 Indice della Lezione Internet, il www e i siti web Internet, il www e i siti web Ingegneria del software Ingegneria del software Ingegneria del Web Ingegneria del Web - Accessibilità - Usabilità a. Analisi b. Progettazione c. Realizzazione d. Valutazione - Modelli di valutazione della qualità

3 Internet, il www e i siti web RETE DI CALCOLATORI: struttura di telecomunicazione in cui più calcolatori sono collegati tra di loro per condividere e scambiare informazioni; la comunicazione avviene mediante lo stesso schema di comunicazione (protocollo). Le reti si differenziano per: dimensioni – supporto – tipo di connessione – stabilità della connessione. INTERNET: rete planetaria di tutte le reti collegate tra loro, che comunicano mediante lInternet Protocol (IP). WWW (World Wide Web = Grande Ragnatela Mondiale): principale servizio di Internet che permette di accedere ai contenuti multimediali (organizzati in maniera ipertestuale) e ad altri servizi.

4 SITO WEB: insieme di pagine Web collegate in maniera ipertestuale - le pagine risiedono in un Web server; - lutente vi accede mediante un Web browser. I siti Web si distinguono - in statici e dinamici; - in base al settore di operatività e ai servizi offerti. SITI WEB STATICI: presentano contenuti di sola lettura per lutente; presentano contenuti di sola lettura per lutente; i contenuti variano con bassa frequenza e solo mediante modifica del codice HTML della pagina; i contenuti variano con bassa frequenza e solo mediante modifica del codice HTML della pagina; i primi siti Web erano così. i primi siti Web erano così. SITI WEB DINAMICI: caratterizzati dallinterazione dellutente con il sito; caratterizzati dallinterazione dellutente 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 web

5 In base al settore di operatività e ai servizi offerti si dividono in: siti personali; siti aziendali; siti di commercio elettronico; siti comunità; siti di download; siti informativi; siti ludici; motori di ricerca; database. Alcuni siti presentano aree riservate accessibili sono registrazione. Alcuni siti presentano aree riservate 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. Portale: sito web che ha raggiunto dimensioni tali da divenite porta dingresso ad un gran numero di informazioni. Portale: sito web che ha raggiunto dimensioni tali da divenite porta dingresso ad un gran numero di informazioni.

6 Ingegneria del software è la disciplina che di occupa dei processi produttivi e delle metodologie di sviluppo finalizzate alla realizzazione di sistemi software. è la disciplina che di occupa dei processi produttivi e delle metodologie di sviluppo finalizzate alla realizzazione di sistemi software. OBIETTIVI: legati all'evoluzione dello sviluppo del software da 2 punti di vista: punto di vista tecnologico: attraverso la definizione di nuovi linguaggi di programmazione; punto di vista tecnologico: attraverso la definizione di nuovi linguaggi di programmazione; punto di vista metodologico: mediante il perfezionamento dei modelli di realizzazione del software (scomposizione dellattività in sottoattività). punto di vista metodologico: mediante il perfezionamento dei modelli di realizzazione del software (scomposizione dellattività in sottoattività).

7 Il processo di produzione di un prodotto software si compone di 4 fasi fondamentali, inserite in uno schema circolare: ANALISI; ANALISI; PROGETTAZIONE; PROGETTAZIONE; REALIZZAZIONE; REALIZZAZIONE; VALUTAZIONE. VALUTAZIONE. Ingegneria del software

8 Ingegneria del Web processo per la creazione di applicazioni Web di alta qualità processo per la creazione di applicazioni Web di alta qualità Gli ingegneri del Web sono richiesti dalle aziende per creare siti che abbiano un alto livello di qualità dal punto di vista tecnologico ma allo stesso tempo che siano semplici da utilizzare. Gli ingegneri del Web sono richiesti dalle aziende per creare siti che abbiano un alto livello di qualità dal punto di vista tecnologico ma allo stesso tempo che siano semplici da utilizzare. Ingegneria del Web e del software non si occupano dello stesso problema, ma la seconda serve come base di partenza per lo sviluppo della prima. Ingegneria del Web e del software non si occupano dello stesso problema, ma la seconda serve come base di partenza per lo sviluppo della prima. OBIETTIVI delle applicazioni Web (e in generale delle applicazioni software) di qualità: accessibilità e usabilità

9 Accessibilità la capacità di sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da coloro che a causa di disabilità necessitano di tecnologie assistive e configurazioni particolari (Legge Stanca) la capacità di sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da coloro che a causa di disabilità necessitano di tecnologie assistive e configurazioni particolari (Legge Stanca) Possiamo allargare il concetto rispondendo ad una semplice domanda: Il sito è di facile accesso per tutti? In particolare bisogna tenere conto di 4 possibili ostacoli allaccesso: 1) I tempi di accesso sono adeguati? 2) Il sito è facile da trovare? 3) Il sito è accessibile con ogni browser? 4) Il sito è utilizzabile dagli utenti disabili?

10 Accessibilità: 1) I tempi di accesso sono adeguati? Tempo medio di scaricamento delle pagine: tempo che le pagine impiegano a comparire sul video, dal momento in cui l'utente fa la richiesta. Allungamento dei tempi daccesso diminuzione dei frequentatori. Oltre una certa soglia abbandono del sito. Indicazione pratica generale: la home page di un sito dovrebbe essere la più leggera possibile, per consentire all'utente un accesso veloce. Altri fattori da cui dipendono i tempi daccesso: 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.

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

12 Accessibilità: 2) Il sito è facile da trovare? Ci sono essenzialmente 3 modi per trovare un sito: 1. attraverso il suo "indirizzo; 2. mediante un motore di ricerca; 3. seguendo un link presente in un altro sito.

13 1) Attraverso il suo indirizzo: URL (Uniform Resource Locator): http: + host name + uneventuale sequenza di caratteri che specifica la posizione del file. La scelta del nome di un sito non è banale: - il modo più semplice per dare un nome ad un sito web è quello di utilizzare il nome dell'azienda, seguito dal suffisso nazionale (.it); - le cose si sono complicate col tempo perché esistono, oltre a quelli nazionali, dei suffissi che permettono di specificare una categoria:.org,.edu,.com; - il suffisso www, non è obbligatorio; è meglio utilizzare entrambi i nome, con e senza www, come sinonimi. Accessibilità: 2) Il sito è facile da trovare?

14 2) Mediante un motore di ricerca: nella maggior parte dei casi l'accesso ad un sito avviene attraverso un motore di ricerca; nella maggior parte dei casi l'accesso ad un sito avviene attraverso un motore di ricerca; andrebbe periodicamente controllato che il sito compaia nella prima o al massimo nella seconda pagina dei più importanti motori di ricerca, digitando alcune possibili parole chiave per la sua identificazione. andrebbe periodicamente controllato che il sito compaia nella prima o al massimo nella seconda pagina dei più importanti motori di ricerca, digitando alcune possibili parole chiave per la sua identificazione. 3) Seguendo un link presente in un altro sito: secondo modo più usato per accedere ad un sito, poiché il Web è un sistema fortemente autoreferenziale; secondo modo più usato per accedere ad un sito, poiché il Web è un sistema fortemente autoreferenziale; popolarità di un sito: numero di siti che contengono il link al sito in questione. Più alta è la popolarità, e più facile è laccesso al sito stesso. popolarità di un sito: numero di siti che contengono il link al sito in questione. Più alta è la popolarità, e più facile è laccesso al sito stesso.

15 Accessibilità: 3) Il sito è accessibile con ogni browser? Una stessa pagina Web può presentarsi in modo diverso se visualizzata con browser differenti, con diverse versioni dello stesso browser, o da sistemi operativi diversi. Una stessa pagina Web può presentarsi in modo diverso se visualizzata con browser differenti, con diverse versioni dello stesso browser, o da sistemi operativi diversi. Le diversità possono essere di vario livello e possono pregiudicare o non la comprensione delle pagine. Le diversità possono essere di vario livello e possono pregiudicare o non la comprensione delle pagine. Perché? Il browser, per decidere come visualizzare la pagina, interpreta le istruzioni HTML che trova nel documento insieme ai contenuti informativi veri e propri. Le regole di interpretazione non sono univoche e sono in continua evoluzione. Indicazione pratica generale: usare solo istruzioni conformi allo standard W3C ed evitare di utilizzare le novità tecnologiche più recenti, che potrebbero non essere supportate dai browser in circolazione.

16 Vengono considerati diversi tipi di disabili: ipovedenti, cechi, sordi, soggetti con disabilità motorie o con difficoltà di comprensione. Tecnologie assistive:Altri accorgimenti: - display braille,- caratteri modificabili in dimensione, - screen reader,- sottotitoli nei video. - ingranditori di schermo. 5 maggio 1999, il W3C pubblica il "Web Content Accessibility Guidelines, versione 1.0" (WCAG): 14 linee guida che presentano possibili problemi dovuti a disabilità dell'utente e suggeriscono dei controlli e delle azioni da mettere in pratica per migliorare la qualità dell'accessibilità. Accessibilità: 4) Il sito è accessibile dagli utenti disabili?

17 Le linee guida del WCAG sono piuttosto generali, pertanto ci sono dei checkpoint da eseguire per controllare se le regole sono soddisfatte. I checkpoint sono classificati in 3 livelli di priorità: Priorità 1: si devono seguire; Priorità 2: si dovrebbero seguire; Priorità 3: si potrebbero seguire. I checkpoint definiscono 3 livelli di conformità alle linee guida: Livello A checkpoint di Priorità 1, Livello AA checkpoint di Priorità 1 e 2, Livello AAA checkpoint di Priorità 1, 2 e 3. Accessibilità: 4) Il sito è accessibile dagli utenti disabili?

18 Usabilità l'efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in un determinato contesto d'uso (standard ISO). l'efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obbiettivi in un determinato contesto d'uso (standard ISO). Efficacia: accuratezza e completezza con la quale gli utenti raggiungono risultati. Efficienza: quantità di risorse spese per ottenere i risultati desiderati. Soddisfazione: comfort e accettabilità del sistema da parte dell'utente. La definizione vista è applicabile a qualsiasi contesto duso, non solo in ambito informatico e in relazione a siti Web.

19 Possiamo valutare l'usabilità rispondendo alla domanda: "Il sito è facile da utilizzare? Lusabilità è un concetto relativo e dipende da: utente, utente, obiettivi degli utenti, obiettivi degli utenti, contesto duso. contesto duso. Usabilità

20 Ingegneria del Web

21

22 Analisi OBIETTIVO OBIETTIVO: 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: che cosa progettazione che cosa si vuole realizzare; come e perché analisi come e perché lo si vuole realizzare. Il processo di analisi si divide in 3 fasi: 1) 1) elaborazione; 2) 2) organizzazione; 3) 3) revisione.

23 Analisi: 1) Elaborazione idee, obiettivi ed esigenze Raccolta di idee, 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 duso

24 Analisi: 1) Elaborazione siti concorrenti Analisi dei siti 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. vecchio sito Studio del vecchio 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.

25 Analisi: 2) Organizzazione Documento di specifica Stesura di una prima versione del Documento di specifica dei requisiti dei requisiti che deve essere: completo ma sintetico; comprensibile da tutti; Esso risulta articolato in 3 parti: 1) 1) parte generale; 2) 2) requisiti di qualità; 3) 3) requisiti di gestione.

26 Analisi: 2) Organizzazione 1) Parte generale: dati del committente, obiettivi, utenti, scenari duso, posizionamento competitivo. 2) Requisiti di qualità legati al modello di valutazione. 3) Requisiti di gestione: tempi risorse economiche e umane.

27 Analisi: 3) Revisione Revisione Revisione 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 dopera. ElaborazioneOrganizzazione Revisione ElaborazioneOrganizzazioneElaborazioneOrganizzazione Revisione ElaborazioneOrganizzazione Revisione ElaborazioneOrganizzazione

28 Ingegneria del Web

29 Progettazione 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.

30 Progettazione 1) Web design figura professionale: Web designer compito: progettazione della struttura di navigazione e dellarchitettura del sito 2) Visual design figura professionale: visual designer compito: definizione della grafica (prototipi differenti) 3) 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)

31 Progettazione 4) Gestione dei contenuti figura professionale: content editor compito: redazione dei contenuti 5) Esercizio del sito figura professionale: webmaster compito: gestione delloperatività del sito (manutenzione) 6) Gestione del server figura professionale: gestore / Web farm esterna compito: gestione del server su cui il sito si trova 7) Gestione della connettività Internet figura professionale: Internet service provider compito: gestione della connettività Internet alla Web farm

32 Ingegneria del Web

33 Realizzazione La realizzazione di un sito Web avviene utilizzando specifici linguaggi. Linguaggi dinamici (o di scripting) Linguaggi dinamici (o di scripting) pagine dinamiche Permettono di generare compiti di automazione o interazione con lutente. Generano dei programmi detti script. Solitamente sono semplici e interagiscono con programmi più complessi. Es. Perl, PHP, Javascript … Linguaggi statici Linguaggi statici pagine statiche Es. HTML

34 Realizzazione: HTML HTML HTML = 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 limpaginazione e la formattazione del testo. Utente: seleziona la pagina Web che vuole caricare Browser: 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 stessa pagina Web.

35 Ingegneria del Web

36 Valutazione qualità Valutare cosa? La qualità! la capacità di un prodotto di aiutare determinati utenti a raggiungere determinati obiettivi con efficacia, e soddisfazione, in determinati contesti duso (standard ISO). qualità in uso In realtà questa è la qualità in uso, dal punto di vista dellutente. 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.

37 Valutazione Possiamo individuare 3 fasi: requisiti 1) riprendere i requisiti definiti in fase di analisi; modello 2) scegliere il modello di valutazione della qualità; tecniche di valutazione 3) individuare le tecniche 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.

38 Valutazione: Modello ISO/IEC 9126 ISO L' ISO (Organizzazione Internazionale per la Normazione) IEC con l' IEC (Commissione Elettrotecnica Internazionale) ha proposto un modello di qualità per i software. 1)Modello della qualità del software; 2)Metriche per la qualità esterna; 3)Metriche per la qualità interna; 4)Metriche per la qualità in uso.


Scaricare ppt "Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa Ingegneria del Web: qualità dei siti."

Presentazioni simili


Annunci Google